Did Chromium 81 just break the web?
Chrome vs.
Bring the magic of Snapchat Lenses to your live streams and video chats with Snap Camera
Snap Camera is a desktop application by the Snapchat folks which allows you to apply their filters (“Lenses” as they call it) onto your webcam footage. The cool part is the fact that the app also exposes itself as a webcam to your system. That way you can use the (fake) Snap Camera as the …
This Video Has $viewcount Views
Tom Scott has uploaded a video to YouTube whose title reflects the number of views the video has. The title of this video should change with the times. But nothing lasts forever: here’s the story of how I made it work, why it used to be easier to make that work, and how it all …
The Beginner’s Guide to React
Speaking of Kent C. Dodds in the previous post: he has updated his The Beginner’s Guide to React on Egghead to include Hooks and the whole lot. This course is for React newbies and anyone looking to build a solid foundation. It’s designed to teach you everything you need to start building web applications in …
useAbortController – A React Hook to work with the AbortController
Kent C. Dodds recently floated this snippet around, a React Hook to easily work with the the AbortController: function useAbortController() { const abortControllerRef = React.useRef() const getAbortController = React.useCallback(() => { if (!abortControllerRef.current) { abortControllerRef.current = new AbortController() } return abortControllerRef.current }, []) React.useEffect(() => { return () => getAbortController().abort() }, [getAbortController]) const getSignal = …
Continue reading “useAbortController – A React Hook to work with the AbortController“
Methods for assigning an accessible name to a form control
Adrian Roselli: Too often folks will grab ARIA first to provide an accessible name for a thing. Or they may sprinkle hidden content around a form. In most cases the impact of those decisions is unknown. The assumption that they do the same thing, give the same output to all users, is wrong. In short, …
Continue reading “Methods for assigning an accessible name to a form control”
<ol>‘s start and reversed attributes (and more)
#HTML tip for today: <ol> element has `start` and `reversed` attributes! Some examples where it's useful:`start` → paginated results`reversed` → "top 10 best … " lists pic.twitter.com/vkh88h2zGV — Tomek Sułkowski (@sulco) March 20, 2020 Handy for those end-of-year lists 😉 ~ Apart from overriding the list style using CSS’s list-style-type (which you should set it …
Continue reading “<ol>‘s start and reversed attributes (and more)”
A sky map of the Hubble Space Telescope’s observations
Nadieh Bremer walks us through the visualization she made for Physics Today, celebrating the Hubble Space Telescope’s 30-year anniversary. A sky map of the Hubble Space Telescope’s observations →
How to enable HTTP3 in Chrome / Firefox / Safari
Mattias recently tweeted that his website can now be served over HTTP/3 “even though no browser supports it yet”. While it’s true that no browser supports it out of the box right now, there are options to enable HTTP/3. Here’s how. 🧪 As with all experimental technolgy/features: things might break! Be warned! ~ Google Chrome …
Continue reading “How to enable HTTP3 in Chrome / Firefox / Safari”
Chrome Extension Webpack Boilerplate
If you ever want to create a Chrome Extension, this repo might come in handy: A basic foundation boilerplate for rich Chrome Extensions using Webpack to help you write modular and modern Javascript code, load CSS easily and automatic reload the browser on code changes. Chrome Extension Webpack Boilerplate →