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

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#
What Happened With the Web Monetization API? (chr)13,666
monetization, apis
What Can a Website Do? (dav)13,665
accessibility, usability, quality
Web Components in Earnest (dav)13,664
web-components, javascript
User Styles (mia)13,663
css, user-styles, browsers
The New CSS Color Format You Didn’t Know You Needed; “oklch()”13,662
css, colors, oklch, functions, tailwind
Take a Qwik Break From React With Astro13,661
qwik, react, astro, frameworks, comparisons
Release Notes for Safari Technology Preview 187 (jon/web)13,660
release-notes, browsers, apple, safari
On Web Components (tmc)13,659
web-components
GitHub, npm Registry Abused to Host SSH Key-Stealing Malware13,658
github, npm, security, malware, foss
Five Future Roles for Designers (jar)13,657
design, career, outlooks
Are Design Systems a Zero-Interest Rate Phenomenon? (dav)13,656
design-systems, economics
An Introduction to the Liquid Template Language13,655
introductions, liquid, template-engines
14 Best SEO Tools in 2024 (web)13,654
seo, tooling, link-lists
Unit Testing With Jest and Integration With GitHub Actions13,653
testing, jest, github-actions, quality
The Web Is Unversioned (rhi/w3c)13,652
web-platform, versioning
What Is JSDoc and Why You May Not Need TypeScript for Your Next Project13,651
javascript, typescript, documentation, jsdoc
What Has a Ceiling but No Floor? (mat)13,650
accessibility, apple, facebook+meta
Unlocking the Power of HTML’s Native Browser “dialog” Element (ope)13,649
html, modals
The AI Dilemma in Graphic Design: Steering Towards Excellence in Typography and Beyond (sma)13,648
ai, design, typography
New Study on Coding Behavior Raises Questions About Impact of AI on Software Development13,647
studies, research, ai, quality, technical-debt
Modern JavaScript Library Starter13,646
dependencies, npm, libraries
LCP and FCP on Single Page Application on Soft Navigations (dws)13,645
performance, web-vitals, single-page-apps, navigation
In Praise of Buttons13,644
buttons
Highlight Text When a User Scrolls Down to That Piece of Text (chr/fro)13,643
css, scrolling, effects
Google Is Using AI to Organize and Customize Your Chrome Browser (dav/ver)13,642
ai, browsers, google, chrome
Exploring the Bounds of Jamstack With Zach Leatherman (zac+)13,641
videos, interviews, tech-stacks, jamstack
Check for “accesskey” and “aria-keyshortcuts” Bookmarklet (ste)13,640
bookmarklets, accessibility, html, aria, keyboard-shortcuts
Better Form UX With the CSS Property “field-sizing” (sea)13,639
forms, user-experience, css
Balancing Engineering Cultures: Debate Everything vs. Just Tell Me What to Build13,638
culture, engineering-management, processes, comparisons
Layouts in Astro13,637
astro
What Is Jest and Why Should I Use It? (cod)13,636
jest
WebKit Features in Safari 17.3 (jen/web)13,635
release-notes, browsers, apple, safari, webkit
Use Tailwind CSS Prefixes for Shared Design System Components (sen)13,634
tailwind, design-systems, components
Repetition Avoidance (ste)13,633
code-pens, accessibility, user-experience, aria
Progressive JPEGs (PJPEG): The Key to Loading Images Faster on Your Website13,632
pjpeg, jpeg, images, performance, comparisons
How End-to-End Testing Moves Us Closer to Continuous Accessibility (ass)13,631
accessibility, processes, testing
How a Web-Site Redesign Can Impact the Customer Journey (uxm)13,630
redesigning, user-experience
Handling Environment Variables in Node.js (mco/pla)13,629
environments, variables, nodejs
Could Local SEO Transform Your User Experience? (uxm)13,628
seo, user-experience
Continuous Accessibility: What, Why, How (ass)13,627
accessibility, processes, testing, tooling
Battle of the Browsers (zer)13,626
browsers, browser-engines, blink, chrome, google, edge, microsoft, brave, gecko, firefox, mozilla, webkit, safari, apple, comparisons
7 Mobile UX Design Tools to Supercharge Your Design Process (uxm)13,625
design, tooling, link-lists
What Is Our Design Intention?13,624
design, processes
Vector Database Recommender System (ast)13,623
databases, vector-databases
Why I Don’t Care About Website/Blog Stats (nei)13,622
blogging, metrics, sem
What Is CSS Motion Path?13,621
css, svg, animations
The World’s Smallest PNG (eva)13,620
images, png, minimalism
Mind the Accessibility Gaps—Most of Accessibility Issues Originate in Design and How to Fix That (cer)13,619
accessibility, design, html, aria
Mastering Node CSV13,618
nodejs, csv
The Bun Shell (jar/bun)13,617
bun, javascript, shells
Navigating JavaScript Security: Recompiling Firefox to Bypass Anti-Debugger Techniques (gli)13,616
javascript, security, debugging, firefox, mozilla, browsers
A Call for Consensus on HTML Semantics (5t3)13,615
html, semantics
My Take on Fading Content Using Transparent Gradients in CSS (kil/pol)13,614
css, gradients, transparency+opacity
Understanding the Stanca Act, Italy’s Digital Accessibility Law (tpg)13,613
accessibility, legal
Why Do Reflows Negatively Affect Performance? (fro)13,612
performance, reflow
Making CSS View Transitions Easy With Velvette (nom/cod)13,611
css, view-transitions, tooling
How Core Web Vitals Affect SEO (ind)13,610
performance, web-vitals, lighthouse, google, seo
Under-Supported and Underpaid (aar)13,609
accessibility, career, economics, craft
Modern CSS, the State of the Web, Safari’s Progress, and More! With Jen Simmons (jen+)13,608
videos, interviews, css, web, browsers, apple, safari
12 Modern CSS One-Line Upgrades (5t3)13,607
css
Astro 4.2 (eri+)13,606
astro, release-notes
Node.js vs. Python: Which One to Choose for 202413,605
nodejs, python, comparisons
Deceptive Deprecation: The Truth About npm Deprecated Packages13,604
deprecation, security, npm, dependencies, research
The Color Input and the Color Picker (chr/fro)13,603
html, colors, usability
Create a Currency Converter With HTML, CSS, and Vanilla JavaScript13,602
functionality, html, css, javascript
Fading Content Using Transparent Gradient in CSS (ami)13,601
css, gradients, transparency+opacity, effects
Safely Accessing the DOM With Angular SSR13,600
security, dom, javascript, angular, server-side-rendering
Indicators, Validations, and Notifications: Pick the Correct Communication Option (nng)13,599
notifications, errors, validation, usability
The Designer’s Guide to Social Computing13,598
guides, design, social-media
JavaScript Array “sort()” vs. “toSorted()” (New in ES 2023)13,597
videos, javascript, arrays, sorting, comparisons
Dispatching an Event (chr/fro)13,596
javascript, events
Basic Accessibility Mistakes I Often See in Audits (cfe)13,595
accessibility, mistakes, auditing, html, semantics, focus, links, buttons
AI Art Is the New Stock Image (ia)13,594
design, ai, images
A Practical Introduction to Scroll-Driven Animations With CSS “scroll()” and “view()” (arg/cod)13,593
introductions, scrolling, animations, css, functions
Guide to Fast Next.js13,592
guides, nextjs, performance, optimization, server-side-rendering, lazy-loading
Practical Guide to Usability Testing13,591
guides, usability, testing
The Golden Rule of Assertions13,590
javascript, testing
5 Advanced Data-Fetching Techniques in React for Enhanced User Experience13,589
react, data-fetching, code-splitting, components, techniques
Are You Boring Your Interviewer by Over-Explaining Context?13,588
career, interviewing, design
Is It Time to Switch From Docker to Podman?13,587
videos, docker, podman, tooling, comparisons
The Complex but Awesome CSS “border-image” Property (css/sma)13,586
css, borders, techniques
Stop Trying to Recruit Unicorns With Acorns (cra)13,585
accessibility, career
Node.js Security Progress Report—Progress on Permission Model, Fuzzer, and Connections With Community (ope)13,584
nodejs, security
Measuring Developer Productivity: Real-World Examples (ger)13,583
productivity, metrics, developer-experience, google, microsoft
Git Lesson: How to Use .gitignore and .gitkeep?13,582
git, how-tos
Disillusioned With Deno (bal)13,581
deno
Difference Between “getElementByID” and “querySelector”13,580
javascript, css, selectors
APA-Style Titles in Laravel (ami)13,579
writing, conventions, laravel
14 Things to Check Before Deploying a Website13,578
deploying, quality, processes
The Evolution of Page Speed (mat/deb)13,577
videos, performance, metrics, optimization, history
Dynamically Darken or Lighten a Color in CSS (bpu)13,576
css, colors, functions
Combining “:has” and “:only-child” to Change Tab Containers (cri)13,575
css, selectors
Why I Use htmx (fla)13,574
htmx
Why I Use Alpine.js (fla)13,573
alpinejs
Web Standards: The Guidelines That Every Developer Should Know13,572
standards, history, w3c, html, css, xml, wcag
Design Is Not Really a Thing13,571
design, user-experience
The Building Blocks of a Greenfield Vue Application in 2024 (fad)13,570
vuejs, tooling, link-lists
React Libraries for 2024 (rwi)13,569
react, libraries, link-lists
Performance and Stay Questions in 1:1s (j9t)13,568
engineering-management, leadership, career, processes
Optimizing SQL Queries by 23×13,567
databases, sql, performance, optimization
Moving on From React (kel)13,566
migrating, react, stimulus
Accessible Notifications With ARIA Live Regions (sar)13,565
accessibility, notifications, aria, live-regions
Accessible Notifications With ARIA Live Regions II (sar)13,564
accessibility, notifications, aria, live-regions
Secure Your Code: Auto-Fix Vulnerabilities With Dependabot (GitHub Tutorial)13,563
videos, dependencies, security, dependabot
Hover Contrast Bookmarklet (joe)13,562
bookmarklets, hover, colors, contrast, focus, accessibility
Disable Browser Caching With “meta” HTML Tags13,561
html, metadata, caching
Creating a Markdown Preprocessor for Svelte13,560
svelte, sveltekit, markdown, functionality
Why Did Frontend Development Become So Complicated?13,559
processes, complexity, career
Igalia Chats: Browser Politics and You (jaf+/iga)13,558
podcasts, web-platform
I Hate CORS13,557
videos, cors, security
“import myModule from "./my-module.torrent"”: Requiring Node Modules From BitTorrent (eva)13,556
nodejs, modules
Building a Clean and Scalable Frontend Architecture13,555
architecture, scalability, simplicity, maintainability
Web Component Gotcha: “constructor” vs. “connectedCallback” (nol)13,554
web-components, javascript, callbacks, comparisons
Using AI for Accessibility: Breaking Down Barriers in Content Creation?! (mor)13,553
accessibility, ai, content
Kind of Annoyed at React (cas)13,552
react
A Guide on Using Postman as a Frontend Developer in Web Development13,551
guides, postman, apis
Avoid These 5 Mistakes as a Web Developer13,550
career, mistakes, learning
Type in TypeScript13,549
typescript, types
Static Site Generators: A Growing Trend in Frontend Development13,548
static-site-generation, site-generators, trends
Power of WebRTC13,547
webrtc, apis
Options for “optgroup” Labeling of “options” (ste)13,546
accessibility, html, forms, browsers, screen-readers, support
JS Perf Wins and New Node.js Features With Yagiz Nizipli (wes+/syn)13,545
podcasts, javascript, performance, nodejs, optimization
How to Use “data-nosnippet” to Block Specific Content From Being Used in a Google Search Snippet (Experiment)13,544
how-tos, seo, google, experiments
How to Get Started With Progressive Web Apps13,543
how-tos, web-apps, progressive-web-apps, comparisons
Eliminating Cookie Banners Is Hard (jef)13,542
cookies, consent-management, legal
Applying the SPACE Framework (lau)13,541
productivity, metrics
The Stack I Used to Build My Blog in 202413,540
tech-stacks, functionality
5 CSS Snippets Every Front-End Developer Should Know in 2024 (arg)13,539
css
Node.js Mastery: Advanced Development and Performance Tips13,538
nodejs, servers, express, performance, testing, memory
Chrome Alternative Browsers to Check Out in 202413,537
browsers, arc, the-browser-company, chromium, orion, kagi, firefox, mozilla
Creating a Color Ramp Using Color Modifiers in Tokens Studio13,536
design-systems, design-tokens, colors, figma
Compatibility of Node.js Versions With Packages13,535
nodejs, versioning, dependencies
Bringing Down the Digital Divide13,534
accessibility, user-experience
What I Have Learned From Conducting Over 100 Website Migrations (moz)13,533
seo, migrating, testing
Using “abbr” Element With “title” Attribute (aar)13,532
html, attributes, accessibility, browsers, assistive-tech, support
Top Front-End Tools of 2023 (lou/sma)13,531
tooling, link-lists, retrospectives
If It’s Not Usable, It’s Not Accessible (tpg)13,530
interviews, accessibility, usability, history
console.delight (zac/fro)13,529
javascript, console, browsers, dev-tools, debugging
Accounting for Internationalization With CSS and HTML (spa)13,528
html, css, internationalization
Node v20.11.0 (LTS) (nod)13,527
release-notes, nodejs
Understanding WCAG SC 3.2.6 Consistent Help (Level A)13,526
accessibility, standards, wcag
We Removed Advertising Cookies, Here’s What Happened (get)13,525
cookies, sem
Setting Up Renovate for GitHub Repositories13,524
renovate, github, installing, configuration
High-Level System Architecture of Booking.com13,523
architecture, microservices, case-studies
Using CSS Houdini to Extend Styling and Layout Capabilities (log)13,522
css, houdini, apis, javascript
The Best Web Framework Doesn’t Exist13,521
frameworks
Streaming HTML Out of Order Without JavaScript13,520
html, streaming
Release Notes for Safari Technology Preview 186 (jon/web)13,519
release-notes, browsers, apple, safari
npm in Review: A 2023 Retrospective on Growth, Security, and Quirky Facts (soc)13,518
npm, retrospectives
Is htmx Just Another JavaScript Framework? (htm)13,517
htmx, frameworks
Introducing fsx: A Modern Filesystem API for JavaScript (nza)13,516
introductions, file-handling, apis, javascript
Dynamic Accessible Descriptions Reference (dar)13,515
accessibility, testing
Designing Better Target Sizes (sha)13,514
accessibility, design, best-practices
Buttons and Links—Common Misconceptions13,513
accessibility, html, semantics, buttons, links
AI for Web Devs: Deploying Your AI App to Production (aus)13,512
ai, deploying
An Alphabetized List of MIME Types13,511
mime-types
A 2024 Wishlist for Node’s Test Runner (cji)13,510
nodejs, testing
Understanding Immutability in JavaScript13,509
videos, javascript
The Change You Wish to See13,508
accessibility
How We Built Project IDX: A High-Level Overview (goo)13,507
overviews, project-idx, google, code-editors
Definition of Done (DoD) Explanation and Example13,506
agile, scrum, processes, quality, examples
A Global Design System (bra)13,505
design-systems
Taking a Closer Look at “@property” in CSS (uti)13,504
css
Vue 3—Dynamic Components13,503
vuejs, components
SolidStart: A Different Breed of Meta-Framework (ati/sma)13,502
frameworks, tooling, solidjs
Introduction to Data Engineering: A Complete Beginner’s Guide13,501
guides, introductions, data-engineering
Why I Like Web Components13,500
web-components, html
Where Have All the Websites Gone? (fro)13,499
web, trends
What’s New in PHP 8.4 (ami)13,498
php
Using Heaps of Cutting Edge CSS Features to Build a Progress Indicator (and)13,497
css, scrolling, effects, progress-indicators
Top Pens of 2023 on CodePen (cod)13,496
codepen, code-pens, link-lists, retrospectives
Let’s Make the IndieWeb Easier13,495
indieweb, tooling
htmx for React Developers in 10 Minutes13,494
videos, htmx, react
How Google Perfected the Web (ver)13,493
google, web, seo
Declaring Globals Isn’t That Hard (mat)13,492
videos, javascript, typescript
CRUD and SQL—the Basics13,491
fundamentals, databases, sql
2024 Resolution: Be More Open-Source Centric13,490
foss, tooling, link-lists
Embracing the Absurd in Your Design Practices13,489
design, processes
Becoming a Senior Frontend Engineer (tec)13,488
career
Notes on Using Logical Properties and Values (kiz)13,487
css, logical-properties
Nested Dark Mode via CSS Proximity (doc)13,486
css, dark-mode
My Web Development Wishlist 2024 (j9t)13,485
community, user-experience, developer-experience, quality, conformance, wish-lists
How I’m Writing CSS in 202413,484
css, tooling, developer-experience
Figma Is Not Forever13,483
design, tooling, figma
Your MVP Must Be Accessible (den)13,482
accessibility
Weird Things Engineers Believe About Web Development13,481
standards, web-apps, javascript, building, web-platform
Simplifying Deployment: Using GitHub Actions and SSH for Quick and Easy Updates13,480
deploying, github-actions, ssh
20+ Tools for Node.js Development in 202413,479
nodejs, tooling, link-lists
Mastering Promises: 8 Advanced Tips and Techniques13,478
javascript, promises, asynchronicity, techniques, tips-and-tricks
When “Everything” Becomes Too Much: The npm Package Chaos of 2024 (soc)13,477
npm, foss
Under the Radar CSS Features for Your CSS Reset (kev)13,476
videos, css, resets
The Bulma CSS Framework: What It Is and How to Get Started13,475
introductions, bulma
Software Quality13,474
research, quality
How to Use Template Literals in JavaScript (fre)13,473
how-tos, javascript
Do We Think of Git Commits as Diffs, Snapshots, and/or Histories? (b0r)13,472
git, concepts, comparisons
CSS in 2024, Am I Right? (jhe)13,471
videos, css
A Lot of What People Use React for Would Be Better Handled With Vanilla JavaScript (cfe)13,470
react, javascript, simplicity
7 Front-End Web Development Trends for 202413,469
trends, outlooks, libraries, frameworks, ai
Building Multiple Progressive Web Apps on the Same Domain13,468
videos, web-apps, progressive-web-apps, architecture, security
AI Vertigo: Where Do We Go From Here as Designers?13,467
design, ai, career
Notes on MathML (w3c)13,466
mathml
The World of Web Browsers Is in a Bad Way (jen)13,465
browsers, browser-engines, chromium, google
The Two Reacts (dan)13,464
react, components, state-management
My CSS Resets (kei)13,463
css, resets
Is CSS Alive? (css)13,462
css
16 Lesser Known Accessibility Issues13,461
accessibility
Design Better Pagination13,460
design, navigation, pagination
Getting Started With Vuetify: Building Beautiful Vue.js Apps13,459
introductions, vuetify, vuejs
Accessibility Options for Floating Action Buttons13,458
accessibility, floats, buttons
Tyler’s CSS Wish List for 2024 (tyl/clo)13,457
css, wish-lists
The Website vs. Web App Dichotomy Doesn’t Exist (jak)13,456
concepts, terminology, comparisons
The Popular Vote of Interop 2024 (chr/fro)13,455
interoperability, web-platform
The AHA Stack (fla)13,454
websites, tech-stacks, astro, htmx, alpinejs
Stop Closing Void Elements (j9t)13,453
html
Oh Shit Banners (eri)13,452
design, history
European Union Set to Revise Cookie Law, Admits Cookie Banners Are Annoying (tec)13,451
cookies, consent-management, legal
2024 Predictions by JavaScript Frontend Framework Maintainers (low)13,450
outlooks, javascript, frameworks, angular, nextjs, react, solidjs
Worker Threads: Multitasking in NodeJS13,449
nodejs, worker-threads, multithreading, link-lists
The View Transitions API and Delightful UI Animations II (cod/sma)13,448
css, animations, view-transitions, apis
Stop Using Express.js13,447
express
Not All Automated Testing Tools Support Shadow DOM in Web Components (mat)13,446
accessibility, testing, automation, tooling, shadow-dom, dom, web-components
How to Set a Default Post Author in WordPress13,445
how-tos, wordpress
How to Make External Links Accessible (pop)13,444
how-tos, links, accessibility
BCD Watch (mey+/iga)13,443
websites, browsers, support, interoperability, web-platform
Are You Ignoring These 8 DevTools Features?13,442
videos, browsers, google, chrome, dev-tools, auditing, debugging
Agile Anti-Patterns That Can Harm UX13,441
agile, anti-patterns, user-experience, processes
The Best React Chart Libraries for Data Visualization in 202413,440
react, libraries, visualization, comparisons, link-lists
Top 30 JavaScript Interview Questions and Answers for 202513,439
javascript, interviewing
Top 30 JavaScript Interview Questions and Answers for 202413,438
javascript, interviewing
Mastering TypeScript: Looping With Types (ale)13,437
typescript
Understanding the Most Important HTTP Status Codes13,436
protocols, http
7 Predictions for Web Design in 2024 (web)13,435
design, outlooks
My Perspective: Digital Accessibility and Overlays (lev)13,434
accessibility, overlays
10 Interview Questions Every JavaScript Developer Should Know in 2024 (eri)13,433
interviewing, javascript, career, concepts, terminology
3 Terminal Commands to Increase Your Productivity13,432
command-line, productivity
Make Your Linux Terminal Enjoyable to Use13,431
unix-like, command-line, shells, oh-my-zsh
A Comprehensive Guide to npm Workspaces and Monorepos13,430
guides, monorepos, npm, yarn, dependencies
What Are Types in TypeScript13,429
typescript, types
The Internet Is About to Get Weird Again (rol)13,428
web, social-media
Shadow DOM and the Problem of Encapsulation (nol)13,427
web-components, shadow-dom, dom, maintainability
React Is Slow, What to Do Now?13,426
react, performance
Installing Google Fonts as npm Packages (ami)13,425
installing, tooling, dependencies, google, fonts
The Ultimate Mobile Accessibility Resource Guide (ste)13,424
guides, accessibility, link-lists
WCAG 2: Guidelines and Guardrails (yat)13,423
accessibility, wcag, guidelines
Top 7 CSS Frameworks in 2024 (wea)13,422
css, frameworks, tailwind, bootstrap, materialize, foundation, bulma, skeleton
Tools to Make Your Developer Experience Better in PHP (ami)13,421
tooling, developer-experience, php, link-lists
React Server Components: The Good, the Bad, and the Ugly (may)13,420
react, components
Making a Weblog With Eleventy13,419
eleventy, blogging
Let’s Bring Back JavaScript’s “with()” Statement (mac)13,418
javascript
2.5.8: Adversarial Conformance (aar)13,417
accessibility, wcag, compliance
Incident: Mitigate, Learn (j9t)13,416
processes, incident-response, learning, quality
Privacy Sandbox: Preparing for the End of 3rd-Party Cookies13,415
privacy, cookies, support, google
What the Heck Is a Homomorphic Mapped Type?13,414
typescript
Making Sense of “Senseless” JavaScript Features (mon)13,413
javascript
Inspecting WCAG 2.2: Accessible Authentication13,412
videos, accessibility, wcag, standards, authentication
Government Not Meeting Minimum Accessibility Standards on Federal Websites, GSA Report Finds13,411
accessibility, compliance, legal
Announcing Vue 3.4 (eva/vue)13,410
vuejs, release-notes
CSS-in-JS Approach: Advantages, Disadvantages, and Use Cases13,409
css-in-js, css, javascript
The New Old: Jamstack and MACH’s Journey Towards Traditional CMS Concepts (dri)13,408
tech-stacks, jamstack, content-management
Server and Client Component—Next.js (fro)13,407
nextjs, react, components
I Made JSX for Lua (Because I Hate Static Sites)13,406
jsx, lua
HTML Validation—Pros and Cons13,405
html, conformance
Future of Storybook in 2024 (shi/sto)13,404
outlooks, storybook
Frontend Predictions for 2024 (shi)13,403
retrospectives, outlooks
Everything You Need to Know About Responsive Logo Design (web)13,402
design, branding, images, logos, responsive-design
Every Container Queries Demo Is a Card (chr)13,401
css, container-queries
JS Design Patterns: A Comprehensive Guide13,400
guides, javascript, software-design-patterns
I Built the Same App 7 Times: Which JS Framework Is Best?13,399
javascript, frameworks, comparisons
CSS Wishlist13,398
css, wish-lists
Coding Challenges 2024: What’s Your New Year’s Resolution? (the)13,397
discussions, community
Measuring, Monitoring, and Optimizing TTFB With Server Timing (per)13,396
performance, monitoring, optimization, apis, time
Container Style Queries (mat/5t3)13,395
css, container-queries, style-queries
Never Underestimate HTML (lar/mat)13,394
html, user-experience, developer-experience
Why AI Is a Disaster for the Climate (the)13,393
ai, sustainability
The Devil Is in the Details: A Look Into a Disclosure Widget Markup (its/mat)13,392
html, disclosure-widgets, css, javascript
Session-Based vs. Token-Based Authentication: Which Is Better?13,391
authentication, json-web-tokens, comparisons, security
Responsive SVGs (nil/5t3)13,390
svg, images, responsive-design
Polypane Review: Best Browser for Web Developers?13,389
polypane, browsers, tooling
CSS-Based State Management (may)13,388
css, state-management
Custom Mouse Hover Effect With JavaScript13,387
javascript, effects, hover
WCAG 2.1 Developer Tips: Character Key Shortcuts and Label in Name (mni)13,386
accessibility, tips-and-tricks, wcag, keyboard-navigation, keyboard-shortcuts, labels
The View Transitions API and Delightful UI Animations (cod/sma)13,385
css, animations, view-transitions, apis
GitHub Copilot: Tips and Tricks for Flutter Devs13,384
github-copilot, ai, flutter, dart, tips-and-tricks
FileReader API (cla/5t3)13,383
apis, javascript, file-handling
Best Practices for Coding With AI in 202413,382
ai, best-practices
ARIA Live Regions (mat)13,381
aria, live-regions, accessibility
Turn Your Vue App Into an Offline-Ready Progressive Web App13,380
vuejs, refactoring, offline, progressive-web-apps
Debugging Fetch Priority (jec+)13,379
videos, debugging, performance, web-vitals, apis
Cool Wiggly Hover Animation With CSS (ami)13,378
css, animations, effects, hover
The Top Accessibility Errors Found in 2023 (tpg)13,377
accessibility, conformance, quality, errors, retrospectives
The State of Benchmarking in Node.js13,376
nodejs, performance, metrics
The Implied Web (hws/mat)13,375
html, accessibility, semantics
The Complete Playwright Cheatsheet13,374
cheat-sheets, playwright, testing
Scroll-Driven Animations (mic/5t3)13,373
animations, scrolling, css
Screen Reader Users and the Tab Key (tem)13,372
accessibility, screen-readers, keyboard-navigation, testing
Recapturing Early-Internet Whimsy With HTML (tec)13,371
html, trends, design, art, decoration
JavaScript Frameworks—Heading Into 2024 (rya/thi)13,370
javascript, frameworks, outlooks
“HTML First” Is Not HTML First (j9t)13,369
html, principles, quality, craft
CSS Scope Issues (kiz)13,368
css, scope
Container Queries and Units (zac/fro)13,367
css, container-queries, units
2023 Digital Accessibility Year in Review (tpg)13,366
accessibility, retrospectives
Clean Architecture: Theming With Tailwind and CSS Variables13,365
theming, tailwind, custom-properties, css
Are We Too Pedantic With Semantic (dis)13,364
design, design-tokens, semantics
The Golden Rule of Web Performance and Different Performance Engineering Specializations (per)13,363
principles, performance
10 Best Practices for Secure Code Review of Node.js Code13,362
best-practices, security, code-reviews, nodejs
Release Notes for Safari Technology Preview 185 (jon/web)13,361
release-notes, browsers, apple, safari
New CSS Viewport Units Do Not Solve the Classic Scrollbar Problem (sim/sma)13,360
viewport, css, units, scrolling
Locking Scroll With “:has()” (rob)13,359
css, selectors, scrolling
CSS Nesting (kil/5t3)13,358
css, nesting
Classes vs. Prototypes in JavaScript (cfe)13,357
javascript, prototypes, comparisons
New to the Web Platform in December (rac)13,356
release-notes, web-platform, browsers, mozilla, firefox, google, chrome, apple, safari
Using the CSS “contain” Property: A Deep Dive (log)13,355
deep-dives, css, containment
See What’s New in Firefox [121.0] (moz)13,354
release-notes, browsers, mozilla, firefox
We Can :has It All (hex)13,353
css, selectors, browsers, support
View Transitions (hui/5t3)13,352
css, javascript, view-transitions
Reflow Red Flags (tpg)13,351
accessibility, reflow, testing
Practical “img” Element Defaults (zor/css)13,350
videos, css, images
Experimental Chromium Web Platform Features (pol)13,349
overviews, experiments, web-platform, standards, chromium
Eigensolutions: Composability as the Antidote to Overfit (lea)13,348
product-management, processes
Border Images in CSS: A Key Focus Area for Interop 2023 (dip/mdn)13,347
images, borders, css, browsers, web-platform, interoperability
“align-content” in Block Layout (rac)13,346
css, layout, support, browsers
10 Ways to Speed Up JavaScript Loading13,345
javascript, performance, lazy-loading, minification, bundling, code-splitting, tree-shaking, modules, content-delivery, caching, compression, auditing
You Might Be Looking for HTML “article”, Not “section” (san)13,344
html, semantics
RLI (Recently Logged-In) Browser Cache Bypassing (tim/per)13,343
performance, caching, optimization
Good Design Is Subjective, Contextual, and Intentional13,342
design, processes
Think About Your Future Self13,341
accessibility
The Goldilocks Principle for Prototyping (nng)13,340
videos, principles, prototyping, usability
New JS Array Methods (cfe/5t3)13,339
javascript, arrays, methods
Zustand—Complete Tutorial (cos)13,338
videos, tutorials, zustand, state-management, libraries, react
The Road to HTMHell Is Paved With Semantics (pep/mat)13,337
html, semantics, quality
Thank You to Those Who Helped Me to Be the CSS Developer I Am Today13,336
career, community
React Props Explained With Examples13,335
react, props, examples
Making Data Visualizations Accessible (ons/tpg)13,334
accessibility, information-design
How to Center an Element in CSS Without Adding a Wrapper in HTML13,333
how-tos, centering, css, techniques
Building Components for Consumption, Not Complexity II (dis/sma)13,332
design-systems, components, figma
AI for Web Devs: AI Image Generation (aus)13,331
ai, tooling, images, automation
A Checklist for CLS Scenarios (per)13,330
checklists, performance, web-vitals
Revisiting Fundamentals—Semantic Lists for Improved Accessibility (mis/mat)13,329
fundamentals, semantics, html, accessibility
CSS “animation-composition” (tyl/5t3)13,328
css, animations
How GitHub Actions Versioning System Works (rob)13,327
github-actions, versioning, semver
Sharing a State Between Windows Without a Server13,326
web-workers, apis, state-management, effects, javascript
Naming Design Tokens: The Art of Clarity and Consistency13,325
design-tokens, naming, consistency
Web Components (may/5t3)13,324
web-components, html, shadow-dom, dom
Swallowing Camels (kol/mat)13,323
accessibility
HTML Can Do This?13,322
html
Baseline Does Not Really Cover Baseline Support (aar)13,321
browsers, support, web-platform, accessibility
CSS “@scope” (mia/5t3)13,320
css, scope
Who Stole My Largest Contentful Paint? (per)13,319
performance, web-vitals, optimization
The WordPress Showcase and Accessibility (joe)13,318
accessibility, wordpress
The Ghosts of Markup Past (tho/mat)13,317
html, web, history
Stop Normalizing Unprofessional Behaviour in the Name of Agility13,316
agile, processes, communication, community, professionalism
Managing Node.js Processes13,315
nodejs, tooling
Introducing JavaScript Support in MySQL13,314
introductions, databases, mysql, javascript, support
How We Reduced CSS Size and Improved Performance Across GOV.UK13,313
case-studies, css, performance, optimization
Crafting Effective Documentation13,312
documentation
Christmas Tree Animations Made With CSS and JS13,311
css, javascript, animations, effects, link-lists
V8 Is Faster and Safer Than Ever13,310
javascript-engines, v8, javascript, webassembly
Ten Optimisation Tips for an Initial Web Performance Audit (acc/per)13,309
tips-and-tricks, optimization, performance, auditing
Addressing Unconscious Bias in Developer Relations: Strategies for Creating Fair and Inclusive Experiences13,308
developer-relations, dei, community, strategies
The Unspoken Struggle of Aging in a Tech-Driven World13,307
accessibility, user-experience, web
The Financial Argument for Using an Outside Firm for Accessibility Remediation (kar)13,306
accessibility, economics
HTTP Keanu (sue)13,305
websites, http, protocols
How to Use ESM on the Web and in Node.js13,304
how-tos, esm, commonjs, modules, nodejs
Getting Started With Web Performance (acc/mat)13,303
introductions, performance, web-vitals, testing
Developer Toolkit13,302
websites, tooling, conversion, link-lists
Design Systems Teams: Understand Your Users So They Can Serve Theirs (deq)13,301
design-systems, leadership, collaboration, accessibility, user-experience
Announcing SvelteKit 2 (sve)13,300
release-notes, sveltekit
Anchor Positioning (kiz/5t3)13,299
css, anchor-positioning
6 Techniques for Conditional Rendering in React, With Examples13,298
techniques, react
Competing Against Internally Developed Tools13,297
tooling, processes
Why I Use Astro (fla)13,296
astro
What Vue’s Creator Learned the Hard Way With Vue 3 (low)13,295
vuejs, lessons
What Really Is Technical Debt?13,294
technical-debt, terminology, quality
The Best Go Tools to Use for Your Frontend Projects (fre)13,293
go, tooling, link-lists
Popover API (mrt/5t3)13,292
pop-overs, apis, css
My Accessibility Journey (web)13,291
accessibility, career
HTML: The Bad Parts (may/mat)13,290
html
How to Get Good at Competitive Programming13,289
how-tos, programming
CSS Scroll Snapping Aligned With Global Page Layout: A Full-Width Slider Case Study (uti/sma)13,288
sliders, css, scrolling, layout, case-studies
Add a Sitemap (sitemap.xml) for Your Eleventy Website (w3t)13,287
eleventy, sitemaps
Using Nodemon and Watch in Node.js for Live Restarts (cra)13,286
nodejs, tooling
Baseline 2023 (rac)13,285
browsers, support, web-platform
Extending Responsive Video With HTML Web Components (sco/per)13,284
multimedia, responsive-design, web-components, javascript
Can UX Design Actually Be Ethical?13,283
user-experience, design, ethics
Embrace the Platform (bra)13,282
web-platform, html, css, javascript, resilience, progressive-enhancement, craft
Using Date-Based CSS to Make Old Web Pages Look Old (ede)13,281
css, history
Three Modern CSS Properties Your Website Must Have13,280
css
Test-Driven HTML and Accessibility (mat)13,279
html, accessibility, testing, javascript
Engineering Progression for Humans (sop)13,278
career, engineering-management
Accessibility Overlays (eu)13,277
accessibility, overlays, metrics
Chrome Enables Desktop Mode by Default on Premium Tablets (pau)13,276
browsers, google, chrome, desktop
Why Designers Quit (2023 Report)13,275
design, career
WebKit Features in Safari 17.2 (jen+/web)13,274
release-notes, browsers, apple, safari, webkit
Video Subtitles, Captions, Audio Descriptions, and Transcripts (dar)13,273
accessibility, multimedia, captions
The “hidden” Attribute in HTML (mat)13,272
html, attributes
The “await” Event Horizon in JavaScript (fro)13,271
javascript, events
Screen Reader User Survey #10 (web)13,270
surveys, accessibility, screen-readers
Quantity Queries Are Very Easy With CSS “:has()” (chr/fro)13,269
css, selectors
Node.js, TypeScript, and ESM: It Doesn’t Have to Be Painful13,268
nodejs, typescript, esm
“innerHTML” vs. “innerText” vs. “textContent”—What's the Difference? (fre)13,267
dom, javascript, html, comparisons
Improve App Performance With Angular 17 “defer”13,266
videos, angular, performance, optimization
How to Enable Experimental CSS and JS Features in Chrome, Firefox, and Safari (zor/css)13,265
videos, how-tos, experiments, browsers, google, chrome, mozilla, firefox, apple, safari
Everything Is Chrome (val)13,264
browsers, history, browser-wars, chrome, google, browser-extensions, amp, link-lists
Developer Relations Is an All-Company Effort (bla)13,263
developer-relations, foss, community
Decoding Compound Tokens13,262
design-tokens, terminology
Building Components for Consumption, Not Complexity (dis/sma)13,261
design-systems, components, figma
Behavior Belongs in the HTML13,260
html, javascript, principles
Asynchronous JavaScript—How to Use Promises in Your JS Code (fre)13,259
how-tos, javascript, promises, asynchronicity
ARIA, the Good Parts (hdv/par)13,258
videos, accessibility, aria
Task Automation and Debugging With AI-Powered Tools13,257
automation, debugging, tooling, ai
A Perfectly Normal Amount of Tech Debt (max)13,256
technical-debt, maintenance
Template for Accessibility Guidelines (stv/mat)13,255
templates, accessibility, guidelines
Signals of Interface Quality13,254
design, quality
Potential Problems With Accessibility Audits and What to Do About Them (cer)13,253
accessibility, auditing, testing
How I Brought LCP Down to Under 350 ms for Google-Referred Users on My Website (paw)13,252
performance, web-vitals, optimization, case-studies
A List of JavaScript Engines, Runtimes, Interpreters13,251
javascript, javascript-engines, runtimes, link-lists
What the Slot? (dut/mat)13,250
web-components, dom, shadow-dom, html
Media Queries in HTML Video (aar)13,249
html, multimedia, css, media-queries, accessibility
Audit Your Site for Third-Party Cookies13,248
videos, auditing, cookies, privacy
Scroll Fading 101 (nng)13,247
scrolling, interaction-design, usability
Oh No! My JSON! (ton)13,246
css
Incorporating “Skip to Main Content” Links for Better Website Accessibility (a11)13,245
accessibility, skip-links
All Technical Debt Is a Risk to the Product and to Your Business13,244
technical-debt, quality, product-management, processes
React Performance Optimization13,243
react, performance, optimization
CSS Wrapped: 2023 (una+)13,242
css, browsers, support, interoperability, retrospectives
Why Chromium Cares About Standards13,241
chromium, standards, web-platform
The Shrinkwrap Problem: Possible Future Solutions (kiz)13,240
css
The Most Accessible Font13,239
accessibility, typography, legibility, fonts
The Last 5 Years of V8’s Garbage Collector (win)13,238
javascript, javascript-engines, v8, garbage-collection, concurrency, history
Stop Nesting Ternaries in JavaScript (phi)13,237
javascript, operators
Security Headers Using “<meta>” (sap/mat)13,236
security, csp, html
Release Notes for Safari Technology Preview 184 (jon/web)13,235
release-notes, browsers, apple, safari
Preparing for Interaction to Next Paint, a New Web Core Vital (geo/sma)13,234
performance, web-vitals, optimization
Is PHP Still a Viable Choice in 2023?13,233
discussions, php
Insights: Mobile Accessibility13,232
accessibility, research, metrics, mobile
CSS Snapshot 2023 (tab+/w3c)13,231
css, standards
Angular Signals: Complete Guide13,230
guides, angular, signals, examples
Accessibility-Specific Tech Requirements? It Depends!13,229
accessibility, processes
A Beginner’s Guide to Accessible Text (pop)13,228
guides, accessibility, content, writing, best-practices
Fine, I’ll Use a Super Basic CSS Processing Setup (chr/fro)13,227
css, sass, postcss, lightning-css, postprocessors
Understanding the New WCAG 2.2 Criteria13,226
accessibility, wcag
TypeScript’s Hidden Feature: Subtypes13,225
typescript
The Complete Puppeteer Cheatsheet13,224
puppeteer, cheat-sheets, chromium
Overview of Drupal13,223
overviews, drupal
HTML5 Boilerplate v9.0.0 Released13,222
release-notes, html5-boilerplate
Dark Design Patterns Catalog13,221
design, user-experience, dark-patterns
Custom Events in Web Components (cfe)13,220
web-components, events, javascript
Astro 4.0 (blu+)13,219
release-notes, astro
Scale Your React App With Storybook and Chromatic13,218
react, scalability, storybook
A Definition Update for Baseline (kad+)13,217
browsers, support, web-platform
Maglev—V8’s Fastest Optimizing JIT13,216
v8, optimization, browsers, google, chrome
Web Chat Accessibility Considerations (cra)13,215
accessibility, functionality, wcag, aria
The Hellish History of HTML: An Incomplete and Personal Account (cra/mat)13,214
html, history
“sizes=auto” Pretty Much Requires “width” and “height” Attributes (eee)13,213
html, attributes, images, maintainability
My 3 Rules for Documenting Code (wra)13,212
documentation, naming, processes
Blind CSS Exfiltration: Exfiltrate Unknown Web Pages13,211
css, security
Better Vue.js Inputs With Generics: The Select13,210
vuejs, generics, components
Baseline’s Evolution on MDN (pep/mdn)13,209
browsers, support, web-platform, documentation, mdn, case-studies
4 Dead Simple Ways of Customizing Bootstrap13,208
bootstrap, customization, css
10 Tips for Implementing Webflow On-Page SEO13,207
webflow, seo, tips-and-tricks
The State of UX in 2024: Enter Late-Stage UX (fab)13,206
user-experience, design, outlooks
Testing the Performance of Social Media Embeds (mic)13,205
performance, testing, embed-code, social-media
An Informed Pre-Caching Strategy for Large Sites (per)13,204
strategies, performance, caching
Why Carousels Don’t Work13,203
carousels, design, user-experience
The Pros and Cons of Using React Today13,202
react, frameworks
The Importance of User Feedback and Data in UX Design (uxm)13,201
user-experience, metrics
Pen, Paper, IDE: A DevTool Founder’s Early-Stage Product Design Guide (rom+/evi)13,200
guides, design, product-management, processes
Of Time and the Web (ada/btc)13,199
videos, web, processes, history
How Marketing Changed OOP in JavaScript (mon/sma)13,198
marketing, javascript, oop, software-design-patterns
CSS Media Query for Scripting Support (sea)13,197
css, media-queries, browsers, support
Color Psychology in Visual Design: A Practical Guide to Impacting User Behavior (uxm)13,196
guides, design, colors, tips-and-tricks
Back to Basics: 5 HTML Attributes for Improved Accessibility and User Experience (dni/mat)13,195
fundamentals, html, attributes, accessibility, user-experience
12 Important User-Interface Design Guidelines (uxm)13,194
guidelines, design, usability
100 Bucket List Ideas for Programmers13,193
career, learning
Choosing the Right Static Site Generator: A Comprehensive Comparison of Hugo, Jekyll, and Pelican13,192
site-generators, comparisons, hugo, jekyll
Is the Flat Design Trend Finally Over?13,191
design, flat-design, trends
The “form” Attribute—Enhancing Form Layout Flexibility (mat)13,190
forms, html, attributes
A More Holistic Design Workflow: Gluing Jira, Figma, and Zeplin Together13,189
design, processes, atlassian, figma
Fastest Way of Passing State to JavaScript, Re-Visited (kur/per)13,188
javascript, state-management, performance
You Don’t Need JavaScript for That (kil/mat)13,187
javascript
Let’s Learn How Modern JavaScript Frameworks Work by Building One (nol)13,186
javascript, frameworks, reactivity, rendering, dom
Create Dynamic Web Experiences With Interactive SVG Animations13,185
svg, images, animations, tooling
Does Web Design Matter?13,184
design, web
Debugging BFCache, Make Your Page Load Instantly (jec+)13,183
videos, performance, bfcache, browsers, google, chrome, dev-tools, debugging
Search vs. Browse13,182
user-experience, browsing, searching, comparisons
Deceptive Patterns in UX: How to Recognize and Avoid Them (nng)13,181
user-experience, dark-patterns
Web Development Advent Calendars for 2023 (aar)13,180
link-lists, learning
The UX of HTML (vas/mat)13,179
html, semantics, user-experience
Recovering Deleted Files From Your Git Working Tree (sma)13,178
git, command-line
I Replaced npm, Yarn, and nvm With pnpm (paw)13,177
dependencies, npm, yarn, pnpm, nvm
How to Use a Color Font (man)13,176
how-tos, fonts, css
CSS Relative Colors (luc/iod)13,175
css, colors
New to the Web Platform in November (rac)13,174
release-notes, web-platform, browsers, google, chrome, mozilla, firefox
Preparing for a Live Demo13,173
career
Not All Screen Reader Users Are Blind (tem)13,172
accessibility, user-experience, screen-readers
Node v21.3.0 (raf/nod)13,171
release-notes, nodejs
Is 2024 the Year of CSS Nesting? (jar/van)13,170
css, nesting
Firefox on the Brink? (bry)13,169
browsers, mozilla, firefox
Creating a Marquee Effect With CSS Animations13,168
css, animations, effects
Measure LCP Sub-Parts to Improve Largest Contentful Paint (mat/deb)13,167
performance, web-vitals, metrics