CSS Hat

[Markshall]

Well I've no idea what made me find this, but after trawling the Internet for a bit during a long spell of being bored, I came across this: CSS Hat.

I must say, it is one of the best plug-in's I have ever come across.

It basically translates Photoshop layers into CSS code to copy & paste into your CSS file to be able to use the code and have it identical to your Photoshop layer.

But, it does come at a cost, £19 ($29.99). Personally I don't have it as I don't do much design work, but if I was a designer I would definitely be purchasing this.

You must be registered for see links

 

[Kryptos]

Ah! Pretty neat plugin, I actually have it ;P ( Nop, did not paid for it )

Nonetheless, pretty nice share!

 

[NSA]

My favorite step from that website is step three.

Looks pretty good; like... wow.

 

[Markshall]

Yeah, it's really good.

They're making some nice income from it too, they celebrated their 1,000'th customer in June 2012 and if they're selling it $29.99 per license that's $29,990 and that'd have risen from last year.

What made me giggle was on their

You must be registered for see links

, this guys t-shirt, very professional!

 

[St4nley]

When the plugin is done, does it give you class names and id names, that you need to code an actual page with the same names and shit. Im probally not thinking right but this seems complex as you need to follow predefnied code

 

[Markshall]

When the plugin is done, does it give you class names and id names, that you need to code an actual page with the same names and shit. Im probally not thinking right but this seems complex as you need to follow predefnied code

Nope, you write the class names and stuff yourself. So essentially you write

div.blue-button {
 
}

And CSS Hat provides you with the code to place within the braces.

 

[St4nley]

This is great but this strikes another question in my mind, doesn't this seem like a little cheating. people devote their time and soul into great practice into learning web designing, and a lot of web designers would lose work off of this. personally i would never use it, just like how i would never use Dreamweaver as it is bad practice and it seems a little cheap, how do you feel about this?

 

[Sysode]

OOooooo, nice share here Mark. I will defiantly be checking this out, I hate slicing etc when it comes to designing and this will help a great deal. Thanks for this.

 

[BIOS]

Amg, i, need, dis. why so much money for it doe

 

[Alam]

Amg, i, need, dis. why so much money for it doe

Well freelancers will charge up to $200-$500 just to code a PSD design, so you might want to reconsider if $30 is expensive.

 

[Markshall]

Amg, i, need, dis. why so much money for it doe

You get what you pay for.

 

[IntactDev]

Nope, you write the class names and stuff yourself. So essentially you write

div.blue-button {
 
}

And CSS Hat provides you with the code to place within the braces.

There actually is an option for them to do it for you, just click the brackets ----> {}

Also it's pretty cool, here was my photoshop mockup:

& here is it coded:

You must be registered for see links

 

[BIOS]

There actually is an option for them to do it for you, just click the brackets ----> {}

Also it's pretty cool, here was my photoshop mockup:

& here is it coded:

You must be registered for see links

What can you make the design in? is it only Photoshop or can it be any Adobe software such as Illustrator etc.

 

[Heaplink]

I use CSS hat and have used it in a long time. Mostly for small elements like button-, textarea and other control styles. No doubt it does a fine job -

You must be registered for see links

with a lot of cool mixins to make your CSS/LESS cleaner.

I recommend you to buy this along with

You must be registered for see links

($19.99),

You must be registered for see links

($19),

You must be registered for see links

($19),

You must be registered for see links

(Free)

 

[IntactDev]

What can you make the design in? is it only Photoshop or can it be any Adobe software such as Illustrator etc.

It's a Photoshop plugin, so only Photoshop (I believe)