HTTPWTF — Looking at some of the HTTP quirks

HTTP is fundamental to modern development, from frontend to backend to mobile. But like any widespread mature standard, it’s got some funky skeletons in the closet. Some of these skeletons are little-known but genuinely useful features, some of them are legacy oddities relied on by billions of connections daily, and some of them really shouldn’t …

Continue reading “HTTPWTF — Looking at some of the HTTP quirks”

Read Post →

Display a BlurHash using only CSS thanks to blurhash-to-css

If you want to display Blurhash Placeholder Images on your site you need a JavaScript solution to do so. The blurhash-to-css package bypasses that, as it allows you to convert a Blurhash to a set of CSS properties that need to apply. import { blurhashToCss } from "blurhash-to-css"; const css = blurhashToCss( "eCF6B#-:0JInxr?@s;nmIoWUIko1%NocRk.8xbIUaxR*^+s;RiWAWU" ); { …

Continue reading “Display a BlurHash using only CSS thanks to blurhash-to-css“

Read Post →

SpaceX’s SN10 “Belly Flop” Composite

Earlier this week SpaceX’s SN10 rocket took off, ascended to ±10km, and then after a free fall in the horizontal position turned vertical again to successfully land (only to explode a few minutes later). While you can rewatch the whole thing online I’m more fascinated by this composite photo by Jack Beyer, visualizing the trajectory: …

Continue reading “SpaceX’s SN10 “Belly Flop” Composite”

Read Post →

Formatting a Date in JavaScript with Intl.DateTimeFormat

Phil Nash walks us through using Intl.DateTimeFormat to format a Date to a specific timezone and format. const shortcutFormatter = Intl.DateTimeFormat("en-AU", { timeZone: "Australia/Melbourne", timeStyle: "long", dateStyle: "short" }); shortcutFormatter.format(date); // => "22/2/21, 5:05:52 pm AEDT" How to display dates in your user’s time zone with the Intl API → Related: Think you know a …

Continue reading “Formatting a Date in JavaScript with Intl.DateTimeFormat“

Read Post →

New in Chrome 89

Pete LePage walks us through the additions in Chrome 89. 🤩 I’m honored to have my WebHID Daft Punk Sound Board be featured in the “WebHID, WebNFC, and Web Serial section there. Let’s hope other browser vendors follow soon with top level await, as Chromium is the only browser to support it at the time …

Continue reading “New in Chrome 89”

Read Post →

Fastify, Fast and low overhead web framework, for Node.js

It’s been a while since I’ve set up a server with Node, but turns out Fastify is preferred over Express nowadays. Fastify is a web framework highly focused on providing the best developer experience with the least overhead and a powerful plugin architecture. It is inspired by Hapi and Express and as far as we …

Continue reading “Fastify, Fast and low overhead web framework, for Node.js”

Read Post →

Drop-in CSS transitions with transition.css

transition.css is a handy stylesheet by Adam Argyle, full of transitions you can apply on your page. Simply import the stylesheet and set a transition-style attribute on the elements you wish to animate for the effect to kick in: <link rel="stylesheet" href="https://unpkg.com/transition-style" /> <div transition-style="in:wipe:up">👍</div> Not explicitly mentioned on the demo page (but is in …

Continue reading “Drop-in CSS transitions with transition.css“

Read Post →