<dl>
Represents a description list.
https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/dl
<dl>
Represents a description list.
https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/dl
⚠️ DEPRECATED: <frame>
Defines a particular area in which another HTML document can be displayed.
https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/frame
⚠️ DEPRECATED: <dir>
Container for a directory of files and/or folders, potentially with styles and icons applied by the user agent.
https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/dir
Has anyone discussed having the `<picture>` `<source>` elements be able to work with #CSS `color-scheme`, instead of just `prefers-color-scheme`?
it would be so cool if I could get it change the image based on:
```
:root {
color-scheme: light dark;
}
.dark {
color-scheme: dark;
}
.light {
color-scheme: light;
}
```
<sub>
Specifies inline text which should be displayed as subscript for solely typographical reasons.
https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/sub
A classic rounded button: boooring!! 🥱
A squishy animated button: Yes, please!! 🤩
https://css-tip.com/squishy-button/
Another cool demo powered by the powerful shape() function
⚠️ DEPRECATED: <tt>
Creates inline text which is presented using the user agent default monospace font face.
https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/tt
If you use @gohugoio for your blog, you might like this. I wanted custom social cards that don't feature any trackers, remotely-loaded content, and which I could style to look native to my site. So I designed my own and they're available on github for anyone who wants to repurpose them. Examples, and more info, in the post 👇
#hugo #github #blogging #html #mastodon #bluesky
https://thumbsup.me/posts/building-custom-social-post-embed-cards/?7
<tfoot>
Encapsulates a set of table rows, indicating that they comprise the foot of a table with information about the table's columns.
https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/tfoot
New comiCSS game! This week, it is a HTML-themed crossword.
Play online at: https://comicss.art/games/12/
User base of #linux #terminal #graphical #webbrowser #brow6el asked if it would be possible to use it for preview of #html messages and attachments in #aerc mail client. Proof of concept of html pager for aerc is on its way.
<search>
Represents a part that contains a set of form controls or other content related to performing a search or filtering operation.
https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/search
Measure your altitude above sea level—wherever you are. Altimeter 1.0 is out now.
https://www.thomasweibel.ch/alt/
#geography #gis #topography #opendata #ogd #geodata #webdev #webapp #html #javascript @spatialists @OpendataCH @geomob @clolsonus @JensWiesehahn @paulfoerster
Responsive images without layout shift: "if you’re directly setting an image’s width and height using #CSS, then the browser only uses the width and height attributes in the #HTML tag to infer its aspect ratio." https://annafilou.com/en/width-height
⚠️ DEPRECATED: <center>
Displays its block-level or inline contents centered horizontally within its containing element.
https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/center
⚠️ DEPRECATED: <noembed>
An obsolete, non-standard way to provide alternative, or fallback, content for browsers that do not support the embed element.
https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/noembed
Want to learn about the very latest advances in #HTML, #CSS, and #JavaScript APIs? Browsers are capable of so much nowadays...
There's just 2 more days left to buy a ticket.
Use JOIN_RICH for a final discount.
Front End Study Hall 048 will be held Thursday. We look at HTML and CSS and try to understand it and improve it and browsers are really good these days so come participate! I always learn something new! Prior notes from past meetings always linked from the wiki. #WebDev #HTML #IndieWeb https://events.indieweb.org/2026/03/front-end-study-hall-048-XUMWtb449uxw
And I know most of you are looking for the hexagon shape, so in addition to the generator, here is another code with CSS variables to easily control the radius and the rotation.
https://css-tip.com/rounded-hexagon/
Yes, you can have cool hover effects and animations!
<iframe>
Represents a nested browsing context, embedding another HTML page into the current one.
https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/iframe
Now that shape() is available in all major browsers, let me remind you that you can use my online generator to create any polygon with ... rounded corners!
https://css-generators.com/polygon-shape/
Adjust the setting, then copy the code.
🐷 Use code PIGGYTRUMP for 20% off all #merch
<kbd>
Represents a span of inline text denoting textual user input from a keyboard, voice input, or any other text entry device.
https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/kbd