Search
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
Do Bing Chatu nahrajete obrázky. Převede je na kód v HTML a poskytne informace
22.7.2023
Kolem Bingu, respektive chatbotu Bing Chat se od zimy pořád děje něco nového. Microsoft na konferenci Inspire oznámil další novinku. Chat podporuje práci s obrázky, kterému mu předhodíte. Platí to jak pro počítače, tak mobily. Funkci můžete použít přízemním způsobem, kdy Bing vyhledá obsah na webu
WDRL — Edition 313: Native URL parse check, HTML popovers, and native loading states in JavaScript.
17.7.2023
Hey,
David Cain has a lot of very good thoughts out there on his blog. When I read the current article »don’t forget to swim now and then«, I wholeheartedly agreed to many aspects in it. We people strive for activities our bodies and brains adapted to over eons, while we struggle a lot with modern...
Passkeys: What the Heck and Why?
12.4.2023
These things called passkeys sure are making the rounds these days. They were a main attraction at W3C TPAC 2022, gained support in Safari 16, are finding their way into macOS and iOS, and are slated to …
Passkeys: What the Heck and Why? originally published...
The Week In Games: Fishing For Mysteries And Gang Wars
27.3.2023
Read more
An Approach to Lazy Loading Custom Elements
13.2.2023
We’re fans of Custom Elements around here. Their design makes them particularly amenable to lazy loading, which can be a boon for performance.
Inspired by a colleague’s experiments, I recently set about writing a simple auto-loader: Whenever a custom …
An Approach to Lazy Loading...
The Double Emphasis Thing
6.2.2023
I used to have this boss who loved, loved, loved, loved to emphasize words. This was way back before we used a WYSIWYG editors and I’d have to handcode that crap.
<pI used to have this
…
The Double Emphasis Thing originally published on CSS-Tricks, which is part of...
The Week In Games: Deliver Us To The Future
30.1.2023
Read more