Josh Marinacci shows us how to use CSS Grid to improve application layouts that need to respond and adapt to user interactions and changing conditions. A side-by-side comparison of Hyperapp and Redux. Mark Otto explains why GitHub made the change to system fonts, how they coded and tested it, how they shipped the new fonts, and what they’ve done since initially making the move. Enjoy.
Julie Nergararian has some greats takeaways that might help you get your design system over the line within your organisation. Nicolas Gallagher describes how to make a package of React components from a library of SVG icons. Rachel Andrew takes a look at the use of media queries for responsive design today, and also looks at what is coming in the not too distant future.
Mark Dalgleish shares some great insight into the search for the perfect design system. Rowan Oulton explains what the Slack engineering team learnt during some recent optimisations with their build system. The Mosaic web browser just turned 25 years old and lots more. Enjoy.
John Cobb shares some fantastic advice for becoming a better developer. Melody Quintana discusses some ways she has found writing to be useful in her design process. Bootstrap 4 released and loads more. Enjoy.
Google announced this week that starting in July 2018, page speed will be a ranking factor for mobile searches. If you are not on the Progressive Web App train, this article by Matt Ludwig might tip you over the edge. Ire Aderinokun goes over some of the major changes in HTML 5.2 she thinks will impact us the most.
Joe Lencioni explains the techniques he used to profile Airbnb’s listing pages, the tools he used to optimize it and see the scale of the impact it had. Peggy Rayzis walks through a couple of hands-on examples to show you how integrating GraphQL into your application will solve many pain points working with remote data and som much more. Enjoy.
Bryn Jackson puts forward a proposal for an interchangeable format between design tools and developer tools. Smashing Magazine redeisgn released. Dave Rupert shares some finding from a recent client project that I’m sure could come in handy for anyone doing form validation and lots more. Enjoy.
Addy Osmani covers why a little discipline can help if we want our site to load and be interactive quickly on mobile devices. José M. Pérez, a developer at Spotify shares some loading techniques that use SVG. Chris Coyier dives into some of the awesome stuff Sketch can do and lots more. Enjoy.
André Staltz shares some deep thoughts about how the underlying dynamics of the power on the web has drastically changed due to Google, Facebook and Amazon. Daniel Burka highlights some great advice to help you yield real results as a designer. David Gilbertson explains one of the more interesting additions in React 16, Portals. Enjoy.
Bartek Witczak explains how we structure our components has a great impact on how we maintain a system and how expandable it is. A great introduction to colour management for software designers and developers. Jonathan Harrell takes a quick look at the benefits of CSS custom properties and then goes over some lesser known features that may come in handy while using them. Enjoy!
The Airbnb team released an awesome post about converting sketched interfaces into code. Crazy awesome stuff. David Gilbertson shares some great z-index tips. Graphcool Framework was released and lots more. Enjoy!
John Saito shares some thoughts around interface items that belong to you. Peter O’Shaughnessy talks about some common myths about PWAs. The Pusher team take a technical look at REST versus GraphQL and so much more. Enjoy.
Addy Osmani released an awesome eBook that looks at the current state of image optimization and the best ways to integrate it into your workflow. David Gilbertson offers some really sound advice on making sure that the pain of a growing React app is as painless as possible. Marc Drummond explains various ways we can make sure our images look awesome and load fast for different devices. Enjoy.
Andrés Galante shares a list of things he wish he had known at the beginning of his development career. React 16 released. Luis Vieira offers some solid advice on optimising the critical rendering path and lots more. Enjoy.
The web font guru Zach Leatherman has put his latest talk topic about the history of default font loading behaviours into a nice post for all of us to learn about. A nice self-checklist that can help guide you into becoming the designer you want to be. Some solid advice. Enjoy.
Colm Tuite dives deep into what he thinks is fundamentally broken with the current design tool model. The CSS guide is back. Sam Thorogood shares some thoughts on SVGs, high-DPI and when you should inline images. Enjoy.
Ethan Marcotte shares his opinions about Google’s “Accelerated Mobile Pages” (AMP) project. Ada Rose Edwards looks at the state of browsers in VR and the state of VR on the web via the WebVR APIs. Discover how to organise your React components using the component folder pattern and more. Enjoy.
Benjamin De Cock, User Interface Designer at Stripe dives into the power of “requestAnimationFrame”. Max Böck offers some great advice and tips to help make your forms handle bad internet connections. Jyri Tuulos talks about the human aspects of front-end projects that are shared between multiple engineering teams and so much more. Enjoy.