#162 - Side projects
Hey everyone,
Welcome to issue #162, your weekly roundup of what’s happening in design, code and typography.
Thought provoking #
“Everything is a blank canvas where I can try out different aesthetics, interactions, copy, motion and more. I can break as many design rules as I want. There are no gatekeepers or stakeholders.” Paul Stamatiou in Side projects.
“…specializing is a pretty good idea, and I think you will end up specializing to some degree whether you plan to or not. If you have the good fortune to plan, pick things that you like. You’ll do just fine.” Chris Coyier in The Widening Responsibility for Front-End Developers.
Design and Code #
Build a responsive media browser with CSS. Using the power of modern CSS layout, Andy Bell shows how to create a flexible media browser and video player layout that maintains its aspect ratio at all viewports.
CSS Variables 101. Ahmad Shadeed shares pretty much everything you need to know about CSS variables with lots of examples and use-cases.
Full-Bleed Layout Using CSS Grid. An elegant solution to a tricky modern layout from Josh W Comeau.
How to Make an Unobtrusive Scroll-to-Top Button form Marcel Rojas.
Typography #
Munken Sans was inspired by the Swedish typeface Tratex, designed by Kåge Gustafson for national road signs in the 1960s. It’s available in three weights: regular, medium and bold and free to download.
Geoff Graham explains how to use the CSS font-optical-sizing property to adjust the outline of font glyphs to make them more legible at different sizes.
A Font Family Inspired by the “Beefy” Iron Letterforms On Manhole Covers.
Something to watch #
Munken Sans was inspired by the Swedish typeface Tratex, designed by Kåge Gustafson for national road signs in the 1960s. It’s available in three weights: regular, medium and bold and free to download.
Geoff Graham explains how to use the CSS font-optical-sizing property to adjust the outline of font glyphs to make them more legible at different sizes.
A Font Family Inspired by the “Beefy” Iron Letterforms On Manhole Covers