Frontend Focus Issue 312 — October 18, 2017 Rebuilding Slack’s Website The story behind the redesign of Slack’s home on the web — powered by CSS Grid and optimized for performance and accessibility. Mina Markham Chrome 62 Released: What’s New? Improved Network Information API, support for OpenType variable fonts, new ways to capture media, and… Read More

Frontend Focus Issue 311 — October 11, 2017 The Web at Maximum FPS: How WebRender Gets Rid of Jank “WebRender isn’t really about making rendering faster. It’s about making it smoother.” A great look at improvements coming to Firefox soon. Mozilla Hacks Image Effects with CSS A collection of CSS snippets to create fast, complex… Read More

Frontend Focus Issue 307 — September 13, 2017 Learn How To Debug JavaScript with Chrome DevTools Ditch console.log debugging once and for all by learning to use breakpoints to debug code within the DevTools. Brandon Morelli Lazy Async SVG Rasterization Browsers try to render SVG images on every frame, this can be slow. Here, Jake… Read More

Frontend Focus Issue 308 — September 20, 2017 W3C Abandons Consensus, Standardizes DRM with 58% Support This decision has resulted in the EFF resigning from the consortium due to a belief that the W3C process is no longer suited to defending the open web. Cory Doctorow How New Font Technologies Will Improve The Web François… Read More

Frontend Focus Issue 309 — September 27, 2017 CSS font-display: The Future of Font Rendering on the Web Giulio Mainardi explains the new font-display property and how it will help CSS developers improve rendering of fonts during page load. SitePoint The Mega HTML5 Cheatsheet A lot of stuff packed into this huge infographic from tags… Read More

Frontend Focus Issue 310 — October 4, 2017 Essential Image Optimization for the Web A free ebook on modern image optimization techniques. Formats, decoders, techniques for efficient compression and more are covered. Addy Osmani CSS Grid Gotchas And Stumbling Blocks CSS Grid is such a different way of approaching Web layout that a variety of… Read More

Frontend Focus Issue 305 — August 30, 2017 A Thorough Guide to Building Layouts with CSS Grid A helpful guide to CSS Grid, including a free visual grid builder tool. CoffeeCup Improve Web Typography with CSS Font Size Adjust Gajendar Singh introduces you to the font-size-adjust CSS property and explains why it’s important and how… Read More

Frontend Focus Issue 304 — August 23, 2017 Custom Elements v1: Reusable Web Components A great introduction to Custom Elements – they allow web developers to define new HTML tags, extend existing ones, and create reusable web components. Eric Bidelman A Look Inside a Super Fast CSS Engine A fantastic exploration of how work on… Read More

Frontend Focus Issue 303 — August 16, 2017 Bootstrap 4 Beta Released Two years in the making, the popular front-end framework is taking some key steps forward. For starters, it’s switched from Less to Sass and is now Flexbox based. Mark Otto Web Fonts: When You Need Them, When You Don’t David Gilbertson makes a… Read More

Frontend Focus Issue 302 — August 9, 2017 HTML 5.2 Now A Candidate Recommendation Now a W3C Candidate Recommendation, the HTML 5.2 spec defines the second minor revision of HTML. A few things are up for potential deprecation including the ‘menu’ and ‘dialog’ elements. W3C The Languages Which Almost Became CSS The history of all… Read More