The 14 Most Popular CSS Links of 2016 So Far

We’ve taken a look through all the stats for the 20 issues of HTML5 Weekly (our front-end development newsletter) published so far in 2016 and have collected together the most popular CSS articles, round-ups, tools and tutorials readers have clicked on.

HTML5 Weekly is a newsletter sent every Wednesday with the most important links in the front-end developer community — Join 70,000 other subscribers and sign up for free here.

1: 22 Essential CSS Recipes

Ilya Pestov

A great grab-bag of things you can do with CSS along with brief code snippets. Things like gradient borders, counters, and z-index transitions.

This round-up saw nearly 5,000 clicks from readers of HTML 5 Weekly

2: Houdini: Maybe The Most Exciting Development In CSS You’ve Never Heard Of

Philip Walton — Smashing Magazine

Houdini is a new W3C task force with plans to introduce a new set of APIs that will give developers the power to extend CSS itself, and the tools to hook into the styling and layout process of a browser’s rendering engine.

An in-depth look at what the Houdini task force is trying to solve and why.

3: Learn CSS Layout The Pedantic Way

Mikito Takada

A not-quite-book-length set of chapters walking through every major concept in CSS layout, with dozens of applied examples to illustrate them.

This digital book is also available on GitHub, as a single HTML page, and as a PDF download.

4: Balloon.css for Pure CSS Tooltips

Claudio Holanda

Uses special data-attributes for its settings, but has no reliance upon JavaScript at all. The code is tidy and clever.

A popular pure CSS tooltip with over 2,500 stars on GitHub.

5: The Holy Grail Layout with CSS Grid

Ire Aderinokun

The CSS Grid Layout Module is still in Editor’s Draft but is now nearing finalisation. Here’s a look at recreating the old ‘Holy Grail’ layout using it.

6: An Introduction to CSS’s @supports Rule (Feature Queries)

Maria Antonietta Perna — Sitepoint

You can perform feature detection using native CSS feature queries with the @supports rule, supported in Edge, Firefox, Chrome and Safari.

7: Introducing CSS Scroll Snap Points

Sarah Drasner — CSS Tricks

The new CSS Scroll Snap Points spec promises to help us lock an element into the viewport on scroll without JavaScript. Support varies wildly between browsers though.

8: Surprising CSS Properties You Can Use Today

Anthony Dillon

Includes things like filters, CSS3 selectors, @supports, and performing calculations.

9: Introducing The US Government’s CSS Coding Style Guide

Marco Segreto and Jeremia Kimelman

18F, a digital services agency within the US government, has released a CSS style guide covering best practices and rules they apply for producing consistent, maintainable CSS code.

An in-depth resource/reference.

10: Textured Gradients in Pure CSS

Oliver Rivo

Go beyond simple linear and radial gradients with something less predictable, using a small base64-encoded SVG directly within your CSS.

This is a pretty cool effect.

11: The ‘background-clip’ Property and its Use Cases

Ana Tudor — CSS Tricks

The most extensive walkthrough of background-clip and its potential uses that we’ve seen to date.

Plenty of examples and CodePen embeds.

12: Ten Things You Need to Know About CSS

Dmitry Sheiko

Including knowing how browsers read CSS, how to modularize and apply design principles to your CSS, and how to best name elements in your CSS files.

13: Test My CSS

Luke Fender

Give this tool the URL of a CSS file and it’ll highlight any unnecessary complexity and help you analyze your selectors for duplicates, etc.

14: Eight Tips to Write CSS You Won’t Hate

Taha Shashtari

A handful of tips on writing clean, maintainable CSS.

Follow us here on Medium or at @FrontendDaily over on Twitter for more handy round-ups and news like the above.