Tag Archives: css

Variable Fonts, an interactive presentation

Interactive slidedeck of a talk on Variable Fonts by Scott Kellum: Advance with the arrow keys. Watch it fullscreen here.

Elsewhere , , Leave a comment

How CSS’s display: contents; works

You might know that display: contents; does what it states it does: it only shows an element’s contents, just as if you were to remove the opening and closing tag. But what about the element’s attributes? What about the bound … Continue reading

Elsewhere , , , Leave a comment

Working with Houdini’s new CSS Typed Object Model (Typed OM)

Chrome 66 will add support for Houdini’s Typed OM. Eric Bidelman from Google has documented how we can use this. CSS now has a proper object-based API for working with values in JavaScript. The days of concatenating strings and subtle … Continue reading

Elsewhere , , , Leave a comment

Subsetting web fonts with glyphhanger

glyphhanger is a great tool to work with web fonts, developed by the folks at Filament Group. It serves two goals: It shows what unicode-ranges are used on a web page: # local and remote URLs $ glyphhanger ./test.html $ … Continue reading

Elsewhere , , , Leave a comment

Using @supports to detect if a browser supports CSS Variables

As tweeted by Ire Aderinokun: @supports (color: var(–)) { /* has support */ } Not too surprising if you’ve used Feature Queries before, but what does surprise me is that you can make it work by only passing the prefix … Continue reading

Original Content , , 2 Comments

Geometric cover replication with CSS Grid, clip-path, and writing-mode

This one was fun dissecting: Geometric cover replication with CSS Grid, clip-path, and writing-mode →

Elsewhere , , , Leave a comment

Emoji Compositions — Create your own emoji by combining existing ones (👱‍♂️ + 🎩 + 🔎 = …)

Last Friday Max Lynch sent out this tweet: I'm still not over Apple killing the best emoji there ever was pic.twitter.com/gVOMhEP3Mn — Max Lynch (@maxlynch) March 15, 2018 Inspired by an idea that first came to my mind after seeing … Continue reading

Original Content , Leave a comment

CSS Houdini Experiments

At the very end of the Say Hello to Houdini and the CSS Paint API article there’s only a small mention of this site. However it’s that great that it’s worth a link/post on its own. ⚠️ Be sure to … Continue reading

Elsewhere , , , Leave a comment

Say Hello to Houdini and the CSS Paint API

With the CSS Paint API already being available in Chrome 65 and the CSS Layout API on its way it’s a good time to look at Houdini again. Say Hello to Houdini and the CSS Paint API → Related: This … Continue reading

Elsewhere , , , 2 Comments

Lesser known CSS Quirks & Advanced Tips

Whether your a seasoned developer looking for a good overview, or a beginning developer trying to get your head wrapped around CSS, this list of CSS Quirks (which you might have gotten accustomed to over time) is great. Lesser known … Continue reading

Elsewhere , Leave a comment