/explore

Click through on any links that interest you or select the planets on the right to continue exploring the Outer Web.
You are here

 dbushell.com
Et tu, Grammarly? - David Bushell - Web Dev (UK)
| | blog.typekit.com
The Typekit Blog | Flexible typography with CSS locks
8.9 parsecs away

Travel
| | [AI summary] The provided text discusses a CSS technique for dynamically adjusting line-height based on viewport width, using a 'lock' analogy. It includes a detailed explanation of the math and CSS calc syntax, as well as discussions on potential issues with em and rem units, and alternative approaches using rem and adjusting breakpoints. The text also mentions a related article by Florens and a comment by Johannes about scalable font-sizes. The author is Tim Brown, a typography expert at Adobe Typekit & Adobe Type.
| | 8yd.no
Fluid web typography with clamp() and vw needs calc() | H.W. Sanden
6.2 parsecs away

Travel
| | Setting the font size like clamp(1.875rem, 3vw, 3.75rem) defeats the purpose of using rem. We must throw calc() into the mix to make it user-friendly. The clamp() function sets three sizes: a min si...
| | jxnblk.com
Mathematical Web Typography | Jxnblk
7.0 parsecs away

Travel
| | Design engineer and aspiring indie game dev based in Brooklyn, NY
| | aaronluna.dev
Hugo: Add Copy-to-Clipboard Button to Code Blocks with Vanilla JS - aaronluna.dev
44.1 parsecs away

Travel
| Hugo includes a built-in syntax-highlighter called Chroma. Chroma is extremely fast since it is written in pure Go (like Hugo) and supports every language I can think of. Chroma's speed is especially important since syntax highlighters are notorious for causing slow page loads. However, it lacks one vital feature - an easy way to copy a code block to the clipboard. I decided to document my implementation using only vanilla JS since every blog post I found for this issue relied on jquery to parse the DOM,...