Foundation: Rapid Prototyping and Building Framework from ZURB
A framework for banging out ready-made responsive designs.
Utopia
This is the project that Trys and James have been working on at Clearleft. It’s a way of approaching modular scales in web typography that uses CSS locks and custom properties to fantastic effect.
Utopia is not a product, a plugin, or a framework. It’s a memorable/pretentious word we use to refer to a way of thinking about fluid responsive design.
Related links
Golden Grid System
I’m usually not a fan of CSS “frameworks” but I like the thinking that’s gone into this fluid, responsive system. I particularly like this advice:
Take it apart, steal the parts that you like, and adapt them to your own way of working.
ProtoFluid. Rapid Prototyping of Adaptive CSS and Responsive Design.
Another browser-based tool for testing your responsive designs at different screen sizes.
Fit To Scale | Trent Walton
More documentation of a responsive redesign, this time from Trent Walton. Be sure to check out the FitText jQuery plug-in that was created as a result.
Information Architects
A great example of responsive web design. I like the idea of upping the font size for really large viewports. I may do that on Huffduffer.
Related posts
Expectations
Offline could be the new normal.
Told you so
In which I permit myself a moment to gloat about liquid layouts.
Five websites
I have some very talented friends.
Partnering with Google on web.dev
How Clearleft worked with the Chrome team to create a fifteen-part course on modern responsive design.
Even more writing on web.dev
Five more articles on modern responsive design to close out the course.