CSS Hat - это плагин для Photoshop, волшебная кнопка, превращающая стили в Photoshop в CSS-код. Преобразование дизайна из Photoshop в веб-страницу всего за один клик. Как только появились веб-дизайнеры, появилась и эта идея-мечта. CSS Hat отличается от других приложений:

Это приложение не представляет собой полноценный WYSIWYG, направленный на то, чтобы вы могли создавать веб-сайты, не написав и строчки кода. Это приложение скорее направлено на возможность быстрого создания CSS3-стилей для конкретных элементов, используя процесс, который был популярен с десяток лет назад (а то и больше) прямо в Photoshop. Достаточно выделить слой и CSS Hat прямо в Photoshop сгенерирует CSS3, LESS, SASS, LCSS или Stylus –правила для элемента. Остается лишь нажать кнопку Copy и вставить код в файл с таблицами стилей.Можно включить комментарии, префиксы -moz -webkit, свойства height и width.

Плагин будет чрезвычайно полезным помощником каждому верстальщику. CSS HAT конвертирует стили слоев и информацию о содержимом в CSS, LESS, SCSS/SAAS, Stylus. Да есть бесплатный CSS3Ps, но CSS HAT значительно удобнее и быстрее. Замечательный плагин от известной компании Source «символизирует» лучший способ того, как должна происходить нарезка слоев. Принцип «в один клик», которые значительно сокращает потраченное время на экспорт слоев наглядно продемонстрирован в видео выше. Что еще есть внутри: мощная оптимизация с помощью PNG Crush, PNG quant и opti PNG, которая по заявлению разработчиков в разы эффективнее стандартного способа; Base64 encoding; код на изображение копируется в буфер для HTML, CSS или Obj C; масштабирование, что очень удобно в связи с необходимостью разработки дизайна под Retina дисплеи и даже облако объёмом 1-Гигабайт для хранения изображения. Мгновенный экспорт изображений, загрузка на сервер и HTML / CSS шаблонов - все готово к использованию с этим плагином для Photoshop.

Adobe Photoshop CC 2014 only.
Сайт разработчика: https://csshat.com/
Скачать:
Скачать для  Windows : Ссылка
Скачать для  Mac OC X:Ссылка