Adam Morse wrote a great reflective piece about CSS and Scalability. He talks about how his experience and thoughts have evolved over that last few years whilst working with large CSS codebases. If you write CSS, this is a must read. NPM released a update to their unpublishing policy. Ire Aderinokun created the Holy Grail Layout to help understand the inner workings of the CSS Grid Layout which is quite complex. Philip Walton wrote about Houdini which is a new W3C task force that plans to introduce a new set of APIs that will, for the first time, give developers the power to extend CSS itself and the tools to hook into the styling and layout process of a browser’s rendering engine. Enjoy.
When I read about or listen to ideas on how to scale an app’s css – most of the talk is about how to write css. The real way to scale css, is to stop writing css. Abstract out the things you use most and move to a multi-class pattern where you compose visual patterns in your html. You might be amazed at how quickly your team starts to move.
If you write CSS, this is a must read.
Lots of drama around the NPM Left-Pad module this week which caused a lot of people to chime in. Jonathan Snook shared some really good reasons why we should aim to make our sites and applications truly responsive. Steve McGuire from Netflix talked about how they’ve built a high performance and completely declarative UI using React. Remy Sharp published a super simple tutorial with easy copy & paste code snippets to help you create your first Service Worker and more. Enjoy.
Trent Walton shares some wise words about Atomic Design in relation to modular design. Zell Liew explores the rem vs em debate to give you the knowledge to make an informed decision next time you have the choice. Harry Roberts dives into the performance implications of using Sass’s @extend. Heather Phillips looks into the do’s and don’ts of creating a good design portfolio and so much more. Enjoy.
The weeks in web design seem to be just getting bigger and bigger. Robin Rendle kicked things off by looking into typesetting on the web. Matty Mariansky explores the current landscape of the Conversational UI. Jack Franklin expresses his frustration with tooling getting in the way of learning the basics and so much more. Enjoy.
With performance still being a major focus point this year Jake Archibald explains some major changes to loading normal stylesheets that are coming to Chrome. Rachel Andrew looks at the basics of HTTP/2 and explains some of the key features of the new protocol. If estimating is not your strongest skill then hopefully Hans Kristian gives you some solid advice so next time you nail it. Samantha Geitz looking into the powers of Webpack and so much more. Enjoy.
Another big week with lots of talk about responsive images being the main focus. Eric Portis explains how you can automatically art direct responsive images by simply passing a few parameters to the Cloudinary API and Vitaly Friedman over on Smashing Magazine explored the landscape a little with a solid post which is also worth a read. Nolan Lawson did a case study on frontend database performance. Sarah Drasner shared her learnings from tackling React in a week. Ana Tudor explored the ‘background-clip’ property in great detail and so much more. Enjoy.
This week Lyza Gardner explains what service workers are and how to go about creating your own. Rob Dodson explains the new `font-display` property that lets us decide how web fonts will render (or fallback), depending on how long it is taking them to load. Ashley Nolan explains why you would use PostCSS with Sass to add additional features that Sass doesn’t provide out of the box and so much more. Enjoy!