Image for post
Image for post

The 14 Most Popular CSS Links of 2016 So Far

Chris Brandrick
May 23, 2016 · 5 min read

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.

Image for post
Image for post

1: 22 Essential CSS Recipes

Ilya Pestov

Image for post
Image for post

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.

Image for post
Image for post

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

Philip Walton — Smashing Magazine

Image for post
Image for post

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.

Image for post
Image for post

3: Learn CSS Layout The Pedantic Way

Mikito Takada

Image for post
Image for post

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

Image for post
Image for post

4: Balloon.css for Pure CSS Tooltips

Claudio Holanda

Image for post
Image for post

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

Image for post
Image for post

5: The Holy Grail Layout with CSS Grid

Ire Aderinokun

Image for post
Image for post

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.

Image for post
Image for post

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

Maria Antonietta Perna — Sitepoint

Image for post
Image for post

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

Image for post
Image for post

7: Introducing CSS Scroll Snap Points

Sarah Drasner — CSS Tricks

Image for post
Image for post

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.

Image for post
Image for post

8: Surprising CSS Properties You Can Use Today

Anthony Dillon

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

Image for post
Image for post

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

Marco Segreto and Jeremia Kimelman

Image for post
Image for post

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.

Image for post
Image for post

10: Textured Gradients in Pure CSS

Oliver Rivo

Image for post
Image for post

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

Image for post
Image for post

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

Ana Tudor — CSS Tricks

Image for post
Image for post

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

Image for post
Image for post

12: Ten Things You Need to Know About CSS

Dmitry Sheiko

Image for post
Image for post

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.

Image for post
Image for post

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.

Image for post
Image for post

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

Taha Shashtari

Image for post
Image for post

A handful of tips on writing clean, maintainable CSS.

Image for post
Image for post

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

Image for post
Image for post

Statuscode

Keeping developers informed.

Welcome to a place where words matter. On Medium, smart voices and original ideas take center stage - with no ads in sight. Watch
Follow all the topics you care about, and we’ll deliver the best stories for you to your homepage and inbox. Explore
Get unlimited access to the best stories on Medium — and support writers while you’re at it. Just $5/month. Upgrade

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store