Archive

Web Design Weekly #390

Tobias van Schneider recaps digital design trends and shares some thoughts about how we are entering back into a skeuomorphism. Safari 14 release notes. Ivan Akulov reverse-engineered Notion and lots more.

June 25, 2020

Web Design Weekly #389

Ana Tudor explains how she found a solution to a long-running problem using a modern CSS grid technique. The Dropbox team share the tools they use for solving problems, making decisions, and communicating ideas.

June 12, 2020

Web Design Weekly #388

Mei Zhang explores design methods. An update to Lighthouse is released. Brandon Smith shares some thoughts around writting libraries and lots more.

May 19, 2020

Web Design Weekly #387

Ahmad Shadeed's blogging has been on point of late. This week he covers everything about selection in CSS. Firefox shares some insight into how it ships Firefox. Dillon Shook shares some concerns about React Hooks and more.

May 06, 2020

Web Design Weekly #386

A great read that dives in the the history of Lee Holloway who was one of the main programmers at Cloudflare. Caleb Williams discusses why Web Components. Ahmad Shadeed explains the various ways of including an image in your site and lots more.

April 28, 2020

Web Design Weekly #385

Julia Evans shares some great advice I'm sure we can all learn something from when we are getting frustrated trying to fix something we don't understand. Yuhki Yamashita shares some insights into how Figma is keeping the entire company informed and more.

April 21, 2020

Web Design Weekly #384

A deep dive into the new Facebook design. Scott Vandehey shares some insight into why the combination of the "srcset" and "sizes" attribute gives you a lot of bang for your buck. How to structure large React apps and a lot more.

April 16, 2020

Web Design Weekly #383

Ethan Marcotte digs into the details on why design systems haven’t “solved” inconsistency. Tim Kadlec shares some good thoughts around why it is healthy to have a little friction in our processes. Excalidraw, a handy whiteboard tool that lets you easily sketch diagrams that have a hand-drawn feel to them and lots more.

March 31, 2020

Web Design Weekly #382

Linda Eliasen shares some activities that can help you build more confidence with your design work. A brand new Dribbble is released. Kent Dodds goes into some finer details on how to set up performance monitoring for production React applications and a lot more.

March 24, 2020

Web Design Weekly #381

Mandy Michael explains how and why variable fonts reduce the overall combined file size. Ashley Hefnawy has put together a selection of tools and knowledge to help you ask for what you need and deserve. ShopTalk show redesign and lots more.

March 17, 2020

Web Design Weekly #380

Robin Rendle shares some thoughts around why people respect JavaScript or other languages enough to learn them inside-out, and yet constantly dunk on CSS. Google Fonts turn ten. Tim Kadlec reminds us why it’s important to be careful about how we use 'preload' and lots more.

March 10, 2020

Web Design Weekly #379

Ethan Marcotte proposes an interesting question about design systems empowering you to make decisions. Danny Van-Kooten blogs about CO2 Emissions on the web. Addy Osmani looks into the finer details of how eBay improved performance and more.

February 07, 2020

Web Design Weekly #378

Frank Chimero shares his experience about redesigning in the open. Amelia Wattenberger helps clear up some confusion about how styles are prioritised. Sketch Cloud Inspector is released and more.

February 06, 2020

Web Design Weekly #377

Buzz Usborne shares his tips for finding inspiration. Babel 7.8 released. Learn how to use React’s Context API. A look into the current state of Progressive Web Apps and lots more.

January 28, 2020

Web Design Weekly #376

Harry Roberts shares some good advice on how to go about setting a brand new performance budget. Wes Bos released a new site that lists developer setups. Design leaders share perdictions about product design and lots more.

January 17, 2020

Considerations For Refactoring

Refactoring code is a great opportunity and a task that shouldn't be taken lightly from my experience. Very rarely will you get a second chance, especially if you are doing the refactor for a client or your current employer.

January 16, 2020

2019 Reflection

You are probably thinking the internet is blowing up by seeing a non-newsletter post on the blog. Well I don't blame you!

January 08, 2020

Web Design Weekly #375

Karolina Szczur explains critical web performance concepts and strategies. Mike Riethmuller looks into the transition to the JAMstack and how you should go about keeping things as simple as possible. A guide to help designers and developers work together to build design systems and lots more.

December 14, 2019

Web Design Weekly #374

Erik Dietrich shares 5 things he considers to be the most important lessons and takeaways from 20 years of programming. 24 Ways is back for another year. Chris Coyier simplifies fluid typography and lots more.

December 07, 2019

Web Design Weekly #373

Mike Riethmuller shares his learnings around CSS architecture and how he applies them in the context to modern JavaScript applications. Dominic Nguyen explores ways to integrate your favourite design tools with Storybook. Amelia Wattenberger digs into scaling SVG's and lots more.

November 29, 2019

Web Design Weekly #372

Robin Rendle has some wise words around the difference between a junior and senior front-end developer. Figma posted about gathering the data behind your design systems. The Cloudflare team did a deep dive into how they went about reworking the use of colour within their products and so much more. Enjoy.

November 25, 2019

Web Design Weekly #371

Rachel Andrew looks at some common layout patterns that we can’t yet do on the web. All the React Conf 2019 videos are now live. A dive into making Instagram faster and so much more. Enjoy!

November 18, 2019

Web Design Weekly #370

A look behind the scenes at how Netflix keeps you engaged and addicted. An insight into how Design Ops at Spotify work. A look into moving from Sketch to Figma and lots more. Enjoy.

November 11, 2019

Web Design Weekly #369

Milica Mihajlija covers how browser rendering works and how to navigate DevTools to diagnose animation performance issues. Travis Almand look at how to use intersection observer watches and lots more. Enjoy.

September 30, 2019

Wed Design Weekly #368

Mark Boulton shares his concerns he has with the current thinking of what constitutes a good design system in our industry. Rachel Andrew explores the situations in which you might encounter overflow in your web designs. Firefox 69 features a number of nice new additions and lots more. Enjoy.

September 17, 2019

Web Design Weekly #367

Is the internet boring now? Jake Underwood reflects on the years gone by and asks the questions, where did the web’s old personality go? Virginia Start shares a 5-step guide for designing global addresses that she devised during her research for Shopify’s International team. A handy tool that automatically generates splash screen and image assets for your Progressive Web App and lots more.

September 02, 2019

Web Design Weekly #366

Hui Jing sheds some light into why reading CSS specifications is immensely helpful to build a strong understanding of CSS. A look into how visual elements affect our perception, recognition and memory by interacting with digital products. Philip Walton explains how to bundle modules and lots more. Enjoy!

August 27, 2019

Web Design Weekly #365

Adam Noffsinger explains how Dropbox Design migrated to Figma. Harry Roberts dives into 'Time to First Byte'. Linzi Berry, Product Design Systems Manager at Lyft, shares the story and core principles of their design system. Enjoy.

August 19, 2019

Web Design Weekly #364

Marianne Bellotti passes on some great advice that has stuck with her during the process of becoming a better manager. With Chrome 76, you'll be able to use the new "loading" attribute to lazy-load resources. Robin Weruch explains how to fetch data in React with Hooks and lots more. Enjoy.

August 13, 2019

Web Design Weekly #363

Eric Bailey shares some thoughts on creating, maintaining and evaluating accessible technology. Adam Silver passes on loads of knowledge about form design. High-quality and customizable Gatsby themes and more. Enjoy.

August 05, 2019

Web Design Weekly #362

Scott Jehl explains the simplest way to load CSS asynchronously. Tom Johnson feels that our tools tools are holding us back. Scott and Wes talk about the fundamentals of JavaScript and loads more. Enjoy.

July 29, 2019

Web Design Weekly #361

Dan Fries digs into headless CMSs and if they are the future of Websites. Shane Williams gives some great advice on how and where to start if you are lost when it comes to building a design system and loads more. Enjoy.

July 15, 2019

Web Design Weekly #360

Adam Morse wrote up a recent talk he did about Chaos Design. Jonathan Snook talks about React and the other technologies that are generally used with it. Chase McCoy shares some of the tools that his team used to build a component library and lots more. Enjoy.

July 08, 2019

Web Design Weekly #359

Dan Cederholm reflects on what he has learned from building a community for designers, running a business and navigating some tough life years. Styled Components version 5 has been released. Some predictions from the State of CSS 2019 survey discussed and so much more.

July 02, 2019

Web Design Weekly #358

A great new site released called - Relearn CSS layout is a must check out. Ethan Marcotte reminds us that most design systems work is rarely flashy or sudden. Gergely Orosz's shares a personal take on what good code reviews look like and so much more. Enjoy!

June 24, 2019

Web Design Weekly #357

Cam Jackson describes a recent trend of breaking up frontend monoliths into many smaller, more manageable pieces. The State of CSS 2019 survey results have been published. Max Böck helps shine some light on getting into the CSS mindset and lots more. Enjoy.

June 17, 2019

Web Design Weekly #356

Sara Soueidan shares some insights into the different ways you can make your icon-only buttons accessible. Brad Frost looks into reducing motion with the picture element. Rachel Andrew takes a look at what happens when you use grid as a value of display and lots more. Enjoy.

June 03, 2019

Web Design Weekly #355

Chris Coyier sheds some light on what "Full Stack" means in this day and age. Google Fonts is Adding Font-Display. Kent Dodds explains how to handle user authentication in modern React Applications with context and hooks. Enjoy.

May 29, 2019

Web Design Weekly #354

Berlin based designer, Koos Looijesteijn does a pretty great job at looking at the different angles and coming up with a concise answer to "What is design?". Dave Ceddia shows us a way to approach layouts wholistically, as a cohesive problem to be solved. Faraz Kelhini explores various aspects of the Shadow DOM and lots more. Enjoy.

May 13, 2019

Web Design Weekly #353

Chloe Hwang takes a look at the most important part of performance: how to measure and diagnose bottlenecks. Paul Ryan explains how to setup Percy within our projects along with integrating CircleCI into the workflow and more. Enjoy.

April 29, 2019

Web Design Weekly #352

Addy Osmani looks at the new loading attribute which brings native img and iframe lazy-loading to the web. Sergey Ryzhov shares what he learnt by using useReducer/useContext in his React application. Figma has a fresh coat of paint and loads more. Enjoy.

April 15, 2019

Web Design Weekly #351

Chris Coyier has put together a meandering waltz through what other people have to say about simplicity. Peter-Paul Koch explains CSS scope for JavaScript developers. Ana Tudor shares some awesome CSS trickery on how to visually blur the border of an element and lots more. Enjoy.

April 01, 2019

Web Design Weekly #350

Kurt Varner offers some transparency and advice based on his own experience being an interviewer and hiring manager at Dropbox. Jake Archibald compares the performance of 10 recently updated Formula One (the motor-racing sport) sites. Caleb Williams discuss why Web Components are a great tool to deliver high-quality user experiences without complicated frameworks or build steps and that don’t run the risk of becoming obsolete. Plus lots more. Enjoy.

March 25, 2019

Web Design Weekly #349

Developers revive first Web browser. Tyler McGinnis starts from scratch and slowly builds a server side React app while breaking down some of the complexity as he goes. A solid caching strategy to help make all the difference for your visitors and lots more. Enjoy.

March 18, 2019

Web Design Weekly #348

A look into using custom React Hooks to build forms that require half the code to write, are reusable, and are much easier to read. Learn how to make Google Fonts load quicker. Cheatsheet for React users using TypeScript and lots more. Enjoy.

March 04, 2019

Web Design Weekly #347

Alex Panagis shares what’s in store for the future of WordPress in 2019. Chris Coyier explains how the @supports query works and provides a large selection of use cases so you can understand it with ease. A small checklist to help make your React site more performant and more. Enjoy.

February 25, 2019

Web Design Weekly #346

Facundo Corradini shares four core concepts that he believes, if taught correctly, would save us from 99% of CSS issues. Leonardo Maldonado reviews how we are managing state in React, understand why React Hooks are really a game-changer and learn to write our very first React Hook. Some wise words from Eric Bailey about the possible outcomes if we alter the browser experience and more. Enjoy!

February 18, 2019

Web Design Weekly #345

Rachel Andrew details the different types of browser support issues, and shows how CSS is evolving to make it easier to deal with them. Alan Smith takes a closer look at how build better component libraries with Styled System and lots more. Enjoy.

February 11, 2019

Web Design Weekly #344

Chris Coyier has put together a great blog post that captures the current state of peoples thinking and where we are heading. Ire Aderinokun explains in great detail what tree shaking is and how to go about setting it up. Test drive programming fonts online in your browser and so much more. Enjoy.

February 04, 2019

Web Design Weekly #343

Tim Kadlec shares his thoughts on whether performance really is a moral or ethical concern, or if that’s all heavy-handed exaggeration. Andy Bell writes about CSS positively to counter the falsities that are spread over the internet on a weekly basis. New ES2018 Features Every JavaScript Developer Should Know and lots more. Enjoy.

January 21, 2019

Web Design Weekly #342

Ire Aderinokun explains what the virtual DOM is, how it differs from the original DOM, and how it is used. The Log Rocket team take a comprehensive look back at front-end in 2018. Robin Rendle shares some thoughts about how he and his team go about auditing CSS and lots more. Enjoy!

January 14, 2019

Web Design Weekly #341

Ferdy Christant shares some thoughts on the current landscape of web browsers and what the future holds. WordPress 5.0 “Bebo” released. Product designer Jeff Smith shares insight, expert advice and actionable tips based on the design process at Facebook and more. Enjoy.

January 07, 2019

Web Design Weekly #340

The State of JavaScript 2018 results are out. Ire Aderinokun explains how you can utilise WebP in your sites today. React 16.x Roadmap and loads more. Enjoy.

December 03, 2018

Web Design Weekly #339

Google released a great resource for developers of all backgrounds to learn, create, and solve on the web. Harry Roberts does a rather large brain dump of all things relating to CSS and performance. Rachel Andrews shares a range of reasons why people use a third-party framework and the positive and negative things about doing so. Enjoy.

November 19, 2018

Web Design Weekly #338

Harry Roberts introduces three types of testing (Proactive, Reactive and Passive) and dives into how and when they should be carried out. Julian Gaviria takes a deep dive into server-side split testing. Jeff Wainwright dives into the wonderful world of Continuous Integration and lots more. Enjoy.

November 05, 2018

Web Design Weekly #337

Design in China is still relatively new and with that comes unique challenges and opportunities. In this great post, Tobias van Schneider interviews Guang Yu and Nod Young to enlighten us. Facebook recently rolled out a new feature, 3D Photos, or, as they call it in their JavaScript: 2.5D Photos and lots more. Enjoy.

October 29, 2018

Web Design Weekly #336

Dave Rupert shares some thoughts around the User Experience costs of third-party scripts. Canva product designer Iain Dowling explains how they use a systems-first approach to tackle design challenges in product delivery. Addy Osmani provides some great information on starting a performance budget and lots more. Enjoy.

October 22, 2018

Web Design Weekly #335

The Clearleft team share some great insights in how a correctly implemented design system can help large organisations improve their web experience for their customers. Jon Yablonski shares his thoughts on why every designer should learn the fundamentals of psychology and lots more. Enjoy.

October 15, 2018

Web Design Weekly #334

Tim Berners-Lee shares some wise words about why he has always believed the web is for everyone and why he is always fighting fiercely to protect it. A look into the steps your browser takes to convert HTML, CSS and JavaScript into a working website you can interact with. Create React App 2.0 has been released and lots more. Enjoy.

October 08, 2018

Web Design Weekly #333

Mat Marquis shines a light on one of the biggest challenges for website performance. Philip Walton dives a strategy he has dubbed "Idle Until Urgent" and loads more. Enjoy.

September 26, 2018

Web Design Weekly #332

The Chrome team highlight some of the major changes they have helped bring to the web in the last 10 years. Ethan Marcotte shares some strong thoughts about how we should be treating accessibility within our work and lots more. Enjoy.

September 11, 2018

Web Design Weekly #331

Kyle Peatt explains how the effort required to build a design system is tiny compared to the effort required to maintain it. lbino Tonnina raises some really good points around the challenges of keeping the UI consistent and cohesive within large app. Babel 7 released and loads more. Enjoy.

September 03, 2018

Web Design Weekly #330

Andrej Karpathy from the AI team at Tesla shares some thought provoking words around a fundamental shift in how we write software. Discover the open source projects your organization is using that need financial support. Ben Schwarz, the founder of Calibre takes a look into the new Chrome feature dubbed “Blink LazyLoad” and lots more. Enjoy.

August 20, 2018

Web Design Weekly #329

Addy Osmani covers some strategies you can use to deliver JavaScript efficiently while still giving users a valuable experience. Thomas Lombart passes on some knowledge on how to write maintainable CSS code and how to organise it. Generate beautiful mockups with Screely and lots more. Enjoy.

August 06, 2018

Web Design Weekly #328

Philip Walton goes into great detail about the new Page Lifecycle API. Philip Walton goes into great detail about the new Page Lifecycle API. Andrew Clark discusses React's vision for how async rendering can improve data fetching, code delivery, prefetching, view transitions, and more. Enjoy.

July 30, 2018

Web Design Weekly #327

A brief history of how the GitHub Design Systems team grew, what they have been working on, and what’s next. Joanna Ngai has compiled a list of things to keep in mind as a designer working with data. Oliver Williams looks at augmenting HTML with components that have built-in functionality and styles. Enjoy.

July 23, 2018

Web Design Weekly #326

A peek under the hood of how the web version of Google Photos works. Brent Jackson shares a collection of thoughts, opinions, and advice for defining component Reacy APIs that are meant to be more flexible, composable, and easier to understand. Ryan Singer from Basecamp explains that focusing on individual features and experiences is good, but you should never forget about the position you’re trying to hold. Enjoy.

July 16, 2018

Web Design Weekly #325

Headlines Balancing Time If you have a hard time balancing work, life and free time then hearing about how Sarah Drasner sets up her…

July 02, 2018

Web Design Weekly #324

Max Böck shares an awesome post that highlights why CSS Grid is a game changer in our industry. Ethan Marcotte shares a small refection on learning how to use CSS Grid. Jeffrey Zeldman reminds us that as our medium is growing up, it's our great privilege to help shape its future while creating great experiences for our users. Enjoy.

June 25, 2018

Web Design Weekly #323

John Resig and Loren Sands-Ramshaw released a guide that looks at the core fundamentals of GraphQL along with strategies for how to implement it. Ted Dumitrescu goes deep into detail about what they have discovered whilst building on Web Components at Mixpanel. The Zendesk team share how they have utilised a really cool pattern, based on render props and lots more. Enjoy.

June 18, 2018

Web Design Weekly #322

Heydon Pickering looks into few variations of the simple card component, emphasizing a balance between sound HTML structure and ergonomic interaction. Ben Frain shares what he considers some of the most useful or perhaps underused techniques. Deploy your Webpack apps to Heroku in 3 steps and lots more. Enjoy.

June 11, 2018

Web Design Weekly #321

Alan Johnson does a great job in explaining the awesomeness that GraphQL has to offer. Michael Riethmuller takes a deep look into strategies for getting the most out of CSS Custom Properties. Marcin Wichary shares his story on how he created a dark theme using a bunch of modern CSS and more. Enjoy.

May 28, 2018

Web Design Weekly #320

Brad Frost shares his recent struggles with React which is quite inspiring. The Front-End Tooling Survey results. Philip Walton introduces the metric First Input Delay, Chromes latest user-centric performance metric and lots more. Enjoy.

May 21, 2018

Web Design Weekly #319

Ariel Verber looks into the the evolution of the Dropbox rebrand. Specifically digging into how the pricing page has changed. Zendesk's design system is now open source. Chris Coyier gives a quick overview of why we should be excited about environment variables and lots more. Enjoy.

May 14, 2018

Web Design Weekly #318

Custom domains on GitHub Pages gain support for HTTPS. Rachel Andrews looks into the state of browser support, and how to best test our print styles. An overview of how Slack has implemented their Security Development Lifecycle and lots more. Enjoy.

May 07, 2018

Web Design Weekly #317

Brian McKenna shares some thoughts around the negative aspects of design systems. Jeremy Wagner explains how the GIF hosting sites keep their bandwidth bills from going through the roof, and convert those giant GIFs into lean and fast video files. Virgil Almeda tested some scrolling interactions in three different designs and found some do’s and don'ts. Plus loads more. Enjoy.

April 30, 2018

Web Design Weekly #316

Zouhir Chahoud explains why Snap Points seems to be a really great option for building Swipe Views. The Calibre CLI was released. Jessica Kerr wrote up her keynote at the Mob Programming conference. Monica Dinculescu has put together a nice explanation and demo of how the float positioning algorithm works and lots more. Enjoy.

April 23, 2018

Web Design Weekly #315

Nils Schütte explains the ins and outs to help get you started with Selenium. Heydon Pickering explores how to create inclusive data tables. Chris Coyier shares some great examples and thoughts around some of the more crazy CSS experiments and lots more. Enjoy.

April 16, 2018

Web Design Weekly #314

Spectrum is now fully open source. Marko Mišura takes a look at some of the categories and then dives into the nitty gritty of JavaScript design patterns. Greg Jorgensen explains how he does all his programming and system admin work with an iPad Pro. Jeremy Keith introduces his new service worker book and loads more. Enjoy.

April 09, 2018

Web Design Weekly #313

Brian Vaughn shares some of the lessons the React team have learned while working on the update and async rendering features, plus some recipes to help prepare your components for the launch. Dr. Axel Rauschmayer looks into the pros and cons of the three programming languages. Emanuel Serbanoiu has compiled a short list of best practices that he actively uses in his daily routine that you might find useful and lots more. Enjoy.

April 03, 2018

Web Design Weekly #312

Developer survey results released. Jon Gold shares some wise words about the current tooling landscape and what the near future looks like. He also touches on the newly released Figma API which is super exciting. Jenn Lukas shares some thoughts from the last two years on crafting the CSS design system for her current workplace and loads more. Enjoy.

March 27, 2018

Web Design Weekly #311

Nicholas Kramer reminds us that accessibility is a team effort between designers, developers, copywriters, and content creators. Scott Jehl explains how to simplify complex image selection with the new 'sizes' attribute. Matthew Ström proposes a new 'interesting' idea for the hiring process and loads more. Enjoy.

March 19, 2018

Web Design Weekly #310

Ian Armstrong takes a few different angles to hopefully give you a better understanding of what UX really means. A deeper look into React 16. Harry Roberts demonstrates how to use Chrome’s ‘Local Overrides’ to Test Performance and lots more. Enjoy.

March 12, 2018

Web Design Weekly #309

Frank Chimero shares some thoughts about being confused and overwhelmed by the rapidly increasing complexity of our industry. Webpack 4 was released. Philip Walton describes a strategy for using modern web technologies to build responsive components and lots more. Enjoy.

March 05, 2018

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.

February 19, 2018

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.

February 12, 2018

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.

February 05, 2018

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.

January 29, 2018

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.

January 22, 2018

Web Design Weekly #301

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.

December 11, 2017

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.

December 04, 2017

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.

November 28, 2017

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.

November 20, 2017

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.

November 13, 2017

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!

November 06, 2017

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!

October 30, 2017

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.

October 23, 2017

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.

October 16, 2017

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.

October 09, 2017

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.

October 02, 2017

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.

September 25, 2017

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.

September 18, 2017

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.

September 11, 2017

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.

September 04, 2017

Web Design Weekly #288

Lin Clark from the Mozilla team shares some insight into the new CSS engine that brings together state-of-the-art innovations from four different browsers. Yomi Eluwande introduces Preact. Oh and 150 animated tips on Chrome DevTools. Enjoy.

August 28, 2017

Web Design Weekly #287

Adam Wathan shares his experience about his CSS development journey. Bootstrap 4 Beta. Manuel Matuzovic gives a solid explanation of explicit and implicit grid concepts and loads more. Enjoy!

August 22, 2017

Web Design Weekly #286

Design Better, a new resource from the talented Invision team featuring best practices, stories and insights from the world’s top design leaders. Zach Holman blogged about JavaScript for people that hate JavaScript. Harry Roberts advises us on ways to pick and test third party resources to use within your project and so much more. Enjoy.

August 15, 2017

Web Design Weekly #285

Angus Croll describes how his team built m.uber and shares the challenges of implementing the native app experience in a super-lightweight web app. Matteo Mazzarolo shares some information on his journey to achieving a comfortable Redux project structure. Crawl a website and run it through Google lighthouse and lots more. Enjoy.

July 03, 2017

Web Design Weekly #284

Daniel Eden shares some broad themes that he has found lead to happier, more productive relationships between Designers and Engineers. Ethan Marcotte shares a few tips on how organisations can continue to build upon and utilise all the ground work that went into creating a pattern library, as opposed to leaving it to become redundant. Matt Chadburn looks into the evolution of the Financial Times routing layer over the last couple of years and lots more. Enjoy.

June 26, 2017

Web Design Weekly #283

Morten Rand-Hendriksen gives us an understanding of what new layout opportunities and challenges CSS Grid brings. Fernando Agüero shares what he and his team learnt in the first week moving away from CSS Modules to Styled Components. Robin Rendle digs into how the new `fr` CSS length unit can be used in conjunction with CSS Grid and lots more. Enjoy.

June 19, 2017

Web Design Weekly #282

Ryan Oglesby has put together 5 old-fashioned CSS things that you don’t need to do anymore and what you should do instead. Dean Hume explains how we can get started today with the Shape Detection API. Ire Aderinokun, shares an insight into the the minmax() function that was introduced with CSS Grid and lots more. Enjoy.

June 12, 2017

Web Design Weekly #281

Chip Cullen shares a great list of tips and resources to help you do a manual performance audit that gives you a true understanding of what is happening under the hood with your site. Jake Archibald digs into some of the finer details surrounding HTTP/2 push from the performance aspect. Nick Babich discusses some of the benefits, things to consider and quick tips for long scrolling designs and lots more. Enjoy.

June 05, 2017

Web Design Weekly #280

Another massive week in the land of web design. Mark Dalgleish shares some thoughts around the current CSS-in-JS landscape. Nick Craver explains what it took for Stack Overflow to go full HTTPS. Michael Paris, looks at how you might tackle a few common use-cases with REST and GraphQL. Styled Components v2 was realeased and lots more. Enjoy!

May 29, 2017

Web Design Weekly #279

Lea Verou released a Mavo. Mavo helps you turn your static HTML into reactive web applications without a single line of programming code and no server backend. Patrick Hamann explores the current, past and future best-practices for loading CSS in the browser. Zell Liew explains how to use Fetch to handle both success and errors. Jonathan Suh shared a guide to CSS Grid and lots more. Enjoy.

May 22, 2017

Web Design Weekly #278

Another big week in web design. Harry Roberts kicks things off with some detailed thoughts about the importance of neat and tidy code. Oleg Slobodskoi explains how to create high performance animations. Stephanie Liu shares some thoughts on how to responsively maintain aspect ratios and how CSS Grid may be changing that game and lots more. Enjoy.

May 15, 2017

Web Design Weekly #277

Headless Chrome is shipping in Chrome 59. Chris Coyier looks into some of the use cases for theming a site or component using CSS Custom Properties. Dave Draper shares some rock solid advice for those that are getting their teeth into Redux. >Matt Reiferson shares some inside knowledge on how and why BuzzFeeds infrastructure has evolved into a service-oriented architecture and more. Enjoy!

May 08, 2017

Web Design Weekly #276

Airbnb released a new open source library that lets you design with React and render your production React components into Sketch. Serg Hospodarets dives deep into CSS custom properties. Kostya Gorskiy floats some ideas about choosing ways a product should evolve and so much more. Enjoy.

May 01, 2017

Web Design Weekly #275

An awesome insight into Twitter Lite and what it takes to develop and release one of the most advanced Progressive Web Apps on the internet. Ed Chao, a designer at Dropbox, shares some great tips on how to get the daunting task of a complete organisational redesign over the line. Mike Riethmuller sheds some light on the invisible parts of CSS and so much more. Enjoy.

April 10, 2017

Web Design Weekly #274

Jonas Downey, a Designer from Basecamp shares his thoughts on all the fragmentation around design job titles and gives some suggestions on how to approach it. Isaac Lyman shares a list of some of the biggest surprises you’re likely to face as a CSS newbie. Addy Osmani dives into insights from Chrome’s networking stac and so much more. Enjoy.

April 03, 2017

Web Design Weekly #273

The team at Typeform posted an article that mixes writing, UX and humanity. Smashing Magazine has a beta version of its new site. Derek Haynes explains some core core concepts of GraphQL. Calibre has a big release and so much more. Enjoy!

March 27, 2017

Web Design Weekly #272

Ethan Marcotte conveys some really fundamental points around design. Martin Heidegger shares a personal reflection of his time working on NodeSchool. Ben Frain creates a simple scrollable panel and so much more. Enjoy.

March 20, 2017

Web Design Weekly #271

Eric Meyer is excited about the grid but one thing he wants us to understand is CSS Grid is not Tables 2.0. Not even close. Vincent Feeney shares some great tips in turning a 'no budget' situation into a positive. Greg Hovanesyan shares some great insights into the Web Audio API for us newbies and so much more. Enjoy.

March 13, 2017

Web Design Weekly #270

Ethan Marcotte puts forward some really good points on why container queries really have a place as our designs become more modular and pattern-driven. Horace Ko from Airbnb explains how the dev team were able to use experiments to confidently launch a refactored search page. Todd Motto covers and explores the ins and outs of the Angular router and lots more. Enjoy!

March 06, 2017

Web Design Weekly #269

Harry Roberts shares some insights into why you should't use base64 in CSS and why base64 and gzip don’t work well together. Patrick Hund explains how to use the latest version of React Router both on the server side and the client side. Sean Larkin shares some infomation about the awesome new features in Webpack 2 and lots more. Enjoy!

February 27, 2017

Web Design Weekly #268

Viljami Salminen explores the past and present design tool landscape and puts forward some great points on where we should be aiming to head in the future. Noah Stokes who is the Lead Product Designer at Creative Market shares how he changed his product design process by utilising simple tools like Dropbox Paper. Max Stoiber digs into the power of children in React and so much more.

February 20, 2017

Web Design Weekly #267

Nicolas Hoizey raises some really good points about how Service Workers give us a lot of power but with that power comes consequences. Tyler McGinnis explores Reacts life cycle methods. Scott Jehl passes on some tricks of the trade to help us build better accessible responsive sites and lots more. Enjoy.

February 13, 2017

Web Design Weekly #266

Jinju Jang explores the reasons for relearning some mathematics principles to level up her design skills. Ethan Marcotte shares a few interesting thoughts around budget-constrained organisations. Todd Motto looks into the different types of decorators, the code they compile to and how they work. Sarah Dranser looks into Vue.js and so much more. Enjoy.

February 06, 2017

Web Design Weekly #265

Ire Aderinokun explains in a clear and concise manner why having knowledge of the critical rendering path for web pages is useful for understanding how a site’s performance can be improved. Jeff Wang revisits the design process he took on a recent project from the UI angle. Sacha Greif gives us a small glimpse into Styled Components and loads more. Enjoy.

January 30, 2017

Web Design Weekly #264

A glimpse into how the Filament Group went about speeding up their site load time and reducing the reliance on network requests by utilising HTTP/2 and Service Workers. Max Stoiber explains how to go about building user interfaces with small, focused and independent components, splitting container and presentational components; and having single-use CSS class names to produce a more maintainable codebase. Sebastian Hermida shares an insight into using the Tachyons CSS framework for a recent project and so much more. Enjoy.

January 23, 2017

Web Design Weekly #263

Robin Rendle looks at the current web technologies and explores what the future has in store when they are mixed with typography. Eric Elliott explains Functional programming in an easily digestible manner. Marco Suarez explains how Etsy are evolving their icon system to help the entire design team to create, maintain and implement icons. Enjoy.

January 16, 2017

2016 in Review

For those that have been keeping an eye on Web Design Weekly, you probably have noticed that things have been extremely quite… ? The first half of the year was quite productive. Lots of new articles, a range of site modification and great newsletter growth. It was shaping up to be a great year until August arrived. During the first half of the year my full-time job was pretty quiet so I had the motivation and energy to tinker and work on WDW in the evenings. That all changed pretty quick when we landed an awesome project at work and I was knee-deep in some pretty interesting development.

January 10, 2017

Web Design Weekly #262

Aaron Gustafson gives an extremely good summary of what Progressive Enhancement is all about. Eric Meyer shares some thoughts about why we should be getting excited about CSS Grid. Matt Mullenweg gives the State of the Word for 2016 and so much more. Enjoy.

December 12, 2016

Web Design Weekly #261

Elliott has been involved in the JavaScript community since the early days and shares some words of wisdom for those that are finding the current pace hard to deal with. Tanner Christensen shares an insight into how the Facebook design team generally conduct critiques. Mark Erikson has put together 5 great articles that look at various aspects of Redux and so much more. Enjoy.

December 05, 2016

Web Design Weekly #260

Mustafa Kurtuldu looks at multiple design considerations needed to create a great experience on both slow networks and offline. Paul Irish shares at some new was to debug with the latest Chrome Dev Tools. Kent Dodds explains how to migrate to Jest and lots more. Enjoy.

November 21, 2016

Web Design Weekly #259

A nice refreshing article that looks at tackling the current JavaScript ecosystem, rather than complaining about it. Brad Frost shares some tips around creating a solid CSS architecture. Oliver Williams talking about CSS grid layout and lots more. Enjoy.

November 14, 2016

Web Design Weekly #258

Tom Dale, a core creator of Ember.js shares some thoughts about getting new web platform features into the real world quicker. Monica Dinculescu reminds us how to lazy load web fonts whilst giving users on slow connections a better experience. Roman Komarov puts together a nice argument that conditions within CSS would be extremely helpful and lots more. Enjoy.

November 07, 2016

Web Design Weekly #257

A look into why a small team of Facebook designers build resources for designers. Chris Coyier explains the difference between CSS variables and preprocessor variables. Nathan Rambeck provides an introduction to CSS architecture that will help you design a structure for your code so your projects and teams can grow without becoming an unmanageable mess and lots more. Enjoy.

November 01, 2016

Web Design Weekly #256

Jason Grigsby dives into the details on how to go about using Client Hints to help with the day-to-day task of creating responsive images. Martijn Walraven shares his thoughts about why he believes GraphQL will eventually replace REST. Facebook released a new package manager for JavaScript. Matt Smith explains how you can make your tables responsive with little effort and so much more. Enjoy.

October 17, 2016

Web Design Weekly #255

Tim Kadlec highlights some interesting points about tools and why and when we should move to another or just stick it out and learn the inner workings of them. Tal Kol lists some practical tips of how to model app state to keep yourself sane. Ilya Grigorik shares loads of tips about font optimization and so much more. Enjoy.

October 10, 2016

Web Design Weekly #254

Mike Riethmuller has done it again. His ability to dive deep into a current technology (SVG in this post) and find new creative ways to achive things is astounding. Jeff Fowler writes an in-depth account of his experience learning React. It's written with a lot curiosity, which is super refreshing. Philip Walton shares some tips to help us ship better code when using polyfills and so much more. Enjoy.

October 03, 2016

Web Design Weekly #253

Sebastien Gabriel looks at what was done and how it was achieved during the process of redesigning Chrome desktop. Anthony Ng reminds us that we aren't doing our images or users any favours by not taking the extra time to include then to our sites properly. Ben McCormick shares how things are going down using Jest snapshots and so much more. Enjoy.

September 26, 2016

Web Design Weekly #252

James Rauhut from the IBM Design team shares his journey in working between the realm of web development and design, and how the disciplines can complement each other. Angular 2 was released. Remy Sharp take React for a spin for the first time and share his learning experience and so much more. Enjoy.

September 19, 2016

Web Design Weekly #251

Lea Verou is back to her old tricks in finding creative ways to utilise the power of CSS. Matt Zabriskie reminds us that it is important to market your individual contribution, as it is unlikely anyone else will. Harry Roberts shares an approach to refactoring CSS (or any language), which has been called The Three I’s: Identify, Isolate, Implement and so much more. Enjoy.

September 12, 2016

Web Design Weekly #250

Happy issue 250! Without further ado lets jump into it. This week Heydon Pickering shares a few use cases of why we should all aim to write less code and passes on few tips and ideas that might help us achieve the desired result. The team at Dev To blogged about the target=“_blank” vulnerability. Nolan Lawson gets his testing hat on and explores some interesting stats when using small modules within your JavaScript application and lots more. Enjoy.

August 30, 2016

Web Design Weekly #249

Brent Jackson shares his reflections on how he goes about organising components in React apps. Tim Brown has discovered a way to dynamically calculate any value between two extremes, relative to another set of extreme values. A CLI Dashboard for Webpack Dev Server was released and lots more. Enjoy.

August 22, 2016

Web Design Weekly #248

An epic post by Stanley Wood that looks at how the Spotify design team, spread across different time-zones, projects and competing objectives, found a way to work together to create a coherent experience. Mikey Murphy shares his learning journey to styling. From what started as a single CSS file now includes the likes of Aphrodite, ITCSS, CSSNext, CSSModules and more. If you are working in a component based architecture this is a must read. Chris Coyier has released a new book called Practical SVG. Image Upload and Manipulation with React and so much more.

August 15, 2016

Web Design Weekly #247

Dave Rupert hits the nail on the head with a post this week. He talks about the hardest parts of the Web are the invisible parts. He covers topics like accessibility, security, performance and empathy. Jessie Chen shares some insights into how Netflix went about designing their homepage through A/B testing. Stefan Baumgartner shares some great knowledge on how to scale static site generators and lots more. Enjoy.

August 08, 2016

Web Design Weekly #246

Michael Mifsud shares his team's experience during a recent switch to HTTP/2 for serving image assets. Awesome read. Allison McMillan discusses what an effective interview process might be. Victor Savkin talks about why the Angular team decided to use TypeScript and so much more. Enjoy.

August 01, 2016

Web Design Weekly #245

Ire Aderinokun goes into detail about the six states a Service Worker can be in. Scott Fennell looks into setting up a complex control panel to manage 30+ WordPress multisite installs. Chris Coyier walks us through the many things to consider when styling a modal and lots more. Enjoy.

July 25, 2016

Web Design Weekly #244

Chris Coyier shares his insights into why front end developers need to be aware of a whole range of things, like design, performance and the back end, to get the job done better. Zach Leatherman, offloads copious amounts of knowledge about ways to load fonts in today’s web world. Patrick Catanzariti looks at how the Internet of Things may affect the way we go about developing in the coming years and lots more. Enjoy.

July 18, 2016

Web Design Weekly #243

Jamison Dance lets us in on a few ideas shaped by his own experience and observations on how we can learn new technical things. Dustin Senos shares his simple technique of sketching up a paper wireframe to force him to explore and validate multiple directions before diving into visual design. A step by step introduction to building Angular 2 applications with Immutable.js and Redux. A guide to Sketch and more. Enjoy.

July 11, 2016

Adding Google Analytics to your React Application

Adding any kind of tracking to any project always seems to be an afterthought. Generally just before launching, a stakeholder puts their hand up and states that we need to track everything.... Usually resulting in lots of frustrating mutterings from all developers involved.

July 08, 2016

Web Design Weekly #242

Another big week in the web design world. Gregory Ciotti, part of the marketing team at Help Scout, delves into the psychology of colour. Matt Mullenweg was interviewed at WordCamp Europe. Alex Bachuk wrote a great getting started piece for Redux and so much more.

July 04, 2016

Install Google Fonts

A quick introduction into using any Google font within your website. The screencast looks at how you go about selecting fonts on font.google.com. Adding them to your website and then using them inside your stylesheet.

July 02, 2016

Integration and Comparison for ES6

If you’re still writing JavaScript using ES5 (also known as ECMAScript 5) and desire to author in ES6 (ES2015) fear not. We’ll look over some logical ways to start using this new syntactical sugar in your own work starting immediately. We’ll discuss and examine approaches to integrate features such as let and const plus compare var versus let and finally understand when to use the spread operator.

June 30, 2016

Web Design Weekly #241

Jonathan White sees valid points to both sides of the debate about whether designers should learn to code or whether developers should learn to design. Learn how to set up HTTPS quickly and for free on your WordPress site. A detailed post all about CSS display layouts by Chen Hui Jing and more. Enjoy.

June 27, 2016

Web Design Weekly #240

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.

June 20, 2016

Integrate Stylelint Into Your Workflow For Better CSS

Working within a team or solo can adjust the development priorities but one that should always be high on the agenda is producing the best code possible. Working on a clean, well organised codebase is bliss. It's enjoyable and productive. Working on an unorganised codebase is annoying to say the least. It's often frustrating, painfully slow to change and test anything and invites laziness. Thankfully as CSS developers we have a handy tool called Stylelint that can help us avoid the unorganised situation.

June 15, 2016

Web Design Weekly #239

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.

June 13, 2016

Rationalizing Functional CSS

This post by Marcelo Somers looks at the good and bad parts of writing functional CSS. I loved writing really clever, powerful CSS classes…

June 10, 2016

jQuery 3.0 Final Released!

jQuery 3.0 is now released! This version has been in the works since October 2014. We set out to create a slimmer, faster version of jQuery…

June 09, 2016

Web Design Weekly #238

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.

June 06, 2016

PostCSS – What It Is And What It Can Do

PostCSS has been around since September 2013 and has been part of many developers workflow for a while. For those that haven't had the time to dig into it and put some time aside to understand what it is and what it can do, this post is for you.

June 04, 2016

Web Design Weekly #237

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.

May 30, 2016

Web Design Weekly #236

A great interview with Aarron Walter about how he ended up in design leadership, and what he thinks is most challenging about his current role Google I/O 2016 videos are already available. Josh Pollock shares a honest insight into what it's like to run a company that isn't going gangbusters. Wes Bos has put together 20 short video tutorials to teach you how to build JavaScript apps with React.js and Redux and so much more. Enjoy.

May 23, 2016

Web Design Weekly #235

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.

May 16, 2016

Web Design Weekly #234

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.

May 09, 2016

Web Design Weekly #233

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!

May 02, 2016

Diffee

Instant visual diffing with CSS blend modes! A handy little site built by Una Kravets that enables you to easily compare your development…

April 29, 2016

Web Design Weekly #232

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.

April 25, 2016

Web Design Weekly #231

Josh Marsh looks into the current developments in modern front-end development and the direction that CSS is headed. Brian Krogsgard posted about WordPress 4.5 “Coleman”. Sean Fioritto explains why JavaScript development is crazy. Rachel Andrew explains the common features and also the differences between Flexbox and CSS Grid Layout. Enjoy!

April 18, 2016

A Look Into Web Design Weekly

https://www.campaignmonitor.com/blog/email-marketing/2016/04/discover-how-web-design-weekly-grown-email-marketing/ The team over at Campaign…

April 11, 2016

Web Design Weekly #230

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.

April 11, 2016

Web Design Weekly #229

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.

April 04, 2016

CSS and Scalability

http://mrmrs.io/writing/2016/03/24/scalable-css/ When I read about or listen to ideas on how to scale an app’s css – most of the talk is…

March 30, 2016

Web Design Weekly #228

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.

March 28, 2016

Web Design Weekly #227

A nice refreshing look at the current JavaScript ecosystem by Francois Ward. Mike Bostock shares his thought around what makes good software and how to make it better. Ire Aderinokun wrote about a handy technique to style images that are broken. Zac Holman published a great article about his experience of getting fired and so much more. Enjoy!

March 21, 2016

Web Design Weekly #226

Another big week in web design with lots of talk about progressive enhancement and design being the hot topics. Lexy Munroe published a great article that looks into various ways Twitter are using Javascript and suggest they rethink their approach to focus a little more on progressive enhancement. Ted Goas shares how he gets by as the sole designer working with nine engineers. Hugo Giraudel reminds us that we shouldn’t assume anything in the code we write and some much more. Enjoy.

March 14, 2016

Web Design Weekly #225

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.

March 07, 2016

Web Design Weekly #224

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.

February 29, 2016

Web Design Weekly #223

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.

February 22, 2016

Web Design Weekly #222

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.

February 15, 2016

Web Design Weekly #221

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!

February 08, 2016

Web Design Weekly #220

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.

February 01, 2016

Web Design Weekly #219

Another big week in the land of web design. Charlotte Spencer kicked things off with a great article about remaining calm why the world of web development goes crazy. Jon Arne Sæterås looked into how Client Hints can reduce both image size and verbosity of the responsive images markup. Zach Leatherman revisits the history of web font loading and takes a look into the future and so much more. Enjoy.

January 25, 2016

Web Design Weekly #218

Troy Hunt that highlights all the current annoying techniques sites are utilising that should be abolished and we as developers should be doing our best to make sure they go away. Jeremy Keith reminds us that we should blog about each small thing we learn and it's the best way to understand it. Dr. Axel Rauschmayer examines how the bundling of modules is affected by two future developments and much more. Enjoy.

January 18, 2016

Web Design Weekly #217

Johan Prag’s wrote about countless conversations about design tools, grids and the history of design. Matt Hinchcliffe dives deep into what is required to produce a solid fallback for SVG icons. Wes Bos released an article that aims to give JavaScript developers a good overview and introduction into managing dependencies and more. Enjoy.

December 21, 2015

Web Design Weekly #216

Dave Smith shares some wise words about not being overwhelmed when it comes to picking a framework to learn and embrace the learning that is involved with Web Design in todays world. WordPress 4.4 was released. Philip Walton wrote a great article about native CSS variables. Enjoy.

December 14, 2015

Web Design Weekly #215

As we are coming to the pointy end of the year things surprisingly don't seem to be slowing down in the world of web design. This week there was lots of talk about HTTP/2, Flexbox and JavaScript packaging. The highlights being, the team at Khan Academy put to the test some of the hyped up advantages relating to JavaScript delivery and were greeted with some interesting results. Thomas Park put together a fun interactive site to learn Flexbox and Rebecca Murphey looked at what is needed to build and deploy applications for HTTP/2.

December 07, 2015

Web Design Weekly #214

Tyler Sticka from the Cloud Four team wrote a great piece on why it's time to stop using icon fonts and get on the SVG train. Matt Mullenweg talked about WordPress's new publishing and site management experience. Samantha Zhang shared some useful advice on finding the right color palette for data visualizations. Twitter's design team wrote about designing with constraint in relation to email and more. Enjoy.

November 30, 2015

Web Design Weekly #213

Paul Lewis and a host of other people created a little #HotDrama around the cost of using frameworks. Louis Lazaris discussed a number of DOM features that can be used to manipulate HTML. Susan Robertson shared her knowledge for working with a growing team which is especially useful for those that tend to be solo developers and so much more. Enjoy!

November 23, 2015

Web Design Weekly #212

Lots of focus on Service Workers week. Jeremy Keith started with a great posts about his process, code and gotchas during his first experience creating a ServiceWorker. WordPress now powers 25% of websites. Ana Tudor reminds us that we should take the time to learn CSS gradient syntax as most generators produce sub-optimal code and so much more. Enjoy.

November 16, 2015

Web Design Weekly #211

Another big week in the world of web design. Phillip Walton form Google kicked things off by blogging about specificity in CSS and proposing the question, do we really need specificity in CSS. The team at Medium blog about the use of system fonts. Dennis Gaebel shared his recent experience with working on an application with flexbox and so much more. Enjoy.

November 09, 2015

Potentially the Best File on the Internet for Web Developers

Of course this is a big call, but having utilised various parts of this file on many occasions with large amounts of success, it sure does rank as an important resource, especially as server configuration is not my strong point. So, what is this file I am talking about?

November 05, 2015

Web Design Weekly #210

Another big week in the world of web design. Facebook now gives staff the opportunity to simulate a 2G connection for making better decisions during development and design on Tuesdays. Rely Sharp highlights some awesome tips and tricks to debugging in this day and age. Jonathan Neal released a PostCSS plugin called Time Machine which aims to fix the mistakes in the design of CSS itself and more. Enjoy.

November 02, 2015

Web Design Weekly #209

Sophia Voychehovski looks into how she went about designing a responsive experience for CNN and coining the term Object-Oriented UX. Nolan Lawson writes about the struggles and publishing aspects of releasing a JavaScript library. Jeffery Zeldman takes a trip down the Web Performance memory lane and relates that to todays problems and more. Enjoy.

October 26, 2015

Web Design Weekly #208

Adam Morse does a little brain dump about how he thinks about design systems and building things on the web. Anselm Hannemann explains the best way to currently load web fonts. Eric Elliott shares some really great advice to help you nail your next interview. Chris Coyier reminds us about learning, the frustrations with leaning and why we shouldn't get too annoyed with ourselves in the early stages because things will become easier. Pippin Williamson does an AMA and more. Enjoy.

October 20, 2015

Web Design Weekly #207

Geoff Graham blogged about dealing with technical debt and ways to avoid it. Adrian Sandu takes and in-depth look at rem units in CSS. Zach Holman assess remote-first vs remote-friendly in the workplace and more. Enjoy.

October 12, 2015

Web Design Weekly #206

Another big week in the world of web design. Cap Watkins puts forward the point that if you want to produce great products, we as developers and designers shouldn’t hang onto the ownership of certain sections of a project, we should co-own everything. The U.S government release a web design standard guide. Kezz Bracey explores PostCSS. Mark Otto shares how the core Bootstrap team manage and develop features and so much more. Enjoy.

October 07, 2015

Web Design Weekly #205

Lots of #HotDrama around ad blocking and the future of the web this week. Marco Hengstenberg looks at the evolution of Smashing Magazines navigation over the years in detail. Heydon Pickering explains how you can animate various parts of an SVG and animate them separately to create a GIF like effect. Yoshua Wuyts shares some insightful tips and tricks to become at one with the Node.js filesystem and so much more. Enjoy.

September 28, 2015

Web Design Weekly #204

Chris Pearce talks about how he decided to take the leap to use CSS Modules within his team and how they have been a massive help. Kyle Fiedler explains how to take a test-driven approach to designing products. Steve Faulkner takes the time to write about why you shouldn't use line breaks in 'alt' text. Vincent Orr shares his journey into becoming a JavaScript developer and more. Enjoy.

September 21, 2015

Web Design Weekly #203

Nicholas Zakas chimes in on the topic of “Stop pushing the web forward”. Ashley Nolan released the results of a survey he did focusing on front-end tooling. Val Head looked into ways to avoid motion sickness when designing animations. Thomas Byttebier blogged about his experience with CSS and shared a few tips on creating less of a mess. Enjoy.

September 14, 2015

Web Design Weekly #202

Patrick Brosset takes a look at the wonderful world of the CSS Grid Layout. Google released a new logo and Alex Cook, Jonathan Jarvis & Jonathan Lee look at the finer details of how it came about. Robin Rendle looks at some interesting prefetching performance techniques. Joni Trythall looks at a number of properties to tackle tricky text wrapping/overflow issues and more. Enjoy.

September 07, 2015

Web Design Weekly #201

Another big week in the world of web design. Paul Robert Lloyd that looks at why we need to consolidate our learning and consider how we build upon it. Andy Jiang explores the approach designers take when solving problems and reinforces that we all have the skills and encourages us to be more aware and mindful of our problem solving processes. Mike Riethmuller shares his design pattern that he has been using for icons. Addy Osmani looks at taking advantage of your existing knowledge of features in Sublime Text and applying them to the Chrome DevTools and more. Enjoy.

August 31, 2015

Web Design Weekly #200

Another huge issue with some much great content. Also a very big milestone for WDW being issue 200! This week Glen Maddern released a great post about CSS Modules explaining why they are the future. WordPress 4.3 was released. Ben Gremillion revisited some Flexbox basics and so much more. Enjoy.

August 25, 2015

WOW! Bringing you the 200th issue!

For those who are keen to know a little history. WDW's first issue was sent out on the 1st of July 2011 with about 15 subscribers. That's over 4 years ago! Today, the subscriber count is around 23,400 and growing on an average of 150 a week. Each week contains about 20 links, so that's about 4,000 awesome links that have been sent out worldwide. To think that over 23,000 people let me email them once a week is truly astounding. This is something that I cherish and gives me the incentive to continue to make sure each and every issue of WDW is top notch.

August 20, 2015

Web Design Weekly #199

The talented Facebook team explain how they went about speeding up page loads by 30%. Dean Hume looks at how you can incorporate critical CSS into your blog. Steven Fabre released his web animation tool and more. Enjoy.

August 17, 2015

Web Design Weekly #198

Philip Walton wrote a great piece about what it takes to become a great front-end engineer. Nicolas Bevacqua dive's into several tools and techniques that he users to help monitor site performance. Harry Roberts looks at taking the classic BEM css naming convention a little further and more. Enjoy.

August 10, 2015

Web Design Weekly #197

In this weeks newsletter Geoff Graham puts forward the point that front end development is every bit as difficult and worthy as any other subset. Also many people blogged about "The Mobile web sucks" but Jeremy Keith's take nailed it and Rachel Andrew reminds us that with modern CSS layout it is not going to be all smooth sailing.

August 03, 2015

The Battle Royale: Atom vs. Sublime

For most developers, text editors are just as sacred as discussing the proper way to say “gif.” Sublime Text has been the heavy hitter for some time and for good reason. As an avid Sublime user I decided to see where Atom stood since I last looked; the time of early beta stages. What follows is my experience during a period of five days using the Open Source code editor from GitHub told through the perspective of a seasoned Sublime user.

July 30, 2015

Web Design Weekly #196

This week Maciej Cegłowski published another cracking post that reflects on the history of Web Design. Chris Coyier looks into preprocessing CSS and why we should be carful. Mark Otto runs over some ways to nest your Sass and Less correctly and so much more. Enjoy.

July 27, 2015

Creating Better CSS

For most web developers we are knee deep in CSS on a daily basis. This can be a good or bad thing. It really depends on the state of the CSS. A well-organised codebase can be a pleasure to work with but, generally speaking, most CSS is a complete nightmare, especially on larger projects.

July 21, 2015

Post Pagination in WordPress

Setting up post pagination in older versions of WordPress was a little tricky and more often than not required the use of a plugin…

July 20, 2015

Web Design Weekly #195

A great post but Guillermo Raunch about delivering a Pure UI experience during development. Margaret Stewart wrote about Facebook's business design principles. Wes Bos explored the power of using Oh-My-ZSH and Z to take your command skills to the next level and more. Enjoy.

July 20, 2015

Web Design Weekly #194

Mat Marquis writes an open letter to browser representatives and implementers stressing the need to adapt to the realities of the way we all work to help push the Extensible Web Manifesto to the next level. Paul Irish does a detailed performance audit on Reddit's new mobile site. Jonathan Snook explores a few reason why creating independent modules in CSS is difficult. Paul Lewis tests Reacts performance and so much more. Enjoy.

July 13, 2015

Web Design Weekly #193

Steven Bradley wraps up his epic 7 post series on Design Principles. Jeff Walker dives into the state of JS Build Tools. More talk about why Web Components will make the web a better place. Lea Verou's new CSS Secrets book is now available and so much more.

July 06, 2015

Web Design Weekly #192

Writing CSS isn't easy, especially at a large scale. Thankfully we have Glen Maddern and a few other super smart people exploring how we might author CSS in the not too distant future. Also Ian Feather investigates some of the most practical questions and issues still remaining with Web Components today. Luke Wroblewski explains why drop downs should be the UI of last resort and more.

June 29, 2015

Web Design Weekly #191

Paul Ford produced one of the best articles of the year last week, What is Code? which is a must read. Alex Russell explores Progressive Apps. Jake Giltsoff released an amazing resource about SVGs for the web. Envato also released there re structure style guide and some much more.

June 22, 2015

Modify footer text in WordPress Admin area

If you happen to develop sites for your clients in WordPress it is worth taking a few extra steps to customise the WordPress admin…

June 20, 2015

Remove / disable textarea resize image

If you are a little OCD or have the need to stop your