Newsletter

Web Design Weekly #308

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.

Web Design Weekly #307

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.

Web Design Weekly #306

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.

Web Design Weekly #305

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.

Web Design Weekly #304

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.

Web Design Weekly #302

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.

Web Design Weekly #302

Ben Schwarz, the founder of Calibre shares some great tips on how to debug React performance issues. Ali Alaa explores a JavaScript approach to add different attributes to an element depending on its width using resize event and MutationObserver. Brandon Morelli shares some great thoughts around handling JavaScript errors and more. Enjoy.

Web Design Weekly #301

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.

Web Design Weekly #300

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.

Web Design Weekly #299

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.

Web Design Weekly #298

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!

Web Design Weekly #297

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!

Web Design Weekly #296

Troy Hunt explains the fastest and easiest way you can get HTTPS up and running correctly. Some wise words by Kent C. Dodds around JavaScript testing. Jeffrey Way teaches everything you need to about CSS Grid and lots more. Enjoy.

Web Design Weekly #295

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.

Web Design Weekly #294

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.

Web Design Weekly #293

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.

Web Design Weekly #292

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.

Web Design Weekly #291

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.

Web Design Weekly #290

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.

Web Design Weekly #289

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.