Year: 2015
Version: 2.1.1 & 1.2.0
Developer: Piffle, LLC
Architecture: x86 & x64
Supported OS: Mac OS X 10.7+ / Windows XP / Vista / 7/8 / 8.1
System requirements:
Mac OS (10.7+) / Windows
- CSS Hat 2.1.1
Supports Adobe Photoshop CC 2014, CC 2015
- PNGhat 1.2.0
Supports Photoshop CS5, CS6, CC, CC 2014.1+, CC 2015
Language: ENG


- CSS Hat: magic button that turns the styles into Photoshop to CSS-code
Converting from Photoshop design into a web page in just one click - it's not exactly a novel idea. As soon as the web designers, there was an idea, a dream. CSS Hat is different from the other applications that you might have seen before. This app is a complete a WYSIWYG, aimed at the fact that you can create websites without writing a single line of code. This application is directed more to the possibility of quickly creating CSS3-styles for specific elements using a process that was popular ten years ago (or even more) directly in Photoshop. Appendix magnificent! Just select the layer and CSS Hat directly in Photoshop generate CSS3, LESS, SASS, LCSS or Stylus -rules element. It remains only to press the Copy button and paste the code into a file with stylesheets.
You can include comments, prefix -moz -webkit, the height property and width, convert the layer name in the name of the selector.
- PNG Hat: Instant image export, upload to server and HTML / CSS templates - all ready to be used with this plug-in for Photoshop.

PNG Hat 1.2.0
- CC2014: Fixed template src for cloud and base64 export
- CC2015 support
CSS Hat 2 v2.1.1
- CC2015 support
- Bundled SASS, LESS and Stylus templates inside (you don't need to install them)
- Updated language templates with many new features (line-height, autoprefixer, ...)
- Speed improvements
- Retina icons

Download File Size:133.68 MB

---