4 tips for a smarter CSS workflow

In the runup to his talk at Generate New York this Friday, Jonathan Snook explains how to craft code that's fast and efficient.
You've only got to look at the amazing things people are making with CSS to know that, as a language, it's changing. People are creating stunning animations, and amazing images.
Whether you've been coding for years or just getting started, the landscape for CSS development has changed dramatically in the last few years too. Now, we have plenty of tools at our disposal that can help us to build lean, performant CSS.
Here Shopify's Jonathan Snook gives four top tips that will help you craft light-weight and fast CSS.

01. Identify unused code
Over time, projects change and your CSS may not have gotten with the times. Unused CSS impacts performance by sending needless code to the browser and making the browser work harder to identify what styles should be applied.
UnCSS will take a list of files and URLs, checks that each CSS rule is found in the HTML, and then spits out a CSS file that only includes the rules that are being used.
UnCSS requires compiled HTML & CSS and therefore may not be as helpful depending on your dev environment.

02. Identify duplicate code
As you build out a site, you'll set your sights on individual chunks of the design. When all is said and done, you may not have realized that many of the styles for the modal dialog were actually very similar to the styles for the drop-downs.
Using csscss, a redundancy checker, will help identify duplicate properties across all of your CSS rules. You can then consolidate your code into a single CSS rule.

03. Identify poor code
You've removed unused and duplicated code. What other improvements can we make to our CSS? Parker and analyze-css are two tools that analyze your stylesheets and provide metrics on the quality of your code.
Both Parker and analyze-css can help unearth parts of your code that you can simplify and refactor. Run these tools on a regular basis to help keep your CSS in check.

04. Write better code
Getting rid of bad code is one thing but writing good code to begin with is even better. Recently, a couple of guidelines have been written to help guide you to better code: CSS Guidelines and Sass Guidelines. Tooting my own horn, you should also check out SMACSS for ideas on how to write lean modular code for your project.

Credits & Words

CSS Workflow
Web Design Things
24 Things to Consider When Designing and Developing a Website

From functionality and appearance to navigation and coding integrity, a lot goes into creating an eye-catching, user-friendly website. It doesn’t end there, either. Web developers and designers must work together to produce websites that will be located by search engines, engage customers, and stimulate conversions. Whew! That’s a lot of pressure. Fortunately, the following 24 tips will guide you through the process of creating a unique user experience that inspires viewers to become loyal brand advocates.

25 Things Every Web Designer Needs to Hear
25 Things Every Web Designer Needs to Hear

We all hit road blocks sometimes. That’s why you got to have a stack of good quotes that will help you remember why you started what you are working on in the first place. Here are some inspiring and hilarious quotations from amazing designers that are sure to help any productivity or inspiration block!

Digital Marketing To Boost Your Business
10 Digital Marketing Trends In 2015 That Will Boost Your Strategy

Digital marketing is an impulsive, erratic, and volatile industry. The moment you catch the tiger by the tail, there’s a new tiger whose fugacious tail requires catching. Keeping up with a changeable industry seems like a fool’s errand. Where is the balance between chasing capricious trends, on the one hand, and ossifying into a Luddite on the other?