Frontend Dogma is celebrating CSS Naked Day! 🎨

Life is about deciding who we are: Join us and decide to be for environmental protection, free education and generous social security, human rights and international law, and, of course, action against oppression and violence (starting with helping the people of occupied Palestine 🇵🇸)! Hide

Frontend Dogma

News and Tools for Web Developers, 1990s to Now (16)

→ Stay up-to-date on all topics by various RSS feeds (main feed with exclusive news: only $12/year), on Mastodon, and on Bluesky

Entry (Sources) and TopicsDate#
Maglev—V8’s Fastest Optimizing JIT13,155
v8, optimization, browsers, google, chrome
Web Chat Accessibility Considerations (cra)13,154
accessibility, functionality, wcag, aria
The Hellish History of HTML: An Incomplete and Personal Account (cra/mat)13,153
html, history
“sizes=auto” Pretty Much Requires “width” and “height” Attributes (eee)13,152
html, attributes, images, maintainability
Scale Your React App With Storybook and Chromatic13,151
react, scalability, storybook
My 3 Rules for Documenting Code (wra)13,150
documentation, naming, processes
Blind CSS Exfiltration: Exfiltrate Unknown Web Pages13,149
css, security
Better Vue.js Inputs With Generics: The Select13,148
vuejs, generics, components
Baseline’s Evolution on MDN (pep/mdn)13,147
browsers, support, web-platform, documentation, mdn, case-studies
Astro 4.0 (blu+/ast)13,146
release-notes, astro
4 Dead Simple Ways of Customizing Bootstrap13,145
bootstrap, customization, css
The State of UX in 2024: Enter Late-Stage UX (fab/uxd)13,144
user-experience, design, outlooks
Testing the Performance of Social Media Embeds (mic)13,143
performance, testing, embed-code, social-media
An Informed Pre-Caching Strategy for Large Sites (per)13,142
strategies, performance, caching
Why Carousels Don’t Work13,141
carousels, design, user-experience
The Pros and Cons of Using React Today (the)13,140
react, frameworks
The Importance of User Feedback and Data in UX Design (uxm)13,139
user-experience, metrics
Pen, Paper, IDE: A DevTool Founder’s Early-Stage Product Design Guide (rom+/evi)13,138
guides, design, product-management, processes
Of Time and the Web (ada/btc)13,137
videos, web, processes, history
How Marketing Changed OOP in JavaScript (mon/sma)13,136
marketing, javascript, oop, software-design-patterns
CSS Media Query for Scripting Support (sea)13,135
css, media-queries, browsers, support
Color Psychology in Visual Design: A Practical Guide to Impacting User Behavior (uxm)13,134
guides, design, colors, tips-and-tricks
Back to Basics: 5 HTML Attributes for Improved Accessibility and User Experience (dni/mat)13,133
fundamentals, html, attributes, accessibility, user-experience
12 Important User-Interface Design Guidelines (uxm)13,132
guidelines, design, usability
100 Bucket List Ideas for Programmers13,131
career, learning
10 Tips for Implementing Webflow On-Page SEO13,130
webflow, seo, tips-and-tricks
Choosing the Right Static Site Generator: A Comprehensive Comparison of Hugo, Jekyll, and Pelican13,129
site-generators, comparisons, hugo, jekyll
Is the Flat Design Trend Finally Over? (uxd)13,128
design, flat-design, trends
The “form” Attribute—Enhancing Form Layout Flexibility (mat)13,127
forms, html, attributes
A More Holistic Design Workflow: Gluing Jira, Figma, and Zeplin Together (uxd)13,126
design, processes, atlassian, figma
Fastest Way of Passing State to JavaScript, Re-Visited (kur/per)13,125
javascript, state-management, performance
You Don’t Need JavaScript for That (kil/mat)13,124
javascript
Let’s Learn How Modern JavaScript Frameworks Work by Building One (nol)13,123
javascript, frameworks, reactivity, rendering, dom
Debugging BFCache, Make Your Page Load Instantly (jec+)13,122
videos, performance, bfcache, browsers, google, chrome, dev-tools, debugging
Search vs. Browse13,121
user-experience, browsing, searching, comparisons
Deceptive Patterns in UX: How to Recognize and Avoid Them (nng)13,120
user-experience, dark-patterns
Web Development Advent Calendars for 2023 (aar)13,119
link-lists, learning
The UX of HTML (vas/mat)13,118
html, semantics, user-experience
Recovering Deleted Files From Your Git Working Tree (sma)13,117
git, command-line
I Replaced npm, Yarn, and nvm With pnpm (paw)13,116
dependencies, npm, yarn, pnpm, nvm
How to Use a Color Font (man)13,115
how-tos, fonts, css
Does Web Design Matter?13,114
design, web
CSS Relative Colors (luc/iod)13,113
css, colors
Create Dynamic Web Experiences With Interactive SVG Animations13,112
svg, images, animations, tooling
New to the Web Platform in November (rac)13,111
release-notes, web-platform, browsers, google, chrome, mozilla, firefox
Preparing for a Live Demo13,110
career
Not All Screen Reader Users Are Blind (tem)13,109
accessibility, user-experience, screen-readers
Node v21.3.0 (raf/nod)13,108
release-notes, nodejs
Is 2024 the Year of CSS Nesting? (jar/van)13,107
css, nesting
Firefox on the Brink? (bry)13,106
browsers, mozilla, firefox
Creating a Marquee Effect With CSS Animations13,105
css, animations, effects
Hide and Debug Empty Elements With CSS (mic)13,104
css
Alternative Frontends13,103
web, censorship
CSS: BEM or Atomic Design13,102
css, bem, atomic-design, comparisons
Testing in Production With Canary Deployments: A How-To Guide13,101
guides, testing, deploying
Measure LCP Sub-Parts to Improve Largest Contentful Paint (deb)13,100
performance, web-vitals, metrics
Fetch API, Do You Really Know How to Handle Errors?13,099
data-fetching, apis, errors
Design That Scales13,098
books, design, design-systems, scalability, processes
CSS Modules (fro)13,097
css, modules, scope, examples
The Difference Between Nesting an “@layer” in “@media” and “@container” Query (mat)13,096
videos, css, media-queries, container-queries, comparisons
Kirby 4 (mau)13,095
kirby
Oh No, Overflow! (mic)13,094
css, overflow, layout
How to Use the File System in Node.js (cra)13,093
how-tos, file-handling, nodejs, apis
Care Beyond Code: 7 Best Design Practices for Frontend Developers (tra/evi)13,092
design, best-practices
Accessing .env Files Natively With Node.js13,091
nodejs, environments
Resource Loading at the Cutting Edge (per)13,090
videos, performance
10 JavaScript Changes You Missed in 2023 (fir)13,089
videos, javascript, retrospectives
“An Accessible Website Won’t Be Beautiful”… Really?!13,088
design, aesthetics, accessibility
Kicking the Excessive JavaScript Habit (mic)13,087
javascript, performance, developer-experience, user-experience
Web Components Eliminate JavaScript Framework Lock-In (jak)13,086
web-components, javascript, frameworks, maintainability
The “hanging-punctuation” Property in CSS (chr)13,085
css, typography
Keyboard Accessibility Myths and WCAG (gra/tet)13,084
accessibility, keyboard-navigation, wcag, myths
How to Use Responsive HTML Video (…and Audio!) (sco)13,083
how-tos, responsive-design, html, multimedia
How to Use Chrome’s Accessibility Tree (pop)13,082
how-tos, accessibility, browsers, google, chrome
Checking the Type of a String in PHP (ami)13,081
php, strings
Burnout in the Digital Accessibility Field13,080
accessibility, career
Accessibility: A Practical Perspective (mat)13,079
accessibility
A Complete Guide to pnpm13,078
guides, pnpm, dependencies
Progressive Enhancement vs. Graceful Degradation: Approaches to Web Development13,077
progressive-enhancement, graceful-degradation, comparisons
OOP Design Patterns in JavaScript13,076
javascript, oop, software-design-patterns
“oklch()” Retains Perceived Lightness for Different Hue Angles (ste)13,075
css, functions, colors, oklch
Are Design Ethics Useless? (koo)13,074
design, ethics
Preventing Scroll “Bounce” With CSS (mic)13,073
css, scrolling
Accessibility Is Leadership (dav)13,072
accessibility, leadership
Design Systems Metrics—What I Have Learned Leading the [Design System] of the Biggest Edtech in Latin America13,071
design-systems, metrics, lessons
Weird HTML Hacks (ern)13,070
html, css, hacks, techniques, history
A Few Ways CSS Is Easier to Write in 2023 (geo/sma)13,069
css, techniques, comparisons
Measuring Long Animation Frames (LoAFs) in the Browser (deb)13,068
animations, performance, apis, web-vitals
State of JavaScript 2023 (sac/dev)13,067
surveys, javascript
How to Test 3.3.7 Redundant Entry (tpg)13,066
how-tos, accessibility, testing, wcag
Choosing a Green Web Host (mic)13,065
hosting, sustainability
Top 10 Most Popular JavaScript Frameworks to Choose in 202413,064
javascript, frameworks, react, angular, vuejs, nodejs, express, meteor, nextjs, emberjs, backbone, svelte
Vue and Vite Status Update (eva)13,063
videos, vuejs, vite
The Elevator Pitch for Web Components (cfe)13,062
web-components, html, dom
Test Often to Keep Your Designs Simple13,061
design, prototyping, testing, simplicity
Shadow DOM Is for Hiding Your Shame13,060
shadow-dom, dom, web-components, html
Psychology of Speed: A Guide to Perceived Performance (fox/cal)13,059
guides, performance, user-experience
Browsers Only Update “:target” on Page Load and During Fragment Navigation (sim)13,058
css, selectors
The Unbearable Weight of Massive JavaScript (rya/per)13,057
videos, javascript, frameworks, performance
Why We Don’t Like TDD: A Developer’s Perspective13,056
testing, processes
URL Parser Performance (bag)13,055
urls, parsing, performance
The Tension and Future of Jamstack (zac)13,054
tech-stacks, jamstack
PHP Attributes in Laravel13,053
php, laravel, attributes
Easy Introduction to Variables and Data Types in Programming for Beginners (ara)13,052
introductions, variables, types, programming
Demystifying Web Push Notifications13,051
notifications, javascript
An Interactive Guide to CSS Grid (jos)13,050
guides, css, grids, layout
Streams in Node.js13,049
nodejs, streaming, examples
SEO Writing: 12 Tips for Creating SEO-Optimized Content (sem)13,048
seo, writing, content, optimization, tips-and-tricks
What Are Webhooks and How to Use Them13,047
webhooks
Width and Height in CSS (jim)13,046
css
The 9 HTML Elements That Have an Attribute of the Same Name, or: The 9 Attributes That Have an Element of the Same Name (j9t)13,045
html, attributes
Navigating the Intersection of Brand Strategy and User Experience (uxm)13,044
branding, strategies, user-experience
Jimdo’s Engineering Guidelines13,043
guidelines, processes, collaboration, onboarding, case-studies
Inspecting WCAG 2.2: Target Size13,042
videos, accessibility, wcag, standards
How to Avoid Breaking Web Pages for Keyboard Users (tpg)13,041
how-tos, accessibility, keyboard-navigation
CSS4 Is Coming (Not a Clickbait) (zor/css)13,040
videos, css
Conducting a Content Audit to Improve Your Content (uxm)13,039
content, auditing, quality, optimization
Announcing TypeScript 5.3 (dan/typ)13,038
release-notes, typescript
Introduction to AWS—DynamoDB13,037
introductions, aws, dynamodb, databases
CSS Nesting UX in DevTools (sha)13,036
css, nesting, user-experience, developer-experience, browsers, dev-tools
CSS Nesting (sha)13,035
css, nesting
The CSS Property You Didn’t Know You Needed13,034
css
Skip PHPUnit Tests Conditionally in PHP (ami)13,033
php, testing
How Independent Publishing Has Changed From the 1990s Until Today13,032
history, writing, web
Comparison of Accessibility of E-Government Websites in Europe (cer)13,031
accessibility, case-studies, comparisons
An Attempted Taxonomy of Web Components (zac)13,030
web-components, html
26 Frontend Certifications for Web Developers13,029
training, career, link-lists
10 Great Websites to Learn Web Development (apo)13,028
link-lists, learning
Why You Should Curate, Not Create, a Design System (uxd)13,027
design-systems, processes
5 Formatting Techniques for Long-Form Content (nng)13,026
usability, content, writing, formatting, techniques
Why Svelte?13,025
svelte, react, frameworks
Understanding Dev Dependencies in Web Development13,024
dependencies
“NODE_ENV=production” Is a Lie (mco)13,023
videos, nodejs, environments, optimization
Integrating MongoDB With Node.js13,022
mongodb, nodejs
HTML Web Components Are Just JavaScript? (mia/odd)13,021
web-components, javascript, html
10 Tips for Driving Design System Adoption (zer)13,020
design-systems, tips-and-tricks
Vite 5.0 Is Out (vit)13,019
release-notes, vite
Until the Right Design Emerges…13,018
design
Wasp Lang and Prisma ORM: A New Era in Web Development (pri)13,017
videos, wasp, prisma
Using Chrome’s Accessibility Tree for Manual Testing of HTML and ARIA13,016
videos, browsers, google, chrome, dev-tools, accessibility, testing, html, aria
The Node.js Event Loop (mco/pla)13,015
nodejs, event-loop, events
The Developer Job Market Is Insane—5 Tips on How to Survive13,014
career, interviewing, tips-and-tricks
The Best CSS Background Patterns for Your Next Project13,013
css, backgrounds
How to Use Node.js With Docker (cra)13,012
how-tos, nodejs, docker
Getting Started With CSS Container Queries (mic/mdn)13,011
introductions, css, container-queries
Exclusive Accordions Exclude (yat)13,010
accessibility, html, accordions
Evolution of Visible Focus13,009
videos, accessibility, focus
4 Web Devs, 1 App Idea (whi+)13,008
videos, web-apps, case-studies
We Need to Have a Chat? I Think We Should Refactor13,007
design-systems, maintenance, refactoring
Shattering the Design System: Unleashing the Creative Revolution (cre/uxd)13,006
design-systems, creativity, processes
Optimizing Frontend Performance: Mastering Memoization, Throttling, and Debouncing13,005
performance, optimization, memoization, throttling, debouncing
Browsing the Eastern Side of the Personal Web13,004
web, community
Why Doesn’t AI Work for Producing Accessible Code? (ala)13,003
accessibility, code-generation, ai
Using Selectlist in React (kil/pol)13,002
react, forms
Release Notes for Safari Technology Preview 183 (jon/web)13,001
release-notes, browsers, apple, safari
Modular CSS and Different Ways to Structure Your Stylesheets (cfe)13,000
css, modules
Is It Worth Keeping Your CSS DRY—Pros and Cons12,999
css, maintainability, principles
Introduction to LangChain12,998
introductions, langchain
Introducing N|Solid Copilot: Your AI-Powered Node.js Navigator (nod)12,997
introductions, nodejs, ai, tooling
How to Optimize MongoDB Performance for Node.js (app)12,996
how-tos, mongodb, optimization, nodejs
Biome—Unified Linting and Formatting Solution12,995
biome, configuration
About Subgrid and Colored Grid Lines (len)12,994
css, grids, layout
A Tip for Properly Handling Loading States in Web Apps (ray)12,993
tips-and-tricks, state-management, web-apps
A Guide to Low-Code No-Code in Software Development12,992
guides, low-and-no-code, concepts
Designing for Accessibility Beyond Compliance (uxd)12,991
design, accessibility, compliance
What Is Transpiling in JavaScript?12,990
videos, javascript, ecmascript, transpiling, babel
Simplifying the E2E Selectors Hassle12,989
angular, typescript, testing
Node.js Monthly Downloads (mco)12,988
websites, nodejs, metrics
Letter and Spirit of Web Development (j9t)12,987
community, processes
How I Test a Website for Accessibility12,986
accessibility, testing
Exploring V8’s Strings: Implementation and Optimizations (ili)12,985
javascript, javascript-engines, v8, strings, optimization
Elevate Your CSS Debugging Skills With These Chrome DevTools Tricks in 2024 (uti)12,984
css, debugging, browsers, google, chrome, dev-tools
Cracking a “Developer Tools Killer” Script… (cod)12,983
browsers, dev-tools, debugging
Accessibility Testing With Chrome DevTools12,982
accessibility, testing, browsers, google, chrome, dev-tools
Monitoring Your Python App With AppSignal12,981
python, monitoring, tooling
Your Website’s URLs Can and Should Be Beautiful12,980
urls, usability
The Top WordPress Plugins Are… a Little Sad? (chr)12,979
wordpress, plugins
Text With Media Background: Practical Solutions12,978
images, microcontent, readability, accessibility
Prettier 3.1: New Experimental Ternaries Formatting and Angular Control Flow Syntax12,977
release-notes, prettier
Is It Time for You to Leave Social Media?12,976
social-media
Introducing the Website Carbon Rating System12,975
introductions, sustainability
HTML Web Components (jim)12,974
html, web-components
Growing Design by Letting Teams Experience It12,973
design
Designing Web Design Documentation (fre/sma)12,972
documentation, design, design-systems
Cascade Layers, CSS Functions, and More CSS With Miriam Suzanne (mia+/sho)12,971
podcasts, interviews, css, cascade, functions
A Coder Considers the Waning Days of the Craft12,970
craft, retrospectives, web
Java Memory Leaks: Detection and Prevention12,969
java, memory
The Nature of Digital Is Environmentally Destructive (ger)12,968
sustainability
HTML First12,967
websites, html, principles
Explaining Kubernetes to My Uber Driver12,966
architecture, kubernetes
Accessibility Training Can Sometimes Harm Accessibility (cer)12,965
accessibility, training
Stop Using AI-Generated Images (mic)12,964
ai, images
AI Is the New UI (uxd)12,963
ai, design
NCSA Mosaic: How the First Mainstream Web Browser Changed the World Forever12,962
history, browsers, mosaic
Mastering Cryptography Fundamentals With Node’s “crypto” Module12,961
security, cryptography, nodejs
Lost in Translation: Tips for Multilingual Web Accessibility (ben)12,960
tips-and-tricks, accessibility, internationalization, localization
Do You Really Need to Validate Your HTML Code?12,959
discussions, html, conformance
What’s New in Angular 17 (rak)12,958
angular
How to Become a Better Programmer12,957
how-tos, programming, career
CSS Nesting Is Here (mic)12,956
css, nesting
Cookie Permissions 101 (nng)12,955
cookies, legal, user-experience
Set Up Your Redwood.js Environment: A Beginner’s Tutorial (sel)12,954
videos, tutorials, redwoodjs
Never Use “Scroll” Value for Overflow (kiz)12,953
css, overflow, scrolling
Creating Accessible UI Animations (sma)12,952
accessibility, animations
Concurrency in React 18 for Busy Bees (ole)12,951
react, concurrency
A Faster Web in 2024 (rvi)12,950
performance, web-vitals, metrics, web
CSS Nesting Relaxed Syntax Update (arg)12,949
css, nesting, browsers, google, chrome, support
NaN or Not a Number? (mic)12,948
javascript
Understanding HTML Landmarks and How to Apply Them (its/log)12,947
html, semantics, accessibility, aria
Modern Frontend Testing With Vitest, Storybook, and Playwright12,946
testing, vitest, storybook, playwright
HTML Web Components (ada)12,945
web-components, html, web-platform
How Long Until Your Website Is Accessible? (kar)12,944
accessibility, processes
Front End Devs Really Don’t Understand Accessibility (cfe)12,943
accessibility, craft
ES6 Features You Didn’t Know You Needed: A JavaScript Guide for Beginners12,942
guides, javascript
Effective Engineering Teams (add)12,941
collaboration, career, engineering-management
Can Bun Eat Node.js’s Lunch? Testing the Trendy Toolkit12,940
bun, nodejs, comparisons
“@scope” (mdn)12,939
css, scope
Handling Null, Undefined, and Zero Values in JavaScript (mic)12,938
javascript
XML Basics for Computing12,937
fundamentals, xml
Secure Code Review Tips to Defend Against Vulnerable Node.js Code12,936
nodejs, security, code-reviews
Web Developers: Remarkably Untalented and Careless? (bal)12,935
quality, career, training
Using CSS “content-visibility” to Boost Your Rendering Performance (log)12,934
css, rendering, performance
Monolith to Microservices: 5 Strategies, Challenges, and Solutions12,933
monoliths, microservices, architecture, migrating, strategies
Introducing Angular v17 (mge/ang)12,932
introductions, release-notes, angular
How to Use Timeouts in Node.js (app)12,931
how-tos, time, nodejs, javascript
Everything About SEO Is Obnoxious (chr)12,930
seo, quality, ethics
CSS Positioning Crash Course (zor/css)12,929
videos, crash-courses, css, positioning, layout
AVIF: Meet the Next Level Image File Format12,928
avif, images
How Core Web Vitals Saved Users 10,000 Years of Waiting for Web Pages to Load (add+)12,927
google, performance, user-experience, metrics
Headless Component: A Pattern for Composing React UIs (mfo)12,926
components, react, headless
React Router v6: A Beginner’s Guide12,925
guides, react, routing, react-router
Why We Need a “Green” Perf Metric (scr/per)12,924
videos, sustainability, performance, metrics
(Don’t) Mind the Gap (mic)12,923
css, layout
Addressing Accessibility Concerns With Using Fluid Type (sma)12,922
accessibility, responsive-design, liquid-design, css
How Miro Migrated Its Analytics Event Tracking System12,921
analytics, metrics, monitoring, migrating
Writing Components That Work in Any Frontend Framework (and)12,920
web-components, frameworks
Truly Semantic (don)12,919
design-tokens, semantics, naming
Surprising Facts About New CSS Selectors (spa/clo)12,918
css, selectors
Deploying a Vue Application With Netlify and GitHub12,917
deploying, vuejs, netlify, github
Creating Accessible Content in Drupal 1012,916
videos, drupal, accessibility
Cloudinary: The “Dramatic” Story of JPEG XL Support So Far (jon/com)12,915
jpeg-xl, images, support, browsers
Angular (ang)12,914
websites, angular
Accessibility Training Will Not Save You (rei)12,913
accessibility, training, career, quality
13 HTML Attributes You Should Know About12,912
html, attributes
Markdown to HTML in Seconds: Discovering mdhub (gli)12,911
markdown, html, conversion, tooling
Comparing MySQL, PostgreSQL, and MongoDB12,910
databases, mysql, postgresql, mongodb, comparisons
The Role of Prototyping in UX Design: From Wireframes to Interactive Mockups (uxm)12,909
user-experience, design, prototyping
Removing List Styles Without Affecting Semantics (mat)12,908
html, css, semantics, accessibility
How to Use npm Packages Outside of Node12,907
how-tos, npm, dependencies, javascript
How to Build a Server-Side React App Using Vite and Express (the)12,906
how-tos, react, vite, express, server-side-rendering
GitLab CI Optimization: 15+ Tips for Faster Pipelines12,905
gitlab, ci-cd, optimization, tips-and-tricks, dev-ops
“git rebase”: What Can Go Wrong? (b0r)12,904
git
Default Layouts in 11ty (rem)12,903
eleventy
Understanding React Error Boundary12,902
react
To Hell With the Business Case (mat)12,901
accessibility, economics, legal
How Creating Content as a Developer Changed My Life12,900
career, learning
The Anatomy of an Accessible Button12,899
buttons, accessibility, aria, html
Understanding CORS12,898
security, cors
WCAG 2.2 Will Be a Part of EN 301 549 and With That a Part of WAD and EAA (cer)12,897
accessibility, wcag, standards, legal, eaa
Performance in React and Next.js12,896
videos, performance, react, nextjs
Messing About With CSS Gradients (mic)12,895
css, gradients
Workarounds for Buggy Gradients (kei)12,894
css, gradients, colors
Totally Remdom, or How Browsers Zoom Text (mat)12,893
accessibility, zooming, css, units, responsive-design
How to Do a TypeScript Conversion12,892
how-tos, javascript, typescript, migrating, conversion, refactoring
GitHub Copilot Now Generates AI Commit Messages (ami)12,891
github-copilot, ai, commit-messages
An Accessibility Bookmarklet for Testing 200% Text Size (ash)12,890
accessibility, testing, bookmarklets
Information vs. Experience: How to Build Mature Design Systems (uxd)12,889
how-tos, comparisons, design-systems
Why You Should Use “px” Units for Margin, Padding, and Other Spacing Techniques (ash)12,888
css, units, margins, spacing, responsive-design
Use the CSS “:disabled” Pseudo-Class Instead of the “[disabled]” Attribute Selector to Match Disabled Form Controls (sim)12,887
css, selectors, forms
Shadow DOM on Regular Elements (kiz)12,886
shadow-dom, dom
In Quest to Defeat Euro Red-Tape, Apple Said It Had Three Safari Browsers—Not One (tho/the)12,885
browsers, apple, safari, web, legal
How to Write Good Alt Text for Screen Readers (cra)12,884
how-tos, accessibility, images, writing, alt-text, screen-readers
How to Use the Fetch API in Node.js, Deno, and Bun (cra)12,883
how-tos, data-fetching, apis, nodejs, deno, bun, comparisons
“:fullscreen” Demo Without JavaScript (yoo)12,882
css, selectors
Don’t Turn a Table Into an ARIA Grid Just for a Clickable Row (aar)12,881
html, tables, grids, aria, accessibility
Content Negotiation in Practice (sof)12,880
content-negotiation, http, examples
Can AI Help Boost Accessibility? These Researchers Tested It for Themselves12,879
accessibility, ai, chatgpt, research
Answers to Common (Web) Accessibility Questions (hdv)12,878
accessibility
10 Best Web Development Stacks12,877
tooling, tech-stacks
Learn Performance (kev+)12,876
courses, performance
Understanding Cookies12,875
cookies
The “prefers-reduced-transparency” Media Feature (mat)12,874
css, media-queries, accessibility
The People Who Ruined the Internet (ver)12,873
web, google, seo
The Dangers of Doomscrolling for Designers and How to Break Free (web)12,872
career
Technical Standards Bodies Are Regulators (mno)12,871
standards, policies, legal
Speeding Up the JavaScript Ecosystem—Tailwind CSS (mar)12,870
performance, javascript, tailwind
Response Code Cheat Sheet for Laravel HTTP Client (ami)12,869
cheat-sheets, laravel, http
Release Notes for Safari Technology Preview 182 (jon/web)12,868
release-notes, browsers, apple, safari
Personal-Scale Web Scraping for Fun and Profit12,867
scraping, javascript, functionality, optimization
One HTML Tag, Thirty+ CSS Drawings—My Divtober 2023 Collection (alv)12,866
css, art
How Bear Does Analytics With CSS12,865
analytics, metrics, css, case-studies
Getting Started With NVDA12,864
videos, introductions, screen-readers, nvda, accessibility
Dark Visitors12,863
websites, ai, scraping, robotstxt
Confusing Git Terminology (b0r)12,862
git, terminology
Breaking Down a Design (jam)12,861
design
Blinded by the Light DOM (mey)12,860
web-components, dom, shadow-dom, javascript
A Comprehensive Guide to Data Engineering12,859
guides, data-engineering
0 KB Social Media Embeds (chr)12,858
embed-code, quality
Mobile-First Indexing Has Landed—Thanks for All Your Support (joh)12,857
mobile-first, mobile, seo, google
Why Signals Are Better Than React Hooks12,856
videos, javascript, signals, react, hooks, comparisons
Remix ❤️ Vite (rem)12,855
remix, vite, support
Better Dynamic Themes in Tailwind With OKLCH Color Magic (tra/evi)12,854
theming, tailwind, oklch, colors
Answering Common Questions About Interpreting Page Speed Reports (geo/sma)12,853
performance, optimization
Accessibility by Degrees (tem)12,852
accessibility, processes
A Complete Guide to LangChain in JavaScript12,851
guides, langchain, javascript, frameworks
2023: 0 of the Global Top 100 Websites Use Valid HTML (j9t)12,850
html, css, conformance, metrics, quality
Interop 2023 October Update (rac)12,849
interoperability, web-platform, browsers, support
Simplifying Web Development With Hugging Face (gra)12,848
ai, hugging-face
What Exactly Is “Modern” CSS? (geo)12,847
css
Effective Strategies for Optimizing Performance12,846
strategies, performance, optimization
Don’t Disable Buttons (cfe)12,845
buttons, accessibility, javascript
20 Effective Tips to Speed Up Your Drupal Website12,844
drupal, tips-and-tricks, performance, optimization
Unit-Testing: The Unsung Hero of Code Quality12,843
testing, quality
The New CSS Math: “rem()” and “mod()” (dan)12,842
css, functions, math
Is Express Still “De Facto” for Building Node Backends?12,841
discussions, express
Guide to React Suspense and “use” Hook for Busy Bees (ole)12,840
guides, react, hooks, promises, data-fetching
A Guide to Using MSSQL With Node.js12,839
guides, nodejs, databases, sql
Why Is node_modules Heavier Than the Universe?12,838
nodejs
View Transitions and Stacking Context: Why Does My CSS View Transition Ignore “z-index”? (nic)12,837
css, positioning, animations, view-transitions
Let’s Reinvent the Wheel (vas)12,836
html, css, user-experience, accessibility, web-platform
Keep Pace With Modern JavaScript12,835
javascript, link-lists
An Introduction to Working With SVGs in React12,834
introductions, images, svg, react
AI as a UX Assistant (nng)12,833
user-experience, ai
You’re Gonna Need a Bigger Browser (rob)12,832
browsers, web-platform, user-experience, outlooks
State of React 2023 (sac/dev)12,831
surveys, react
Some Sensible Defaults for Your “img” Elements (css)12,830
images, css
So You’ve Been Publicly Accessibility-Shamed (dav)12,829
accessibility, quality, communication
Liquid vs. Headless: A Look at Real User Web Performance (sia)12,828
shopify, headless, performance, metrics, comparisons
How to Find a Developer Job in 2023 (With Little or No Experience)12,827
how-tos, career
How Often Should You Redesign Your Website?12,826
redesigning, refactoring, seo
HTML vs. DOM? Let’s Debug Them (jec)12,825
videos, html, dom, debugging, comparisons
Next.js 1412,824
release-notes, nextjs
Performance Optimization With Worker Threads Node.js12,823
performance, optimization, nodejs, worker-threads
Arrays—Implementation in JavaScript12,822
javascript, arrays
Deprecation of Formatting Rules (nza/esl)12,821
eslint, linting, tooling, deprecation, formatting, release-notes
Why I Won’t Use Next.js (ken)12,820
frameworks, nextjs
What the !#@% Is a Passkey? (eff)12,819
passkeys, security
Testing and Code Quality in Node.js (hon)12,818
testing, quality, nodejs
Secret Scanning Scans Public npm Packages (git)12,817
github, npm, dependencies, security
Introduction to Real-Time Communication in PHP Laravel12,816
introductions, laravel
Introduction to htmx12,815
introductions, htmx
Astro 3.4: Page Partials (eri/ast)12,814
release-notes, astro
20 Simple Ways to Style the HTML “details” Element12,813
html, disclosure-widgets, css
CSS “prefers-reduced-transparency” (arg)12,812
css, media-queries, support
Understanding SC 2.4.11 “Focus Not Obscured (Minimum)”12,811
accessibility, wcag, focus
Sheet, Dialog, or Snackbar—What Should a Designer Go For?12,810
design, design-patterns, modals
Data Engineering Essentials #1: Your First Pipeline12,809
fundamentals, data-engineering
What Does the “A” Mean in “DEAI”? (mni)12,808
dei, accessibility
WebKit Features in Safari 17.1 (jen/web)12,807
release-notes, browsers, apple, safari, webkit
Web Components Will Outlive Your JavaScript Framework (jak)12,806
web-components, javascript, frameworks
Vue.js (Vue v3) for Beginners (thi)12,805
videos, courses, vuejs
Change Project, Change Node Version, Let .nvmrc Help You12,804
nodejs, nvm
My Problem With Using TypeScript in 202312,803
videos, typescript
It’s 2023, Here Is Why Your Web Design Sucks (hbu)12,802
web, design, career
Goodbye, Node.js Buffer (sin)12,801
nodejs
Give Your Site Some Focus! Tips for Designing Useful and Usable Focus Indicators (deq)12,800
accessibility, forms, focus, user-experience, tips-and-tricks
Complex MPA View Transitions (tyl)12,799
multi-page-apps, view-transitions, css
A Comprehensive Guide to Django Caching12,798
guides, django, caching
Select Element: Now With Horizontal Rules (una)12,797
html, forms, semantics, browsers, google, chrome, apple, safari, support
CSS “text-wrap: pretty” (arg)12,796
css, typography, browsers, google, chrome, support
Solved by CSS Scroll-Driven Animations: Style an Element Based on the Active Scroll Direction and Scroll Speed (bra)12,795
css, scrolling, animations
What Removing Object Properties Tells Us About JavaScript (mon/sma)12,794
javascript, objects
Unlocking JavaScript Design Patterns: Mastering Singleton for Ultimate Code Efficiency12,793
javascript, software-design-patterns, efficiency
Tailwind vs. Semantic CSS12,792
tailwind, css, html, semantics, comparisons, performance
Svelte by Example (seb)12,791
websites, svelte, examples
Stop Waiting (jha)12,790
quality, testing
Splitting Within Selects (aar)12,789
accessibility, html, forms, browsers, support
Release: Yarn 4.012,788
yarn, release-notes
Navigating the Ethical Complexities of Personalized User Experiences: Balancing Innovation With Privacy and Consent (uxm)12,787
user-experience, personalization, ethics, privacy, consent-management
JavaScript Is Enabled by Default in Web Browsers (jim)12,786
javascript, web-platform, permissions
JavaScript Decorators: An In-Depth Guide12,785
guides, javascript
JavaScript Anti-Pattern: Self-Documenting Code (cfe)12,784
javascript, anti-patterns, documentation
In Defense of Learning on Company Time (isa)12,783
learning, career
Igalia Chats: Web History Part VI (stu+/iga)12,782
podcasts, web, history
HTML Meta Tags12,781
html, metadata
Changing Colors in an SVG Element Using CSS and JavaScript12,780
svg, colors, css, javascript
Accessibility Improvements for User-Agents12,779
accessibility, browsers, screen-readers, assistive-tech
Strikethrough Accessibility (den)12,778
accessibility, html, screen-readers, support
Global Encryption Day: Encryption’s Critical Role in Safeguarding Human Rights (tor)12,777
awareness-days, encryption, privacy
Using ChatGPT, GitHub Copilot, and Phind to Generate Tailwind Config for Width Classes (luc)12,776
ai, chatgpt, github-copilot, tailwind, configuration
What Should Be the Contrast Level of Inactive Buttons? (uxd)12,775
accessibility, buttons, contrast, colors
When to Use CSS “text-wrap: balance;” vs. “text-wrap: pretty;” (sea)12,774
css, typography, comparisons
Using ChatGPT for Smart Truncation in Responsive Web Design12,773
content, responsive-design, ai, chatgpt, html
Is CAPTCHA Accessible?12,772
accessibility, captcha
How Do You Even Web Dev Without Node? A Quick Introduction to Test-Driven Web Development Using Just the Browser (bal)12,771
introductions, testing
Finding the Primary Branch of a Git Repository (ami)12,770
git
Embedding Accessibility Into Code Reviews (web)12,769
videos, accessibility, code-reviews, processes
Why Unique ID Attributes Matter (deq)12,768
accessibility, html, attributes, conformance
Web Accessibility Strategies for Non-Accessible Projects (bol)12,767
videos, accessibility, strategies, processes
The Need for Recognition in Open Source (bek/ope)12,766
foss, culture, communication, community
Prodding Firefox to Update “:has()” Selection (mey)12,765
css, selectors, mozilla, firefox, support
I Asked People to Make This Simple Layout and Was Surprised by the Results (kev)12,764
videos, css, layout, comparisons
How to Map a Number Between Two Ranges (hen)12,763
how-tos, javascript, math
How to Collaborate on Pull Requests for Beginners (ope)12,762
how-tos, code-reviews, collaboration
How to Build Your First Web Component (joe/fre)12,761
how-tos, web-components
Don’t Do It on Frontend or… Frontend Good Practices for Devs12,760
best-practices, quality, maintainability, documentation
Does the HTML “hr” (Horizontal Rule) Benefit Screen Reader Users?12,759
html, accessibility, screen-readers
The Inverse Value of UX and Art (uxd)12,758
user-experience, art
Do We Need State Management in Angular?12,757
angular, state-management
The New “light-dark()” Function to Switch Theme Color in CSS (ami)12,756
css, functions, dark-mode
Storybook 7.5 (sto)12,755
storybook, release-notes
Solid.js Creator Outlines Options to Reduce JavaScript Code (low/the)12,754
javascript, performance
Release Notes for Safari Technology Preview 181 (jon/web)12,753
release-notes, browsers, apple, safari
On the Uniting Power of a Commitment to HTML Conformance (j9t)12,752
html, conformance, quality, community, web
How to Animate Along a Path in CSS (pre/sma)12,751
how-tos, css, animations
Git: Rebase an Old Branch Incrementally (ada)12,750
git, command-line
The Nuances of Base64 Encoding Strings in JavaScript12,749
javascript, encoding, base64, unicode, strings
Stacked Diffs (and Why You Should Know About Them) (ger)12,748
version-control, code-reviews, google, facebook+meta, concepts
Synchronizing Figma Variables With Design Tokens12,747
figma, variables, design-tokens, automation
Transition Animations: A Practical Guide12,746
guides, transitions, animations, interaction-design
The True Cost of Not Prioritizing Accessibility: Avoid Risk and Maximize Product ROI12,745
accessibility, economics, product-management, prioritization
The Three Cs: Concatenate, Compress, Cache (css)12,744
performance, compression, caching
Start Styling Your “console.log()” Messages in DevTools (zor/css)12,743
videos, javascript, console, browsers, dev-tools
React Design Patterns12,742
react, software-design-patterns
Node.js 21 Available Now! (ope)12,741
nodejs, release-notes
How to Use SEO to Build Long-Term Brand Recognition and Visibility (moz)12,740
how-tos, seo, branding
Design System Documentation Sucks—How We Can Do Better12,739
design-systems, documentation
Color Contrast Accessibility Tools With Examples (pop)12,738
accessibility, tooling, link-lists, colors, contrast, examples
Burn Your Toast (eri)12,737
design-patterns, notifications, accessibility, usability
A Couple of New CSS Functions I’d Never Heard Of (chr)12,736
css, functions
Scroll-Driven State Transfer (kiz)12,735
css, scrolling
Link Colors and the Rule of Tincture12,734
links, colors
“JavaScript Is Weird” as a Compressor12,733
javascript, compression
Ensuring Negative Numbers Are Available for Everyone (deq)12,732
accessibility, testing, math
Common Vue.js Development Mistakes and How to Avoid Them12,731
vuejs, mistakes
2.4.11: Adversarial Conformance (aar)12,730
accessibility, wcag, compliance
CSS Findings From Photoshop Web Version (sha)12,729
html, css, adobe, photoshop, case-studies
How to Style Element Descendants With Tailwind CSS (ste)12,728
how-tos, tailwind
Bubble Sort… in Pure CSS? (No JS)12,727
css, algorithms, sorting
The Negative Impact of Mobile-First Web Design on Desktop (nng)12,726
design, mobile-first, mobile, desktop, usability, information-design
Forget Twitter: WordPress.com Blogs Can Now Connect to Mastodon (pcm)12,725
social-media, twitter+x, wordpress, mastodon
Button Labels: Is “OK” Ok? (uxd)12,724
forms, buttons, labels, writing, usability
How We Optimized Package Imports in Next.js12,723
nextjs, dependencies, optimization, case-studies
What’s New in CSS? (bra)12,722
css
Organizing Multiple Git Identities (gar)12,721
git
44 React Frontend Interview Questions12,720
interviewing, react
Honor User’s Transparency Setting in CSS (ami)12,719
css, transparency+opacity, accessibility, user-experience
Back/Forward Cache (phi+)12,718
bfcache, performance, browsers, chrome, google
Why Companies Kill Great Design (uxd)12,717
design
Using CSS Custom Properties Like This Is a Waste (kev)12,716
videos, css, custom-properties
Unpopular Opinion: It’s Harder Than Ever to Be a Good Software Engineer12,715
career, quality
Scrollbars Are Becoming a Problem (art)12,714
scrolling, usability, accessibility
Quick Tip: Creating Polymorphic Components in TypeScript12,713
tips-and-tricks, typescript, components
New Release: Tor Browser 13.0 (tor)12,712
release-notes, tor-browser, browsers
Digital Accessibility Blogs and Newsletters (ons/tpg)12,711
accessibility, link-lists
Astro 3.3: Picture Component (eri+/ast)12,710
astro, release-notes
CSS Relative Color Syntax (arg)12,709
css, colors, functions
WooCommerce vs. Shopify: Which Is the Better Choice for You?12,708
shopify, comparisons, ecommerce
Styling External Links With Attribute Selectors (mic)12,707
links, css, attributes, selectors
You Can’t Get Faster Than No Build12,706
building, processes
Why Naming Is #1 Skill for Writing Clean Code12,705
naming, conventions, best-practices
We Need Web Progress, Not Pessimism (kev)12,704
web-platform, principles
Skip Links on ikea.com (mat)12,703
accessibility, skip-links, case-studies
Preventing and Debugging Memory Leaks in Node.js (bet)12,702
debugging, memory, nodejs
Let’s Prototype a JavaScript JIT Compiler12,701
videos, javascript, compiling, prototyping
Introduction to Web Sustainability (mic/mdn)12,700
introductions, sustainability
Designing for All: The Basic Principles of Web Accessibility12,699
accessibility, fundamentals, principles, aria, tooling
Images on the Web12,698
images, concepts, compression, jpeg, png, webp, avif, nextjs
Greenwashing and the COP28 Website (mic)12,697
sustainability, case-studies
Hashnode’s Overall Architecture (has)12,696
architecture, case-studies
AI Could Soon Need as Much Electricity as an Entire Country (nyt)12,695
ai, sustainability
The Selected Date Must Be Within the Last 10 Years (ger/clo)12,694
html, forms, validation
The Global “innerWidth” and “innerHeight” Properties Return the Width and Height of the Layout Viewport (sim)12,693
viewport, javascript, interoperability, webkit
Local HTTPS for Next.js 13.5 (ami)12,692
security, testing, http, nextjs
5 Best Practices for Preventing Chaos in Tailwind CSS (tra/evi)12,691
best-practices, tailwind
The Future of SolidJS With Ryan Carniato (rya/fro)12,690
podcasts, interviews, solidjs, outlooks
The Future of CSS: Easy Light-Dark Mode Color Switching With “light-dark()” (bra)12,689
css, functions, dark-mode
Why the Internet Isn’t Fun Anymore12,688
web, social-media
Obligatory WCAG 2.2 Launch Post (aar)12,687
accessibility, wcag, standards
Inclusivity in the Digital Age: The Importance of Accessibility Advocacy (uxm)12,686
accessibility, dei, communication, advocacy
How to Promote Your Website: 12 Free Methods That Work (sem)12,685
how-tos, marketing, blogging, content, social-media, links, keywords, seo, sem
Extending the Properties of an HTML Element in TypeScript12,684
html, components, typescript
CSS-Only Scroll-Driven Animation and Other Impossible Things (bra+)12,683
videos, css, animations
Adding Search to an Eleventy Site Without Client-Side JavaScript (mez)12,682
eleventy, serverless, functionality, search
The Hidden Performance Cost of Node.js and GraphQL12,681
performance, nodejs, graphql
Speeding Up the JavaScript Ecosystem—the Barrel File Debacle (mar)12,680
javascript, performance, architecture
Welcome WCAG 2.2 and Goodbye Success Criterion 4.1.1 “Parsing” (cer)12,679
accessibility, wcag, conformance
Node.js vs. Django: Which Is Better for Web Development in 2023?12,678
nodejs, django, comparisons
Naming Variables in CSS (doc)12,677
css, custom-properties, naming
Don’t Use Fixed CSS “height” or “width” on Buttons, Links, or Any Other Text Containers (ash)12,676
css, accessibility, usability, buttons, links
CSS 3D Text Effects12,675
css, effects
Table of Contents: The Ultimate Design Guide (nng)12,674
guides, navigation, design, usability
Writing Accessible Form Messages (ons)12,673
accessibility, writing, forms
Which Is the Best Image Format for Your Website?12,672
images, comparisons, jpeg, png, gif, webp, avif
WCAG 2.2 and Validation12,671
accessibility, wcag, conformance, quality
The Nonvisual Website (ang)12,670
websites, accessibility
Quick Tip: Decorators in TypeScript12,669
tips-and-tricks, typescript
How Did You Switch From JavaScript to TypeScript?12,668
discussions, javascript, typescript, migrating
Demystifying WCAG 2.2 (vig)12,667
accessibility, wcag, standards
Understanding XSS Attacks12,666
security, xss
Hey Designers, They’re Gaslighting You12,665
design, career
When to Nest CSS (spa/clo)12,664
css, nesting
What’s New in WCAG 2.2 (pat/tpg)12,663
accessibility, wcag, standards, release-notes
What Happened to Separation of Concerns in Frontend Development (j9t)12,662
maintainability, principles, css, frameworks, history
Web Content Accessibility Guidelines (WCAG) 2.2 (w3c)12,661
accessibility, guidelines, wcag, standards
WCAG 2.2 Is Now a W3C Recommendation (den)12,660
accessibility, wcag, standards
WCAG 2.2 Is Now a Published Web Standard12,659
discussions, accessibility, wcag, standards, w3c
React Micro-Frontends Using Vite12,658
micro-frontends, react, vite
Intopia Launches WCAG 2.2 Map (int)12,657
accessibility, wcag, standards
GitHub Actions: “NODE_OPTIONS” Is Now Restricted From “GITHUB_ENV” (git)12,656
github-actions, automation, nodejs