Frontend Focus
Issue 321 — December 20, 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 everyone's imagination in the world of frontend development this year.

We're now taking a break for Christmas and will be back on January 10. A big thank you for all of your support this year — have a great holiday season. 🙂

- The Frontend Focus team (Peter, Chris and Za'e)

The Most Popular Items of 2017

Starts from the usual basics (title, charset, etc.) but works up to a significant number of meta and link tags useful in various situations.
Josh Buchea

A helpful guide to CSS Grid, including a free visual grid builder tool.

A fantastic round-up of concepts, tools, and things to consider when doing one of a developer’s most important tasks: debugging.
Sarah Drasner

Frontend Masters
Learn the patterns to manage state across large React applications. Take a tour through the popular approaches and libraries to state management like Flux, Redux, MobX, Redux Thunks and Redux Sagas in this new course by Steve Kinney.
Frontend Masters   Sponsor

In short, not exactly. Some good examples here of where Grid and Flexbox work best.
Robin Rendle

A site logo linking to the homepage is not always enough. Here’s some best practices for that key link.
Nielsen Norman Group

Five supposedly ‘old-fashioned’ CSS practices that you may not need anymore (like using floats or grid libraries) and what you can use instead.
Ryan Oglesby

Why you don’t need a grid system to use CSS Grid Layout, due to it already being one.
Rachel Andrew

VividCortex   Sponsor

An exhaustive list of all the elements you need to have/test before launching your site.
Brandon Morelli

Two years in the making, the beta of Bootstrap version four arrived in August, taking some key steps forward — for starters, it switched from Less to Sass and is now Flexbox based.
Mark Otto

‘Headless’ Chrome is basically Chrome running without any UI or visible controls, so is ideal for being remotely controlled from JavaScript.
Eric Bidelman

Start collecting, monitoring & correlating real-time metrics from 200+ technologies in minutes. Try it free.
Datadog   Sponsor

Ditch console.log debugging by using breakpoints to debug code within the DevTools.
Brandon Morelli

A back to basics CSS starter kit “for when you don’t need the whole boot”.
Cory Laviska