7 ms·

CSSHat with 60% Discount Today

36 points by PetrBrzyBrzek 14y ago

tehdik 14y ago
I highly recommend this. Saves a lot of time and supports SASS.
dreen 14y ago
Here is a free alternative, would be interesting to hear if anyone compared the two. http://css3ps.com/ http://css3ps.com/
- PetrBrzyBrzek 14y ago
  There is an article in French http://chrishrmnn.blogduwebdesign.com/blog/articles/741 http://chrishrmnn.blogduwebdesign.com/blog/articles/741
- DavidSiska 14y ago
  Hi Dreen. I work in CSS Hat, so I will write more info about it. You get CSS code Instantly In Photoshop with CSS Hat, No Waiting, No ADs. You can choose from 6 CSS formats and CSS Hat has beautiful and easy installation. It truly speed up your workflow tremendously and users love CSS Hat for that! :-)
  - andrewmunsell 14y ago
    It's actually a very nice product-- I just bought it and tried it out, and it seems to work very well. The one issue that came up (which isn't technically a bug in your app) is when designing buttons with a default and hover state, you do manually have to tweak the CSS, since the "hover" button won't override all properties of the default one.
- tehdik 14y ago
  css3ps.com is also great, but it does not instantly provide the code inside of Photoshop like csshat. A web browser launches and you have to wait twenty seconds before code appears.
sergiotapia 14y ago
I'd love to recommend this to a colleague at work. Does anyone have a review of how it works and if it's OK to use for production?
- tehdik 14y ago
  I use it for production code. Works great.
- DavidSiska 14y ago
  Hi Sergiotapia, there are reviews: MacAppStorm: http://mac.appstorm.net/reviews/web-dev-review/css-hat-turn-photoshop-layers-into-css3-code-with-a-click/ http://mac.appstorm.net/reviews/web-dev-review/css-hat-turn-... The Next Web: http://thenextweb.com/apps/2012/06/28/sweet-css-hat-turns-photoshop-layer-styles-into-css3-now-available-on-windows-and-mac/ http://thenextweb.com/apps/2012/06/28/sweet-css-hat-turns-ph... Design Hack: http://designshack.net/articles/css/css-hat-a-magic-button-that-turns-photoshop-styles-into-css/ http://designshack.net/articles/css/css-hat-a-magic-button-t... Or you can watch video review: https://www.youtube.com/watch?feature=player_embedded&v=ZcukMGBeXCE https://www.youtube.com/watch?feature=player_embedded&v=... + you can still read what CSS Hat users says about it on Twitter: https://twitter.com/search?q=%22csshat%22%20OR%20%22css%20hat%22&src=typd https://twitter.com/search?q=%22csshat%22%20OR%20%22css%20ha... Hope it helps in decision process :-)
  - sergiotapia 14y ago
    Does it work with a pirated version of Photoshop? I'm from Bolivia and sadly I just can't afford to pay 1.500$ for a legitimate version of photoshop - so I rely on a 'shady' version.
    - DavidSiska 14y ago
      Plugin can't see if the Photoshop license is legal. So CSS Hat works even in nonlegal Photoshop.
nnnnnn 14y ago
Just bought this. Wow, this is going to save so much time. No more digging around to determine border radius or font-sizes. I totally recommend this, especially at $12. It will easily save me 20%-40% of the time I spend working inside of Photoshop when converting PSD to HTML. Not perfect for some complex layers (such as shapes) but amazing for the repetitive determining of shadows, sizes, radius, font-face, etc. I would love to see this tool have a tool to automatically cut and clip layers into separate images.
justjimmy 14y ago
Gonna snag it. Read about it over the summer, decided to wait for reviews, glad it popped back up again. Note: Under 'What You Get', anyone know what's the difference between: Free lifetime updates and bug fixes. vs Free upgrades for 1 year.
- andrewmunsell 14y ago
  My guess is that major version upgrades are free for a year, while all minor (e.g. 1.x) changes and bug fixes are free forever.
josscrowcroft 14y ago
Beautiful, purchased! Thanks for the excellent discount. Can't wait to try it out in my COMPLETELY LEGITIMATE copy of PhotoShop.
TazeTSchnitzel 14y ago
Here's a pretty short video by a fan that demonstrates what it does: https://www.youtube.com/watch?v=ZcukMGBeXCE https://www.youtube.com/watch?v=ZcukMGBeXCE
- Reltair 14y ago
  Thanks, the video pushed me over the fence into making the purchase. Seeing an actual demo really helps in understanding what it does.

36 points by PetrBrzyBrzek 14y ago

I highly recommend this. Saves a lot of time and supports SASS.

dreen 14y ago

Here is a free alternative, would be interesting to hear if anyone compared the two. http://css3ps.com/ http://css3ps.com/

PetrBrzyBrzek 14y ago
There is an article in French http://chrishrmnn.blogduwebdesign.com/blog/articles/741 http://chrishrmnn.blogduwebdesign.com/blog/articles/741
DavidSiska 14y ago
Hi Dreen. I work in CSS Hat, so I will write more info about it. You get CSS code Instantly In Photoshop with CSS Hat, No Waiting, No ADs. You can choose from 6 CSS formats and CSS Hat has beautiful and easy installation. It truly speed up your workflow tremendously and users love CSS Hat for that! :-)
- andrewmunsell 14y ago
  It's actually a very nice product-- I just bought it and tried it out, and it seems to work very well. The one issue that came up (which isn't technically a bug in your app) is when designing buttons with a default and hover state, you do manually have to tweak the CSS, since the "hover" button won't override all properties of the default one.
tehdik 14y ago
css3ps.com is also great, but it does not instantly provide the code inside of Photoshop like csshat. A web browser launches and you have to wait twenty seconds before code appears.

sergiotapia 14y ago

I'd love to recommend this to a colleague at work. Does anyone have a review of how it works and if it's OK to use for production?

tehdik 14y ago
I use it for production code. Works great.
DavidSiska 14y ago
Hi Sergiotapia, there are reviews: MacAppStorm: http://mac.appstorm.net/reviews/web-dev-review/css-hat-turn-photoshop-layers-into-css3-code-with-a-click/ http://mac.appstorm.net/reviews/web-dev-review/css-hat-turn-... The Next Web: http://thenextweb.com/apps/2012/06/28/sweet-css-hat-turns-photoshop-layer-styles-into-css3-now-available-on-windows-and-mac/ http://thenextweb.com/apps/2012/06/28/sweet-css-hat-turns-ph... Design Hack: http://designshack.net/articles/css/css-hat-a-magic-button-that-turns-photoshop-styles-into-css/ http://designshack.net/articles/css/css-hat-a-magic-button-t... Or you can watch video review: https://www.youtube.com/watch?feature=player_embedded&v=ZcukMGBeXCE https://www.youtube.com/watch?feature=player_embedded&v=... + you can still read what CSS Hat users says about it on Twitter: https://twitter.com/search?q=%22csshat%22%20OR%20%22css%20hat%22&src=typd https://twitter.com/search?q=%22csshat%22%20OR%20%22css%20ha... Hope it helps in decision process :-)
- sergiotapia 14y ago
  Does it work with a pirated version of Photoshop? I'm from Bolivia and sadly I just can't afford to pay 1.500$ for a legitimate version of photoshop - so I rely on a 'shady' version.
  - DavidSiska 14y ago
    Plugin can't see if the Photoshop license is legal. So CSS Hat works even in nonlegal Photoshop.

nnnnnn 14y ago

Just bought this. Wow, this is going to save so much time. No more digging around to determine border radius or font-sizes. I totally recommend this, especially at $12. It will easily save me 20%-40% of the time I spend working inside of Photoshop when converting PSD to HTML. Not perfect for some complex layers (such as shapes) but amazing for the repetitive determining of shadows, sizes, radius, font-face, etc. I would love to see this tool have a tool to automatically cut and clip layers into separate images.

justjimmy 14y ago

Gonna snag it. Read about it over the summer, decided to wait for reviews, glad it popped back up again. Note: Under 'What You Get', anyone know what's the difference between: Free lifetime updates and bug fixes. vs Free upgrades for 1 year.

andrewmunsell 14y ago
My guess is that major version upgrades are free for a year, while all minor (e.g. 1.x) changes and bug fixes are free forever.

josscrowcroft 14y ago

Beautiful, purchased! Thanks for the excellent discount. Can't wait to try it out in my COMPLETELY LEGITIMATE copy of PhotoShop.

TazeTSchnitzel 14y ago

Here's a pretty short video by a fan that demonstrates what it does: https://www.youtube.com/watch?v=ZcukMGBeXCE https://www.youtube.com/watch?v=ZcukMGBeXCE

Reltair 14y ago
Thanks, the video pushed me over the fence into making the purchase. Seeing an actual demo really helps in understanding what it does.