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!
Remy Sharp shares his excitement about why he loves web work. A great reminder that we are truly lucky to be working in such a powerful space. Jake Archibald looks into Web Streams and explains the ins-and-outs. Ashley Nolan shares some great advice to help keep projects and developers aligned and large codebases better structured. Nadav Soferman released an awesome Responsive Image Breakpoints Generator tool and so much more. Enjoy.