Google PageSpeed Insights and my web pages; it was a match made in heaven, until things changed… PageSpeed started telling me I needed to optimise my CSS delivery, that my CSS files were render-blocking, that none of the above-the-fold content of my page could render without waiting for those files to load, and that I should in-line the critical portions of those files directly into my HTML.
What started out as a simple chat this afternoon between myself and Cheryl Natel on the ways in which we could integrate functional specifications into pattern libraries spawned into a great discussion on the topic via an impromptu Google Hangout.
As a follow up to my recent post on Phases (and Mesophases) - a possible addendum to Atomic Design I recently released the first addition to Brad Frost’s Pattern Lab to allow quick switching between defined breakpoints.
This Monday I had the absolute pleasure of attending Brad Frost‘s Reasons to be Responsive workshop (Recap by Jake Ryan). Among the 8 ‘awesome’ hours of RWD gold, Brad introduced us to Atomic Design, a modular approach to responsive design and development, and his brand new tool Pattern Lab for forging websites using the Atomic Design approach.