Tech is political: The people under attack in Palestine 🇵🇸, Iran 🇮🇷, and Lebanon 🇱🇧 are people like us. They’re our brothers and sisters, too. Read up on their history, scrutinize what you’re told, and demand that they be respected and included. Hide

Frontend Dogma

“2024” News Archive (3)

Entry (Sources) and Additional TopicsDate#
State of HTML 2024 (sac/dev)2,254
surveys, html
The Folly of Chasing Demographics (hey/inc)2,253
videos, accessibility, dei
Understanding the “Why” Around Neurodivergent Inclusive Web Design (owe/inc)2,252
videos, accessibility, dei
Using Controllers for Keyboard Accessibility (nik/a11)2,251
videos, accessibility, keyboard-navigation
When Should You Actually Worry About Tech Debt? (tre)2,250
technical-debt
Reasons I Still Love the Fish Shell (b0r)2,249
shells, developer-experience
The Redmonk Programming Language Rankings: June 20242,248
programming, comparisons, javascript, python, java, php, typescript, css, ruby, go, shells, rust, dart
Request for Developer Feedback: Customizable Select (una)2,247
html, forms
Five Ways to Lazy Load Images for Better Website Performance2,246
performance, lazy-loading, tooling
2024: 0.5% of the Global Top 200 Websites Use Valid HTML (j9t)2,245
html, conformance, metrics, quality, craft
Express.js 5.0 Released After Long Delay, Though Not Yet Default as Project Appeals for Contributors2,244
express
Google Is Killing Information Economics on the Internet (tre)2,243
google, ai, economics
How to Find the Accessible Name of a Button With Google Chrome (eri)2,242
how-tos, accessibility, buttons, chrome, google, browsers, dev-tools
React 19 Cheat Sheet (ken)2,241
cheat-sheets, react
Something Went Wrong (mol)2,240
javascript, frameworks, community, developer-experience, user-experience
Split Effects With No Content Duplication (ana/fro)2,239
css, effects, maintainability
Standalone Components Are the Future2,238
videos, angular, components
Verso Taking Shape as a Servo-Powered Web Browser2,237
browsers, verso, servo
Why Copilot Is Making Programmers Worse at Programming2,236
ai, github-copilot, craft, quality, programming, career
Logical Properties in Size Queries (mic)2,235
css, logical-properties, container-queries
6 Techniques I Use to Create a Great User Experience for Shell Scripts2,234
shells, techniques, user-experience
Replacing Sass’ “darken()” and “lighten()” Functions With Pure CSS (sjo)2,233
css, sass, functions
Anchor Positioning Quirks (mon/css)2,232
css, anchor-positioning
Designing Design Systems: Supporting Implementation and Adoption2,231
design-systems
The Easiest Way to Start Working With OKRs (cwo)2,230
okr, processes, prioritization
The Neverending Story (gar)2,229
web-platform, standards, frameworks, libraries, tooling
Tips for Reducing Cyclomatic Complexity (tre)2,228
complexity, tips-and-tricks, best-practices, programming
Top 10 Angular Architecture Mistakes You Really Want to Avoid2,227
angular, architecture, mistakes
WCAG and Accessibility Beyond Naive Misconceptions (ope)2,226
accessibility, wcag, testing, auditing
What Price? (ada)2,225
ai, sustainability, prioritization
Features of Your Font You Had No Idea About (ole)2,224
fonts, variable-fonts, css
Stop Recreating the Wheel: Local Government Organizations Sharing Accessibility Information (tec+/equ)2,223
podcasts, interviews, accessibility, processes, vpat-acr
Chrome Ends Support for First Input Delay (rvi)2,222
browsers, google, chrome, performance, web-vitals, support
From Node.js to Deno: How It All Began (tin)2,221
videos, nodejs, deno, javascript, runtimes, history
A Web Component for CodePen Embeds? (mia)2,220
web-components, embed-code, codepen
CSS Triggers (and)2,219
websites, css, rendering
Ensuring the Staying Power of User Experience in Your Organization (uxm)2,218
user-experience, processes, culture
JavaScript Promises in Depth With V8 Engine Internals2,217
javascript, promises, v8
The Undeniable Utility of CSS “:has” (jos)2,216
css, selectors, examples
Time Travelling CSS With “:target” (css)2,215
css, selectors
What Does Hydration Mean? (chr/fro)2,214
hydration, concepts, javascript, html, dom
How to Build an AI-Driven User Research Repository2,213
how-tos, user-experience, research, ai
GitHub Trick to Find the Commit That Deleted a File2,212
git, github
More npm Packages on Cloudflare Workers: Combining Polyfills and Native Code to Support Node.js APIs (jas+)2,211
cloudflare, nodejs, npm, apis, dependencies
Create a Toggle Switch in React as a Reusable Component2,210
react, components, toggles, sass, maintainability, functionality
Building the Same App Using Various Web Frameworks2,209
fasthtml, nextjs, sveltekit, frameworks, comparisons
Frontend Dev Plus Data Structures and Algorithms: How DSA Can Power Your React App2,208
data-structures, algorithms, react
Going Buildless (mxb)2,207
building, components, html
Manual ’Till It Hurts (ada)2,206
building, simplicity
“setImmediate()” vs. “setTimeout()” in JavaScript (tre)2,205
javascript, time, comparisons
The State of ES5 on the Web (phi)2,204
ecmascript, javascript, tooling, support
Data Centers Are Eating and Drinking Our Environment (ger)2,203
infrastructure, storage, hosting, sustainability
Story of a Button2,202
buttons
Simplicity2,201
simplicity, design
Gaining Access to Anyone’s Browser Without Them Even Visiting a Website2,200
arc, the-browser-company, browsers, vulnerabilities, security
Unrealistic Deadlines in Software Engineering (tre)2,199
project-management, prioritization, quality, engineering-management
Overcoming Challenges in Micro-Scrum Implementation2,198
agile, scrum, processes
The Secrets of the “delete” Operator in JavaScript2,197
javascript, operators
A Compelling Case for the Comma Operator2,196
javascript, operators
A Complete Guide to Beginning With TypeScript (fro)2,195
guides, typescript, link-lists, learning
caniuse-cli (bra)2,194
packages, npm, support, browsers, web-platform, caniuse, command-line
Deploying a Next.js App to Production in Any Server2,193
deploying, nextjs
“display: contents” Is Not a CSS Reset (aar)2,192
css, accessibility, resets
How to Create a Weekly Google Analytics Report That Posts to Slack (sma)2,191
how-tos, google, analytics, apis, slack, documentation, functionality
How to Detect Broken Links With Playwright (ste)2,190
how-tos, link-rot, testing, playwright
I Need an Accessible Hero2,189
accessibility, design-patterns
Look Out, Kids: PHP Is the New JavaScript (dav)2,188
php, javascript, laravel, frameworks
Quick Tip: Using “flatMap()” to Extract Data From a Huge Set Without Any Loop (cod)2,187
javascript, arrays, tips-and-tricks
The Goal Isn’t to Write Less Code (cfe)2,186
embed-code, ai, craft
Understanding JavaScript Closures With Examples (tre)2,185
javascript, closures, examples
CSS Cascading and Inheritance Level 6 (fan+/w3c)2,184
standards, css, cascade
UX Design Isn’t Dead, You’re Just Confused2,183
user-experience, design, career
Design Systems Should Do Less2,182
design-systems, simplicity, components
Mobile Accessibility Testing: Enhancing User Experience for All (a11)2,181
accessibility, user-experience, testing, mobile
Bad CSS-Dad Jokes (alv)2,180
css
CSS Display Contents (sha)2,179
css, layout
Good Software Development Habits2,178
programming, best-practices
Inlay Hints Make It Easy to Read Code in VS Code (ami)2,177
code-editors, microsoft, vs-code, developer-experience
JavaScript/Python Array Quick Reference (8ho)2,176
javascript, python, arrays, overviews
Sticky Headers and Full-Height Elements: A Tricky Combination (sma)2,175
css, techniques
The Helpful Content Update Was Not What You Think (moz)2,174
seo, metrics, google
The HTML History and Optimization Cheat Sheet (j9t)2,173
html, history, optimization, cheat-sheets
The Story of Figma: Living Long Enough as a Hero to Become a Villain?2,172
figma
A Complete Guide to Beginning With JavaScript (fro)2,171
guides, javascript, link-lists, learning
A Release Note for the Web Platform (pat)2,170
web-platform, developer-experience, css, alt-text, ecmascript
Avoiding Accessibility Barriers With a Checklist for Custom Controls—Opinion2,169
accessibility, mobile
Cleaning and Speeding Up the JS Ecosystem—Journey So Far2,168
javascript, optimization
Dreaming About Drupal [and] Its Long Term Potential2,167
drupal, outlooks
Should Form Labels Be Wrapped or Separate? (sib/tpg)2,166
html, forms, labels, accessibility, browsers, assistive-tech
Tailwind CSS Config With ESM Imports (lia)2,165
tailwind, configuration, esm
What’s New in React 192,164
react, vercel
Writing Effective Pull Request Descriptions: A Developer’s Guide2,163
guides, version-control, documentation, code-reviews, collaboration
Notes on Setting Up a Static Website With AWS (Route 53, S3, ACM) (j9t)2,162
aws, s3
Present Technical Information Using a Storytelling Framework (nza)2,161
documentation, communication, writing
Another Stab at Truncated Text (geo/css)2,160
design, accessibility, usability, css
Paying Down Tech Debt (ger)2,159
technical-debt, prioritization, productivity
Quick Guide to Web Typography for Developers (ole)2,158
guides, typography, fonts, examples
Sanding UI (jim)2,157
forms, usability
Tackling a System’s Accessibility Without Testing (jbu+)2,156
accessibility, wcag, case-studies, heuristics
Thinking About Using AI? (mrc)2,155
research, ai, sustainability
Under-Engineered Estimated Reading Time Feature (aar)2,154
user-experience, scrolling
10 AI Dangers and Risks and How to Manage Them (rin)2,153
ai, security, privacy, sustainability, legal
Ugly Websites Sell Better2,152
design, processes, testing, optimization
“AggregateError” in JavaScript (tre)2,151
javascript, errors
Backgrounds for the Box Model (and Why It Can Be Useful) (chr/fro)2,150
css, box-model, backgrounds
Captured Custom Properties (kiz)2,149
css, custom-properties
How to Deploy Node.js to AWS Lambda With OpenTofu and GitHub Actions2,148
how-tos, deploying, nodejs, aws, serverless, lambda, github-actions, tooling, link-lists
HTML Whitespace Is Broken (dev)2,147
html, whitespace
What Is React.js? (hey)2,146
videos, react
Skeleton Screens vs. Progress Bars vs. Spinners (nng)2,145
videos, user-experience, performance, placeholders, progress-indicators
Scroll-Enhanced Experiences (car/css)2,144
videos, css, scrolling
CSS “@property” and the New Style (hex)2,143
css
llms.txt2,142
websites, ai, crawling, scraping, llmstxt
Be Careful When Using Generative Artificial Intelligence to Produce Code (cer)2,141
accessibility, ai, code-generation
Get Window Size in Pure CSS2,140
css, techniques
I Want the Read Write Suggest-Edit Accept-Edit Update Web (tan)2,139
web, indieweb
Lazy Loading Isn’t Just Lazy, It’s Late: The Web Deserves Faster2,138
performance, lazy-loading, web-vitals, angular, single-page-apps
Semi-Annual Reminder to Learn and Hire for Web Standards (aar)2,137
learning, fundamentals, standards, html, css
What It Is Like to Work in Meta’s (Facebook’s) Monorepo2,136
facebook+meta, monorepos
How I Created a 3.78 MB Docker Image for a JavaScript Service2,135
docker, javascript
Reducing UX Debt (or Die Trying)2,134
user-experience, design-debt
An Enhancement to Accessible Responsive Tables (tem)2,133
accessibility, tables, responsive-design, javascript
An SSR Performance Showdown (mco)2,132
server-side-rendering, performance, vuejs, svelte, solidjs, preact, react, comparisons
Automattic Launches Ambitious Tumblr Migration to WordPress2,131
automattic, wordpress, migrating
Faster Pages With React2,130
react, performance
Headings (web)2,129
html, headings, accessibility
Java Optionals (ada/fro)2,128
java
Understanding Web Storage: localStorage, sessionStorage, and Cookies2,127
browser-storage, cookies, javascript
Supporting AVIF in Google Search (joh)2,126
google, search, avif, images, support
A/B Testing 101 (nng)2,125
introductions, testing, usability, user-experience
CSS Style Observer (bra)2,124
packages, npm, css
Drupal 11: New Features to Empower Ambitious Site Builders2,123
drupal
Harnessing Copilot and Other Gen-AI Tools to Increase Digital Accessibility Efficiency2,122
videos, ai, microsoft, tooling, accessibility, images, alt-text
Hidden Cost of Frontend Frameworks2,121
frameworks, dependencies, simplicity
HTTP 1 vs. HTTP 2 vs. HTTP 32,120
videos, protocols, http, history, comparisons
OpenAI Is Shockingly Good at Unminifying Code2,119
ai, openai, javascript, minification
Paragraphs (sco)2,118
html, accessibility
Python Developers Survey 2023 Results (jet)2,117
surveys, python
Querying the Color Scheme (kiz)2,116
css, container-queries, custom-properties, dark-mode
What the Heck Is ARIA? A Beginner’s Guide to ARIA for Accessibility (a11)2,115
videos, guides, aria, html, accessibility
When Regex Goes Wrong (tre)2,114
regex
Why I Don’t Block AI Scrapers (j9t)2,113
ai, scraping, robotstxt
Why Playwright Is Less Flaky Than Selenium (sea)2,112
testing, flakiness, playwright, selenium, comparisons
Stuck in the Steps?2,111
design, processes
Boost Your Productivity: Essential IntelliJ Tips for Developers2,110
intellij-idea, jetbrains, code-editors, productivity, tips-and-tricks
New to the Web Platform in August (rac)2,109
release-notes, web-platform, browsers, google, chrome, mozilla, firefox
Caching Demystified: Inspect, Clear, and Disable Caches (jec)2,108
videos, caching, debugging, dev-tools, chrome, google, browsers
How to Handle Errors in Next.js for Node With the App Router (app)2,107
how-tos, errors, nextjs, nodejs
IndieWeb vs. Indie Web (fyr)2,106
web, indieweb, terminology, comparisons
Multithreading in Node.js: Using Atomics for Safe Shared Memory Operations (pav)2,105
nodejs, multithreading, memory
Release Notes for Safari Technology Preview 202 (jon/web)2,104
release-notes, browsers, apple, safari
The “aside” Element (hey)2,103
html, semantics, accessibility
The Dialog Element With Entry and Exit Animations (chr/fro)2,102
modals, css, animations
The Secret Inside One Million Checkboxes2,101
html, databases, community
The Ultimate Guide to Font Performance Optimization (deb)2,100
guides, fonts, performance, optimization
JavaScript Generators Explained, but on a Senior-Level (jan)2,099
javascript, functions
Building Better Logins: A UX and Accessibility Guide for Developers2,098
guides, user-experience, accessibility
Anchor Positioning (tab/css)2,097
videos, css, anchor-positioning
Redirecting Parameters in Apache2,096
apache, servers, redirecting, urls
Chris Ferdinandi on ADHD, Focus, and Working in Tech (cfe+)2,095
podcasts, interviews, career
What’s Missing From HTML and CSS? (rac)2,094
html, css
Advanced Playwright Techniques for Flawless Testing (deb)2,093
videos, testing, playwright, techniques
How to Use React Compiler—a Complete Guide (fre)2,092
how-tos, guides, react, compiling
Interface Segregation Principle in React2,091
principles, solid, react
Make Me One (Input) With Everything (mor/mat)2,090
html, forms, accessibility, simplicity
Shipping Tumblr and WordPress2,089
migrating, wordpress
Are Design Systems Just a Bandaid?2,088
design, design-systems, product-management
A Comprehensive Guide to Understanding TypeScript Record Type2,087
guides, typescript
Generating Unique Random Numbers in JavaScript Using Sets (sma)2,086
javascript, randomness
Has the IndieWeb Become Irrelevant? (sta)2,085
indieweb, web, fediverse
How to Easily Add Dark Mode to Your Website2,084
how-tos, dark-mode, html, css, javascript, functionality
How to Fix ESLint Violations With AI Assistance2,083
how-tos, eslint, ai, automation
Ladybird Browser: First Impressions and Easy Installation Guide2,082
guides, browsers, ladybird, installing
What Skills Should You Focus on as Junior Web Developer in 2024? (fro)2,081
career, fundamentals, html, css, javascript, frameworks, tooling, learning, link-lists
Is Server-Side Rendering Making a Comeback in 2024? (ele/des)2,080
server-side-rendering
Set Up a $4/Month Hetzner VM to Skip the Serverless Tax2,079
servers, serverless, hosting
Managing Angular (mge)2,078
angular, product-management, processes
What RSS Needs (mno)2,077
syndication, rss, atom, community
DevOps Project—the Ultimate CI/CD Corporate DevOps Pipeline Project2,076
dev-ops, ci-cd, aws, docker, jenkins
WCAG’s A and AA Distinction Is Mostly Academic (yat)2,075
accessibility, wcag, standards
Why Is Reaching WCAG Level AAA Not Recommended? (cer)2,074
accessibility, wcag, standards
Behind the Scenes: The Making of VS Code (bur+/vsc)2,073
videos, code-editors, microsoft, vs-code, history
Top Ten Git Tips and Tricks (hon)2,072
git, tips-and-tricks, command-line
Understanding Vue’s Suspense (tre)2,071
vuejs
Wolvic 1.7 Released (wol)2,070
release-notes, wolvic, igalia, browsers
Content Strategy: Study Guide (nng)2,069
guides, content, content-strategy, training, link-lists
Explicitly State the Difference Between Options (nng)2,068
usability, information-design
Mutation-Testing Our JavaScript SDKs (get)2,067
javascript, testing, case-studies
Is Using “aria-label” to Add Alternative Text but No “alt” Attribute Still a WCAG Fail?2,066
discussions, accessibility, html, attributes, forms, labels, aria, alt-text, images
Improving the Screen Reader Experience for “Learn WCs” (and)2,065
accessibility, user-experience, screen-readers, assistive-tech, apple, voiceover, case-studies
Mastering Typography in Logo Design (sma)2,064
typography, design, images, logos
Raw-Dogging Websites (bra)2,063
html, css, javascript, tech-stacks
Spoiler Alert: It Needs to Be Accessible (sco)2,062
accessibility, html, web-components, aria
The Two Lines of CSS That Tanked Performance (120 FPS to 40 FPS) (and)2,061
css, animations, performance
The Only Widely Recognized JavaScript Feature Ever Deprecated (tre)2,060
javascript, history, deprecation
Fluid Typography in Design Systems: From Design to Code (fel)2,059
typography, design, design-systems, design-tokens
The Top Programming Languages 2024 (iee)2,058
programming, comparisons, python, java, javascript, typescript, sql, go, html, php, lua
Amazon Cloud CEO Predicts a Future Where Most Software Engineers Don’t Code—and AI Does It Instead2,057
ai, outlooks, career
Basic Keyboard Shortcut Support for Focused Links (eri)2,056
links, focus, support, browser-engines, keyboard-shortcuts, accessibility
Can You Convert a Video to Pure CSS?2,055
multimedia, conversion, css, javascript
Configuring SSH Keys for Multiple GitHub Accounts (ste)2,054
github, ssh, authentication, configuration
Custom Range Slider Using Anchor Positioning and Scroll-Driven Animations (css/fro)2,053
sliders, css, anchor-positioning, scrolling, animations, forms
Elastic Overflow Scrolling (css)2,052
css, overflow, scrolling
Exposing Internal Methods on Vue Custom Elements (jai)2,051
vuejs, javascript
Foundations: Labelling Text Fields With Input and Label (tet)2,050
accessibility, fundamentals, forms, labels, html
Google Quietly Launches New AI Crawler (sea)2,049
google, ai, crawling, robotstxt
How to Create an npm Package (mat)2,048
how-tos, npm, dependencies
Inside ECMAScript: JavaScript Standard Gets an Extra Stage (mar)2,047
ecmascript, javascript
Tailwind Balances Abstraction and Transparency2,046
tailwind
The Monospace Web2,045
fonts, design
Understanding WCAG 2.1’s Success Criteria 1.4.10 Reflow (mni)2,044
accessibility, wcag, reflow, zooming
Web Security: Shaping the Secure Web (set/w3c)2,043
web, security, w3c
5 Wasm Use Cases for Frontend Development (ele/des)2,042
guest-posts, webassembly, security, performance
Double Your Specificity With This One Weird Trick (cir)2,041
css, selectors, cascade, tips-and-tricks
Batteries Included Accessibility: A Pragmatic Guide to Get Started Today2,040
videos, guides, introductions, accessibility
Core Concepts to Understand in WordPress Theme Development (kin)2,039
wordpress, theming
Expert Guide: Writing HTML for Screen Reader Users (flo/a11)2,038
guides, accessibility, html, aria, alt-text, writing, screen-readers
How to Create a Shortcode in WordPress (in 7 Steps)2,037
how-tos, wordpress
Igalia Chats: The Coming Adpocalypse (bka+/iga)2,036
podcasts, browsers, monetization, economics
JS Dates Are About to Be Fixed (iag)2,035
javascript, ecmascript
React Is (Becoming) a Full-Stack Framework (rwi)2,034
react, frameworks
Regexes Got Good: The History and Future of Regular Expressions in JavaScript (sma)2,033
regex, javascript, history
State of CSS 2024 (sac/dev)2,032
surveys, css
The Case for a Better Web (uri)2,031
web, link-lists
Wasp: The JavaScript Answer to Django for Web Development2,030
wasp, django, comparisons
Stop Using Margin Top—use Margin Bottom and Gap Instead (tom)2,029
css, margins, spacing
From RPGs to UX: How Progress Indicators Affect User Engagement2,028
user-experience, design, progress-indicators
Top 5 HTML Features You’re Not Using (but Should Be)2,027
html
How to Make Your Web Page Faster Before It Even Loads (whi/get)2,026
how-tos, performance, web-vitals
Common Misconceptions About How to Optimize LCP2,025
performance, web-vitals, metrics, optimization
Ryan Dahl Explains Why Deno Had to Evolve With Version 2.0 (tin)2,024
podcasts, interviews, deno, runtimes
What Is Incident Response?2,023
incident-response, security, overviews
10 Python Programming Optimisation Techniques2,022
python, optimization, techniques
Accessibility Specialists Warn Against Using AI for Alt Text2,021
accessibility, alt-text, images, ai
Cache Grab: How Much Are You Leaving on the Table? (css)2,020
performance, caching
Center Items in First Row With CSS Grid (hex)2,019
css, grids, layout, centering
How Did We Test Hundreds of Landing Pages2,018
testing, landing-pages
How Good UX Design Can Transform Lead Generation (uxm)2,017
design, user-experience, user-conversion
How to Browse the Web in Your Linux Terminal With Lynx2,016
how-tos, lynx, browsers, command-line, unix-like
Line Numbers for “<textarea>” Using SVG (sto)2,015
forms, javascript, svg
The Role of Sound Design in UX Design: Beyond Notifications and Alerts (uxm)2,014
design, user-experience, multimedia
What’s New in ECMAScript 2024 (paw)2,013
ecmascript, standards
The “Other” C in CSS (sar/css)2,012
videos, css, accessibility
The CSS “contain” Property (pre/fro)2,011
css, containment, container-queries
AI Paradox (j9t)2,010
ai, productivity
How Can Accessibility Improve Your Conversion Rate Optimization Efforts? (cer)2,009
accessibility, user-conversion, optimization, usability, economics
The “P” Word, Legitimacy, and Challenging Our Default Models and Frames (joh)2,008
leadership, culture
Using JavaScript Generators to Visualize Algorithms2,007
javascript, algorithms, visualization
In Defense of DRY (max)2,006
maintainability, principles, link-lists
UX Is Dead. Long Live UX.2,005
user-experience, economics, history
A Guide to CSS Resets2,004
guides, css, resets
Algorithms We Develop Software By (gra)2,003
programming, processes, quality, best-practices
How I Design My URLs2,002
urls
Node.js Doubles Security Releases With Newly Automated Process, Re-Evaluates Unsupported Experimental Features (sar/soc)2,001
nodejs
WCAG 2.2 Summary and Breakdown (mar)2,000
accessibility, wcag, guidelines, overviews
80/20 Accessibility (mar)1,999
accessibility, principles
Good Refactoring vs. Bad Refactoring (ste/bui)1,998
refactoring, comparisons, maintenance, quality, javascript
Just Use Postgres1,997
databases, postgresql, sql, aws, dynamodb, mongodb, mysql, comparisons
Reckoning: The Way Out (sli)1,996
javascript, performance, metrics, hiring
What Signal Are You Sending?1,995
career, communication, culture
6 Best Local Directory Submission Tools Compared1,994
tooling, seo, link-lists
Top 10 Web Updates From Google I/O ’241,993
videos, browsers, google, chrome, apis, dev-tools
Captions vs. Subtitles: Leave No Viewer Behind (mer)1,992
accessibility, captions, readability, multimedia, comparisons
Designing for Accessibility: A Checklist for Designers1,991
design, accessibility, checklists
How Are the “colspan” and “rowspan” Attributes Different? (geo/css)1,990
html, attributes, tables
How Does the Browser Render HTML? (and)1,989
browsers, browser-engines, rendering, html, dom, css, cssom, painting
How to Defend Your Design Process (vit/sma)1,988
how-tos, design, processes
How to Use nginx for Frontend Application Load Balancing1,987
how-tos, nginx, servers, load-balancing
Writing Alt Text for a Scientific Figure1,986
accessibility, images, alt-text, writing, information-design
Alternatives to Using Pure Black (“#000000”) for Text and Backgrounds (ser)1,985
design, colors, backgrounds, accessibility
Advanced Figma Components Tips and Tricks: Little Gems We Love 20241,984
figma, components, tips-and-tricks
5 Questions for Tammy Everts (tam+/fro)1,983
interviews, performance, metrics, user-experience, economics
Brand New Performance Features in Chrome DevTools (deb)1,982
browsers, google, chrome, dev-tools, performance, web-vitals
“blocking=render”: Why Would You Do That?! (css)1,981
performance, html, rendering
Django: Create Sub-Commands Within a Management Command (ada)1,980
django
How I Won $2,750 Using JavaScript, AI, and a Can of WD-401,979
javascript, ai
I Love the Web (and)1,978
web, apple
Reckoning: Caprock (sli)1,977
javascript, performance
“Smart” Layouts With Container Queries (kev/css)1,976
css, layout, container-queries
Rote Learning HTML & CSS (j9t/fro)1,975
books, frontend-dogma, html, css, learning
The Hidden TypeScript Hack You Need to Know1,974
typescript, hacks
Context Is King: Long Live the King! (llo/tpg)1,973
accessibility, usability, techniques, aria
CSS Finally Adds Vertical Centering in 20241,972
css, centering
Dev Encyclopedia1,971
websites, terminology, concepts, learning
Reckoning: Object Lesson (sli)1,970
javascript, performance, metrics
Tips for Using React Testing Library to Write Unit Tests (ato)1,969
react, testing, libraries, tips-and-tricks
“font-size” Limbo (seb)1,968
design, typography, css
Reckoning: The Landscape (sli)1,967
javascript, performance, metrics, mobile
Relative Color Syntax—Basic Use Cases (chr/fro)1,966
css, functions, colors, browsers, support
The “address” Element (hey)1,965
html, semantics
Start Over-Engineering Your CSS (kev/css)1,964
videos, css, complexity
We’re on the Brink of Another World Browser War (fir)1,963
videos, browsers, browser-wars
The Importance of Communication in Accessibility Testing1,962
accessibility, testing, communication
45 Visual Studio Code Shortcuts for Boosting Your Productivity1,961
code-editors, microsoft, vs-code, keyboard-shortcuts
Action Web Components Which Span the Server-Client Divide (jar)1,960
web-components, html, apis
The Most Important Thing to Look at When Choosing an Accessibility Auditor (kar)1,959
accessibility, auditing, vpat-acr
Things to Do Before Asking “Is This Accessible?” (aar)1,958
accessibility, terminology, communication
The Problem With Growth: Why Everything Is Failing Now1,957
processes, agile, scrum, project-management, research
Implementing SAML SSO in Node.js With Microsoft Entra ID1,956
authentication, nodejs, microsoft, functionality
ObsoHTML, the Obsolete HTML Checker (j9t)1,955
packages, npm, html, quality
12 Best JavaScript Animation Libraries to Supercharge Your Web Projects in 20241,954
javascript, animations, libraries, link-lists
Common Causes of Memory Leaks in JavaScript (tre)1,953
javascript, memory, garbage-collection
Comparing Design Systems to Find the Best Qualities (hdv)1,952
design-systems, quality
Verso: Initial Multi-Window Support (wuy)1,951
verso, browsers
Design Patterns and WCAG (gra/tet)1,950
accessibility, design-patterns, wcag
Exploring the Possibilities of Native JavaScript Decorators (fro)1,949
javascript, software-design-patterns
JSR and Deno: Final Review (dbu)1,948
jsr, deno
Stop Versioning Your Docker Compose File1,947
docker, versioning
Attaching Notes to Git Branches1,946
git, documentation
Documentation and Migration: From Vue 2 to Vue 31,945
videos, interviews, vuejs, documentation, migrating
Good Intentions, Poor Context (tpg)1,944
accessibility, microcontent, images, buttons, links
The Dying Web (mre)1,943
browsers, google, chrome, chromium, mozilla, firefox, web
We Don’t Need a Boss, We Need a Process (mia)1,942
design, leadership, processes, collaboration
When It Comes to Digital Accessibility Lawsuits, the Best Defense Is a Good Offense (deq)1,941
accessibility, legal
WOFF File Format 2.0 (w3c)1,940
woff, fonts, standards
SOLID Principles for Designers1,939
design, solid, principles
Now in Baseline: Animating Entry Effects (una)1,938
browsers, support, web-platform, css, animations
Snippets in Svelte 5 (ada/fro)1,937
svelte
The “abbr” Element (hey)1,936
html, semantics, accessibility
W3C Opens Community-Wide Survey (w3c)1,935
surveys, w3c, community
WCAG 2.2 Map by Theme (hic)1,934
accessibility, wcag, standards
Announcing Official Puppeteer Support for Firefox (moz)1,933
browsers, mozilla, firefox, puppeteer, support
Design Tokens Demystified1,932
components, design-tokens, design-systems
FastHTML: Revolutionizing Web Development With Python (raj)1,931
frameworks, fasthtml, python, web-apps
Creating a Personal Brand: How to Sell Yourself as a Developer1,930
how-tos, career, branding
Disability Data Alarmingly Absent From AI Algorithmic Tools, Report Suggests (for)1,929
accessibility, ai, tooling
Migrating From Netlify to Cloudflare for AI Bot Protection (sia)1,928
migrating, netlify, cloudflare, ai, security
Moderated and Unmoderated User Testing: The Differences1,927
usability, testing, comparisons
The Art of Dithering and Retro Shading for the Web (max)1,926
dithering, effects, javascript
The Great npm Garbage Patch1,925
dependencies, npm, spam, security
101 React Tips and Tricks for Beginners [and] Experts1,924
react, tips-and-tricks, best-practices
Drupal 11 and Beyond1,923
drupal
Figma Typography Variables (fro)1,922
figma, typography, variables
HTML Web Components Can Have a Little Shadow DOM, as a Treat (sco)1,921
html, web-components, shadow-dom, dom
Is CSS Grid Really Slower Than Flexbox? (ben)1,920
performance, css, grids, flexbox, layout
It’s Time to Talk About “CSS5” (uti/sma)1,919
css, w3c
Let’s Make a Simpler, More Accessible Web (cod)1,918
web, web-platform, tooling, simplicity, usability, accessibility, optimization
Shifting From Delivery Mode to Product Management: Shifting the Focus of Your Sprint Review1,917
agile, scrum, processes, product-management, engineering-management
Should Your Website Work Without JavaScript? (wes/syn)1,916
videos, javascript, support
The Moral Implications of Being a Moderately Successful Computer Scientist and a Woman (ire)1,915
community, ethics
The Role of Generative AI in Shaping Next-Gen UX Strategies (uxm)1,914
ai, user-experience, design, strategies
The Sneaky Costs of Scaling Serverless (zac)1,913
scalability, serverless, economics, vercel, aws, comparisons
Verso: A Web Browser That Plays Old World Blues to Build New World Hope (sig)1,912
videos, verso, browsers
What Is a Component Library and Should You Build Your Own? (and)1,911
components
5 Ways to Fail at Managing Tech Debt1,910
technical-debt, maintenance, refactoring, strategies
Video With Alpha Transparency on the Web (jaf)1,909
multimedia, transparency+opacity, backgrounds
AI Act Is Here (alv)1,908
ai, legal
AT Is More Than Screen Readers (aar)1,907
accessibility, assistive-tech, screen-readers, terminology, concepts
European Accessibility Act Requires Culture to Shift! (cer)1,906
accessibility, legal, eaa, culture, leadership
How to Keep IA Projects From Going Off the Rails (jar)1,905
information-architecture
The Benefits of Learning Programming as a Designer1,904
design, career, learning, programming
Programming, I Hate It1,903
programming, career
Setting Up CI/CD for Flutter Apps1,902
flutter, ci-cd, automation
Ontology Engineering for Beginners1,901
owl, tooling
Advanced Use Cases of the Node.js Native Test Runner (app)1,900
nodejs, testing
Attitudes to Digital Accessibility 20241,899
surveys, accessibility
Beyond React: How Astro and Its Server Islands Work (ric)1,898
astro, frameworks, architecture
How to Make the Internet More Accessible1,897
how-tos, web, accessibility
Mastering Next.js: The Ultimate Guide to Structuring Large-Scale Projects in 20241,896
guides, nextjs
“stripes()”: The Border Function You Never Knew You Needed (jos)1,895
css, functions, borders
The Anchor Element (hey)1,894
html, links, semantics, terminology, usability
Types of Accessibility Approaches (a11)1,893
accessibility, processes, career, collaboration
What You Want Isn’t Always What You Want (cwo)1,892
career
Who Is the Fastest? Node.js, Bun.js, or Deno.js (tre)1,891
performance, javascript, runtimes, nodejs, bun, deno, comparisons
What if You Used Container Units for… Everything? (chr/fro)1,890
css, units, container-queries
Tabs, Used Right (nng)1,889
design, design-patterns, navigation, usability
How I Use “AI”1,888
ai, productivity, examples
How to Build a Multilingual Website With Nuxt.js (sma)1,887
how-tos, nuxt, internationalization
HTML Web Components Make Progressive Enhancement and CSS Encapsulation Easier (css)1,886
html, web-components, principles, solid, progressive-enhancement, examples
New CSS Logo? (arg)1,885
discussions, css
The Anatomy of Accessible Forms: Best Practices (deq)1,884
accessibility, forms, html, best-practices
Browsers, Cookies, and Surfing the Web: The Quirky History of Internet Lingo (moz)1,883
web, terminology, history
The Evolution of Attention1,882
design, case-studies
Figma and the Cost of Collaboration1,881
figma, collaboration
Cloudflare Once Again Comes Under Pressure for Enabling Abusive Sites (dan/ars)1,880
cloudflare
A Handful of Reasons JavaScript Won’t Be Available (bel/pic)1,879
javascript, support
Decoding WCAG: “Change of Context” and “Change of Content” (web)1,878
accessibility, wcag, standards
How to Stop Form Spam Bots With Honeypot Fields1,877
spam, forms
Reading From the Clipboard in JavaScript (ray/fro)1,876
javascript
Replacing jQuery UI Datepicker With HTML Date Input (chr)1,875
jquery, html
Using Postman for API Documentation: All You Need to Know1,874
apis, documentation, postman
How Google Handles JavaScript Throughout the Indexing Process1,873
google, seo, web-apps, javascript, history, rendering
Does Screen Time Help or Hinder Creativity? (its)1,872
creativity, productivity
Nike’s $25B Blunder Shows Us the Limits of “Data-Driven” (pav)1,871
product-management, metrics
The Future Is Up for Grabs When Anyone Can Make Designs1,870
design, ai
Interop 2024: Chrome at 100% for the Accessibility Focus Area1,869
interoperability, browsers, google, chrome, accessibility
Developing a RACI Matrix for Accessibility (kar)1,868
accessibility, processes, project-management
Faster Continuous Integration Builds at Canva1,867
ci-cd, efficiency, optimization, case-studies
Frontend Security Checklist (tre)1,866
security, checklists, react
Garbage Collection and Closures (jaf)1,865
javascript, functions, closures, garbage-collection
“git push --force” and How to Deal With It (env+/evi)1,864
git
Instead of Restricting AI and Algorithms, Make Them Explainable (mfo)1,863
ai, algorithms
Misfire (sli)1,862
web-platform, cookies, privacy, w3c
Why You Should Ship Your App, Even if It Sucks1,861
web-apps, productivity
On Mapping the World of Frontend Development (j9t)1,860
cross-posts, web-platform, learning, community, frontend-dogma
Standardization Stories (fan/css)1,859
videos, web-platform, css, collaboration, standards
New to the Web Platform in July (rac)1,858
release-notes, web-platform, browsers, mozilla, firefox, apple, safari, google, chrome
Accessible Heading Structures for Home Pages (pop)1,857
accessibility, headings, homepages
Have It All: External, Styleable, and Scalable SVG (sco)1,856
images, svg, css
Patterns for Memory Efficient DOM Manipulation With Modern Vanilla JavaScript (fro)1,855
javascript, memory, dom, software-design-patterns
Servo: A Web Rendering Engine for the Future (reg/iga)1,854
videos, browser-engines, servo
The Art of Clean Code: Mastering the SOLID Principles1,853
quality, principles, solid
Third-Party Cookies Have Got to Go (had/w3c)1,852
cookies, privacy, web-platform
Top 20 JavaScript Tricks and Tips for Every Developer1,851
javascript, tips-and-tricks
Vue and Vite Updates (eva)1,850
videos, vuejs, vite
WCAG, VPAT, S508, Level A—What on Earth? (int)1,849
accessibility, standards, legal, terminology, wcag, vpat-acr, section-508
WebGPU (kai+/w3c)1,848
webgpu, standards
WebKit Features in Safari 17.6 (jen/web)1,847
release-notes, browsers, apple, safari, webkit
What We Got Wrong About HTTP Imports (tin/den)1,846
deno, jsr
Why Unknown Types Are Useful1,845
programming, typescript
Flexible Network Data Preloading in Large SPAs1,844
performance, single-page-apps, client-side-rendering, data-fetching, preloading
Websites Are Blocking the Wrong AI Scrapers (Because AI Companies Keep Making New Ones) (404)1,843
ai, scraping, robotstxt
Automated Ways to Security Audit Your Website1,842
security, auditing, automation, tooling
Building an “npm create” Package (ach)1,841
npm
From Parcel to Vite: A Short Story of a 100K LOC Migration1,840
migrating, parcel, vite
Is It Okay to Make “connectedCallback” Async? (nol)1,839
javascript, callbacks, asynchronicity, web-components
Laravel vs. Rails for JavaScript Developers1,838
videos, laravel, ruby-on-rails, comparisons
User “Wants” vs. Accessibility (tem)1,837
accessibility, usability
Designing for Forgiveness: How to Create Error-Tolerant Interfaces1,836
design, interaction-design, errors, user-experience
A Different Way to Think About TypeScript1,835
typescript
Popover API 101 (ami)1,834
introductions, pop-overs, apis
The Infuriating Inefficiency of Accessibility Audits (yat)1,833
accessibility, auditing, efficiency
You Can Run Java Like Python Now1,832
java, python
Green Accessibility for Web Developers1,831
videos, accessibility, sustainability
Information Scent: How Users Decide Where to Click1,830
information-scent, links, navigation, usability
Node.js Adds Experimental Support for TypeScript (sar/soc)1,829
nodejs, typescript, experiments
V8 JavaScript Engine: Let’s Read the Code (ant)1,828
videos, v8, javascript-engines, javascript
What a New Accessibility Class Action Lawsuit Means for Agencies1,827
accessibility, legal, business-relations
What I Learned From Making My Own Design System (pjo)1,826
design-systems, lessons
Why the jQuery Creator Uses React and TypeScript (jer+/syn)1,825
podcasts, interviews, react, jquery, typescript
AI Crawlers Need to Be More Respectful (eri/rea)1,824
ai, crawling, traffic, metrics
And Now You Understand React Server Components (ken)1,823
videos, react, components
Benchmarking AWS Lambda Cold Starts Across JavaScript Runtimes (den)1,822
deno, aws, serverless, lambda, javascript, runtimes, performance, comparisons
Closing the Designer–Developer Gap1,821
design, career, collaboration, processes
Cross Platform React1,820
videos, react, native, outlooks
How to Get the Width/Height of Any Element in Only CSS (css/fro)1,819
css
Let’s Break React’s Rules1,818
videos, react, hooks
Pop(over) the Balloons (css)1,817
html, disclosure-widgets, pop-overs, css
React for Two Computers (dan)1,816
videos, react
Secure Node.js Applications From Supply Chain Attacks1,815
nodejs, security, best-practices, dependencies
The “of S” Syntax in “:nth-child()” (mat)1,814
css, selectors
The User Location Is a Lie (aus)1,813
geolocation, javascript, apis
Vanilla React1,812
videos, react, routing
Why Designers Don’t Like Design Systems1,811
design, design-systems, creativity
Measuring Design System Compliance of Your Teams1,810
design-systems, compliance
Assessing Components and Patterns for WCAG 2.21,809
accessibility, wcag, components, design-patterns
Designing Design Systems: Constructing an Icon System1,808
design, design-systems, icons, images, case-studies
Improved Error Messaging for “require(esm)” in Node.js (zac)1,807
eleventy
My Favorite Interview Questions for QA Engineers1,806
interviewing, quality
Rust Is Revolutionizing JavaScript Development1,805
bundling, tooling, rust, javascript
The AI Job Interviewer Will See You Now1,804
ai, hiring, career
What to Expect When You’re Optimizing (tka)1,803
performance, optimization
Growing a Design System Organically1,802
design-systems, case-studies, scalability
Understanding AbortController in Node.js: A Complete Guide (bet)1,801
guides, nodejs, javascript
Clip Pathing Color Changes (chr/fro)1,800
css, clipping, masking, colors
CSS Scroll Snap Module Level 2 (tab+/w3c)1,799
standards, css, scrolling
Introduction to XAML: A Beginner’s Guide1,798
introductions, guides, xaml
Learn CSS Grid First (5t3+/odd)1,797
videos, css, grids, layout
Math4Devs1,796
websites, javascript, math
How to Choose the Best Rendering Strategy for Your App1,795
how-tos, rendering, strategies, server-side-rendering, client-side-rendering, incremental-static-regeneration, comparisons
The Backlash Against AI Scraping Is Real and Measurable (404)1,794
ai, scraping, robotstxt
Why Not All Voices Should Be Equal in the Design Process1,793
design, policies, prioritization, dei
CSS “font-size-adjust” Is Now in Baseline (rac)1,792
css, typography, browsers, support, web-platform
What’s New in WebGPU (Chrome 127)1,791
release-notes, webgpu, browsers, google, chrome
20 Super Useful CSS Animation Libraries1,790
css, animations, libraries, link-lists
50 TypeScript F*ck Ups1,789
books, typescript, mistakes
Learn Web Components (and)1,788
websites, courses, web-components, html, css, dom, javascript
“Practical SVG” Is Now Free to Read Online (chr)1,787
books, images, svg
Seriously, You Need to Learn Git (der)1,786
git, command-line
What’s New for JavaScript Developers in ECMAScript 20241,785
javascript, ecmascript, standards, promises, unicode, webassembly
Why You Should Have a Brag Document1,784
career, documentation
How to Create Fake Back-End Using IndexedDB1,783
how-tos, databases, indexeddb, browser-storage, javascript
A New Path for Privacy Sandbox on the Web1,782
browsers, google, chrome, cookies, privacy, apis, web-platform
Better Ways to Use Async Functions in JavaScript1,781
javascript, asynchronicity, functions, promises
So You Think You Know Box Shadows?1,780
shadows, javascript
Flutter Unit Testing: Understanding “setUp()” and “setUpAll()”1,779
flutter, testing
CSS Grid Areas (sha)1,778
css, grids, layout
After CrowdStrike, Programmers Deserve Consequences1,777
programming, career, quality
CSS Stuff I’m Excited After the Last CSSWG Meeting (mon/css)1,776
css, functions, transitions, anchor-positioning
Don’t Use JS for That: Moving Features to CSS and HTML (kil/jsc)1,775
videos, javascript, css, html
Getting to the Bottom of Minimum WCAG-Conformant Interactive Element Size (eri/sma)1,774
accessibility, design, wcag, css
Introducing Svelte 5 (ada/fro)1,773
introductions, svelte, release-notes
Mapping the Landscape of Gen-AI Product User Experience (gen)1,772
ai, overviews
State of Developer Experience 20241,771
research, developer-experience
The Web We Want: A Beginner’s Guide to the IndieWeb (pau)1,770
slides, guides, web, indieweb
Why Is Spawning a New Process in Node So Slow? (val)1,769
nodejs, performance, comparisons
State of React 2023 [Results] (sac/dev)1,768
surveys, metrics, react
Architecture in an Agile World (may)1,767
architecture, agile, processes
Macro vs. Micro Conversions (nng)1,766
user-conversion, concepts, comparisons
Providing Type Definitions for CSS With “@property” (5t3)1,765
css, custom-properties
Can AI Be Used to Write Good Descriptive Alt Text for Images in 2024? (the)1,764
accessibility, alt-text, images, ai
Override HTTP Response Headers (pat/dev)1,763
http, http-headers, dev-tools, browsers, google, chrome, microsoft, edge
Styling Tables the Modern CSS Way (mic/pic)1,762
css, responsive-design, tables
Summary of the June 2024 TC39 Plenary in Helsinki (iga)1,761
ecmascript, javascript
The Cloud Run Security Gap You Didn’t Know You Had (and How to Fix It)1,760
security, google, gcp
The Pitfalls of In-App Browsers (fro)1,759
browsers, mobile, privacy, security, user-experience
Thoughts on a Global Design System (bka)1,758
design-systems
Using pnpm on Heroku1,757
pnpm, heroku
You’ll Write Less Code With Svelte 5.0, Promises Rich Harris (low)1,756
svelte
Breaking Bad News: How to Present Negative UX Research Findings (coo)1,755
user-experience, research, communication, how-tos