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 (17)

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

Entry (Sources) and TopicsDate#
Oh Shit Banners (eri)13,512
design, history
European Union Set to Revise Cookie Law, Admits Cookie Banners Are Annoying (tec)13,511
cookies, consent-management, legal
Worker Threads: Multitasking in NodeJS13,510
nodejs, worker-threads, multithreading, link-lists
The View Transitions API and Delightful UI Animations II (cod/sma)13,509
css, animations, view-transitions, apis
Stop Using Express.js13,508
express
Not All Automated Testing Tools Support Shadow DOM in Web Components (mat)13,507
accessibility, testing, automation, tooling, shadow-dom, dom, web-components
How to Set a Default Post Author in WordPress13,506
how-tos, wordpress
How to Make External Links Accessible (pop)13,505
how-tos, links, accessibility
BCD Watch (mey+/iga)13,504
websites, browsers, support, interoperability, web-platform
Are You Ignoring These 8 DevTools Features?13,503
videos, browsers, google, chrome, dev-tools, auditing, debugging
Agile Anti-Patterns That Can Harm UX13,502
agile, anti-patterns, user-experience, processes
The Best React Chart Libraries for Data Visualization in 202413,501
react, libraries, visualization, comparisons, link-lists
Top 30 JavaScript Interview Questions and Answers for 202513,500
javascript, interviewing
Top 30 JavaScript Interview Questions and Answers for 202413,499
javascript, interviewing
Mastering TypeScript: Looping With Types (ale)13,498
typescript
Understanding the Most Important HTTP Status Codes13,497
protocols, http
7 Predictions for Web Design in 2024 (web)13,496
design, outlooks
My Perspective: Digital Accessibility and Overlays (lev)13,495
accessibility, overlays
10 Interview Questions Every JavaScript Developer Should Know in 2024 (eri)13,494
interviewing, javascript, career, concepts, terminology
3 Terminal Commands to Increase Your Productivity13,493
command-line, productivity
Make Your Linux Terminal Enjoyable to Use13,492
unix-like, command-line, shells, oh-my-zsh
A Comprehensive Guide to npm Workspaces and Monorepos13,491
guides, monorepos, npm, yarn, dependencies
What Are Types in TypeScript13,490
typescript, types
The Internet Is About to Get Weird Again (rol)13,489
web, social-media
Shadow DOM and the Problem of Encapsulation (nol)13,488
web-components, shadow-dom, dom, maintainability
React Is Slow, What to Do Now?13,487
react, performance
Installing Google Fonts as npm Packages (ami)13,486
installing, tooling, dependencies, google, fonts
The Ultimate Mobile Accessibility Resource Guide (ste)13,485
guides, accessibility, link-lists
WCAG 2: Guidelines and Guardrails (yat)13,484
accessibility, wcag, guidelines
Top 7 CSS Frameworks in 2024 (wea)13,483
css, frameworks, tailwind, bootstrap, materialize, foundation, bulma, skeleton
Tools to Make Your Developer Experience Better in PHP (ami)13,482
tooling, developer-experience, php, link-lists
React Server Components: The Good, the Bad, and the Ugly (may)13,481
react, components
Making a Weblog With Eleventy13,480
eleventy, blogging
Let’s Bring Back JavaScript’s “with()” Statement (mac)13,479
javascript
2.5.8: Adversarial Conformance (aar)13,478
accessibility, wcag, compliance
Incident: Mitigate, Learn (j9t)13,477
processes, incident-response, learning, quality
Privacy Sandbox: Preparing for the End of 3rd-Party Cookies13,476
privacy, cookies, support, google
What the Heck Is a Homomorphic Mapped Type?13,475
typescript
Making Sense of “Senseless” JavaScript Features (mon)13,474
javascript
Inspecting WCAG 2.2: Accessible Authentication13,473
videos, accessibility, wcag, standards, authentication
Government Not Meeting Minimum Accessibility Standards on Federal Websites, GSA Report Finds13,472
accessibility, compliance, legal
Announcing Vue 3.4 (eva/vue)13,471
vuejs, release-notes
CSS-in-JS Approach: Advantages, Disadvantages, and Use Cases13,470
css-in-js, css, javascript
The New Old: Jamstack and MACH’s Journey Towards Traditional CMS Concepts (dri)13,469
tech-stacks, jamstack, content-management
Server and Client Component—Next.js (fro)13,468
nextjs, react, components
I Made JSX for Lua (Because I Hate Static Sites)13,467
jsx, lua
HTML Validation—Pros and Cons13,466
html, conformance
Future of Storybook in 2024 (shi/sto)13,465
outlooks, storybook
Frontend Predictions for 2024 (shi)13,464
retrospectives, outlooks
Everything You Need to Know About Responsive Logo Design (web)13,463
design, branding, images, logos, responsive-design
Every Container Queries Demo Is a Card (chr)13,462
css, container-queries
JS Design Patterns: A Comprehensive Guide13,461
guides, javascript, software-design-patterns
I Built the Same App 7 Times: Which JS Framework Is Best?13,460
javascript, frameworks, comparisons
CSS Wishlist13,459
css, wish-lists
Coding Challenges 2024: What’s Your New Year’s Resolution? (the)13,458
discussions, community
Measuring, Monitoring, and Optimizing TTFB With Server Timing (per)13,457
performance, monitoring, optimization, apis, time
Container Style Queries (mat/5t3)13,456
css, container-queries, style-queries
Never Underestimate HTML (lar/mat)13,455
html, user-experience, developer-experience
Why AI Is a Disaster for the Climate (the)13,454
ai, sustainability
The Devil Is in the Details: A Look Into a Disclosure Widget Markup (its/mat)13,453
html, disclosure-widgets, css, javascript
Session-Based vs. Token-Based Authentication: Which Is Better?13,452
authentication, json-web-tokens, comparisons, security
Responsive SVGs (nil/5t3)13,451
svg, images, responsive-design
Polypane Review: Best Browser for Web Developers?13,450
polypane, browsers, tooling
CSS-Based State Management (may)13,449
css, state-management
Custom Mouse Hover Effect With JavaScript13,448
javascript, effects, hover
WCAG 2.1 Developer Tips: Character Key Shortcuts and Label in Name (mni)13,447
accessibility, tips-and-tricks, wcag, keyboard-navigation, keyboard-shortcuts, labels
The View Transitions API and Delightful UI Animations (cod/sma)13,446
css, animations, view-transitions, apis
GitHub Copilot: Tips and Tricks for Flutter Devs13,445
github-copilot, ai, flutter, dart, tips-and-tricks
FileReader API (cla/5t3)13,444
apis, javascript, file-handling
Best Practices for Coding With AI in 202413,443
ai, best-practices
ARIA Live Regions (mat)13,442
aria, live-regions, accessibility
Turn Your Vue App Into an Offline-Ready Progressive Web App13,441
vuejs, refactoring, offline, progressive-web-apps
Debugging Fetch Priority (jec+)13,440
videos, debugging, performance, web-vitals, apis
Cool Wiggly Hover Animation With CSS (ami)13,439
css, animations, effects, hover
The Top Accessibility Errors Found in 2023 (tpg)13,438
accessibility, conformance, quality, errors, retrospectives
The State of Benchmarking in Node.js13,437
nodejs, performance, metrics
The Implied Web (hws/mat)13,436
html, accessibility, semantics
The Complete Playwright Cheatsheet13,435
cheat-sheets, playwright, testing
Scroll-Driven Animations (mic/5t3)13,434
animations, scrolling, css
Screen Reader Users and the Tab Key (tem)13,433
accessibility, screen-readers, keyboard-navigation, testing
Recapturing Early-Internet Whimsy With HTML (tec)13,432
html, trends, design, art, decoration
JavaScript Frameworks—Heading Into 2024 (rya/thi)13,431
javascript, frameworks, outlooks
“HTML First” Is Not HTML First (j9t)13,430
html, principles, quality, craft
CSS Scope Issues (kiz)13,429
css, scope
Container Queries and Units (zac/fro)13,428
css, container-queries, units
2023 Digital Accessibility Year in Review (tpg)13,427
accessibility, retrospectives
Clean Architecture: Theming With Tailwind and CSS Variables13,426
theming, tailwind, custom-properties, css
Are We Too Pedantic With Semantic (dis)13,425
design, design-tokens, semantics
The Golden Rule of Web Performance and Different Performance Engineering Specializations (per)13,424
principles, performance
10 Best Practices for Secure Code Review of Node.js Code13,423
best-practices, security, code-reviews, nodejs
Release Notes for Safari Technology Preview 185 (jon/web)13,422
release-notes, browsers, apple, safari
New CSS Viewport Units Do Not Solve the Classic Scrollbar Problem (sim/sma)13,421
viewport, css, units, scrolling
Locking Scroll With “:has()” (rob)13,420
css, selectors, scrolling
CSS Nesting (kil/5t3)13,419
css, nesting
Classes vs. Prototypes in JavaScript (cfe)13,418
javascript, prototypes, comparisons
New to the Web Platform in December (rac)13,417
release-notes, web-platform, browsers, mozilla, firefox, google, chrome, apple, safari
Using the CSS “contain” Property: A Deep Dive (log)13,416
deep-dives, css, containment
See What’s New in Firefox [121.0] (moz)13,415
release-notes, browsers, mozilla, firefox
We Can :has It All (hex)13,414
css, selectors, browsers, support
View Transitions (hui/5t3)13,413
css, javascript, view-transitions
Reflow Red Flags (tpg)13,412
accessibility, reflow, testing
Practical “img” Element Defaults (zor/css)13,411
videos, css, images
Experimental Chromium Web Platform Features (pol)13,410
overviews, experiments, web-platform, standards, chromium
Eigensolutions: Composability as the Antidote to Overfit (lea)13,409
product-management, processes
Border Images in CSS: A Key Focus Area for Interop 2023 (dip/mdn)13,408
images, borders, css, browsers, web-platform, interoperability
“align-content” in Block Layout (rac)13,407
css, layout, support, browsers
10 Ways to Speed Up JavaScript Loading13,406
javascript, performance, lazy-loading, minification, bundling, code-splitting, tree-shaking, modules, content-delivery, caching, compression, auditing
Good Design Is Subjective, Contextual, and Intentional13,405
design, processes
You Might Be Looking for HTML “article”, Not “section” (san)13,404
html, semantics
RLI (Recently Logged-In) Browser Cache Bypassing (tim/per)13,403
performance, caching, optimization
Think About Your Future Self13,402
accessibility
The Goldilocks Principle for Prototyping (nng)13,401
videos, principles, prototyping, usability
New JS Array Methods (cfe/5t3)13,400
javascript, arrays, methods
Zustand—Complete Tutorial (cos)13,399
videos, tutorials, zustand, state-management, libraries, react
The Road to HTMHell Is Paved With Semantics (pep/mat)13,398
html, semantics, quality
Thank You to Those Who Helped Me to Be the CSS Developer I Am Today13,397
career, community
React Props Explained With Examples13,396
react, props, examples
Making Data Visualizations Accessible (ons/tpg)13,395
accessibility, information-design
How to Center an Element in CSS Without Adding a Wrapper in HTML13,394
how-tos, centering, css, techniques
Building Components for Consumption, Not Complexity II (dis/sma)13,393
design-systems, components, figma
AI for Web Devs: AI Image Generation (aus)13,392
ai, tooling, images, automation
A Checklist for CLS Scenarios (per)13,391
checklists, performance, web-vitals
Revisiting Fundamentals—Semantic Lists for Improved Accessibility (mis/mat)13,390
fundamentals, semantics, html, accessibility
CSS “animation-composition” (tyl/5t3)13,389
css, animations
Naming Design Tokens: The Art of Clarity and Consistency13,388
design-tokens, naming, consistency
How GitHub Actions Versioning System Works (rob)13,387
github-actions, versioning, semver
Sharing a State Between Windows Without a Server13,386
web-workers, apis, state-management, effects, javascript
Web Components (may/5t3)13,385
web-components, html, shadow-dom, dom
Swallowing Camels (kol/mat)13,384
accessibility
HTML Can Do This?13,383
html
Baseline Does Not Really Cover Baseline Support (aar)13,382
browsers, support, web-platform, accessibility
CSS “@scope” (mia/5t3)13,381
css, scope
Who Stole My Largest Contentful Paint? (per)13,380
performance, web-vitals, optimization
The WordPress Showcase and Accessibility (joe)13,379
accessibility, wordpress
The Ghosts of Markup Past (tho/mat)13,378
html, web, history
Stop Normalizing Unprofessional Behaviour in the Name of Agility13,377
agile, processes, communication, community, professionalism
Managing Node.js Processes13,376
nodejs, tooling
Introducing JavaScript Support in MySQL13,375
introductions, databases, mysql, javascript, support
How We Reduced CSS Size and Improved Performance Across GOV.UK13,374
case-studies, css, performance, optimization
Crafting Effective Documentation13,373
documentation
Christmas Tree Animations Made With CSS and JS13,372
css, javascript, animations, effects, link-lists
The Unspoken Struggle of Aging in a Tech-Driven World13,371
accessibility, user-experience, web
V8 Is Faster and Safer Than Ever13,370
javascript-engines, v8, javascript, webassembly
Ten Optimisation Tips for an Initial Web Performance Audit (acc/per)13,369
tips-and-tricks, optimization, performance, auditing
Addressing Unconscious Bias in Developer Relations: Strategies for Creating Fair and Inclusive Experiences13,368
developer-relations, dei, community, strategies
The Financial Argument for Using an Outside Firm for Accessibility Remediation (kar)13,367
accessibility, economics
HTTP Keanu (sue)13,366
websites, http, protocols
How to Use ESM on the Web and in Node.js13,365
how-tos, esm, commonjs, modules, nodejs
Getting Started With Web Performance (acc/mat)13,364
introductions, performance, web-vitals, testing
Developer Toolkit13,363
websites, tooling, conversion, link-lists
Design Systems Teams: Understand Your Users So They Can Serve Theirs (deq)13,362
design-systems, leadership, collaboration, accessibility, user-experience
Announcing SvelteKit 2 (sve)13,361
release-notes, sveltekit
Anchor Positioning (kiz/5t3)13,360
css, anchor-positioning
What Vue’s Creator Learned the Hard Way With Vue 3 (low)13,359
vuejs, lessons
6 Techniques for Conditional Rendering in React, With Examples13,358
techniques, react
Competing Against Internally Developed Tools13,357
tooling, processes
Why I Use Astro (fla)13,356
astro
What Really Is Technical Debt?13,355
technical-debt, terminology, quality
The Best Go Tools to Use for Your Frontend Projects (fre)13,354
go, tooling, link-lists
Popover API (mrt/5t3)13,353
pop-overs, apis, css
My Accessibility Journey (web)13,352
accessibility, career
HTML: The Bad Parts (may/mat)13,351
html
How to Get Good at Competitive Programming13,350
how-tos, programming
CSS Scroll Snapping Aligned With Global Page Layout: A Full-Width Slider Case Study (uti/sma)13,349
sliders, css, scrolling, layout, case-studies
Add a Sitemap (sitemap.xml) for Your Eleventy Website (w3t)13,348
eleventy, sitemaps
Can UX Design Actually Be Ethical?13,347
user-experience, design, ethics
Using Nodemon and Watch in Node.js for Live Restarts (cra)13,346
nodejs, tooling
Baseline 2023 (rac)13,345
browsers, support, web-platform
Extending Responsive Video With HTML Web Components (sco/per)13,344
multimedia, responsive-design, web-components, javascript
Embrace the Platform (bra)13,343
web-platform, html, css, javascript, resilience, progressive-enhancement, craft
Using Date-Based CSS to Make Old Web Pages Look Old (ede)13,342
css, history
Three Modern CSS Properties Your Website Must Have13,341
css
Test-Driven HTML and Accessibility (mat)13,340
html, accessibility, testing, javascript
Engineering Progression for Humans (sop)13,339
career, engineering-management
Accessibility Overlays (eu)13,338
accessibility, overlays, metrics
Why Designers Quit (2023 Report)13,337
design, career
Chrome Enables Desktop Mode by Default on Premium Tablets (pau)13,336
browsers, google, chrome, desktop
WebKit Features in Safari 17.2 (jen+/web)13,335
release-notes, browsers, apple, safari, webkit
Video Subtitles, Captions, Audio Descriptions, and Transcripts (dar)13,334
accessibility, multimedia, captions
The “hidden” Attribute in HTML (mat)13,333
html, attributes
The “await” Event Horizon in JavaScript (fro)13,332
javascript, events
Screen Reader User Survey #10 (web)13,331
surveys, accessibility, screen-readers
Quantity Queries Are Very Easy With CSS “:has()” (chr/fro)13,330
css, selectors
Node.js, TypeScript, and ESM: It Doesn’t Have to Be Painful13,329
nodejs, typescript, esm
“innerHTML” vs. “innerText” vs. “textContent”—What's the Difference? (fre)13,328
dom, javascript, html, comparisons
Improve App Performance With Angular 17 “defer”13,327
videos, angular, performance, optimization
How to Enable Experimental CSS and JS Features in Chrome, Firefox, and Safari (zor/css)13,326
videos, how-tos, experiments, browsers, google, chrome, mozilla, firefox, apple, safari
Everything Is Chrome (val)13,325
browsers, history, browser-wars, chrome, google, browser-extensions, amp, link-lists
Developer Relations Is an All-Company Effort (bla)13,324
developer-relations, foss, community
Decoding Compound Tokens13,323
design-tokens, terminology
Building Components for Consumption, Not Complexity (dis/sma)13,322
design-systems, components, figma
Behavior Belongs in the HTML13,321
html, javascript, principles
Asynchronous JavaScript—How to Use Promises in Your JS Code (fre)13,320
how-tos, javascript, promises, asynchronicity
ARIA, the Good Parts (hdv/par)13,319
videos, accessibility, aria
Task Automation and Debugging With AI-Powered Tools13,318
automation, debugging, tooling, ai
A Perfectly Normal Amount of Tech Debt (max)13,317
technical-debt, maintenance
Template for Accessibility Guidelines (stv/mat)13,316
templates, accessibility, guidelines
Signals of Interface Quality13,315
design, quality
Potential Problems With Accessibility Audits and What to Do About Them (cer)13,314
accessibility, auditing, testing
How I Brought LCP Down to Under 350 ms for Google-Referred Users on My Website (paw)13,313
performance, web-vitals, optimization, case-studies
A List of JavaScript Engines, Runtimes, Interpreters13,312
javascript, javascript-engines, runtimes, link-lists
What the Slot? (dut/mat)13,311
web-components, dom, shadow-dom, html
Media Queries in HTML Video (aar)13,310
html, multimedia, css, media-queries, accessibility
Audit Your Site for Third-Party Cookies13,309
videos, auditing, cookies, privacy
Scroll Fading 101 (nng)13,308
scrolling, interaction-design, usability
Oh No! My JSON! (ton)13,307
css
Incorporating “Skip to Main Content” Links for Better Website Accessibility (a11)13,306
accessibility, skip-links
All Technical Debt Is a Risk to the Product and to Your Business13,305
technical-debt, quality, product-management, processes
React Performance Optimization13,304
react, performance, optimization
CSS Wrapped: 2023 (una+)13,303
css, browsers, support, interoperability, retrospectives
Why Chromium Cares About Standards13,302
chromium, standards, web-platform
The Shrinkwrap Problem: Possible Future Solutions (kiz)13,301
css
The Most Accessible Font13,300
accessibility, typography, legibility, fonts
The Last 5 Years of V8’s Garbage Collector (win)13,299
javascript, javascript-engines, v8, garbage-collection, concurrency, history
Stop Nesting Ternaries in JavaScript (phi)13,298
javascript, operators
Security Headers Using “<meta>” (sap/mat)13,297
security, csp, html
Release Notes for Safari Technology Preview 184 (jon/web)13,296
release-notes, browsers, apple, safari
Preparing for Interaction to Next Paint, a New Web Core Vital (geo/sma)13,295
performance, web-vitals, optimization
Is PHP Still a Viable Choice in 2023?13,294
discussions, php
Insights: Mobile Accessibility13,293
accessibility, research, metrics, mobile
CSS Snapshot 2023 (tab+/w3c)13,292
css, standards
Angular Signals: Complete Guide13,291
guides, angular, signals, examples
Accessibility-Specific Tech Requirements? It Depends!13,290
accessibility, processes
A Beginner’s Guide to Accessible Text (pop)13,289
guides, accessibility, content, writing, best-practices
Fine, I’ll Use a Super Basic CSS Processing Setup (chr/fro)13,288
css, sass, postcss, lightning-css, postprocessors
Understanding the New WCAG 2.2 Criteria13,287
accessibility, wcag
TypeScript’s Hidden Feature: Subtypes13,286
typescript
The Complete Puppeteer Cheatsheet13,285
puppeteer, cheat-sheets, chromium
Overview of Drupal13,284
overviews, drupal
HTML5 Boilerplate v9.0.0 Released13,283
release-notes, html5-boilerplate
Dark Design Patterns Catalog13,282
design, user-experience, dark-patterns
Custom Events in Web Components (cfe)13,281
web-components, events, javascript
Astro 4.0 (blu+)13,280
release-notes, astro
Scale Your React App With Storybook and Chromatic13,279
react, scalability, storybook
A Definition Update for Baseline (kad+)13,278
browsers, support, web-platform
Maglev—V8’s Fastest Optimizing JIT13,277
v8, optimization, browsers, google, chrome
Web Chat Accessibility Considerations (cra)13,276
accessibility, functionality, wcag, aria
The Hellish History of HTML: An Incomplete and Personal Account (cra/mat)13,275
html, history
“sizes=auto” Pretty Much Requires “width” and “height” Attributes (eee)13,274
html, attributes, images, maintainability
My 3 Rules for Documenting Code (wra)13,273
documentation, naming, processes
Blind CSS Exfiltration: Exfiltrate Unknown Web Pages13,272
css, security
Better Vue.js Inputs With Generics: The Select13,271
vuejs, generics, components
Baseline’s Evolution on MDN (pep/mdn)13,270
browsers, support, web-platform, documentation, mdn, case-studies
4 Dead Simple Ways of Customizing Bootstrap13,269
bootstrap, customization, css
The Pros and Cons of Using React Today13,268
react, frameworks
The Importance of User Feedback and Data in UX Design (uxm)13,267
user-experience, metrics
The State of UX in 2024: Enter Late-Stage UX (fab)13,266
user-experience, design, outlooks
10 Tips for Implementing Webflow On-Page SEO13,265
webflow, seo, tips-and-tricks
Testing the Performance of Social Media Embeds (mic)13,264
performance, testing, embed-code, social-media
An Informed Pre-Caching Strategy for Large Sites (per)13,263
strategies, performance, caching
Why Carousels Don’t Work13,262
carousels, design, user-experience
Pen, Paper, IDE: A DevTool Founder’s Early-Stage Product Design Guide (rom+/evi)13,261
guides, design, product-management, processes
Of Time and the Web (ada/btc)13,260
videos, web, processes, history
How Marketing Changed OOP in JavaScript (mon/sma)13,259
marketing, javascript, oop, software-design-patterns
CSS Media Query for Scripting Support (sea)13,258
css, media-queries, browsers, support
Color Psychology in Visual Design: A Practical Guide to Impacting User Behavior (uxm)13,257
guides, design, colors, tips-and-tricks
Back to Basics: 5 HTML Attributes for Improved Accessibility and User Experience (dni/mat)13,256
fundamentals, html, attributes, accessibility, user-experience
12 Important User-Interface Design Guidelines (uxm)13,255
guidelines, design, usability
100 Bucket List Ideas for Programmers13,254
career, learning
Is the Flat Design Trend Finally Over?13,253
design, flat-design, trends
Choosing the Right Static Site Generator: A Comprehensive Comparison of Hugo, Jekyll, and Pelican13,252
site-generators, comparisons, hugo, jekyll
The “form” Attribute—Enhancing Form Layout Flexibility (mat)13,251
forms, html, attributes
A More Holistic Design Workflow: Gluing Jira, Figma, and Zeplin Together13,250
design, processes, atlassian, figma
Fastest Way of Passing State to JavaScript, Re-Visited (kur/per)13,249
javascript, state-management, performance
You Don’t Need JavaScript for That (kil/mat)13,248
javascript
Let’s Learn How Modern JavaScript Frameworks Work by Building One (nol)13,247
javascript, frameworks, reactivity, rendering, dom
Create Dynamic Web Experiences With Interactive SVG Animations13,246
svg, images, animations, tooling
Does Web Design Matter?13,245
design, web
Debugging BFCache, Make Your Page Load Instantly (jec+)13,244
videos, performance, bfcache, browsers, google, chrome, dev-tools, debugging
Search vs. Browse13,243
user-experience, browsing, searching, comparisons
Deceptive Patterns in UX: How to Recognize and Avoid Them (nng)13,242
user-experience, dark-patterns
Web Development Advent Calendars for 2023 (aar)13,241
link-lists, learning
The UX of HTML (vas/mat)13,240
html, semantics, user-experience
Recovering Deleted Files From Your Git Working Tree (sma)13,239
git, command-line
I Replaced npm, Yarn, and nvm With pnpm (paw)13,238
dependencies, npm, yarn, pnpm, nvm
How to Use a Color Font (man)13,237
how-tos, fonts, css
CSS Relative Colors (luc/iod)13,236
css, colors
New to the Web Platform in November (rac)13,235
release-notes, web-platform, browsers, google, chrome, mozilla, firefox
Preparing for a Live Demo13,234
career
Not All Screen Reader Users Are Blind (tem)13,233
accessibility, user-experience, screen-readers
Node v21.3.0 (raf/nod)13,232
release-notes, nodejs
Is 2024 the Year of CSS Nesting? (jar/van)13,231
css, nesting
Firefox on the Brink? (bry)13,230
browsers, mozilla, firefox
Creating a Marquee Effect With CSS Animations13,229
css, animations, effects
Measure LCP Sub-Parts to Improve Largest Contentful Paint (mat/deb)13,228
performance, web-vitals, metrics
Design That Scales13,227
books, design, design-systems, scalability, processes
Hide and Debug Empty Elements With CSS (mic)13,226
css
Alternative Frontends13,225
web, censorship
CSS: BEM or Atomic Design13,224
css, bem, atomic-design, comparisons
Testing in Production With Canary Deployments: A How-To Guide13,223
guides, testing, deploying
Fetch API, Do You Really Know How to Handle Errors?13,222
data-fetching, apis, errors
CSS Modules (fro)13,221
css, modules, scope, examples
How to Use the File System in Node.js (cra)13,220
how-tos, file-handling, nodejs, apis
The Difference Between Nesting an “@layer” in “@media” and “@container” Query (mat)13,219
videos, css, media-queries, container-queries, comparisons
Kirby 4 (mau)13,218
kirby
Oh No, Overflow! (mic)13,217
css, overflow, layout
Care Beyond Code: 7 Best Design Practices for Frontend Developers (tra/evi)13,216
design, best-practices
Accessing .env Files Natively With Node.js13,215
nodejs, environments
Resource Loading at the Cutting Edge (per)13,214
videos, performance
10 JavaScript Changes You Missed in 2023 (fir)13,213
videos, javascript, retrospectives
“An Accessible Website Won’t Be Beautiful”… Really?!13,212
design, aesthetics, accessibility
Kicking the Excessive JavaScript Habit (mic)13,211
javascript, performance, developer-experience, user-experience
Web Components Eliminate JavaScript Framework Lock-In (jak)13,210
web-components, javascript, frameworks, maintainability
The “hanging-punctuation” Property in CSS (chr)13,209
css, typography
Keyboard Accessibility Myths and WCAG (gra/tet)13,208
accessibility, keyboard-navigation, wcag, myths
How to Use Responsive HTML Video (…and Audio!) (sco)13,207
how-tos, responsive-design, html, multimedia
How to Use Chrome’s Accessibility Tree (pop)13,206
how-tos, accessibility, browsers, google, chrome
Checking the Type of a String in PHP (ami)13,205
php, strings
Burnout in the Digital Accessibility Field13,204
accessibility, career
Accessibility: A Practical Perspective (mat)13,203
accessibility
A Complete Guide to pnpm13,202
guides, pnpm, dependencies
Progressive Enhancement vs. Graceful Degradation: Approaches to Web Development13,201
progressive-enhancement, graceful-degradation, comparisons
OOP Design Patterns in JavaScript13,200
javascript, oop, software-design-patterns
“oklch()” Retains Perceived Lightness for Different Hue Angles (ste)13,199
css, functions, colors, oklch
Are Design Ethics Useless? (koo)13,198
design, ethics
Preventing Scroll “Bounce” With CSS (mic)13,197
css, scrolling
Accessibility Is Leadership (dav)13,196
accessibility, leadership
Design Systems Metrics—What I Have Learned Leading the [Design System] of the Biggest Edtech in Latin America13,195
design-systems, metrics, lessons
Weird HTML Hacks (ern)13,194
html, css, hacks, techniques, history
A Few Ways CSS Is Easier to Write in 2023 (geo/sma)13,193
css, techniques, comparisons
Measuring Long Animation Frames (LoAFs) in the Browser (mat/deb)13,192
animations, performance, apis, web-vitals
State of JavaScript 2023 (sac/dev)13,191
surveys, javascript
How to Test 3.3.7 Redundant Entry (tpg)13,190
how-tos, accessibility, testing, wcag
Choosing a Green Web Host (mic)13,189
hosting, sustainability
Top 10 Most Popular JavaScript Frameworks to Choose in 202413,188
javascript, frameworks, react, angular, vuejs, nodejs, express, meteor, nextjs, emberjs, backbone, svelte
Vue and Vite Status Update (eva)13,187
videos, vuejs, vite
The Elevator Pitch for Web Components (cfe)13,186
web-components, html, dom
Test Often to Keep Your Designs Simple13,185
design, prototyping, testing, simplicity
Shadow DOM Is for Hiding Your Shame13,184
shadow-dom, dom, web-components, html
Psychology of Speed: A Guide to Perceived Performance (fox/cal)13,183
guides, performance, user-experience
Browsers Only Update “:target” on Page Load and During Fragment Navigation (sim)13,182
css, selectors
Why We Don’t Like TDD: A Developer’s Perspective13,181
testing, processes
The Unbearable Weight of Massive JavaScript (rya/per)13,180
videos, javascript, frameworks, performance
URL Parser Performance (bag)13,179
urls, parsing, performance
The Tension and Future of Jamstack (zac)13,178
tech-stacks, jamstack
PHP Attributes in Laravel13,177
php, laravel, attributes
Easy Introduction to Variables and Data Types in Programming for Beginners (ara)13,176
introductions, variables, types, programming
Demystifying Web Push Notifications13,175
notifications, javascript
An Interactive Guide to CSS Grid (jos)13,174
guides, css, grids, layout
Streams in Node.js13,173
nodejs, streaming, examples
SEO Writing: 12 Tips for Creating SEO-Optimized Content (sem)13,172
seo, writing, content, optimization, tips-and-tricks
What Are Webhooks and How to Use Them13,171
webhooks
Width and Height in CSS (jim)13,170
css
The 9 HTML Elements That Have an Attribute of the Same Name, or: The 9 Attributes That Have an Element of the Same Name (j9t)13,169
html, attributes
Navigating the Intersection of Brand Strategy and User Experience (uxm)13,168
branding, strategies, user-experience
Jimdo’s Engineering Guidelines13,167
guidelines, processes, collaboration, onboarding, case-studies
Inspecting WCAG 2.2: Target Size13,166
videos, accessibility, wcag, standards
How to Avoid Breaking Web Pages for Keyboard Users (tpg)13,165
how-tos, accessibility, keyboard-navigation
CSS4 Is Coming (Not a Clickbait) (zor/css)13,164
videos, css
Conducting a Content Audit to Improve Your Content (uxm)13,163
content, auditing, quality, optimization
Announcing TypeScript 5.3 (dan/typ)13,162
release-notes, typescript
Adding a CSS Playground to Your Astro Site With Svelte13,161
astro, svelte, css, functionality
Introduction to AWS—DynamoDB13,160
introductions, aws, dynamodb, databases
CSS Nesting UX in DevTools (sha)13,159
css, nesting, user-experience, developer-experience, browsers, dev-tools
CSS Nesting (sha)13,158
css, nesting
The CSS Property You Didn’t Know You Needed13,157
css
Skip PHPUnit Tests Conditionally in PHP (ami)13,156
php, testing
How Independent Publishing Has Changed From the 1990s Until Today13,155
history, writing, web
Comparison of Accessibility of E-Government Websites in Europe (cer)13,154
accessibility, case-studies, comparisons
An Attempted Taxonomy of Web Components (zac)13,153
web-components, html
26 Frontend Certifications for Web Developers13,152
training, career, link-lists
10 Great Websites to Learn Web Development (apo)13,151
link-lists, learning
Why You Should Curate, Not Create, a Design System13,150
design-systems, processes
Integrating MongoDB With Node.js13,149
mongodb, nodejs
5 Formatting Techniques for Long-Form Content (nng)13,148
usability, content, writing, formatting, techniques
Why Svelte?13,147
svelte, react, frameworks
Understanding Dev Dependencies in Web Development13,146
dependencies
“NODE_ENV=production” Is a Lie (mco)13,145
videos, nodejs, environments, optimization
HTML Web Components Are Just JavaScript? (mia/odd)13,144
web-components, javascript, html
10 Tips for Driving Design System Adoption (zer)13,143
design-systems, tips-and-tricks
Wasp Lang and Prisma ORM: A New Era in Web Development (pri)13,142
videos, wasp, prisma, orm
Using Chrome’s Accessibility Tree for Manual Testing of HTML and ARIA (rus)13,141
videos, browsers, google, chrome, dev-tools, accessibility, testing, html, aria
How to Use Node.js With Docker (cra)13,140
how-tos, nodejs, docker
Until the Right Design Emerges…13,139
design
Vite 5.0 Is Out (vit)13,138
release-notes, vite
The Node.js Event Loop (mco/pla)13,137
nodejs, event-loop, events
The Developer Job Market Is Insane—5 Tips on How to Survive13,136
career, interviewing, tips-and-tricks
The Best CSS Background Patterns for Your Next Project13,135
css, backgrounds
Getting Started With CSS Container Queries (mic/mdn)13,134
introductions, css, container-queries
Exclusive Accordions Exclude (yat)13,133
accessibility, html, accordions
Evolution of Visible Focus13,132
videos, accessibility, focus
4 Web Devs, 1 App Idea (whi+)13,131
videos, web-apps, case-studies
Introduction to LangChain13,130
introductions, langchain
Shattering the Design System: Unleashing the Creative Revolution (cre)13,129
design-systems, creativity, processes
Introducing N|Solid Copilot: Your AI-Powered Node.js Navigator (nod)13,128
introductions, nodejs, ai, tooling, nsolid
We Need to Have a Chat? I Think We Should Refactor13,127
design-systems, maintenance, refactoring
Optimizing Frontend Performance: Mastering Memoization, Throttling, and Debouncing13,126
performance, optimization, memoization, throttling, debouncing
Browsing the Eastern Side of the Personal Web13,125
web, community
Why Doesn’t AI Work for Producing Accessible Code? (ala)13,124
accessibility, code-generation, ai
Using Selectlist in React (kil/pol)13,123
react, forms
Release Notes for Safari Technology Preview 183 (jon/web)13,122
release-notes, browsers, apple, safari
Modular CSS and Different Ways to Structure Your Stylesheets (cfe)13,121
css, modules
Is It Worth Keeping Your CSS DRY—Pros and Cons13,120
css, maintainability, principles
How to Optimize MongoDB Performance for Node.js (app)13,119
how-tos, mongodb, optimization, nodejs
Biome—Unified Linting and Formatting Solution13,118
biome, configuration
About Subgrid and Colored Grid Lines (len)13,117
css, grids, layout
A Tip for Properly Handling Loading States in Web Apps (ray)13,116
tips-and-tricks, state-management, web-apps
A Guide to Low-Code No-Code in Software Development13,115
guides, low-and-no-code, concepts
Designing for Accessibility Beyond Compliance13,114
design, accessibility, compliance
What Is Transpiling in JavaScript?13,113
videos, javascript, ecmascript, transpiling, babel
Simplifying the E2E Selectors Hassle13,112
angular, typescript, testing
Node.js Monthly Downloads (mco)13,111
websites, nodejs, metrics
Letter and Spirit of Web Development (j9t)13,110
community, processes
How I Test a Website for Accessibility13,109
accessibility, testing
Exploring V8’s Strings: Implementation and Optimizations (ili)13,108
javascript, javascript-engines, v8, strings, optimization
Elevate Your CSS Debugging Skills With These Chrome DevTools Tricks in 2024 (uti)13,107
css, debugging, browsers, google, chrome, dev-tools
Cracking a “Developer Tools Killer” Script… (cod)13,106
browsers, dev-tools, debugging
Accessibility Testing With Chrome DevTools13,105
accessibility, testing, browsers, google, chrome, dev-tools
Monitoring Your Python App With AppSignal13,104
python, monitoring, tooling
Text With Media Background: Practical Solutions13,103
images, microcontent, readability, accessibility
Your Website’s URLs Can and Should Be Beautiful13,102
urls, usability
The Top WordPress Plugins Are… a Little Sad? (chr)13,101
wordpress, plugins
Prettier 3.1: New Experimental Ternaries Formatting and Angular Control Flow Syntax13,100
release-notes, prettier
Is It Time for You to Leave Social Media?13,099
social-media
Introducing the Website Carbon Rating System13,098
introductions, sustainability
HTML Web Components (jim)13,097
html, web-components
Growing Design by Letting Teams Experience It13,096
design
Designing Web Design Documentation (fre/sma)13,095
documentation, design, design-systems
Cascade Layers, CSS Functions, and More CSS With Miriam Suzanne (mia+/sho)13,094
podcasts, interviews, css, cascade, functions
A Coder Considers the Waning Days of the Craft13,093
craft, retrospectives, web
Java Memory Leaks: Detection and Prevention13,092
java, memory
The Nature of Digital Is Environmentally Destructive (ger)13,091
sustainability
HTML First13,090
websites, html, principles
Explaining Kubernetes to My Uber Driver13,089
architecture, kubernetes
Accessibility Training Can Sometimes Harm Accessibility (cer)13,088
accessibility, training
AI Is the New UI13,087
ai, design
Stop Using AI-Generated Images (mic)13,086
ai, images
NCSA Mosaic: How the First Mainstream Web Browser Changed the World Forever13,085
history, browsers, mosaic
Mastering Cryptography Fundamentals With Node’s “crypto” Module13,084
security, cryptography, nodejs
Lost in Translation: Tips for Multilingual Web Accessibility (ben)13,083
tips-and-tricks, accessibility, internationalization, localization
Do You Really Need to Validate Your HTML Code?13,082
discussions, html, conformance
What’s New in Angular 17 (rak)13,081
angular
How to Become a Better Programmer13,080
how-tos, programming, career
CSS Nesting Is Here (mic)13,079
css, nesting
Cookie Permissions 101 (nng)13,078
cookies, legal, user-experience
Set Up Your Redwood.js Environment: A Beginner’s Tutorial (sel)13,077
videos, tutorials, redwoodjs
Never Use “Scroll” Value for Overflow (kiz)13,076
css, overflow, scrolling
Creating Accessible UI Animations (sma)13,075
accessibility, animations
Concurrency in React 18 for Busy Bees (ole)13,074
react, concurrency
A Faster Web in 2024 (rvi)13,073
performance, web-vitals, metrics, web
CSS Nesting Relaxed Syntax Update (arg)13,072
css, nesting, browsers, google, chrome, support
NaN or Not a Number? (mic)13,071
javascript
Understanding HTML Landmarks and How to Apply Them (its/log)13,070
html, semantics, accessibility, aria
Modern Frontend Testing With Vitest, Storybook, and Playwright13,069
testing, vitest, storybook, playwright
HTML Web Components (ada)13,068
web-components, html, web-platform
How Long Until Your Website Is Accessible? (kar)13,067
accessibility, processes
Front End Devs Really Don’t Understand Accessibility (cfe)13,066
accessibility, craft
ES6 Features You Didn’t Know You Needed: A JavaScript Guide for Beginners13,065
guides, javascript
Effective Engineering Teams (add)13,064
collaboration, career, engineering-management
Can Bun Eat Node.js’s Lunch? Testing the Trendy Toolkit13,063
bun, nodejs, comparisons
How to Use Timeouts in Node.js (app)13,062
how-tos, time, nodejs, javascript
“@scope” (mdn)13,061
css, scope
Handling Null, Undefined, and Zero Values in JavaScript (mic)13,060
javascript
XML Basics for Computing13,059
fundamentals, xml
Secure Code Review Tips to Defend Against Vulnerable Node.js Code13,058
nodejs, security, code-reviews
Web Developers: Remarkably Untalented and Careless? (bal)13,057
quality, career, training
Using CSS “content-visibility” to Boost Your Rendering Performance (log)13,056
css, rendering, performance
Monolith to Microservices: 5 Strategies, Challenges, and Solutions13,055
monoliths, microservices, architecture, migrating, strategies
Introducing Angular v17 (mge/ang)13,054
introductions, release-notes, angular
Everything About SEO Is Obnoxious (chr)13,053
seo, quality, ethics
CSS Positioning Crash Course (zor/css)13,052
videos, crash-courses, css, positioning, layout
AVIF: Meet the Next Level Image File Format13,051
avif, images
React Router v6: A Beginner’s Guide13,050
guides, react, routing, react-router
Accessibility Training Will Not Save You (rei)13,049
accessibility, training, career, quality
How Core Web Vitals Saved Users 10,000 Years of Waiting for Web Pages to Load (add+)13,048
google, performance, user-experience, metrics
Headless Component: A Pattern for Composing React UIs (mfo)13,047
components, react, headless
Why We Need a “Green” Perf Metric (scr/per)13,046
videos, sustainability, performance, metrics
(Don’t) Mind the Gap (mic)13,045
css, layout
Addressing Accessibility Concerns With Using Fluid Type (sma)13,044
accessibility, responsive-design, liquid-design, css
How Miro Migrated Its Analytics Event Tracking System13,043
analytics, metrics, monitoring, migrating
Writing Components That Work in Any Frontend Framework (and)13,042
web-components, frameworks
Truly Semantic (don)13,041
design-tokens, semantics, naming
Surprising Facts About New CSS Selectors (spa/clo)13,040
css, selectors
Deploying a Vue Application With Netlify and GitHub13,039
deploying, vuejs, netlify, github
Creating Accessible Content in Drupal 1013,038
videos, drupal, accessibility
Cloudinary: The “Dramatic” Story of JPEG XL Support So Far (jon/com)13,037
jpeg-xl, images, support, browsers
Angular (ang)13,036
websites, angular
13 HTML Attributes You Should Know About13,035
html, attributes
How to Build a Server-Side React App Using Vite and Express13,034
how-tos, react, vite, express, server-side-rendering
Markdown to HTML in Seconds: Discovering mdhub (gli)13,033
markdown, html, conversion, tooling
Comparing MySQL, PostgreSQL, and MongoDB13,032
databases, mysql, postgresql, mongodb, comparisons
The Role of Prototyping in UX Design: From Wireframes to Interactive Mockups (uxm)13,031
user-experience, design, prototyping
Removing List Styles Without Affecting Semantics (mat)13,030
html, css, semantics, accessibility
How to Use npm Packages Outside of Node13,029
how-tos, npm, dependencies, javascript
GitLab CI Optimization: 15+ Tips for Faster Pipelines13,028
gitlab, ci-cd, optimization, tips-and-tricks, dev-ops
“git rebase”: What Can Go Wrong? (b0r)13,027
git
Default Layouts in 11ty (rem)13,026
eleventy
Understanding React Error Boundary13,025
react
To Hell With the Business Case (mat)13,024
accessibility, economics, legal
How Creating Content as a Developer Changed My Life13,023
career, learning
The Anatomy of an Accessible Button13,022
buttons, accessibility, aria, html
Understanding CORS13,021
security, cors
WCAG 2.2 Will Be a Part of EN 301 549 and With That a Part of WAD and EAA (cer)13,020
accessibility, wcag, standards, legal, eaa
Performance in React and Next.js13,019
videos, performance, react, nextjs
Messing About With CSS Gradients (mic)13,018
css, gradients
Workarounds for Buggy Gradients (kei)13,017
css, gradients, colors
Totally Remdom, or How Browsers Zoom Text (mat)13,016
accessibility, zooming, css, units, responsive-design
How to Do a TypeScript Conversion13,015
how-tos, javascript, typescript, migrating, conversion, refactoring
GitHub Copilot Now Generates AI Commit Messages (ami)13,014
github-copilot, ai, commit-messages
An Accessibility Bookmarklet for Testing 200% Text Size (ash)13,013
accessibility, testing, bookmarklets