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