Clik here to view.
#316: Firefox 57 Released
Frontend Focus Issue 316 — November 15, 2017 Introducing the New Firefox (57): QuantumA major update that’s “over twice as fast as Firefox from 6 months ago, built on a completely overhauled core...
View ArticleClik here to view.
#317: How To Gracefully Deal With Browsers That Don't Support Grid
Frontend Focus Issue 317 — November 22, 2017 Using CSS Grid: Supporting Browsers Without GridCSS Grid might provide one of the biggest recent improvements in front-end development, but how can we...
View ArticleClik here to view.
#318: Building Accessible Web Menu Systems
Frontend Focus Issue 318 — November 29, 2017 Building Accessible Web Menu SystemsA deep exploration of creating accessible menus for the Web, starting from defining exactly what a menu even is....
View ArticleClik here to view.
#319: How Stripe Designs Beautiful Websites
Frontend Focus Issue 319 — December 6, 2017 Web Content Accessibility Guidelines For People Who Haven't Read ThemA detailed look over the WCAG - a starting point in making your sites work better for...
View ArticleClik here to view.
#320: Making HTML Responsive with a Single Line of CSS
Frontend Focus Issue 320 — December 13, 2017 Understanding CSS Layout and the Block Formatting Context“Understanding what a BFC (Block Formatting Context) is, why it works, and how to create one is...
View ArticleClik here to view.
The top frontend links of 2017
Frontend Focus Issue 321 — December 19, 2017 In this issue, we're taking a look back at the most popular links of 2017. It's a great opportunity to catch up with the bigger stories that caught...
View ArticleClik here to view.
#322: What's New in HTML 5.2, A Performance Checklist for 2018 and CSS Grid...
Frontend Focus Issue 322 — January 10, 2018 What’s New in HTML 5.2?HTML 5.2 became an official W3C Recommendation (REC) a month ago, but what did it introduce and change? Ire AderinokunCSS Grid...
View ArticleClik here to view.
HTML 5.2's new dialog element, an updated Speedometer benchmark and changes...
Frontend Focus Issue 323 — January 17, 2018 How Big Is That Box? Understanding Sizing in CSS LayoutsA great introduction to the concepts around lengths, units, and content-based sizing with layouts...
View ArticleClik here to view.
#324: Bootstrap 4 Released, Firefox 58 Arrives
Frontend Focus Issue 324 — January 24, 2018 Bootstrap 4 ReleasedAfter a lengthy beta, the final release of the fourth version of popular frontend toolkit Bootstrap is here. No breaking changes. Mark...
View ArticleClik here to view.
#325: Using Variable Fonts in the Real World
Frontend Focus Issue 325 — January 31, 2018 How to Use Variable Fonts in the Real WorldUsing variable fonts (now supported across multiple browsers) in a real production context can be tricky. Here’s...
View ArticleClik here to view.
#326: Using Media Queries for Responsive Design in 2018
Frontend Focus Issue 326 — February 7, 2018 Using Media Queries for Responsive Design in 2018Explores the use of media queries in responsive design today, how they work alongside Flexbox and Grid...
View ArticleClik here to view.
#327: Replacing jQuery With Vue.js
Frontend Focus Issue 327 — February 14, 2018 Replacing jQuery With Vue.js: No Build Step NeededSome developers aren’t keen on complex workflows that involve build tools and they’re not mandatory to use...
View ArticleClik here to view.
#328: Everything You Need to Know About CSS Variables
Frontend Focus Issue 328 — February 21, 2018 How Chrome's New Ad Filtering WorksChrome has now begun to block ads that don’t meet the Better Ads Standards. What does this mean and how does it work?...
View ArticleClik here to view.
#329: This week, it's all about CSS (and webpack 4.0)
Frontend Focus Issue 329 — February 28, 2018 webpack 4.0 ReleasedA significant release for the popular module and asset bundler brings significantly increased performance and new ‘development’ and...
View ArticleClik here to view.
Chrome 65, CSS Quirks, and We've Redesigned
#330 — March 7, 2018Read on the WebFrontend FocusYes, 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...
View ArticleClik here to view.
#331: Firefox 59, Houdini and the 2018 Frontend Tooling Survey
#331 — March 14, 2018Read on the WebFrontend FocusUnderstanding Margin Collapse in CSS— A visual look at a fundamental CSS concept: margins that ‘collapse’ against each other. Except when they...
View ArticleClik here to view.
#332: Improving Page Performance with Chrome DevTools
#332 — March 21, 2018Read on the WebFrontend FocusTUI Chart: Attractive Charts for the Web— Cross-browser (including IE 8) with bar, line, area, bubble, pie, heatmap, bullet, and boxplot charts out of...
View ArticleClik here to view.
#333 — How display:contents works, Chrome DevTools tips and a focus on SVG
#333 — March 28, 2018Read on the WebFrontend Focus✏️ A Focus on SVGThis week we've brought together a collection of tools, tips and tutorials on all things SVG. The vector graphics format is now...
View ArticleClik here to view.
#334: Optimizing Load Times with Chrome DevTools
#334 — April 4, 2018Read on the WebFrontend FocusProgressive 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...
View ArticleClik here to view.
#335 — Browsers To Support 'Web Authentication': A New Standard for Logins
#335 — April 11, 2018Read on the WebFrontend 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...
View Article
