Top picks — 2016 December
Control web typography with CSS font display
A great exhalation of font-display property by Umar Hansa. As writing this article browser support isn’t amazing but it works great as a progressive enhancement. This is going to part of every font-face declaration it the short future.
Lockfiles should be committed on all projects
James Kyle explains why we should commit yarn.lock files to our repositories. Makes sense. Essential read for all open source contributors.
The Web Worldwide
Tim Kadlec build another amazing tool that is a great source of knowledge for every web developer / designer. I quickly compared two countries — United Kingdom (where I live) and Poland (my homeland) and the data is shocking! I’m going to use it a lot. Thanks Tim for building this!
Eric Meyer answers popular questions about CSS Gris Module that is coming to our browsers very soon (March 2017). Lots of good insights here. The most controversial question is “Are we ready?”.
Rounded corners aren’t universally supported even now, but I bet you’ve used them.
GPU Animation: Doing It Right
The best thing that I have ever read about animations. Sergey Chikuyonok (creator of popular tool Emmet) gives us a list of amazing advices about silky smooth animations in CSS, number of great technical explanations and tons of examples. Must read this month!
SmashingConf Barcelona 2016 - Marcin Wichary on To Hell For Type
I’m sure you love typography on Medium.com. Marcin Wichary explain why you love it! Essentially it is piece of art and every single edge case is taken into consideration. Great and funny talk!
The (Not So) Secret Powers Of The Mobile Browser
Meet the great power of moder web APIs. Great example with imaginary Zoe written by Stéphanie Walter. This article made me want to buy a Pixel by Google. Shame on you Apple!
Front-End Developers Are Information Architects Too
An Overview of Client-Side Storage
A great explanation / comparison of all possible methods of storing a data in the client / browser. A love the examples next to each method.
Front-End Performance Checklist 2017
Comprehensive list of best performance practices created by Vitaly Friedman. New year is a great opportunity to refresh or rebuild your website from scratch, it is worth to have a look here.
Controlling the Specificity
Unfortunately specificity is not something that everyone who writes CSS cares about - people should. If you don’t even know what specificity is I published a great explanation the other day. Roman Komarov definitely mastered it and took it to the next level by showing us how to control specificity score by using
:not() selector. Great in depth article for all CSS maniacs.
Batch resizing images from the command line on a Mac
You don’t have to open image in the Photoshop to resize it. There is a something called “scriptable image processing system” that is available in your command line under
sips keyword - James Chambers explains really well how to utilize it on daily basis.
What Comes Next Is the Future
What Comes Next Is the Future is a documentary film about the web created by Matt Griffin. About the past, present and the future of the most influential medium ever created by people who build it. Dozens of people who made a huge impact on the web like: Jeffrey Zeldman, Tim Berners-Lee, Ethan Marcotte, Eric Meyer, Alex Russell, Jonathan Snook and many more. Must watch!
The Dark Side of Polyfilling CSS