Frontend Dogma
@frontenddogma.com
News and tools for web developers: https://frontenddogma.com/. Undogmatically compiled by @meiert.com. Updated 2–3 times daily.
High-Performance Syntax Highlighting With [the] CSS Highlights API, by (not on Mastodon or Bluesky):
https://pavi2410.com/blog/high-performance-syntax-highlighting-with-css-highlights-api/
#css #apis #syntaxhighlighting
https://pavi2410.com/blog/high-performance-syntax-highlighting-with-css-highlights-api/
#css #apis #syntaxhighlighting
High-Performance Syntax Highlighting with CSS Highlights API
Learn how to implement blazing-fast code syntax highlighting using the CSS Custom Highlight API without creating DOM nodes for each token.
pavi2410.com
November 11, 2025 at 6:53 AM
High-Performance Syntax Highlighting With [the] CSS Highlights API, by (not on Mastodon or Bluesky):
https://pavi2410.com/blog/high-performance-syntax-highlighting-with-css-highlights-api/
#css #apis #syntaxhighlighting
https://pavi2410.com/blog/high-performance-syntax-highlighting-with-css-highlights-api/
#css #apis #syntaxhighlighting
10 Tiny UI Fixes That Make a Big Difference, by @uxdesigncc@me.dm:
https://archive.ph/hAzhp
#design #forms #spacing #alignment #consistency
https://archive.ph/hAzhp
#design #forms #spacing #alignment #consistency
10 Tiny UI Fixes That Make a Big Difference
archive.ph
November 11, 2025 at 6:53 AM
10 Tiny UI Fixes That Make a Big Difference, by @uxdesigncc@me.dm:
https://archive.ph/hAzhp
#design #forms #spacing #alignment #consistency
https://archive.ph/hAzhp
#design #forms #spacing #alignment #consistency
AI and Alt Text, by @teddrake.bsky.social and @marconius@mas.to (@webaim@mastodon.social):
https://www.youtube.com/watch?v=x9J3LIgq8Q4
#videos #ai #alttext #images #accessibility
https://www.youtube.com/watch?v=x9J3LIgq8Q4
#videos #ai #alttext #images #accessibility
Ted Drake and Marco Salsiccia: AI and alt text
2025 Web Accessibility In Mind Conference
www.youtube.com
November 11, 2025 at 6:53 AM
AI and Alt Text, by @teddrake.bsky.social and @marconius@mas.to (@webaim@mastodon.social):
https://www.youtube.com/watch?v=x9J3LIgq8Q4
#videos #ai #alttext #images #accessibility
https://www.youtube.com/watch?v=x9J3LIgq8Q4
#videos #ai #alttext #images #accessibility
You Already Have a Git Server, by (not on Mastodon or Bluesky):
https://maurycyz.com/misc/easy_git/
#git #servers #commandline
https://maurycyz.com/misc/easy_git/
#git #servers #commandline
You already have a git server: (Maurycy's blog)
maurycyz.com
November 10, 2025 at 8:30 PM
You Already Have a Git Server, by (not on Mastodon or Bluesky):
https://maurycyz.com/misc/easy_git/
#git #servers #commandline
https://maurycyz.com/misc/easy_git/
#git #servers #commandline
Headings: Semantics, Fluidity, and Styling—Oh My!, by @geoff@front-end.social (@csstricks@mastodon.social):
https://css-tricks.com/headings-semantics-fluidity-and-styling-oh-my/
#headings #html #css
https://css-tricks.com/headings-semantics-fluidity-and-styling-oh-my/
#headings #html #css
Headings: Semantics, Fluidity, and Styling — Oh My! | CSS-Tricks
A few links about headings that I've had stored under my top hat.
css-tricks.com
November 10, 2025 at 8:30 PM
Headings: Semantics, Fluidity, and Styling—Oh My!, by @geoff@front-end.social (@csstricks@mastodon.social):
https://css-tricks.com/headings-semantics-fluidity-and-styling-oh-my/
#headings #html #css
https://css-tricks.com/headings-semantics-fluidity-and-styling-oh-my/
#headings #html #css
Evergreen Web Design Is a Lie (but Maybe That’s Okay), by @webdesignerdepot.bsky.social:
https://webdesignerdepot.com/evergreen-web-design-is-a-lie-but-maybe-thats-okay/
#design #creativity
https://webdesignerdepot.com/evergreen-web-design-is-a-lie-but-maybe-thats-okay/
#design #creativity
Evergreen Web Design Is a Lie (But Maybe That’s Okay)
“Evergreen” web design sounds noble, but in reality, it’s just safe, bland, and creatively bankrupt. Designers chasing timelessness are often just afraid to take risks—and that fear is killing originality on the web.
webdesignerdepot.com
November 10, 2025 at 8:30 PM
Evergreen Web Design Is a Lie (but Maybe That’s Okay), by @webdesignerdepot.bsky.social:
https://webdesignerdepot.com/evergreen-web-design-is-a-lie-but-maybe-thats-okay/
#design #creativity
https://webdesignerdepot.com/evergreen-web-design-is-a-lie-but-maybe-thats-okay/
#design #creativity
How AI Works and How Users Think About It: Study Guide, by @nngroupux.bsky.social:
https://www.nngroup.com/articles/ai-functionality-study-guide/
#guides #ai #training #linklists
https://www.nngroup.com/articles/ai-functionality-study-guide/
#guides #ai #training #linklists
How AI Works and How Users Think About It: Study Guide
Unsure where to start? Use this collection of links to our articles and videos to learn about how artificial intelligence works, and how users think about it.
www.nngroup.com
November 10, 2025 at 1:30 PM
How AI Works and How Users Think About It: Study Guide, by @nngroupux.bsky.social:
https://www.nngroup.com/articles/ai-functionality-study-guide/
#guides #ai #training #linklists
https://www.nngroup.com/articles/ai-functionality-study-guide/
#guides #ai #training #linklists
Material 3 Expressive: Building on the Failures of Flat Design, by @uxdesigncc@me.dm:
https://archive.ph/3Je32
#google #materialdesign #flatdesign #design #linklists
https://archive.ph/3Je32
#google #materialdesign #flatdesign #design #linklists
Material 3 Expressive: Building on the Failures of Flat Design
archive.ph
November 10, 2025 at 1:30 PM
Material 3 Expressive: Building on the Failures of Flat Design, by @uxdesigncc@me.dm:
https://archive.ph/3Je32
#google #materialdesign #flatdesign #design #linklists
https://archive.ph/3Je32
#google #materialdesign #flatdesign #design #linklists
The Hidden Cost of Projects: Why Latency Kills Value, by (not on Mastodon or Bluesky):
https://www.scrum.org/resources/blog/hidden-cost-projects-why-latency-kills-value
#projectmanagement #processes
https://www.scrum.org/resources/blog/hidden-cost-projects-why-latency-kills-value
#projectmanagement #processes
The Hidden Cost of Projects: Why Latency Kills Value
Competitive advantage comes from minimizing the time between decision and learning — the faster you validate assumptions with real user feedback, the faster you can adapt and create value. Traditional projects optimize for delivery and predictability, while product thinking optimizes for continuo…
www.scrum.org
November 10, 2025 at 1:30 PM
The Hidden Cost of Projects: Why Latency Kills Value, by (not on Mastodon or Bluesky):
https://www.scrum.org/resources/blog/hidden-cost-projects-why-latency-kills-value
#projectmanagement #processes
https://www.scrum.org/resources/blog/hidden-cost-projects-why-latency-kills-value
#projectmanagement #processes
Code Like a Surgeon, by @geoffreylitt@mastodon.social:
https://www.geoffreylitt.com/2025/10/24/code-like-a-surgeon
#ai
https://www.geoffreylitt.com/2025/10/24/code-like-a-surgeon
#ai
Code like a surgeon
www.geoffreylitt.com
November 10, 2025 at 8:30 AM
Code Like a Surgeon, by @geoffreylitt@mastodon.social:
https://www.geoffreylitt.com/2025/10/24/code-like-a-surgeon
#ai
https://www.geoffreylitt.com/2025/10/24/code-like-a-surgeon
#ai
“pathLength” Makes Makes SVG Path Animations Easier to Manage, by @stefan@front-end.social:
https://www.stefanjudis.com/today-i-learned/pathlength-makes-makes-svg-path-animations-easier-to-manage/
#svg #images #animations
https://www.stefanjudis.com/today-i-learned/pathlength-makes-makes-svg-path-animations-easier-to-manage/
#svg #images #animations
pathLength makes makes SVG path animations easier to manage
Use the "pathLength` attribute to make animating "stroke-dasharray" and "stroke-dashoffset" easier.
www.stefanjudis.com
November 10, 2025 at 8:30 AM
“pathLength” Makes Makes SVG Path Animations Easier to Manage, by @stefan@front-end.social:
https://www.stefanjudis.com/today-i-learned/pathlength-makes-makes-svg-path-animations-easier-to-manage/
#svg #images #animations
https://www.stefanjudis.com/today-i-learned/pathlength-makes-makes-svg-path-animations-easier-to-manage/
#svg #images #animations
Architectural Debt Is Not Just Technical Debt, by @maybefrederick.bsky.social:
https://frederickvanbrabant.com/blog/2025-10-31-architectural-debt-is-not-just-technical-debt/
#architecture #technicaldebt
https://frederickvanbrabant.com/blog/2025-10-31-architectural-debt-is-not-just-technical-debt/
#architecture #technicaldebt
Architectural debt is not just technical debt
Frederick's delirious rants
frederickvanbrabant.com
November 10, 2025 at 8:30 AM
Architectural Debt Is Not Just Technical Debt, by @maybefrederick.bsky.social:
https://frederickvanbrabant.com/blog/2025-10-31-architectural-debt-is-not-just-technical-debt/
#architecture #technicaldebt
https://frederickvanbrabant.com/blog/2025-10-31-architectural-debt-is-not-just-technical-debt/
#architecture #technicaldebt
How I Use AI to Build Frontend Apps: My Candid, Messy Process, by @blackgirlbytes@hachyderm.io:
https://dev.to/blackgirlbytes/how-i-use-ai-to-build-frontend-apps-my-candid-messy-process-3ehk
#ai #processes #debugging #claude
https://dev.to/blackgirlbytes/how-i-use-ai-to-build-frontend-apps-my-candid-messy-process-3ehk
#ai #processes #debugging #claude
How I Use AI to Build Frontend Apps: My Candid, Messy Process
I've noticed that some of the pushback against using AI to code stems from people not knowing how to...
dev.to
November 9, 2025 at 8:30 PM
How I Use AI to Build Frontend Apps: My Candid, Messy Process, by @blackgirlbytes@hachyderm.io:
https://dev.to/blackgirlbytes/how-i-use-ai-to-build-frontend-apps-my-candid-messy-process-3ehk
#ai #processes #debugging #claude
https://dev.to/blackgirlbytes/how-i-use-ai-to-build-frontend-apps-my-candid-messy-process-3ehk
#ai #processes #debugging #claude
A Brief History of Domains, by @petemillspaugh.com:
https://www.dotcom.press/history-of-domains
#web #history #domains #dns
https://www.dotcom.press/history-of-domains
#web #history #domains #dns
Dot Com Press
Publishing for the internet age.
www.dotcom.press
November 9, 2025 at 8:30 PM
A Brief History of Domains, by @petemillspaugh.com:
https://www.dotcom.press/history-of-domains
#web #history #domains #dns
https://www.dotcom.press/history-of-domains
#web #history #domains #dns
Getting Creative With Small Screens, by @malarkey@mastodon.social (@csstricks@mastodon.social):
https://css-tricks.com/getting-creative-with-small-screens/
#design #responsivedesign #mobile #css
https://css-tricks.com/getting-creative-with-small-screens/
#design #responsivedesign #mobile #css
Getting Creative With Small Screens | CSS-Tricks
On mobile, people can lose their sense of context and can’t easily tell where a section begins or ends. Good small-screen design can help orient them using a variety of techniques.
css-tricks.com
November 9, 2025 at 8:30 PM
Getting Creative With Small Screens, by @malarkey@mastodon.social (@csstricks@mastodon.social):
https://css-tricks.com/getting-creative-with-small-screens/
#design #responsivedesign #mobile #css
https://css-tricks.com/getting-creative-with-small-screens/
#design #responsivedesign #mobile #css
How I Use AI to Build Frontend Apps: My Candid, Messy Process, by @blackgirlbytes@hachyderm.io:
https://dev.to/blackgirlbytes/how-i-use-ai-to-build-frontend-apps-my-candid-messy-process-3ehk
#ai #processes #debugging #claude
https://dev.to/blackgirlbytes/how-i-use-ai-to-build-frontend-apps-my-candid-messy-process-3ehk
#ai #processes #debugging #claude
How I Use AI to Build Frontend Apps: My Candid, Messy Process
I've noticed that some of the pushback against using AI to code stems from people not knowing how to...
dev.to
November 9, 2025 at 8:30 PM
How I Use AI to Build Frontend Apps: My Candid, Messy Process, by @blackgirlbytes@hachyderm.io:
https://dev.to/blackgirlbytes/how-i-use-ai-to-build-frontend-apps-my-candid-messy-process-3ehk
#ai #processes #debugging #claude
https://dev.to/blackgirlbytes/how-i-use-ai-to-build-frontend-apps-my-candid-messy-process-3ehk
#ai #processes #debugging #claude
A Brief History of Domains, by @petemillspaugh.com:
https://www.dotcom.press/history-of-domains
#web #history #domains #dns
https://www.dotcom.press/history-of-domains
#web #history #domains #dns
Dot Com Press
Publishing for the internet age.
www.dotcom.press
November 9, 2025 at 8:30 PM
A Brief History of Domains, by @petemillspaugh.com:
https://www.dotcom.press/history-of-domains
#web #history #domains #dns
https://www.dotcom.press/history-of-domains
#web #history #domains #dns
Getting Creative With Small Screens, by @malarkey@mastodon.social (@csstricks@mastodon.social):
https://css-tricks.com/getting-creative-with-small-screens/
#design #responsivedesign #mobile #css
https://css-tricks.com/getting-creative-with-small-screens/
#design #responsivedesign #mobile #css
Getting Creative With Small Screens | CSS-Tricks
On mobile, people can lose their sense of context and can’t easily tell where a section begins or ends. Good small-screen design can help orient them using a variety of techniques.
css-tricks.com
November 9, 2025 at 8:30 PM
Getting Creative With Small Screens, by @malarkey@mastodon.social (@csstricks@mastodon.social):
https://css-tricks.com/getting-creative-with-small-screens/
#design #responsivedesign #mobile #css
https://css-tricks.com/getting-creative-with-small-screens/
#design #responsivedesign #mobile #css
The Web Animation Performance Tier List, by @citizenofnowhe.re:
https://motion.dev/blog/web-animation-performance-tier-list
#animations #performance #javascript #css #apis
https://motion.dev/blog/web-animation-performance-tier-list
#animations #performance #javascript #css #apis
The Web Animation Performance Tier List - Motion Blog
Learn what makes web animations fast, slow, and everything in between with our 2025 web animation performance tier list.
motion.dev
November 9, 2025 at 2:30 PM
The Web Animation Performance Tier List, by @citizenofnowhe.re:
https://motion.dev/blog/web-animation-performance-tier-list
#animations #performance #javascript #css #apis
https://motion.dev/blog/web-animation-performance-tier-list
#animations #performance #javascript #css #apis
Error Handling—UX Design Patterns, by @uxdesigncc@me.dm:
https://archive.ph/zJjx8
#ux #design #errors #forms
https://archive.ph/zJjx8
#ux #design #errors #forms
Error Handling—UX Design Patterns
archive.ph
November 9, 2025 at 2:30 PM
Error Handling—UX Design Patterns, by @uxdesigncc@me.dm:
https://archive.ph/zJjx8
#ux #design #errors #forms
https://archive.ph/zJjx8
#ux #design #errors #forms
Just Use a Button, by @cferdinandi@mastodon.social:
https://gomakethings.com/just-use-a-button/
#html #buttons #semantics
https://gomakethings.com/just-use-a-button/
#html #buttons #semantics
Just use a button
One of the weirdest “debates” I seem to perpetually have with framework-enthusiastic developers is whether or not a <div> is “just as good” as a <button>.
Spoiler: it’s not. Let’s dig in.
The problem Among the React crowd, and also among people who seem to enjoy HTMX, I see a lot this…
<div oncli…
gomakethings.com
November 9, 2025 at 2:30 PM
Just Use a Button, by @cferdinandi@mastodon.social:
https://gomakethings.com/just-use-a-button/
#html #buttons #semantics
https://gomakethings.com/just-use-a-button/
#html #buttons #semantics
Designers Often Do Invisible Work That Matters—Here’s How to Show It, by @uxdesigncc@me.dm:
https://archive.ph/DzcxC
#design #ux #communication
https://archive.ph/DzcxC
#design #ux #communication
Designers Often Do Invisible Work That Matters—Here’s How to Show It
archive.ph
November 9, 2025 at 8:30 AM
Designers Often Do Invisible Work That Matters—Here’s How to Show It, by @uxdesigncc@me.dm:
https://archive.ph/DzcxC
#design #ux #communication
https://archive.ph/DzcxC
#design #ux #communication
Removing XSLT for a More Secure Browser, by @drott@typo.social (@developers@chromium.social):
https://developer.chrome.com/docs/web-platform/deprecating-xslt
#chromium #chrome #google #browsers #xsl
https://developer.chrome.com/docs/web-platform/deprecating-xslt
#chromium #chrome #google #browsers #xsl
Removing XSLT for a more secure browser | Web Platform | Chrome for Developers
Prepare for Chrome deprecating and removing XSLT from the browser.
developer.chrome.com
November 9, 2025 at 8:30 AM
TypeScript’s Rise in the AI Era: Insights From Lead Architect, Anders Hejlsberg, by @aaronwinston.bsky.social (@github@hachyderm.io):
https://github.blog/developer-skills/programming-languages-and-frameworks/typescripts-rise-in-the-ai-era-insights-from-lead-architect-anders-hejlsberg/
#typescript…
https://github.blog/developer-skills/programming-languages-and-frameworks/typescripts-rise-in-the-ai-era-insights-from-lead-architect-anders-hejlsberg/
#typescript…
TypeScript’s rise in the AI era: Insights from Lead Architect, Anders Hejlsberg
TypeScript just became the most-used language on GitHub. Here’s why, according to its creator.
github.blog
November 9, 2025 at 8:30 AM
TypeScript’s Rise in the AI Era: Insights From Lead Architect, Anders Hejlsberg, by @aaronwinston.bsky.social (@github@hachyderm.io):
https://github.blog/developer-skills/programming-languages-and-frameworks/typescripts-rise-in-the-ai-era-insights-from-lead-architect-anders-hejlsberg/
#typescript…
https://github.blog/developer-skills/programming-languages-and-frameworks/typescripts-rise-in-the-ai-era-insights-from-lead-architect-anders-hejlsberg/
#typescript…
Next.js 16, by @feedthej.im and @sebmarkbage.calyptus.eu and others:
https://web.archive.org/web/20251024184756/https://nextjs.org/blog/next-16
#releasenotes #nextjs
https://web.archive.org/web/20251024184756/https://nextjs.org/blog/next-16
#releasenotes #nextjs
Next.js 16
Next.js 16 includes Cache Components, stable Turbopack, file system caching, React Compiler support, smarter routing, new caching APIs, and React 19.2 features.
web.archive.org
November 8, 2025 at 8:30 PM
Next.js 16, by @feedthej.im and @sebmarkbage.calyptus.eu and others:
https://web.archive.org/web/20251024184756/https://nextjs.org/blog/next-16
#releasenotes #nextjs
https://web.archive.org/web/20251024184756/https://nextjs.org/blog/next-16
#releasenotes #nextjs