My CSS Starter Kit: Links, Resources and References
Grids labs.jensimmons.net rachelandrew.co.uk Modular Scale Modular Scale More Meaningful Typography -- Tim Brown, A List Apart Web Font Loading Patterns -- Bram Stein Molten Leading Molten...
My CSS Starter Kit: Layouts
Layouts: The Next Generation # Rather than work with floats and positioned content we'll concentrate on 3 new(ish) layout technologies: Multi column, flexbox and grid General considerations # The...
My CSS Starter Kit: Final Thoughts
Making and Breaking the Grid and The Elements of Typographic Style are two of my favorite books on design and, for the longest time, I thought about them only in their applications to books. Sitting...
My CSS Starter Kit: Media Queries For Typography And Layout
Media queries to control typography and layout # Media queries are awesome. They allow developers (us) to change elements of the design based on arbitrary criteria…. We finally can customize our...
My CSS Starter Kit: Color Manipulation
Taking advantage of SASS to play with colors # I'm bad at remembering headecimal, rgba or hsl colors. These fuctions will help convert the hexadecimal values $base-color: #AD141E; Darken & Lighten...
My CSS Starter Kit: Font loading and usage
Rather than let font loading remain at the mercy of the network we'll use Font Face Observer to dynamically load the fonts and swap them when ready. This may cause a little user cognitive dissonance...
My CSS Starter Kit: Getting Started
One of the things I would have killed for when I came back to doing (serious) web design was a set of guidelines, stylesheets and examples of how to use responsive design and typography on the web....
Progressive Subcompact Publications: Links, resources, patterns and ideas
Responsive Web Design Responsive Web Design — Ethan Marcotte, A Book Apart Responsible Responsive Design — Scott Jehl, A Book Apart Going Responsive — Karen McGrane, A Book Apart Responsive Design:...
Progressive Subcompact Publications: UI for the performance obsessed
As consumers of information we’ve all become more demanding. We want the content faster and we want to be engaged with the content we access online. PSPs should be no different in their performance to...
Progressive Subcompact Publications: Structuring and Styling Content
We want our content to look awesome regardless of the device. How do we accomplish this? A good starting point is Ethan Marcotte’s Responsive Web Design (or whatever Responsive Web Design book is your...