Simplified Fluid Typography

Past issues Subscribe

Dec 3 Dec 17

Dec 10 2019

Simplified Fluid Typography

What's going on in < / > world

"Easy is boring. That's why I love the web and browsers." - Remy Sharp

Hello, you're reading Infinum Frontend Cookies, bringing you the latest JavaScript and CSS related news straight to your inbox every week.

Simplified Fluid Typography

Fluid typography is the idea that font-size (and perhaps other attributes of type, like line-height) change depending on the screen size (or perhaps container queries if we had them). The core trickery comes from viewport units. You can literally set type in viewport units (e.g. font-size: 4vw), but the fluctuations in size are so extreme that's usually undesirable. Let's look at a technique for tamping the extremes, but it basically a one-liner now that CSS is evolving!

News

Mozilla launches Firefox Replay for Nightly builds on macOS

Mozilla has launched a new developer tool in Firefox Nightly for macOS called Firefox Replay. The new tool allows developers to efficiently test their code. Cross-platform support will come later.

Libs & Tools

sindresorhus/got

Human-friendly and powerful HTTP request library for Node.js

Articles

Checklist to avoid the most common accessibility errors

This isn’t a comprehensive guide to accessibility, but we’ll look at ways to avoid the most common accessibility errors identified by the WebAIM accessibility analysis of the top 1,000,000 home pages, and the HTTPArchive 2019 Web Almanac analysis of 5.8 million pages.

Making a Better Custom Select Element

Julie Grundy dives headlong into the snowy issue of customising form inputs. Nothing makes a more special gift at Christmas that something you’ve designed and customised yourself. But can it be done while staying accessible to every user?

Motion Paths - Past, Present and Future

Let's explore a few ways of moving an element along a path, including the upcoming CSS motion path module and the newly released GSAP3.

JavaScript, ES6, ES7, ES10 where are we?

What is JavaScript? According to Wikipedia, it is a scripting language that conforms to the ECMAScript specification. ES6, ES7, etc… You probably have heard those names, you also have most likely been using ES6 for a while (with Babel in a lot of cases).

For beginners