Your HTML/CSS editor: where creativity goes to die

All of the awesome people in the industry design in the browser. You know what? It is difficult to get in the flow when you are coding. Blocksy and bland designs are what they turn out to be.

It feels like the only way to master the two is to spend years bashing your head into your keyboard, wrestling with floats and clearing divs in obscure browsers.

It is hard to be creative in the browser because there is a wall of technical nonsense between the design in your head and the browser.

You run back into the open and waiting arms of your old friend.

Have you ever wanted to strangle Photoshop with your bare hands?

• You do everything twice. Once you’re done creating your pixel perfect mockup in Photoshop, it’s time to do it all again in the browser.
• Typography is a @$#%$! joke. Trying new fonts in Photoshop is like making the leaves of a tree green by painting each one by hand. Photoshop wastes your time.
• Your clients can’t click on it. Ever had a client ask you why they can’t click on a Photoshop mockup? You can’t blame them. This is the web, they should be able to click on stuff.
• Photoshop comps don’t move. You can’t demonstrate hover effects, transitions and animations with a PSD.
• They don’t flow either. You can’t see what a design is going to look like on different screens without mocking up every, single resolution you want to see.

Or you could skip all of that and learn only what you need to know to get your job done as a designer

Here is what is in the book.

• How to use the new flexbox module to get exactly the layout you want.
• How to use Sass to make cross-site changes with one line of code.
• How Git can free you to try wild, new design directions.
• How to use CSS combinators to style elements with surgical precision.
• How Chrome’s developer tools can save you hours of debugging time.
• And more.