Tech does not just watch: Take action against Russia’s war on Ukraine 🇺🇦, and take action against Israel’s occupation, destruction, and ethnic cleansing of Palestine (history) 🇵🇸 Hide

Frontend Dogma

News and Tools for Web Developers (20)

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

Entry (Sources) and TopicsDate#
Hands-On Guide to Color Fonts and “@ font-palette-values” (zor/css)9,311
videos, guides, css, fonts
Google on Alt Text SEO and Accessibility (sea)9,310
google, seo, accessibility, writing, alt-text, images
Forging Successful Partnerships With Software Developers (uxm)9,309
collaboration, design
Edit Someone Else’s Website: “contenteditable” and “designMode” (aus)9,308
html
Designing for Users With Disabilities: 10 Factors to Consider (uxm)9,307
accessibility, design, usability
Data-Oriented Django (ada)9,306
videos, django, algorithms
CSS Specificity for Beginners (nic)9,305
css, selectors, cascade
Common ARIA Mistakes and How to Avoid Them (ale)9,304
accessibility, html, aria, mistakes
Applying the 8 Golden Rules of User-Interface Design (uxm)9,303
design, usability, consistency
Why We’re Breaking Up With CSS-in-JS9,302
css, javascript, css-in-js
The Wasted Potential of CSS Attribute Selectors9,301
css, attributes, selectors, bem
Next.js Crash Course9,300
videos, crash-courses, nextjs
Don’t Be Arrogantly Ignorant: Don’t Flame9,299
career, communication
Moving From React to htmx (htm)9,298
migrating, react, htmx
Introduction to WebC (5t3)9,297
introductions, webc
How to Rebase Stacked Git Branches (ada)9,296
how-tos, git
Container Queries: Style Queries (bra)9,295
css, style-queries, container-queries
New Brutalism and Web Accessibility: What You Need to Know (uxd)9,294
design, accessibility
Design for Them Not for You (nng)9,293
videos, design, usability
Utility Framework UnoCSS9,292
unocss, presentational-html, css
Scoop: Meta Ending Support for Instant Articles9,291
facebook+meta, support
Microfrontends: Microservices for the Frontend9,290
micro-frontends, microservices
Accessibility Checkers—a Good Start, Not a Solution (kno)9,289
accessibility, testing, tooling
Upgrading Colors to HD on the Web (bra)9,288
css, colors
Why You Should Prefer Using pnpm Over npm and Yarn?9,287
pnpm, npm, yarn, comparisons
What I Learned About SVG Accessibility (Among Other Things) From NBC News’ Senate “What If” Project9,286
accessibility, svg, images, lessons
Two JavaScripts (rem)9,285
javascript
Some Things I Took Away From an Event Apart 2022 in Denver (geo/css)9,284
web, accessibility, css
Should We Hire Junior Developer Advocates? (bla)9,283
hiring, advocacy, developer-relations, dei
Intro to Why Accessibility Is Important for Good SEO (deq)9,282
introductions, accessibility, seo
CDN (htt)9,281
web-almanac, studies, research, metrics, performance, content-delivery, tooling
Augmenting Node.js With WebAssembly (nea)9,280
videos, nodejs, webassembly
A Pure CSS Gallery Focus Effect With “:not” (css)9,279
css, selectors
Early Days of Container Style Queries (geo/css)9,278
css, container-queries, style-queries
Design Specifications Template (uxd)9,277
design, templates
The Web’s Next Transition (ken)9,276
web-apps, multi-page-apps, single-page-apps, progressive-enhancement
Speeding Up Async Snippets (css)9,275
performance, javascript, asynchronicity
Representation in “alt” Text (aar)9,274
accessibility, dei, writing
How to Animate CSS Box Shadows and Optimize Performance9,273
how-tos, css, animations, shadows, performance
Create a Passkey for Passwordless Logins (age/dev)9,272
authentication, security, passkeys
Tree Views in CSS (kat)9,271
css
The Border Property You Never Knew You Needed (kev)9,270
videos, css
Sustainable Web Development Strategies Within an Organization (mic/sma)9,269
sustainability, performance, optimization
Quick Tip: How to Use the Ternary Operator in JavaScript9,268
how-tos, javascript, operators, tips-and-tricks
Bun? Deno? Node.js? Creating Your Own JavaScript Runtime Using V8, Libuv, and More9,267
videos, javascript, runtimes, v8
Challenges of Multi-Brand Design Systems (uxd)9,266
design-systems, branding, theming
Landing the Second Click: A Guide to Designing Better Landing Pages (uxd)9,265
guides, design, landing-pages, user-conversion
:where :is CSS?9,264
css, selectors
When New CSS Features Collide: Possibility and Complexity at the Intersections (rac)9,263
slides, css, complexity, interoperability
WCAG 2.2 Success Criteria9,262
accessibility, wcag
SVG Sprites: Old-School, Modern, Unknown, and Forgotten (pep)9,261
svg, images, sprites, performance
New Patterns for Amazing Apps (tom/dev)9,260
web-apps
HTML 2022: 20 Additional Observations From Analyzing the Web Almanac Data (j9t)9,259
html, metrics, web-almanac
How to Write Good Alt Text (cfe)9,258
how-tos, accessibility, writing, alt-text, images
Delightful UI Animations With Shared Element Transitions API II (cod/sma)9,257
javascript, animations, transitions, apis
A Little Semantic HTML Trick for React Components9,256
react, html, semantics, components, tips-and-tricks
Usability Heuristic Frameworks: Which One Is Right for You? (uxd)9,255
usability, research
Personas: Study Guide (nng)9,254
guides, personas, usability, training, link-lists
Turn Around Your Git Mistakes in 17 Ways9,253
git, productivity, mistakes
Understanding “async” and “await”9,252
javascript, asynchronicity
Prioritizing Technical Debt With Hotspots9,251
videos, technical-debt, visualization, prioritization
Layout Breakouts With CSS Grid9,250
css, grids, layout
4 Required Tests Before Shipping New Features (5t3)9,249
accessibility, testing
2022 Web Almanac Report Finds WordPress Adoption Is Growing, Adds New Page Builder Data (sar)9,248
studies, research, web-almanac, wordpress, content-management
WordPress.org Plugin Developers Demand Transparency Regarding the Removal of Active Install Growth Data (sar)9,247
wordpress, plugins, metrics
Unless You’re in the Mafia, Your Company Isn’t Your Family (cod)9,246
career
The Future of the Web Is on the Edge (den)9,245
deno, edge-computing
The Future of Rendering in React (psu)9,244
react, client-side-rendering, server-side-rendering
How to Safely Share Your Email Address on a Website (css)9,243
how-tos, communication, email
How to Safely Pass Data to JavaScript in a Django Template (ada)9,242
how-tos, javascript, django
How to Optimize Resource Loading With the “fetchpriority” Attribute (deb)9,241
how-tos, html, performance, optimization
Five Months Worth of Takes on the Digital Accessibility Space9,240
accessibility, testing, tooling
Debugging CSS, No Extensions Required (kev)9,239
videos, css, debugging, browsers, browser-extensions
Awesome Tools for Open Source Contributions9,238
tooling, foss, documentation
Adding Components to Eleventy With WebC (zac)9,237
eleventy, components, webc
A Short Story of the Google Error Page (j9t)9,236
history, google, error-pages
Easy Fluid Typography With “clamp()” Using Sass Functions (uti/sma)9,235
liquid-design, typography, css, sass, functions
Using Web Components With Next (or Any SSR Framework) (ada/css)9,234
web-components, nextjs, server-side-rendering
Use “npm query” and jq to Dig Into Your Dependencies9,233
videos, npm, dependencies, auditing
Quick Tip: How to Use the Spread Operator in JavaScript9,232
how-tos, javascript, operators, tips-and-tricks
Patching the Open Web (jim)9,231
open-web
Front-End Development Is Like… (geo)9,230
career
Foundations: HTML Semantics (tet)9,229
accessibility, fundamentals, html, semantics
AI Code Completion Is Like Cruise Control—and That’s Great News for Bigger Teams (cod)9,228
ai, code-completion, productivity, collaboration
One Formula to Rule Them All: The ROI of a Design System (uxd)9,227
design-systems
Can Consistency Harm Your Product? (uxd)9,226
design, consistency
3 Things to Consider Before You Implement CAPTCHA for Accessibility (uxd)9,225
accessibility, captcha
Component-Level Design Tokens: Are They Worth It?9,224
design-tokens, components
The Missing Math Methods in JavaScript9,223
javascript, math, methods
Where Are the Accessibility Statements? Digital Accessibility Shouldn’t Be a Surprise (deq)9,222
accessibility, documentation
When Going Somewhere Does a Thing: On Links and Buttons (kil)9,221
accessibility, html, links, buttons, semantics
Four Ways to Pick the Right UX Method9,220
user-experience, research
Designing a Secure API9,219
software-design, apis, security
CSS Halftone Patterns (mic)9,218
css, effects
CSS Grid vs. Flexbox: How to Decide (With Examples) (ell)9,217
css, grids, flexbox, layout, comparisons, examples
A CSS Class-Naming Convention Might Still Be Your Best Choice (ben)9,216
css, naming, conventions
The Difference Between “undefined” and “not defined” in JavaScript9,215
javascript
Mobile UX Design in 2022 (uxm)9,214
user-experience, mobile, design
Minimalism as Narcissism9,213
minimalism
Jenkins Best Practices Every Developer Must Know9,212
jenkins, best-practices
I Turned JS Into a Compiled Language (for Fun and Wasm) (sur)9,211
javascript, compiling, webassembly
I Changed My Mind About Writing New JavaScript Frameworks (whi)9,210
javascript, frameworks
Delightful UI Animations With Shared Element Transitions API (cod/sma)9,209
javascript, animations, transitions, apis
CSS-Only Type Grinding: Casting Tokens Into Useful Values9,208
css, design-tokens
Busting the Myths About Agile Development and User Research (uxm)9,207
agile, user-experience, research, myths
A Beginner’s Complete Guide to Form Accessibility: The 5 Things Accessible Forms Need and How to Fix Common Errors (pop)9,206
guides, accessibility, forms
Phylum Detects Active Typosquatting Campaign Targeting npm Developers9,205
npm, dependencies, security
What Is Website Minimalism?9,204
minimalism, design
Ten Years of TypeScript (dan/typ)9,203
typescript
Software Engineering Practices (sim)9,202
best-practices, documentation, testing, migrating, formatting, environments, automation
Choosing the Best Node.js Docker Image9,201
nodejs, docker
Why UX? (nng)9,200
videos, user-experience
Templating in HTML (kit)9,199
html, javascript
Optimize Long Tasks (mal/dev)9,198
performance, javascript, optimization
Learn Accessibility (car/dev)9,197
courses, accessibility
How to Scale SVG (ame/css)9,196
how-tos, scaling, svg, images
Getting Started With WordPress Block Development (css)9,195
wordpress, introductions
depngn9,194
packages, npm, nodejs, dependencies
Building Delight in Your Design System (lur/zer)9,193
design-systems, user-experience
A Web Component Story9,192
web-components, design-systems
Why You Should Care About Design in Uncertain Times (uxd)9,191
design
Yes, Accessibility Is Also a Backend Concern (eri)9,190
accessibility
State of CSS 2022 (sac+/dev)9,189
surveys, css
Intersectionality, Accessibility, and Inclusion (int)9,188
videos, accessibility, dei
How to Center a Div Using CSS Grid9,187
how-tos, css, grids, centering
“:has()” Opens Up New Possibilities With CSS (kev)9,186
videos, css, selectors
CSS Selectors—Cheat Sheet for Class, Name, Child Selector List (fre)9,185
css, selectors, examples, cheat-sheets
Websites Need to Be Accessible to Be Inclusive9,184
accessibility, dei
This Site’s Type Is Now Variable (ell)9,183
typography, fonts, variable-fonts, css
Performance Budgets: The Easiest Way to a Faster Site (fox/cal)9,182
performance, performance-budgets
Let Me Understand How JavaScript Works Under the Hood9,181
javascript
How to Return Multiple Values From a Function in JavaScript (ami)9,180
how-tos, javascript, functions
How to Make Your Designs Scannable (and Why You Should) (web)9,179
how-tos, design, usability
GIFs Without the .gif: The Most Performant Image and Video Options Right Now (oll/css)9,178
performance, multimedia, images, gif, html
Getting the Power of Vim in WebStorm and Other JetBrains IDEs (jet)9,177
code-editors, jetbrains, webstorm, vi+vim
Useful JavaScript Math Functions and How to Use Them9,176
javascript, math, functions
Named Element IDs Can Be Referenced as JavaScript Globals (css)9,175
javascript, html
Learn HTML (est/dev)9,174
courses, html
Five Data-Loading Patterns to Boost Web Performance (sma)9,173
performance
Don’t Worry, Nobody Is Replacing Node, Not Even Bun and Even Less Deno9,172
nodejs, bun, deno
Dear Console… (cod)9,171
console, javascript
Closing a 30 Pixel Gap Between Native and Web (pat/mic)9,170
web-apps, browsers, web, native
A Deep Dive Into WCAG 2.2—and Beyond (yat)9,169
podcasts, accessibility, wcag, deep-dives
7 Things to Consider When Working On a Personal Project9,168
career, learning
The New Wave of JavaScript Web Frameworks9,167
javascript, frameworks, react, vuejs, svelte, solidjs
Sustainability (htt)9,166
web-almanac, studies, research, metrics, sustainability
SEO (htt)9,165
web-almanac, studies, research, metrics, seo
Security (htt)9,164
web-almanac, studies, research, metrics, security
Page Weight (htt)9,163
web-almanac, studies, research, metrics, performance
Media (htt)9,162
web-almanac, studies, research, metrics, multimedia, images
Markup (j9t/htt)9,161
web-almanac, studies, research, metrics, html
JavaScript (mal/htt)9,160
web-almanac, studies, research, metrics, javascript
Interoperability (bka/htt)9,159
web-almanac, studies, research, metrics, interoperability
I Am Not That Excited About New CSS Features (cit)9,158
css
HTTP (htt)9,157
web-almanac, studies, research, metrics, http, protocols
How to Get All Sibling Elements of a Link or Button With Vanilla JavaScript (cfe)9,156
how-tos, links, buttons, javascript
How to Create Wavy Shapes and Patterns in CSS (css/css)9,155
how-tos, css, effects
Fonts (htt)9,154
web-almanac, studies, research, metrics, fonts
CSS (rac/htt)9,153
web-almanac, studies, research, metrics, css
CMS (htt)9,152
web-almanac, studies, research, metrics, content-management
Accessibility (htt)9,151
web-almanac, studies, research, metrics, accessibility
6+5 Ways to Make a Two-Column Layout: From Pretty Reasonable to Completely Wrong (pep)9,150
layout, css
100 Days of More or Less Modern CSS (mat)9,149
css
K-Means Clustering Visualization Using D3.js9,148
visualization, javascript
Two Things I Learned by Validating My HTML Again9,147
html, conformance, lessons
Streamable HTML Fragments (dev)9,146
html, streaming
Continue Using .env Files as Usual9,145
environments, security
Audience-Based Website Navigation (nng)9,144
videos, usability, navigation
Writing Composable SQL Using JavaScript9,143
javascript, databases, sql
Randomness in CSS9,142
css, randomness
Use Cases for CSS Comparison Functions (sha)9,141
css, functions
Top Task Analysis: Make It Fast and Efficient (boa)9,140
processes
Things I Wish I Had Known About Angular When I Started (sma)9,139
angular
The Indisputable Truth About Accessibility9,138
videos, accessibility
Testing Web Design Color Contrast (arg/dev)9,137
testing, colors, contrast
Speedy CSS Tip! Animated Loader (jhe/dev)9,136
css, tips-and-tricks
Quick Reminder: HTML5 “required” and “pattern” Are Not a Security Feature (cod)9,135
html, forms, security
Blind People Need to Be Considered More When Making Data Visualizations9,134
accessibility, information-design
Attitudes to Digital Accessibility Survey 20229,133
surveys, accessibility, dei
A Designer’s Guide to Documenting Accessibility (ste)9,132
videos, design, accessibility, documentation
Will Serving Real HTML Content Make a Website Faster? Let’s Experiment!9,131
studies, research, html, performance
Rest vs. Spread Syntax in JavaScript (ami)9,130
javascript, comparisons
Inspect and Modify CSS Animation Effects (pat+/mic)9,129
browsers, microsoft, edge, dev-tools, css, animations, debugging
Element Timing: One True Metric to Rule Them All? (spe)9,128
performance, time, apis, metrics
Designing Better Inline Validation UX (vit/sma)9,127
forms, validation, user-experience
Creative Section Breaks Using CSS “clip-path” (zor/css)9,126
videos, css, masking, clipping
5 Ways That UX Developers Influence SEO (web)9,125
user-experience, seo
The Web Is Good Now (chr/cas)9,124
videos, web
Why Designers Quit (uxd)9,123
design, career
Type-Level TypeScript9,122
websites, typescript
Shell Scripting With Node.js (rau)9,121
books, nodejs, shell
React I Love You, but You’re Bringing Me Down9,120
react
Prototyping to Learn (dav)9,119
prototyping, learning
Making Your Web Pages Printer-Friendly With CSS (cra)9,118
css, print
It’s Good to Make Mistakes (tem)9,117
accessibility, design, mistakes
How to Generate Random Numbers in JavaScript With “Math.random()”9,116
how-tos, javascript, math, randomness
CSS Rules vs. CSS Rulesets (lou)9,115
css, comparisons
Container Queries Are Going to Change How We Make Layouts (kev)9,114
videos, css, container-queries, layout
Clarifying Color Contrast and Font Size Guidelines (mar)9,113
accessibility, colors, contrast, readability
Accessibility Is Systemic (ada)9,112
accessibility
A “details” Element as a Burger Menu Is Not Accessible (ger/clo)9,111
html, disclosure-widgets, semantics, accessibility
5 Tips for Prioritizing Dependabot Alerts (git)9,110
dependabot, alerting, tips-and-tricks
Rethinking a Design System9,109
design-systems
Design 4.0: Leading Design in the New Industry (uxd)9,108
design
Web Sustainability and the Ethical Dilemma (mic)9,107
sustainability, ethics, web
Stop Using .env Files Now9,106
environments, security
How to Get the Current Timestamp in JavaScript9,105
how-tos, javascript
How Rapid Usability Testing Is Changing UX Research (uxm)9,104
usability, user-experience, research, testing
CSS Drawings (alv)9,103
css, art
Building a Retro Draggable Web Component With Lit (and/sma)9,102
web-components, javascript
5 Ways to Use Data Visualization in Your Content to Increase Traffic (uxm)9,101
visualization, content, traffic, optimization
Accidental Dismissal of Overlays: A Common Mobile Usability Problem (nng)9,100
usability, mobile, overlays
Debunking Myths About HTTPS9,099
http, security, myths
The Git Commands I Use Every Day9,098
git, command-line
When Design Systems Lie (css)9,097
videos, design-systems
How to (Not) Make a Button9,096
how-tos, accessibility, buttons, semantics, html
Brief Note on Super- and Subscript Text (aar)9,095
html, accessibility, support, assistive-tech
Accessibility Is for Every One9,094
accessibility
The Rise of the TikTok Pattern (uxd)9,093
design, social-media
Why Are Vanity Metrics Still Problematic? (uxd)9,092
metrics
Why the Number Input Is the Worst Input9,091
html, forms, validation, accessibility
Total Blocking Time: A Short and Sweet Guide for Happier Users (ben/cal)9,090
performance, javascript
Let’s Get Logical (ada)9,089
css, logical-properties
Invalid CSS (cit)9,088
css, conformance
I Never Thought This Would Be Possible With CSS (kev)9,087
videos, css, selectors
How to Substantially Slow Down Your Node.js Server9,086
how-tos, performance, nodejs
Five Things You Can Do to Be More Inclusive (dbo)9,085
dei, accessibility
Designing for People With Cognitive Disabilities and Everyone Else9,084
videos, accessibility, design
Design Tokens 1019,083
design-tokens
Buttons and the Baader–Meinhof Phenomenon (mat)9,082
buttons, accessibility
Accessibility in Times of Headless (sma)9,081
accessibility, content-management, headless
7 Must Know JavaScript Tips and Tricks9,080
javascript, tips-and-tricks
When Is It OK to Disable Text Selection? (css)9,079
css, usability, accessibility
W3C TAG Ethical Web Principles9,078
ethics, principles, w3c
The State of Digital Accessibility: Three Key Challenges (moz)9,077
accessibility, legal, web
Secure Your Node.js App With JSON Web Tokens (app)9,076
nodejs, json-web-tokens, security
Quick Tip: Embedding YouTube Videos in GitHub Pages (cod)9,075
embed-code, youtube, social-media, github-pages, tips-and-tricks
On Better Browsers: Arbitrary Media Queries and Browser UIs (kil)9,074
css, media-queries, accessibility
JavaScript APIs You Don’t Know About (mon/sma)9,073
javascript, apis
Container Queries in Browsers! (mia)9,072
css, container-queries, support
A Guide to Rounding Numbers in JavaScript9,071
guides, javascript
3 Problems Scrum Doesn’t Solve9,070
agile, scrum, processes
Wtf Is an Island and Why Is It in My Website?9,069
frameworks, html, architecture, concepts
What Is Data Engineering? (ger)9,068
concepts, data-engineering
The Power of CSS Blend Modes (spa/clo)9,067
css, blend-modes
The Basics of Remix (css)9,066
fundamentals, frameworks, remix
PureComponents vs. Functional Components With Hooks (ade)9,065
react, components, hooks, comparisons
Node.js Native Binary Compilation Using Vercel pkg9,064
nodejs, compiling, vercel
Making Sense of WAI–ARIA: A Comprehensive Guide (sma)9,063
guides, accessibility, aria, html
Intrinsic CSS With Container Queries and Units (mia)9,062
videos, intrinsic-design, css, container-queries, units
First Batch of Color Fonts Arrives on Google Fonts9,061
google, fonts, typography, colors
Disability Is Not a Dirty Word9,060
accessibility, communication
Detecting CSS Selector Support (mic)9,059
css, selectors, support, feature-detection
Conditionally Spreading Objects in JavaScript (ami)9,058
javascript, objects
Better Accessible Names (hdv)9,057
accessibility, naming
Best Practices for Creating a Modern npm Package9,056
best-practices, npm
My Five Biggest Design System Mistakes9,055
design-systems, mistakes
Which Fonts to Use for Your Charts and Tables9,054
fonts, information-design, tables
When Life Gives You Lemons, Write Better Error Messages9,053
user-experience, writing
The Seventh Way to Call a JavaScript Function Without Parentheses9,052
javascript, functions
The “details” and “summary” Elements, Again (sco)9,051
html, disclosure-widgets, accessibility
Nuclear Footnotes (mey)9,050
html, css
Ladybird: A New Cross-Platform Browser Project9,049
ladybird, browsers
Justin Yarbrough Talks About Alt Text9,048
podcasts, accessibility, writing, alt-text, images
2022: 0 of the Global Top 100 Websites Use Valid HTML (j9t)9,047
html, css, conformance, metrics, quality, craft
Antipersonas: What, How, Who, and Why? (nng)9,046
usability, personas
Your Next.js Bundle Will Thank You9,045
nextjs, bundling, performance
Mastering These 7 Basics CSS Skills Will Make You a Frontend Wizard9,044
fundamentals, css
Mastering DOM Manipulation With Vanilla JavaScript9,043
javascript, dom
How to Run Qodana CI in Backend and Frontend Sub-Folders of a Monorepo9,042
how-tos, jetbrains, qodana, ci-cd, monorepos, github-actions
Make It Short—Make It Better9,041
javascript, minimalism
Converting PNG Images to WebP Using PHP (ami)9,040
conversion, images, png, webp, php
Node Version Manager—nvm Install Guide (fre)9,039
guides, installing, nvm
Keeping Your CSS Small: Scopes, Containers, and Other New Stuff (tab/css)9,038
videos, css, scope, complexity
How to Monitor a Next.js Application9,037
how-tos, nextjs, monitoring
How I Made a Pure CSS Puzzle Game (css/css)9,036
css
CSS “line-height” (mar)9,035
css, typography
Button Minimum Width (sha)9,034
css, buttons
A Guide to Choosing the Right React State Management Solution (log)9,033
guides, react, state-management
Towards a Factory Model of Designing User Interfaces—Slotted Systems in Figma (uxd)9,032
design, design-systems, figma
What’s New With Forms in 2022? (oll/css)9,031
forms, javascript, html
Text Is the Universal Interface9,030
apis
Me and React: 5 Years in 15 Minutes9,029
react
Lightning CSS (dev)9,028
websites, css, lightning-css
Fresh 1.1—Automatic JSX, Plugins, DevTools, and More (lca/den)9,027
release-notes, fresh
A Quick Primer on Testing JavaScript (cfe)9,026
introductions, javascript, testing
12 Modern UI Components to Inspire Your Future Designs9,025
design, components
Dependabot Unlocks Transitive Dependencies for npm Projects (git)9,024
dependencies, npm, security, dependabot
WCAG 2.2 Hits Candidate Recommendation—but What Does It Mean? (int)9,023
wcag, standards
Rewriting Tests From Cypress to Playwright Using GPT39,022
testing, cypress, playwright, ai, code-completion, refactoring
How Your Favourite UI Libraries Manage Their Icons (and)9,021
libraries, images, icons, maintenance
Detect When Users Switch Tabs Using JavaScript9,020
javascript
Building the Main Navigation for a Website (mat/dev)9,019
navigation, html, css
Are Modals in Web Design a UX Disaster? (web)9,018
design, user-experience, accessibility, modals
An Overview of Node.js: Architecture, APIs, Event Loop, Concurrency (rau)9,017
overviews, nodejs, architecture, apis, event-loop, events, concurrency
How to Build Event-Driven Architecture on AWS? (has)9,016
how-tos, architecture, events, aws
W3C Accessibility Maturity Model (w3c)9,015
accessibility, processes, culture, leadership
The Stubborn Computing Manifesto9,014
manifestos
The Realities and Myths of Contrast and Color (sma)9,013
accessibility, contrast, colors, myths
So Your Designer Wants Stuff to Overlap (hui)9,012
design, css
Rewrite Your Git History in 4 Friendly Commands (whi)9,011
git, command-line
Introducing Signals9,010
introductions, preact, state-management, signals
How to Improve Largest Contentful Paint for Faster Load Times (fox/cal)9,009
how-tos, performance, web-vitals, optimization
Hacking CSS Animation State and Playback Time (css)9,008
css, animations
Critical CSS? Not So Fast! (css)9,007
css, performance
An Attempt at Outlining the Many Factors Influencing Developer Experience (j9t)9,006
developer-experience, overviews
A Whole Cascade of Layers (mia)9,005
css, cascade
The Art of Writing Secrets: Encryption for JavaScript Developers (wom)9,004
cryptography, javascript, encryption
Understanding Regulatory Compliance and Making It Work on Your Web Site (uxm)9,003
compliance, legal
Top 5 Technology Trends in UX Design (uxm)9,002
user-experience, design, trends
HTML Markup Tips for Developing Accessible Websites (low/the)9,001
html, accessibility, aria
Getting Started With MathML (mdn)9,000
introductions, mathml
Dreamy Blur8,999
css, svg, effects
A/B Testing in 7 Steps to Quickly Improve Your Conversions (uxm)8,998
testing, user-conversion, optimization
5 Reasons to Invest in User Experience (uxm)8,997
user-experience
Prestige Is the Designer’s Achilles’ Heel (uxd)8,996
design
A Beginner’s Guide to Design Tokens (uxd)8,995
guides, design-tokens
Infinite Scrolling: When to Use It, When to Avoid It (nng)8,994
usability, user-experience, scrolling
A Content Warning Component (kit)8,993
components, html, css
Git Cheatsheet8,992
git, command-line, cheat-sheets
Disabled JavaScript Turns Off Native Lazy Loading (ste)8,991
javascript, html, performance, lazy-loading
Dear Oracle, Please Release the JavaScript Trademark (tin)8,990
javascript, licensing, legal, oracle
What Is a Webmention and How Do I Use It in WordPress?8,989
webmentions, wordpress
The Accessibility and Usability Journey of Drupal’s Primary Navigation (sma)8,988
drupal, accessibility, usability
Is It “:modal”? (jhe/dev)8,987
css, selectors, modals
Focus Appearance Explained (tem)8,986
accessibility, wcag, forms, focus
Big O Notation Basics Made Dead Simple8,985
fundamentals, algorithms
Is Design Thinking Overhyped? (uxd)8,984
design
Useful JavaScript Data Grid Libraries (sma)8,983
javascript, libraries, grids, information-design, comparisons
How Is This Possible With CSS Only?! (kev)8,982
videos, css, custom-properties, selectors, animations
How I Maintain OSS Projects8,981
foss, maintenance
Don’t Overwrite Visual Labels With “aria-label” (ash)8,980
accessibility, html, aria, labels
DevTools Tips: How to Inspect and Debug CSS Flexbox (dev)8,979
how-tos, dev-tools, css, flexbox, tips-and-tricks, browsers, google, chrome
Default Exports in JavaScript Modules Are Terrible8,978
javascript
Comparing JAWS, NVDA, and VoiceOver (css)8,977
accessibility, screen-readers, comparisons, jaws, nvda, apple, voiceover
Beginner’s Guide to Lists and How to Make Them Accessible (pop)8,976
guides, html, lists, accessibility
Accessible Lists and Tables (pop)8,975
accessibility, html, lists, tables
“Accessibility at the Edge” W3C CG Is an Overlay Smoke Screen (aar)8,974
accessibility, overlays, w3c, history
Small Steps: Celebrating Four Accessibility Wins (red)8,973
accessibility, communication
Neutrality Isn’t an Option When It Comes to Accessibility (kar)8,972
accessibility
4 Ways to Minimize Your Dependencies in Node.js (app)8,971
nodejs, npm, dependencies
JavaScript Bugs Aplenty in Node.js Ecosystem—Found Automatically8,970
studies, research, nodejs, javascript, dependencies, security, quality
Understanding “useMemo” and “useCallback” (jos)8,969
react, hooks
Things Not Available When Someone Blocks All Cookies (tom)8,968
cookies
Interpolating Numeric CSS Variables (geo/css)8,967
css, custom-properties
Cypress Testing: A Guide to Running Web Application Tests8,966
guides, testing, cypress
CSS Container Queries Are Finally Here (sha)8,965
css, container-queries
An Argument Against CSS Opacity (tpg)8,964
css, accessibility, colors, contrast
What Makes A Great Toggle Button? II (sma)8,963
forms, toggles, usability
Should I Use a Button or a Link? (ash)8,962
html, buttons, links, semantics
Parents Counting Children in CSS (mat)8,961
css, selectors
Monitor Events and Function Calls via Console (dav)8,960
javascript, events, monitoring
Communication Around Digital Accessibility Must Improve: How Users and Businesses Alike Are Failing to Advance Digital Accessibility8,959
accessibility, communication
The Three Laws of Utility Classes (jar)8,958
css, presentational-html
An Ideal REST API—Best Practices8,957
apis, rest, best-practices
On Design System Support8,956
design-systems
What Is Closed Captioning?8,955
accessibility, multimedia, captions
Using Grid Named Areas to Visualize (and Reference) Your Layout (css)8,954
css, grids, layout, visualization
Modern Alternatives to BEM (dav)8,953
css, sorting, naming, bem, comparisons
Making a Twitter Bot in the Year 2022 With Node.js8,952
nodejs, twitter+x
Be Good-Argument-Driven, Not Data-Driven8,951
metrics, processes
Why Your Website Should Be Under 14 kB in Size8,950
performance, protocols
Short Note on “figure” and “figcaption” (ste)8,949
accessibility, html
Installing and Running Node.js Bin Scripts (rau)8,948
installing, nodejs, npm
Implementing Promisable “setTimeout”8,947
javascript, time
Designing Better Error Messages UX (vit/sma)8,946
user-experience, usability, design, errors
CSS Classes Considered Harmful8,945
css, html
Complex Conditional Width Using “flex-basis” With “clamp” (hey)8,944
css, flexbox
20 Principles I Learned From 10 Years of Developing Software8,943
principles
The Design Principle Paradox (uxd)8,942
design, principles
Why Every University Needs an Accessible Standard Website Template8,941
accessibility, content-management, frameworks
What Is a REST API? (cra)8,940
apis, rest, javascript
What Customer-First Web Design Looks Like (web)8,939
design, business-relations
Tracking the World in About 80 Lines of JavaScript (kzi)8,938
javascript, privacy
TIL: You Can Access a User’s Camera With Just HTML (aus)8,937
html, permissions
Measure What You Impact, Not What You Influence (css)8,936
performance, metrics, optimization
Creative List Styling (mic/dev)8,935
html, lists, css
Accessibility and Supporting Internet Explorer (gra/tet)8,934
accessibility, browsers, microsoft, internet-explorer, support
5 Quick Ways to Check Your Site Against New WCAG 2.2 Standards8,933
accessibility, wcag, compliance
8 Tricks for SVG Optimization (uxd)8,932
images, svg, tips-and-tricks, optimization
What’s the Value of a Design System? (ben+/sma)8,931
podcasts, interviews, design-systems
Scaling SCM Front-End Design With a Design System8,930
design-systems, scalability
How to Use localStorage in JavaScript: An Easy Guide8,929
how-tos, javascript, browser-storage, guides
Exploring the Underrated “output” Element8,928
html
Does Accessibility Stifle the Creative Process?8,927
accessibility, processes, creativity
A Handy Use for Cascade Layers (mic)8,926
css, cascade
Design Systems: Prototyping on Steroids (uxd)8,925
design-systems, prototyping
Why User Personas Matter in UX Design (uxm)8,924
user-experience, usability, design, personas
What Makes a Great Toggle Button? (sma)8,923
forms, toggles, usability
Prepare for WCAG 2.2 and Beyond8,922
videos, wcag, accessibility, standards
Meet the Top Layer: A Solution to “z-index: 10000” (jhe/dev)8,921
css, positioning
Mac VoiceOver Testing the Simple Way (spa/clo)8,920
accessibility, testing, screen-readers, apple, voiceover
Learn 5 Optimization Tips for Webpack Step by Step8,919
webpack, optimization, tips-and-tricks
CSS Grid and Custom Shapes II (css/css)8,918
css, grids, design
Conducting an Effective Web-Site UX Audit (uxm)8,917
user-experience, auditing
Class-Less CSS Frameworks8,916
css, frameworks, minimalism, resets
Bring Focus to the First Form Field With an Error (aar)8,915
accessibility, forms, focus
Advanced TypeScript Patterns: API Contracts8,914
typescript, apis
Screenshots Are Not Documentation8,913
documentation, screenshots, images
A Guide to Using User-Experience Research Methods (nng)8,912
guides, user-experience, research
You’re Not Using HTTP Status Codes Right8,911
http, protocols
A Simple “clamp()” Function in PHP (ami)8,910
php, functions
Marko.js—Super-Powerful JS Framework Made by eBay (gea)8,909
marko, frameworks
Scaling a System8,908
design-systems, scalability
React Query vs. SWR8,907
videos, react, data-fetching, comparisons
Re-Implementing JavaScript’s “==” in JavaScript (eva)8,906
javascript, operators
When Do You Use CSS Columns? (geo/css)8,905
css, layout
Using “:has()” as a CSS Parent Selector and Much More (jen/web)8,904
css, selectors
Use the Right Container Query Syntax (mia/odd)8,903
css, container-queries
Optimize Data Fetching8,902
data-fetching, performance
Inclusion Beats Optimization (eri)8,901
accessibility, dei, optimization
An Introduction to Context Propagation in JavaScript (sma)8,900
introductions, javascript
Dependency Injection in JS/TS (cod)8,899
javascript, typescript
React Re-Renders Guide: Preventing Unnecessary Re-Renders (ade)8,898
guides, react, client-side-rendering
Outline Is Your Friend (mat)8,897
css, accessibility
How the CSS “:is”, “:where”, and “:has” Pseudo-Class Selectors Work (cra)8,896
css, selectors
Can Browsers Optimize the Loading of Third-Party Resources? (add/dev)8,895
performance, browsers, embed-code
Better Conditionals in CSS Media Queries With Range Syntax (ami)8,894
css, media-queries, conditionals
Why React Re-Renders (jos)8,893
react, client-side-rendering
Introduction to Screen Readers (Desktop Edition) (bru)8,892
videos, introductions, accessibility, screen-readers, desktop
Designing a Better Back Button UX (vit/sma)8,891
user-experience, usability, buttons
Color and Contrast8,890
websites, guides, colors, contrast
Check Heading Accessibility Using the WAVE Tool (pop)8,889
videos, accessibility, headings, assistive-tech, tooling, testing
Building Accessible Select Components in React8,888
components, react, forms, accessibility
What Are Design Tokens?8,887
design-tokens
Top 9 Ways to Become a Successful Self-Taught Developer8,886
career, learning
Table Column Alignment With Variable Transforms (mey)8,885
html, css, tables, transforms, alignment
CSS Grid and Custom Shapes (css/css)8,884
css, grids, design
Accessible User Experience and A/B Testing8,883
accessibility, user-experience, testing, optimization
What Was That Media Query Code Again?8,882
websites, css, media-queries
Tip: Use “fetchpriority=high” to Load Your LCP Hero Image Sooner (add)8,881
html, performance, web-vitals
5 Modern CLI Tools That Help Boost Your Productivity8,880
tooling, productivity
If You’re Not Checking, You’re Guessing (nng)8,879
videos, user-experience
Websites: Past and Present8,878
web, design, history
The Console API8,877
javascript, console, apis
(Re-)Introducing Gatsby, a Reactive Site Generator8,876
gatsby, react, performance, reactivity, site-generators, introductions
On Ratings and Meters (lea)8,875
semantics, html, css
Custom Event Naming Conventions (cfe)8,874
javascript, events, naming
Creative CSS Layout (mic/css)8,873
videos, css, creativity, layout
Automation and Accessibility—What You Need to Know8,872
videos, accessibility, automation
An Introduction to Constraint Based Design Systems8,871
introductions, design-systems
TypeScript vs. JavaScript: Which One You Should Use, and Why8,870
typescript, javascript, comparisons
TypeScript: It’s Not Actually Validating Your Types8,869
typescript, validation
Results of Quick Testing of Documentation Tools’ Accessibility8,868
accessibility, documentation, tooling
Modern CSS Selectors (cra)8,867
css, selectors
How and Why We Removed jQuery From GOV.UK8,866
jquery, performance, maintainability
Do You Know About “overflow: clip”? (kil)8,865
css, overflow
Here, Here, and Here (tem)8,864
usability
Designing for Long-Form Articles (css)8,863
design, content
The Death of Mozilla Is the Death of the Open Web8,862
open-web, mozilla
Stream Videos With WebRTC API and React (cod)8,861
webrtc, apis, react, multimedia
SEO Links Obfuscation and Accessibility Problems8,860
seo, links, obfuscation, accessibility
How to Research Components and Patterns: Common Challenges and How to Overcome Them8,859
how-tos, design-systems, components
Defining “Integration” Tests8,858
testing
Core Web Vitals Tools to Boost Your Web Performance Scores (sma)8,857
performance, web-vitals, tooling
Code Golfing Tips and Tricks: How to Minify Your JavaScript Code8,856
how-tos, javascript, minification, tips-and-tricks
Brief Note on Calendar Tables (aar)8,855
accessibility, tables, assistive-tech
Accessibility Is Writing8,854
accessibility, writing
Dark Mode With Design Tokens (luk/uxd)8,853
design-tokens, dark-mode
Zooming Images in a Grid Layout (css/css)8,852
css, grids, effects
The JavaScript Paradox (rya/thi)8,851
javascript
No Demo [Website] Reno (mia)8,850
design, processes
Capturing Images and Videos From the Camera of Mobile Devices Using HTML (ami)8,849
html, multimedia, mobile
Bringing Perspective to CSS8,848
css
5 Good Practices to Scale Your React Projects Easily8,847
react, scalability, best-practices
The Infinite Marquee8,846
html, css, animations, effects
Polyhierarchy in Information Architecture (nng)8,845
videos, information-architecture
How to Use Multithreading in Node.js8,844
how-tos, nodejs, multithreading
How I Added Scroll Snapping to My Twitter Timeline (sim/css)8,843
css, scrolling, twitter+x
What Are Best Practices for Creating Alt Text?8,842
accessibility, writing, alt-text, images, best-practices
One-Dimensional Website Optimization Considered Harmful (j9t)8,841
optimization, quality
Not All Zeros Are Equal (mia/odd)8,840
css
Light/Dark Mode8,839
css, javascript, dark-mode
AI-Generated Images From AI-Generated Alt Text (aar)8,838
accessibility, images, writing, alt-text, ai
5 Heading Accessibility Issues and How to Fix Them (pop)8,837
accessibility, headings, microcontent
One Year of Coding—Recommendations for Beginners From a Beginner8,836
learning, semantics, accessibility
Migration From jQuery to Next.js: A Guide (sma)8,835
guides, migrating, jquery, nextjs
Introducing the New npm Dependency Selector Syntax (git)8,834
npm, introductions
“:has()”: The Family Selector (jhe/dev)8,833
css, selectors
Upload An Image With Node.js (rik)8,832
nodejs, images, file-handling
Popular Node.js Patterns and Tools to Re-Consider8,831
nodejs, tooling
Making a Website Under 1 kB8,830
performance, minimalism, html
Introduction to SolidJS8,829
introductions, solidjs
Finer Grained Control Over CSS Transforms With Individual Transform Properties (bra+/dev)8,828
css, transforms
A Delightful Guide to Culture at Mamo (Inspired by Khalil Gibran)8,827
case-studies, guides, culture
Why I Still Love PHP and JavaScript After 20+ Years (mnl)8,826
php, javascript, retrospectives
Ruby Styling (ri/web)8,825
html, ruby-markup, css
IE: RIP or BRB? (bru)8,824
videos, browsers, microsoft, internet-explorer, history
Fluid Sizing Instead of Multiple Media Queries? (sma)8,823
css, media-queries
Exploring CSS Grid’s Implicit Grid and Auto-Placement Powers (css/css)8,822
css, grids, layout
CSS Border Animations (bra/dev)8,821
css, borders, animations
Fitts’s Law and Its Applications in UX (nng)8,820
user-experience, interaction-design
The Importance of Clean Code in Your Startup’s Success8,819
quality
An Introduction to Webmention8,818
introductions, webmentions
How to Add a Subtle Gradient on Top of an Image Using CSS8,817
how-tos, css, gradients
Firefox (and Other Browsers), Forgotten? (col)8,816
browsers, mozilla, firefox, testing
Checking if a JavaScript Native Function Is Monkey Patched8,815
javascript, functions
Which Generator Builds Markdown the Fastest? (zac)8,814
site-generators, markdown, performance, comparisons
Use the Active Voice to Transform Your Design System Documentation (amy)8,813
design-systems, documentation, writing
The Horizontal Overflow Problem (hui)8,812
css, overflow

(Where are the remaining 8,811 entries? These are also available, but not to make this list of pages endless, from here on you need to explore the topic pages. For example, you can go by year—like 2022—or decade—as with the 1990s—to explore content from every available time.)