/blog/links

Written and published by Martin Wolf

Variable fonts →

Tim Brown:

Just minutes ago, at the ATypI conference in Warsaw, the world was introduced to a new kind of font: a variable font. Jointly developed by Apple, Google, Microsoft, and Adobe, a variable font is, as John Hudson put it, “a single font file that behaves like multiple fonts”. Imagine a single font file gaining an infinite flexibility of weight, width, and other attributes without also gaining file size — and imagine what this means for design.

Mind blown. As with all new cool things on the web, it will be a long path until we can actually use these variable fonts on the web. But it will be a awesome for sure: Imagine beautiful typography combined with fast page loads.

Typography is impossible →

Marcin Wichary:

You’re a front-end engineer… but at this very moment, you’re also a typesetter. It’s good work. Satisfying work. [...] But you’re about to discover, or perhaps already discovered, that this is no smooth sailing. Setting type can be tricky. Type lets you get close, but it never quite does what you want it to do.

Another great post covering typography on the web by Marcin. This time about laying out type. Why is it behaving the way it does, what you need to bear in mind when working with type on the web and more. I bet there's something new for everyone of you in there.

Why there is no CSS4 →

Rachel Andrew explaining CSS Levels:

If you read something about CSS3 Selectors, then what is actually being described is something that is part of the CSS Selectors Level 3 specification. In fact CSS Selectors is one of the specifications that is marked as completed and a Recommendation. The CSS Working Group is now working on Selectors Level 4 with new proposed features plus the selectors that were part of Level 3 (and CSS 1 and 2). It’s not CSS4, but Level 4 of a single specification. One small part of CSS.

In the comments of the article Šime Vidas posted a link where "you can check which modules have multiple levels and which one is “Current Work”." Very useful.

The Importance of !important: Forcing Immutability in CSS →

Harry Roberts:

Resilient and defensive systems are not designed for the perfect world, they’re designed for the real world, and in the real world, people write sloppy CSS. Using !important to force immutability will safeguard us from collisions and conflicts that others may introduce.

Harry Roberts explains when it is okay or actually recommended to use !important.

BEMantic: DRY Like You Mean It →

Matt Stow:

I don’t understand why BEM and HTML semantics are seen as mutually exclusive. I like to think I’m a good developer; I take great pride in the HTML I write (both the semantics and ARIA attributes) and in my CSS, which utilises both Sass and BEM.

A Must Read.

CSS @apply rule (native CSS mixins) →

Even though I can't see myself going away from SCSS completely anytime soon, it's very good to see what's happening in the native CSS space. Maybe we can ditch at least a few things and use their native implementations in the (near) future. That would be nice.

Building remote-first teams →

Karolina Szczur:

Countless excuses can be made to disfavour remote work, and truth be told there are definitely scenarios and industries in which it couldn’t be effective and plausible. Let’s have a look at why, in the tech world, most of them can go straight to the trashcan.

Excellent article about all things remote.