#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

#335 — April 11, 2018 Read on the Web Frontend Focus ?  Lazy Loading Images and Video — Looking to improve initial page load time and lower per-page payload? This guide on has plenty of pointers on lazy-loading techniques, libraries and gotchas to watch out for. Jeremy Wagner Browsers To Support ‘Web Authentication’: A New Standard… Read More

#334 — April 4, 2018 Read on the Web Frontend Focus Progressive Web Apps on iOS Are Here — iOS 11.3 added support for several PWA technologies (such as Service Workers) meaning apps can now be installed on iOS without App Store approval. There are limitations, of course, and here’s a rundown of what you… Read More

#333 — March 28, 2018 Read on the Web Frontend Focus ?? A Focus on SVG This week we’ve brought together a collection of tools, tips and tutorials on all things SVG. The vector graphics format is now heavily supported across all major browsers and is being used in increasingly creative ways. A section of… Read More

#332 — March 21, 2018 Read on the Web Frontend Focus TUI Chart: Attractive Charts for the Web — Cross-browser (including IE 8) with bar, line, area, bubble, pie, heatmap, bullet, and boxplot charts out of the box as well as combined graphs. NHN Entertainment ?  Improving Page Performance with Chrome DevTools — 11 minutes of… Read More

#331 — March 14, 2018 Read on the Web Frontend Focus Understanding Margin Collapse in CSS — A visual look at a fundamental CSS concept: margins that ‘collapse’ against each other. Except when they don’t. Jonathan Harrell Say Hello to Houdini and the CSS Paint API — Houdini is a W3C effort to build ways… Read More

#330 — March 7, 2018 Read on the Web Frontend Focus Yes, Frontend Focus looks totally different today! We got bored with the weird purple we used to rock, so as part of our redesign and new template, we’ve switched to ‘HTML5 orange’. There’s still a lot to do, but the newsletter will continue to… Read More

Frontend Focus Issue 329 — February 28, 2018 webpack 4.0 Released A significant release for the popular module and asset bundler brings significantly increased performance and new ‘development’ and ‘production’ modes with pre-defined settings. Sean T. Larkin 30 Seconds of CSS A growing collection of useful CSS snippets which we’re promised we can understand in… Read More

Frontend Focus Issue 328 — February 21, 2018 How Chrome’s New Ad Filtering Works Chrome has now begun to block ads that don’t meet the Better Ads Standards. What does this mean and how does it work? Google Everything You Need to Know About CSS Variables How variables work natively in CSS, and how to… Read More