Search
Invoker Commands: Additional Ways to Work With Dialog, Popover… and More?
20.11.2024
Web browsers are experimenting with two HTML attributes — technically, they’re called “invoker commands” — that are designed to invoke popovers, dialogs, and further down the line, all kinds of actions without writing JavaScript. Although, if you do reach for JavaScript, the new attributes come...
The Different (and Modern) Ways to Toggle Content
8.11.2024
Let’s spend some time looking at disclosures, the Dialog API, the Popover API, and more. We’ll look at the right time to use each one depending on your needs. Modal or non-modal? JavaScript or pure HTML/CSS? Not sure? Don’t worry, we’ll go into all that.
The Different (and Modern) Ways...
BCD Watch
26.9.2024
A new tool from Eric Meyer, Brian Kardell, and Stephanie Stimac backed with Igalia’s support. Brian announced it on his blog, as did Eric, describing it like this:
What BCD Watch does is, it grabs releases of the Browser
…
BCD Watch originally published on CSS-Tricks, which...
Bitcoin price attempts to turn the tide after Fed's 0.5% rate cut
18.9.2024
Bitcoin price rallies to $61,000 after the Federal Reserve cuts rates by 50 basis points for the first time since 2020
Two Ways to Create Custom Translated Messaging for HTML Forms
11.9.2024
HTML forms come with built-in ways to validate form inputs and other controls against predefined rules such as making an input required, setting min and max constraints on range sliders, or establishing a pattern on an email input to check …
Two Ways to Create Custom Translated Messaging...
Quick Hit #17
9.9.2024
“Wrapping the <labelaround the <inputis fine, and is sufficient for conformance on its own, however adding explicit association with for and id is still necessary in practice.” —James Edwards…
Quick Hit #17 originally published on CSS-Tricks, which is part of...
Quick Hit #16
5.9.2024
“Never, ever hire for JavaScript framework skills. Instead, interview and hire only for fundamentals like web standards, accessibility, modern CSS, semantic HTML, and Web Components.” — Alex Russell…
Quick Hit #16 originally published on CSS-Tricks, which is part of...
Paragraphs
30.8.2024
I sure do love little reminders about HTML semantics, particularly semantics that are tougher to commit to memory. Scott has a great one, beginning with this markup:
<pI am a paragraph.</p<spanI am also a paragraph.</span<div
…
Paragraphs originally published...
CSSWG Minutes Telecon (2024-08-14)
16.8.2024
I was just going over the latest CSSWG minutes (you can subscribe to them at W3C.org) and came across a few interesting nuggets I wanted to jot down for another time. The group discussed the CSS Values, CSS Easing, and …
CSSWG Minutes Telecon (2024-08-14) originally published on CSS-Tricks...
How are the `colspan` and `rowspan` attributes different?
15.8.2024
Yes, yes. Functionally, they are different. But heck if I didn’t know about the wacky thresholds until Jens Oliver Meiert tooted a pair of quick polls.
According to the HTML Standard:
If the current cell has a colspan attribute, then 
…
How are the `colspan`...
Quick Hit #11
14.8.2024
Free e-book from Jens Oliver Meiert that’ll bore you to death in the best way: Rote Learning HTML & CSS…
Quick Hit #11 originally published on CSS-Tricks, which is part of the DigitalOcean family. You should get the newsletter
HTML Attribute to Allow/Disallow Handwriting Input
12.8.2024
A new explainer for a new HTML attribute to handle handwritten inputs. Like this:
<input type="text" handwriting="true" ... <input type="text" handwriting="false" ... <textarea handwriting="" ... <!-- evaluates to "true" --<div contenteditable...
HTML Web Components Make Progressive Enhancement and CSS Encapsulation Easier!
1.8.2024
I have to thank Jeremy Keith and his wonderfully insightful article from late last year that introduced me to the concept of HTML Web Components. This was the “a-ha!” moment for me:
When you wrap some existing markup in a
…
HTML Web Components Make Progressive Enhancement and...
Pop(over) the Balloons
25.7.2024
I’ve always been fascinated with how much we can do with just HTML and CSS. The new interactive features of the Popover API are yet another example of just how far we can get with those two languages alone.
You …
Pop(over) the Balloons originally published on CSS-Tricks, which is part of...
HTML popover Attribute
15.4.2024
Modals have been an important part of websites for two decades. Stacking contents and using fetch to accomplish tasks are a great way to improve UX on both desktop and mobile. Unfortunately most developers don’t know that the HTML and JavaScript specs have implemented a native modal system...
Accessible Forms with Pseudo Classes
22.3.2024
Hey all you wonderful developers out there! In this post, I am going to take you through creating a simple contact form using semantic HTML and an awesome CSS pseudo class known as :focus-within. The :focus-within class allows for …
Accessible Forms with Pseudo Classes originally published...
I’m So Old: Web Edition
18.3.2024
Time can be a funny thing. I still remember discovering HTML, CSS, and JavaScript coding. I still remember my first college programming course. I still remember my first day at my first coding job, then my first day at my second coding job, and then my first day at Mozilla. I still remember...
How to Override width and height HTML attributes with CSS
5.2.2024
One of the HTML elements that frequently comes into collision with CSS is the img element. As we learned in Request Metrics’ Fixing Cumulative Layout Shift Problems on DavidWalshBlog article, providing image dimensions within the image tag will help to improve your website’s score....
Extract a Number from a String with JavaScript
16.1.2024
User input from HTML form fields is generally provided to JavaScript as a string. We’ve lived with that fact for decades but sometimes developers need to extract numbers from that string. There are multiple ways to get those numbers but let’s rely on regular expressions to extract those...
Ahead Of The Game: Where Does Games Media Go From Here?
31.10.2023
Read more