Search
Trailing Slashes on URLs: Contentious or Settled?
25.2.2022
A fun deep dive from Zach. Do you have an opinion on which you should use?
1) https://website.com/foo/
2) https://websites.com/foo
The first option has a “trailing slash.” The second does not.
I’ve always preferred this thinking: you use a trailing …
Trailing Slashes...
Your CSS reset needs text-size-adjust (probably)
12.2.2022
Kilian Valkhof:
[…] Mobile Safari increases the default font-size when you switch a website from portrait to landscape. On phones that is, it doesn’t do it on iPad. Safari has been doing this for a long time, as a
…
Your CSS reset needs text-size-adjust (probably) originally...
Developers Speculating About the Long-Distant Future: 2022
10.2.2022
This is a wonderful roundup from Jeremy, who I picture circling January 1, 2022, in red marker on a giant paper calendar back in 2008 and patiently counting the days.
See, there was a little smattering of internet drama …
Developers Speculating About the Long-Distant Future: 2022 originally...
Replace JavaScript Dialogs With the New HTML Dialog Element
8.2.2022
You know how there are JavaScript dialogs for alerting, confirming, and prompting user actions? Say you want to replace JavaScript dialogs with the new HTML dialog element.
Let me explain.
I recently worked on a project with a lot of …
Replace JavaScript Dialogs With the New HTML Dialog...
How to Cycle Through Classes on an HTML Element
26.1.2022
Say you have three HTML classes, and a DOM element should only have one of them at a time:
<div class="state-1"</div<div class="state-2"</div<div class="state-3"</div
Now your job is to rotate them. That is, cycle through classes …
How to Cycle Through Classes on...
On Yak Shaving and md-block, a new HTML element for Markdown
29.12.2021
Lea Verou made a Web Component for processing Markdown. Looks like there were a couple of others out there already, but I agree with Lea in that this is a good use case for the light DOM (as opposed …
HTML Sanitizer API
16.12.2021
Three cheers for (draft stage) progress on a Sanitizer API! It’s gospel that you can’t trust user input. And indeed, any app I’ve ever worked on has dealt with bad actors trying to slip in and execute nefarious code …
Working With Web Feeds: It’s More Than RSS
16.12.2021
Between Google Chrome experimenting with “following” sites, along with a growing frustration of how social media platforms limit a creator’s reach to their fans through algorithmic feeds, there’s been renewed interest in RSS feeds and they’re primed for a …
The Vite Ecosystem
15.12.2021
Matias Capeletto covers the breadth of Vite, from the technological shoulders it stands on, to the peers exploring similar territory, to the other technologies it supports, to the frameworks that now use it primarily, and more. The fact that …
Get 'Em Princess
13.12.2021
Cycle Circle is an artist based in China.Read more
Some notes on using esbuild
9.12.2021
This is a fantastic article from Julia Evans about duking it out with modern front-end tooling. Julia has made a bunch of Vue projects and typically uses no build process at all:
 I usually have an index.html file, a script.js…
Spicy Sections
7.12.2021
What if HTML had “tabs”? That would be cool, says I. Dave has been spending some of his time and energy, along with a group of “Tabvengers” from OpenUI, on this. A lot of research leads to a bit …
The Many Faces of VS Code in the Browser
18.11.2021
VS Code is built from web technologies (HTML, CSS, and JavaScript), but dare I say today it’s mostly used a local app that’s installed on your machine. That’s starting to shift, though, as there has been an absolute explosion of …
The post The Many Faces of VS Code in...
Generate a Pull Request of Static Content With a Simple HTML Form
16.11.2021
Jamstack has been in the website world for years. Static Site Generators (SSGs) — which often have content that lives right within a GitHub repo itself — are a big part of that story. That opens up the idea of …
The post Generate a Pull Request of Static Content With a Simple HTML Form...
Semantic menu context
11.11.2021
Scott digs into the history of the <menu> element. He traced it as far back as HTML 2 (!) in a 1994 changelog. The vibe then, it seems, was to mark up a list. I would suspect the intention …
The post Semantic menu context appeared first on CSS-Tricks. You can support CSS-Tricks...
cleanup.pictures
10.11.2021
Nice domain, eh? Does just what it says on the tin: cleans up pictures. You draw over areas of the image you want cleaned up, and it does its best using weird science. It’s like Photoshop’s Spot Healing Brush…
The post cleanup.pictures appeared first on CSS-Tricks. You...
Detecting Specific Text Input with HTML and CSS
9.11.2021
Louis Lazaris breaks down some bonafide CSS trickery from Jane. The Pen shows off interactivity where:
You have to press a special combination of keys on a keyboard.
Then type a secret password.
From there, a special message pops …
The post Detecting Specific Text Input with HTML and...
React Suspense: Lessons Learned While Loading Data
9.11.2021
Suspense is React’s forthcoming feature that helps coordinate asynchronous actions—like data loading—allowing you to easily prevent inconsistent state in your UI. I’ll provide a better explanation of what exactly that means, along with a quick introduction of Suspense, and then …
The...
Favicons: How to Make Sure Browsers Only Download the SVG Version
5.11.2021
Šime Vidas DM’d me the other day about this thread from subzey on Twitter. My HTML for favicons was like this:
<!-- Warning! Typo! --<link rel="icon" href="/favicon.ico" size="any"<link rel="icon" href="/favicon.svg" type="image/svg+xml"
The attribute size is a typo there...
enterkeyhint
5.11.2021
I only just recently learned the enterkeyhint attribute on form inputs was a thing! It seems like kind of a big deal to me, as crafting HTML form markup is a decent slice of a front-end developer’s life, and this …
The post enterkeyhint appeared first on CSS-Tricks. You can support...