Monthly Archives: August 2013

CSS Optimization with Google Chrome Developer Tools

After spending a little time searching for CSS Optimization solutions, I was pleasantly surprised to learn that one was bundled in Google Chrome’s Developer Tools.

I like to start web projects with boilerplates or bootstraps like Twitter’s, and then I spend hours cleaning-up the unused selectors.

Now, I just:

  1. Navigate to the site in Google Chrome
  2. Hit ‘F12’ to access the developer tools
  3. Select the Audit tab
  4. With ‘Web Page Performance’ checked, hit the ‘Run’ button
  5. A list of unused selectors FOR THAT PAGE is available.

    UnusedCssRules

I did run across solutions that would automatically produce a clean version of the stylesheet for you, like Mincss, but I’d much rather do it manually so that I can see what I’m removing.

New Cintiq Tablets

I just learned yesterday that Wacom is introducing a new line of Cintiq tablets.  The Companion, which is a full blown Win 8 computer that you can run Adobe Photoshop on and draw directly on it, and the Hybrid which is basically like the older Cintiq tablets, an alternate monitor that you plug into your computer and use like a drawing tablet, except that you are drawing directly on the screen.
What’s really cool about the hybrid is that when it is not plugged into your PC or MAC, it is an Android tablet that runs Android apps as well as provides limited but rich sketching functionality.  So you can sketch on it while you’re out, then come home and touch up your sketches with Photoshop by plugging it into your PC/MAC.
These will both be available in the next month or two.  The Companion is ~$2500 and the Hybrid is ~$1500.  I’m gonna start saving my pennies now!
sidebyside-companion