December 20, 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 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.
CoffeeCup
A fantastic round-up of concepts, tools, and things to consider when doing one of a developer’s most important tasks: debugging.
Sarah Drasner

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 fantastic round-up of concepts, tools, and things to consider when doing one of a developer’s most important tasks: debugging.
Sarah Drasner
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
Ditch console.log debugging once and for all by learning to use breakpoints to debug code within the DevTools.
Brandon Morelli
‘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

Jobs





Source link