I'm officially a curmudgeon. Here's a rant about the Shadcn component library and how over-complicated its radio buttons are: https://paulmakeswebsites.com/writing/shadcn-radio-button/
(Inspired by this week's work frustrations lol)
I'm officially a curmudgeon. Here's a rant about the Shadcn component library and how over-complicated its radio buttons are: https://paulmakeswebsites.com/writing/shadcn-radio-button/
(Inspired by this week's work frustrations lol)
🆕 blog! “Should HTML's code blocks be translated?”
I was recently prompted to test my blog's layout when rendered in right-to-left text. Running a website through an automatic translator into a language like Arabic or Hebrew will show you any weird little layout glitches which might occur.
But mechanical translation is a bit of an unthinking brute. In this example, I had a…
👀 Read more: https://shkspr.mobi/blog/2026/01/should-htmls-blocks-be-translated/
⸻
#code #HTML #languages
🆕 blog! “Should HTML's code blocks be translated?”
I was recently prompted to test my blog's layout when rendered in right-to-left text. Running a website through an automatic translator into a language like Arabic or Hebrew will show you any weird little layout glitches which might occur.
But mechanical translation is a bit of an unthinking brute. In this example, I had a…
👀 Read more: https://shkspr.mobi/blog/2026/01/should-htmls-blocks-be-translated/
⸻
#code #HTML #languages
The <Geolocation> HTML Element
https://developer.chrome.com/blog/geolocation-html-element
#HackerNews #Geolocation #HTML #Element #Web #Development #HTML5 #Chrome #Developer #Tools
What Is the Minimum Markup Needed to Create a Modal?, by (not on Mastodon or Bluesky):
Hey #a11y folks,
I started writing an article about how you can sneak in #accessibility fixes (as a developer or designer) without telling your boss.
Do you have any stories you would like to share that I could use for the article?
I did it by silently adding landmark elements and a skip link, updating global focus styles so that they're consistent and accessible and other evil shenanigans. 😈
Hey #a11y folks,
I started writing an article about how you can sneak in #accessibility fixes (as a developer or designer) without telling your boss.
Do you have any stories you would like to share that I could use for the article?
I did it by silently adding landmark elements and a skip link, updating global focus styles so that they're consistent and accessible and other evil shenanigans. 😈
🆕 blog! “Maximally Semantic Structure for a Blog Post”
Yes, I know the cliché that bloggers are always blogging about blogging!
I like semantics. It tickles that part of my delicious meaty brain that longs for structure. Semantics are good for computers and humans. Computers can easily understand the structure of the data, humans can use tools …
👀 Read more: https://shkspr.mobi/blog/2026/01/maximally-semantic-structure-for-a-blog-post/
⸻
#blogging #HTML #schema.org #semanticweb
I want to help a friend who makes art in #blender to move from #pinterest to his own website. Is there any ready-made #html template for media gallery with tiles (like pinterest) where you can click on each image/video and see it's details?
If not, I'll code it myself, but it seems like a pretty common usecase. #css #11ty
💡 CSS Tip!
Create a responsive grid of hexagon shapes with fewer than 15 CSS declarations, minimal HTML, and without media queries!
https://css-tip.com/hexagon-grid/
Improving a 5-year old implementation using modern CSS (corner-shape, sibling-index(), math functions, etc)
🆕 blog! “Maximally Semantic Structure for a Blog Post”
Yes, I know the cliché that bloggers are always blogging about blogging!
I like semantics. It tickles that part of my delicious meaty brain that longs for structure. Semantics are good for computers and humans. Computers can easily understand the structure of the data, humans can use tools …
👀 Read more: https://shkspr.mobi/blog/2026/01/maximally-semantic-structure-for-a-blog-post/
⸻
#blogging #HTML #schema.org #semanticweb
I want to help a friend who makes art in #blender to move from #pinterest to his own website. Is there any ready-made #html template for media gallery with tiles (like pinterest) where you can click on each image/video and see it's details?
If not, I'll code it myself, but it seems like a pretty common usecase. #css #11ty
You are not required to close your <p>, <li>, <img>, or <br> tags in HTML
https://blog.novalistic.com/archives/2017/08/optional-end-tags-in-html/
#HackerNews #HTML #Optional #Tags #WebDevelopment #Coding #Tips #HackerNews
comiCSS #111: Nightmare
https://comicss.art/comics/111/nightmare.html
December 11, 2023 – Making fun of Tailwind AND React in a single cartoon? Count me in! This is a version of a cartoon I did long ago when I drew at the college newspaper, poking fun at the school's quarterback tendency to choke or get injured in the key games. Back then, my editor chose not to publish it, which was probably the best decision considering how serious Texans are about football.
comiCSS #111: Nightmare
https://comicss.art/comics/111/nightmare.html
December 11, 2023 – Making fun of Tailwind AND React in a single cartoon? Count me in! This is a version of a cartoon I did long ago when I drew at the college newspaper, poking fun at the school's quarterback tendency to choke or get injured in the key games. Back then, my editor chose not to publish it, which was probably the best decision considering how serious Texans are about football.
Mermaid génère des graphiques
Cependant :
* il render des éléments dans le DOM avec l'ordre qu'il décide
* il ne représente pas textuellement les liens entre les éléments
j'ai ajouté une alternative textuelle à un graphique Mermaid, en cachant le graphique avec `aria-hidden="true"`, le texte est très répétitif, je ne sais pas s'il vaut mieux etre répétitif et précis ou plus condensé et peut etre plus ambigu 🤔
https://git-gamble.is-cool.dev/usage/hooks.html#hooks-execution-lifecycle
#TIL j'ai découvert que `aria-hidden` ne fait rien, qu'il faut mettre `aria-hidden="true"` pour que ça fonctionne
