Google’s Rob Dodson recently ran into difficulty adding proper keyboard support to some components he was building and shares his ideas on how to resolve things. The team at Facebook blogged about the ins and out of how they keep their CSS quality high. Scott Jehl came across a better way to improve handling browser-or-network conditions in more fault-tolerant ways. Google Fonts had na massive redesign and more. Enjoy.
Jan Lehnardt looks into Progressive Web Apps and where things are headed. Jon Gold shares the theory behind declarative tooling with a nice transition into information about his new tool René that he just released. John Moore Williams puts forward the point that many style guide’s on the web these days are missing, voice, tone and editorial guidelines. Bill Jordan has compiled a detailed, common sense how to guide to steer software development managers in the right direction in caring for their employees with best results and lots more. Enjoy.
Chris Coyier explores the shifting performance onus in a number of front end features from browser to developer in recent years. Shaun Bent shares an in-depth review of the BBC sport sites CSS. David Gilbertson talks about the wonders of using React and Firebase together. Cristina Silva gives us a good reminder to make sure we are picking solutions that work best for your project’s goals and so much more. Enjoy.
An epic post by Jon Gold that shares his thoughts around merging typographic design and artificial intelligences. Fascinating read. An insightful post by Karri Saarinen that looks behind the scenes of Airbnb’s new design system. Ben Frain explains his procedures for debugging CSS along with a few handy tricks to make the most of your debugging time. Jason Grigsby dives into the nitty gritty of how autofill works, how to build forms that support cross browser autofill and take advantage of new features like scanning cards and so much more. Enjoy.
Cap Watkins reminds us that it is important to look inward into your team to make sure that each person understands the roles of others and that the team is working together. Harry Roberts shares some good adivce on using of !important within your CSS. Boopathi Rajaa discusses some of the gotchas when developing a web application with offline capabilities using service workers and so much more.
The team at Airbnb share an insight into how they scale knowledge across its ever-growing organization. Sarah Drasner compares various animation tools that she’s had experience with and breaks down the pros and cons of each method. The WebKit team are heading in the direction of implementing experimental features unprefixed and putting them behind a runtime flag and so much more. Enjoy.
Karolina Szczur reminds us that it’s a privilege to be able to use breaking edge technologies and devices, but not to forget about basic accessibility and progressive enhancement. Adrian Kosmaczewski who is a forty year old, self-taught developer shares his extremely inspiring and insightful life story. Jeremy Keith has put together various use cases to support his argument regarding the correct use of the cite element and so much more. Enjoy!
Once again Adam Morse has some wise words about front-end development. Bram Stein explains the ins and outs of web font loading patterns. Raja Rao breaks down the confusing parts of Webpack and helps you get comfortable utilizing its powerful features. The Airbnb team talk about how the latest release of their app has changed the way they approach design and more. Enjoy.
Robin Rendle dives into CSS Modules by giving a good overview why you should think about using them. Laura Elizabeth explains a simple color workflow that you can use in your next web project as well as some color theory basics. Hugo Giraudel shares his simple automated SVG workflow for icons and lots more. Enjoy.
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.
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!