#345 — June 20, 2018 Read on the Web Frontend Focus CSS Doodle: A Web Component for Drawing Patterns with CSS — A Custom Elements-based component that builds an internal grid of DIV elements and then populates them using CSS to create patterns. Yuan Chuan ?  The Cost of JavaScript — In just 20 minutes Addy… Read More

#344 — June 13, 2018 Read on the Web Frontend Focus The New (and Old) CSS Units You’ve Never Heard About — Exploring the newly defined CSS units that have been recently or are going to be implemented in browsers, including lh, vi and grad. Massimo Artizzu Manipulating Pixels Using Canvas — If you’ve not… Read More

#343 — June 6, 2018 Read on the Web Frontend Focus How to Start with Variable Fonts on the Web — A detailed primer on using variable fonts, single font files that can behave like multiple fonts via OpenType settings. They’re supported by the latest version of all major browsers except Firefox (which has support… Read More

#342 — May 30, 2018 Read on the Web Frontend Focus Getting Started With CSS Layouts — Whether you’re fairly new to CSS or an experienced developer from elsewhere in the stack who wants to make sure your understanding of layout today is up to date, this guide covers everything you need to know about… Read More

#341 — May 23, 2018 Read on the Web Frontend Focus Getting Started with Web Push Notifications — Microsoft Edge now supports web push notifications via the Push API and to celebrate the Edge team has put together a superb introduction to the concepts involved. Microsoft Edge Team Let’s Explore the Feature Queries Manager DevTools… Read More

#340 — May 16, 2018 Read on the Web Frontend Focus The Front-End Tooling Survey 2018 Results — Over 5,000 frontend developers took part in this survey we linked a few months ago. Here are the results on what tools and techniques devs are using right now. Lots to digest here. Ashley Nolan A Strategy… Read More

#339 — May 9, 2018 Read on the Web Frontend Focus New CSS Features That Are Changing Web Design — Widely available, but relatively new, Web technologies like CSS Grid, CSS custom properties, CSS shapes and CSS writing-mode are allowing designers to exercise creativity in all new ways. Zell Liew explains how. Zell Liew Container-Adapting… Read More

#338 — May 2, 2018 Read on the Web Frontend Focus A Guide to the State of Print Stylesheets in 2018 — We’re printing fewer documents than ever, but it pays to make it easy for users to print well-styled versions of documents like invoices, receipts, recipes, instructions, etc. Rachel Andrew What’s New in the… Read More

#337 — April 25, 2018 Read on the Web Frontend Focus Replace Animated GIFs with Video — Animated GIFs can be huge but in this guide we see how to curb that bloat by replacing them with MPEG-4 and WebM video sources that work in most browsers. Google Developers Writing More Accessible Markup with ‘display:… Read More

#336 — April 18, 2018 Read on the Web Frontend Focus Chrome 66 has been released on Chrome’s stable channel this week. As well as the usual new DevTools goodies, the big news for Web developers is that media autoplaying policies have changed. Media without sound (or muted) will automatically play as before, but media… Read More