Frontend Focus
Issue 221 — January 6, 2016

A special issue looking back at the best of 2015.

I hope you've had a great holiday season. As everyone is still warming up to 2016, we thought we'd look back at the most popular things we linked to in 2015. Enjoy! :-)
- Peter Cooper, Editor

A ton of useful insights, tips, videos, and more, on debugging issues in Web apps, front end development, etc.
Remy Sharp

A followup to a previously successful 12 Little-Known CSS Facts.
Louis Lazaris

A good introduction to the ‘Fetch API’, an API that aims to fix many of the problems with XMLHttpRequest (the core Ajax technology).
Mozilla Hacks

Learn Angular 2 concepts and understand how to use JavaScript controls in your AngularJS application. Follow Wijmo’s progress as they migrate their Angular 1 directives to Angular 2 components. Download and run Wijmo’s Angular 2 Explorer.
Wijmo   Sponsor

Analysis of 1044 survey responses on CSS preprocessors, task runners, libraries.
Ashley Nolan

A look at how to write clean, concise HTML with the goal of having it load more quickly across a variety of devices.
Sam Dutton

You can use Material Design Lite to bring a Material Design look and feel to your sites. It doesn’t rely on any JS frameworks and is optimized for cross-device use.
Addy Osmani

An eight part CSS guide providing some structure for writing CSS.
Bobby Grace

Web Components were first introduced to the world at Google IO 2012 but are still considered on the cutting edge. Wilson Page of Mozilla looks at what Web Components are, why they’re useful, and why they’re still not everywhere.
Mozilla Hacks

Jobs Supported by

  • Principal Web Developer (Bristol, UK)Join MixRadio if you are an expert web developer with superior front-end skills. Help us improve our speed of execution and architecture. Use ReactJS and ES2015 on cross-disciplined teams to deliver the next best music streaming service. MixRadio
  • Give back to the developer community - apply to teach today.Actively seeking web developers to join our tight knit family of passionate teachers and earn royalties. Pluralsight
  • Get 10 offers from top tech companies in one week.Indeed Prime is an elite new program from that presents in-demand tech talent like you to top employers. Indeed Prime opens the door to exciting career opportunities with one simple application. Join today! Indeed

Can't find the right job? Want companies to apply to you? Try

In Brief

It's 2016: Time to Vote on Future Course Topics news
Which courses on front-end, Node.js, etc. would you like to see? Vote on the topics most important to you.
Frontend Masters  Sponsor

How to Use The HTML5 Sectioning Elements tutorial
If you’re always tempted to turn to the trusty ‘div’ tag, this tutorial on using ‘main’, ‘article’, ‘section’, ‘nav’ and related tags may be useful.
Treehouse Blog

Creating Well-Behaved Sites with the Page Visibility API tutorial
Smashing Magazine

Checkbox Trickery with CSS tutorial
Will Boyd

Push Notifications on the Web with Google Chrome tutorial
Dean Hume

Build An HTML5 Game — And Distribute It tutorial
Mozilla Hacks

'I Think HTML Is Done' opinion
“The W3C HTML Work­ing Group char­ter is ex­pir­ing; dis­cus­sion on what to do is in­con­clu­sive; things are pret­ty qui­et in the WhatWG. Con­clu­sion: The best thing to do about HTML is noth­ing.”
Tim Bray

HTML6 and APIs as Natural Friends opinion
Paul Bruce

How eBay's CSS Framework Helps Enforce Accessibility opinion
eBay Tech Blog

Front-End Tools: Some Top Finds in 2015 tools

Photoshop Design Space: An Alternative UI for Photoshop Built with HTML5 tools

The W3C Mobile Checker: Be Mobile Friendly tools

PurifyCSS: Removes Unnecessary / Unused CSS tools
Kenny Tran

Sequence.js: A Responsive CSS Animation Framework code
Ian Lunn

The Single Tag Website code
An interesting experiment to render a complete Web page off the back of using a single tag. A cute trick, at least.
CJ Johnson

MUI: A Material Design-based CSS Framework code

localFont: Using localStorage for Web Font Caching code
Jaime Caballero

Discover 52 tips to improve your .NET performance tutorial
Our new eBook features dozens of tips and tricks to boost your .NET performance. Download your free copy.
Red Gate Software  Sponsor