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

→ 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#
Understanding the JavaScript Modulo Operator (jos)12,577
javascript, math
Node.js: A Guide to Native .env Support and Local Development12,576
guides, nodejs, environments
Git: Don’t Create .gitkeep Files, Use .gitignore Instead (ada)12,575
git
Arrow Functions vs. Traditional Functions in JavaScript (cfe)12,574
videos, javascript, functions, comparisons
A (More) Modern CSS Reset (bel)12,573
css, resets
1-Minute CSS Tip: Accent Colors (alv)12,572
tips-and-tricks, css, forms
Expanding Your Touch Targets (stu)12,571
accessibility, usability, user-experience, touch
Accessibility and Inclusivity: Study Guide (nng)12,570
guides, accessibility, dei, training, link-lists
Why Not React?12,569
react
The JS Community on Twitter Is Dead (hbu)12,568
social-media, community, javascript
Sustainability and Tech and Us (j9t)12,567
sustainability, performance, minimalism, principles
How UnoCSS Works Internally With Vite?12,566
unocss, vite
How to Make a Strong Case for Accessibility (vit/sma)12,565
how-tos, accessibility, communication
Expert CSS: The CPU Hack12,564
css, custom-properties
Solved by CSS Scroll-Driven Animations: Detect if an Element Can Scroll or Not (bra)12,563
css, scrolling, animations
Writing Clean Code: Best Practices and Principles12,562
javascript, best-practices, principles, conventions, formatting, maintainability
Bun Hype: How We Learned Nothing From Yarn12,561
bun, yarn, dependencies, history
Securing Your Node.js Apps by Analyzing Real-World Command Injection Examples12,560
nodejs, security, history, examples
Whataboutism (col)12,559
accessibility
What Makes Some Interruptions More Disruptive Than Others?12,558
research, productivity, efficiency, career
Revealing Images With CSS Mask Animations (css/sma)12,557
css, animations, techniques
Submit Your Proposals for Interop 2024 (foo+)12,556
interoperability, web-platform, browsers, support
Why Is Creativity So Blurry, and Am I Creative?12,555
creativity, design, career
v0.dev12,554
websites, components, tooling, ai, react, tailwind
JavaScript Is Getting Array Grouping Methods (phi)12,553
javascript, arrays, methods
View Transition Debugging (jaf)12,552
videos, view-transitions, apis, debugging
The 5 Principles of Unit Testing12,551
principles, testing, quality
The 10ish Tools I Install on Every New Mac I Get (j9t)12,550
tooling, apple, link-lists
The 10 Tools I Install on Every New Mac I Get (cod)12,549
tooling, apple, link-lists
Incremental Static Regeneration for Angular (ang)12,548
angular, incremental-static-regeneration
How to Actually Integrate Angular and NestJS (pol)12,547
how-tos, angular, nestjs
How Custom Property Values Are Computed (5t3)12,546
css, custom-properties
Documentation Is a Living Thing: How We Talk Informs What We Make12,545
documentation, communication, collaboration
Why I Quit Open Source (sap)12,544
foss, community, career
Why Drupal 10 (man)12,543
videos, drupal
Use Cases for IIFEs12,542
javascript
Multi-Page Web Apps (ada)12,541
web-apps, multi-page-apps, user-experience
How to Set Up Personal OKRs12,540
how-tos, processes, okr, prioritization
From Silos to Design Systems12,539
design-systems, processes, case-studies
The Cult of Productivity12,538
productivity, efficiency, career
Stop Lazy Loading Product and Hero Images (gri/clo)12,537
performance, lazy-loading, images
Nuclear Anchored Sidenotes (mey)12,536
css, experiments
Limitations of Scoped CSS (zel)12,535
css, scope
In Memory of Molly E. Holzschlag, the Fairy Godmother of the Web (mer)12,534
obituaries
I Think I Kind of Hate Lazy Loading (ede)12,533
performance, lazy-loading
What Is Functional Testing? Definition, Key Concepts, and Types12,532
testing, terminology, concepts
JPEG and EXIF Data Manipulation in JavaScript12,531
jpeg, metadata, javascript
Gradients, Blend Modes, and a Really Cool Hover Effect (pre/sma)12,530
css, effects, gradients, hover
The Real Value of Tokens12,529
design, design-tokens
State of Web Accessibility, ARIA in HTML, and Missing UI Patterns (tin+/fwo)12,528
podcasts, accessibility, aria, html
Changes and Additions in Pointer Events Level 3 (pat/w3c)12,527
videos, standards, pointer-events
Cool Tools (mic)12,526
tooling, link-lists
Rewriting Digital Content for Brevity (nng)12,525
writing, content, refactoring, tips-and-tricks
Medium vs. DEV vs. Hashnode vs. Hackernoon12,524
writing, community, productivity, comparisons
Discover Bun—a Faster, Modern JavaScript Runtime12,523
bun, javascript, runtimes
Creating Dynamic README.md File12,522
readme, github
Why Your Design System Needs a Component Process12,521
design-systems, components, processes
URL Poetry Club12,520
websites, urls
Running a Playwright Script on AWS Lambda (mat)12,519
playwright, automation, aws, serverless, lambda
How I Approach and Structure Enterprise Frontend Applications After 4 Years of Using Next.js12,518
architecture, conventions, nextjs
Bun, JavaScript, and TCO12,517
bun, javascript, optimization
The Pros and Cons of Different Test Tools—Jest12,516
testing, jest, history
The Dangers of Deceptive Design Patterns (and How to Avoid Them) (web)12,515
user-experience, dark-patterns
JavaScript WTF: Why Does “every()” Return “true” for Empty Arrays? (nza)12,514
javascript
Bun 1.0 (jar+/bun)12,513
bun, release-notes
A New Method to Validate URLs in JavaScript (ste)12,512
javascript, validation, urls
Delay, Sleep, Pause, and Wait in JavaScript12,511
javascript
From Data-Driven to Decision-Driven12,510
strategies, product-management, metrics
WOFF Has Left the Building (mat)12,509
fonts, woff, typography, css, support
Why Are We Not Still Using Tables-for-Layout? (rac)12,508
css, techniques, tables
Web Components Accessibility FAQ (mat)12,507
accessibility, web-components
The New Google Fonts: Find What You’re Looking For (tob)12,506
google, fonts
The “Array.prototype.every()” Method Always Returns “true” for an Empty Array (cfe)12,505
javascript, arrays, prototypes
Gulp vs. Webpack—What Is Better: Using Webpack or Gulp.js?12,504
gulp, webpack, comparisons
CSS Lobotomized Owl Selector: A Modern Guide (log)12,503
css, selectors, guides, history
CSS “display” Is a Multi-Keyword Property? (zor/css)12,502
videos, css
Building a Real-Time Chat With WebSockets, Novel, and Clerk12,501
communication, vite, react, nodejs, express, websockets
Is AI the Silver Bullet of Accessibility?12,500
accessibility, ai
Four Common Types of Code Coverage (jec)12,499
testing, code-coverage
GoDaddy Retires Media Temple Brand (sar)12,498
domains, hosting
Using Labeled Loops in JavaScript12,497
javascript, loops
Turbo 8 Is Dropping TypeScript12,496
hotwire, release-notes, typescript
The Only CSS Layout Guide You’ll Ever Need12,495
videos, guides, css, layout, flexbox, grids, box-model
Release Notes for Safari Technology Preview 178 (jon/web)12,494
release-notes, browsers, apple, safari
Memories of Molly (mey)12,493
obituaries
Making Sense of React Server Components (jos)12,492
react, components
Long Live the Test Pyramid (sma)12,491
testing, quality, maintainability
Dear Molly (col)12,490
obituaries
Binary Search Algorithm in JavaScript (fro)12,489
javascript, algorithms, search
First, Do No Harm: Mistakes to Avoid in Creating Accessible User Experiences12,488
accessibility, user-experience, mistakes
“Good Commit” vs. “Your Commit”: How to Write a Perfect Git Commit Message (vic)12,487
how-tos, commit-messages, collaboration, version-control, git
Node.js vs. Deno vs. Bun: JavaScript Runtime Comparison12,486
nodejs, deno, bun, javascript, runtimes, comparisons
8 Micro Tips for Remarkably Better Typography12,485
typography, tips-and-tricks, readability
The Perpetual Circle of Accessibility (col)12,484
accessibility, learning
Progressively Enhanced Form Validation: Custom Validation Messages (ger/clo)12,483
forms, validation, progressive-enhancement, errors
Node.js Includes Built-In Support for .env Files (phi)12,482
nodejs, support, environments
Essential Metrics for Click Testing12,481
user-experience, metrics, testing
Equivalent Experience Can Cut Both Ways (eri)12,480
accessibility, user-experience
Compact HTML12,479
chtml
Browser Video Players Review (aar)12,478
html, multimedia, accessibility, browsers, screen-readers, support
Node v20.6.0 (nod)12,477
release-notes, nodejs
10 Things You Didn’t Know About HTML12,476
html
NODE_ENV Considered Harmful (cji)12,475
nodejs, environments
Web Components Don’t Need You (chr/cod)12,474
web-components
Understanding SSR, CSR, ISR, and SSG: A Comprehensive Guide12,473
guides, client-side-rendering, server-side-rendering, incremental-static-regeneration, static-site-generation
CSS Frameworks Comparison: Bootstrap vs. Foundation vs. Materialize12,472
css, frameworks, comparisons, bootstrap, foundation, materialize
Top Website Redesign Tips for 202312,471
redesigning, tips-and-tricks
Information Architecture vs. Sitemaps: What’s the Difference? (nng)12,470
information-architecture, navigation, sitemaps, comparisons
Style Is Consistent Constraint12,469
design, consistency
On Productivity Metrics and Management Consultants (nor)12,468
productivity, metrics
A Wide View of Automated Testing in React Apps12,467
react, testing, automation
Type Safe CSS Design Systems With “@property” (arg)12,466
design-systems, css, type-safety
Why I Switched From Sublime Text to Visual Studio Code12,465
code-editors, sublime-text, vs-code, microsoft
Three Dimensions of Developer Productivity12,464
research, developer-experience, productivity, quality
Small Details to Improve Your Website’s Experience (alv)12,463
user-experience, html, css, metadata
Selecting the Scoping Root (mat)12,462
css, scope
JetBrains Qodana Review12,461
jetbrains, qodana
Dialog Dilemmas and Modal Mischief: A Deep Dive Into Popovers and How to Build Them (hdv)12,460
slides, html, pop-overs, modals, deep-dives
Clocks and Countdowns: Timing in CSS and JavaScript (sto)12,459
time, css, javascript
A Beginner’s Guide to Eleventy (dza)12,458
guides, eleventy
An Introduction to the Laravel PHP Framework12,457
introductions, frameworks, laravel, php
Build a GraphQL Gateway: Combine, Stitch, or Merge Any Datasource12,456
data-fetching, graphql
Things That Jakob’s Law Is Not12,455
user-experience, usability, web
Understanding Feature Flags: Improving Feature Management12,454
videos, feature-management, optimization
The Role of Cloud Computing in Web Development12,453
cloud-computing
Is Atomic Design Dead? (bra)12,452
videos, design, atomic-design
How to Make Charts and Graphs More Accessible (pop)12,451
how-tos, information-design, images, accessibility
Decoding WCAG: “Alternative for Time-Based Media” and “Media Alternative for Text” (web)12,450
wcag, accessibility, multimedia
Why Do I Have Layout Shift? (una+)12,449
videos, performance, web-vitals
Guide to Using Template Engines (Such as Twig) With PHP12,448
guides, template-engines, php, twig
What Is the View Transitions API and How to Use It With Meta Frameworks12,447
view-transitions, apis, frameworks, support
What Is Inclusion Anyways? Lessons From the Disabled Community12,446
slides, lessons, dei, accessibility
Web Sustainability Guidelines (WSG) 1.0 (ale/w3c)12,445
guidelines, sustainability
Using “rem” Doesn’t Make Your Website Responsive—Here’s Why12,444
responsive-design, units, css
Tracking Errors in a Node.js Application (app)12,443
monitoring, errors, nodejs
Sustainable SEO: Processes and Practices12,442
seo, sustainability, processes, best-practices
Memorization and Learning to Code12,441
learning, productivity, career, programming
Let’s Make a Rubber Button With HTML, CSS, and SVG (tyl/clo)12,440
buttons, html, css, svg, images
Getting Started With htmx: A Comprehensive Guide for Beginners12,439
guides, introductions, htmx
CSS Loaders (css)12,438
websites, css, animations, effects
Connected Grid Layout Animation (cod)12,437
css, grids, layout, animations
Case Study: Rebuilding TechCrunch Layout With Modern CSS (sha)12,436
case-studies, refactoring, css
Astro 3.0 (ast)12,435
astro, release-notes
Accessibility Theater (tpg)12,434
accessibility
Hover Triangles (may)12,433
history, navigation, hover
How to Implement SSL/TLS Pinning in Node.js12,432
how-tos, security, ssl, tls, nodejs
How to Measure Developer Productivity the Right Way12,431
how-tos, productivity, processes
Why Are Websites Embarrassing? (fon)12,430
quality, craft
Web Apps Are Better Than No Apps (yur)12,429
web-apps
Measuring Developer Productivity? A Response to McKinsey (ger)12,428
productivity, metrics
Git Uncommit (ami)12,427
git, command-line
Five Optimization and Performance Tools That Enhance Website User Experience12,426
user-experience, performance, optimization, tooling, link-lists
Building Accessibility Into Your Company, Team, and Culture (swi)12,425
videos, accessibility, culture
Biome v1 (ema/bio)12,424
release-notes, biome
Benchmarks [for 24 CSV Parsing Approaches]12,423
csv, parsing, performance, comparisons
Announcing Cypress 13 With Test Replay12,422
cypress, release-notes
Navigating Web Accessibility Litigation: Advice From a General Counsel (lev)12,421
accessibility, legal
Code Splitting in React: Optimize Performance by Splitting Your Code12,420
code-splitting, react, performance, optimization
From User Needs to User Dreams: Find the Future of Your Product12,419
user-experience, design, outlooks
Six Reasons Not to Use React12,418
videos, react
Single-Page Applications: Ember vs. Angular12,417
single-page-apps, emberjs, angular, comparisons
Realistic CSS Animations and the “linear()” Timing Function12,416
css, animations, functions, time
How I Write Alt Text for Code Snippets on Social Media (ben)12,415
accessibility, alt-text, writing, images, social-media
Falling for OKLCH: A Love Story of Color Spaces, Gamuts, and CSS (geo/sma)12,414
colors, oklch, css
An Overview of Feature Flags (log)12,413
overviews, feature-management, releasing, testing, product-management
8 Habits That Hold Back Your Developer Potential12,412
career, productivity
State of CSS 2023 [Results] (sac+/dev)12,411
surveys, metrics, css
Biases in Design: Hiding in Plain Sight in a World Full of Visuals12,410
design
Package-Based Architecture—Let’s Deliver the Packages12,409
architecture, modules, flutter
Web UX: Study Guide (nng)12,408
guides, user-experience, training, link-lists
Dark Mode: How Users Think About It and Issues to Avoid (nng)12,407
dark-mode, user-experience, accessibility, best-practices
Co-Authoring Git Commits (cas)12,406
git, collaboration, documentation
Accessible Navigation12,405
accessibility, navigation
Visualizing Recursion With the Sierpinski Triangle12,404
algorithms, visualization, javascript
Browser Automation With Puppeteer12,403
puppeteer, automation, testing
Introducing the 100-Year Plan: Secure Your Online Legacy for a Century (pho/wor)12,402
introductions, wordpress, domains, outlooks
WTF Is a Vector Database: A Beginner’s Guide12,401
guides, databases, vector-databases
Where to Put Focus When Deleting a Thing (aar)12,400
accessibility, focus
Scope vs. Shadow DOM (kei)12,399
shadow-dom, dom, scope, css, javascript, comparisons
Catching Errors Thrown From “connectedCallback” (nol)12,398
javascript, web-components, errors
The Comedy of Errors (met)12,397
google, search, tooling, errors
Stakeholder Management for Design Systems (luk)12,396
design-systems, engineering-management, processes
What Is Alt Text and How to Write It (tpg)12,395
accessibility, images, alt-text, writing
What Are Exceptions to Section 508 Accessibility Requirements?12,394
accessibility, legal, section-508
TypeScript 5.3 First Look (mat)12,393
typescript
Main-ly Speaking (col)12,392
accessibility, html
European Accessibility Act: Article 32, and Why It Sucks (cra)12,391
accessibility, legal, eaa
Announcing TypeScript 5.2 (dan/typ)12,390
release-notes, typescript
A More Intelligent and Secure Web (ple/w3c)12,389
videos, w3c, standards, web, web-platform, security
To Test or Not to Test, a Technical Perspective12,388
testing, automation, best-practices
Use Web Components for What They’re Good At (nol)12,387
web-components
The Art of UX Writing (web)12,386
user-experience, writing, craft
Pros and Cons of Using Shadow DOM and Style Encapsulation (mat)12,385
web-components, dom, shadow-dom
How to Get 12% More LinkedIn Followers, Impressions, and Clicks—Practical Accessibility Tips and Tricks (mni)12,384
how-tos, accessibility, tips-and-tricks, social-media, best-practices
How Organisations Respond to Accessibility Monitoring12,383
accessibility, monitoring
Headless Architecture: What Is It, and Why Is It the Future?12,382
headless, architecture
Google August 2023 Broad Core Update Is Live—What We Are Seeing Now (rus/ser)12,381
google, seo
Block the Bots That Feed “AI” Models by Scraping Your Website (cla)12,380
robotstxt, scraping, ai
A Few Interesting Ways to Use CSS Shadows for More Than Depth (pre/sma)12,379
css, shadows, effects
A Guide to Migrating From Webpack to Vite12,378
guides, migrating, webpack, vite
A Quick Introduction to CSS “@scope” (bra)12,377
introductions, css, scope, cascade
Debugging Speculation Rules (tun)12,376
performance, speculation, debugging
WebGlossary.info (j9t)12,375
websites, learning, training, concepts, terminology
View Transitions Break Incremental Rendering (eee)12,374
view-transitions, apis, rendering
Release Notes for Safari Technology Preview 177 (jon/web)12,373
release-notes, browsers, apple, safari
No One Actually Wants Simplicity12,372
complexity, simplicity
Can We Truly “Create” Value?12,371
user-experience, economics
Migrating From Color Styles to Local Variables in Figma12,370
figma, colors, variables, migrating
Writing Component Specs12,369
components, documentation, writing
Two Important New Roles for UX Designers in the Era of AI (uxm)12,368
user-experience, design, career, ai
The Ideal Viewport Doesn’t Exist (bel+)12,367
viewport, responsive-design, user-experience
Progressively Enhanced Form Validation: Validating a Checkbox Group (ger/clo)12,366
forms, validation, progressive-enhancement
Please Size Your Inline SVGs (aar)12,365
svg, images
Patterns for Reactivity With Modern Vanilla JavaScript (fro)12,364
reactivity, javascript
Changes Over the Last 25 Years of UX Research (uxm)12,363
user-experience, research, history
Bézier Curves12,362
animations
All 12 “useState” and “useEffect” Mistakes Junior React Developers Still Make in 202412,361
videos, react, hooks, mistakes
10 Essential VS Code Tips and Tricks for Greater Productivity12,360
vs-code, microsoft, code-editors, tips-and-tricks, productivity
“We’re All Just Temporarily Abled” (jim)12,359
accessibility
The Definitive Guide to Web Personalization: Strategies, Tools, and More to Know12,358
guides, personalization, strategies
How to Make an Impact as a Developer Advocate (bla)12,357
how-tos, developer-relations, advocacy, career
7 Reasons to Replace Advanced Search With Filters So Users Can Easily Find What They Need (ada)12,356
design, usability, user-experience, searching
Why htmx Does Not Have a Build Step (htm)12,355
htmx, building
Styling Links and Buttons (aar)12,354
links, buttons, css, usability
Let’s Build a Website Using XML (ede)12,353
xml, css
Getting Started With SCSS—the CSS Preprocessor With Superpowers12,352
introductions, preprocessors, sass
Combining “:placeholder-shown” and “:has” (cri)12,351
css, selectors, forms
Scroll Shadows With “animation-timeline” (dav)12,350
scrolling, shadows, css
React Props: A Visual Guide12,349
guides, react, props
React JSX12,348
react, jsx
Identifying, Fixing, and Preventing Cannibalization (moz)12,347
seo
How to Use Headless Chrome in Serverless Functions With a 50 MB Limit (ste)12,346
how-tos, headless, serverless, functions, browsers, google, chrome
Demystifying CORS: Understanding How Cross-Origin Resource Sharing Works12,345
security, cors, javascript
Being “Polite” Does Not Ensure Access12,344
accessibility, legal
Adding a “Share to Mastodon” Link to Any Web Site (cod)12,343
social-media, links, mastodon, community, javascript
A Beginner’s Guide to Using Pico CSS12,342
guides, pico
How to Use the CSS “gap” Property12,341
how-tos, css, layout
Why Do Users Prefer Certain Design? Insights From the Landscape Theory12,340
design
System Design Introduction12,339
introductions, system-design, architecture
XUL and HTML (moz)12,338
xul, html, comparisons
The New CSS Math: “round()” (dan)12,337
css, math
Tabs Are Objectively Better Than Spaces (cfe)12,336
formatting, developer-experience, accessibility
“aria-haspopup” and Screen Readers (mat)12,335
aria, support, screen-readers
A Deep Dive Into CSS “color-mix()” (kev)12,334
videos, css, colors, deep-dives
Thinking on Ways to Solve Adaptive Typography (arg)12,333
videos, typography, css, fonts
Four New CSS Features for Smooth Entry and Exit Animations (una)12,332
css, animations, browsers, google, chrome, support
Towards HTTPS by Default (jde)12,331
browsers, google, chrome, http, tls, security
Getting Started in a New Codebase12,330
onboarding, career, processes
CSS-Only Syntax Highlighting… With a Single Element and Gradients12,329
css, gradients, syntax-highlighting
BEM Methodology Is Not About CSS (vit)12,328
css, bem, conventions
Accessibility Is Not Inclusive Design or Disability Rights—It’s a Part of It (yat)12,327
accessibility, dei, legal
A Better “setTimeout()” in JavaScript (ami)12,326
javascript, time
A Guide to Optimizing JavaScript Files12,325
guides, javascript, performance, optimization, minification, compression
A Beginner’s Guide to SvelteKit12,324
guides, sveltekit
CSS Selectors: A Visual Guide12,323
guides, css, selectors
New in Chrome 116: Document Picture-in-Picture API, “notRestoredReasons” Property, and More (tro)12,322
videos, release-notes, browsers, google, chrome
How Layout Position Impacts Three Big Web Performance Levers (sia)12,321
performance, web-vitals
An Intro to the “dialog” Element (cfe)12,320
introductions, modals, html, semantics
How to Test Mobile Apps on a Real Device Cloud12,319
how-tos, testing, mobile
WebAssembly: Byte-Code of the Future12,318
webassembly
Useable12,317
accessibility, community
Progressively Enhanced Form Validation: Layering in JavaScript (ger/clo)12,316
forms, validation, progressive-enhancement, javascript
Enhance vs. Lit vs. WebC… or, How to Server-Render a Web Component (jar/van)12,315
web-components, server-side-rendering, lit, webc
Why Inclusive Language Matters in Coding12,314
dei, terminology, processes, documentation
Unveiling the Power of Code-Splitting With Webpack for React and Redux Applications12,313
code-splitting, webpack, react, redux
Testing Your Animation Refresh Rate With CSS Crimes?12,312
discussions, css, animations
An “alt” Decision Tree Using Only “:has()” (aar)12,311
accessibility, css, alt-text, images
Sophisticated, Highly-Targeted Attacks Continue to Plague npm12,310
npm, security
Write About What You Learn—It Pushes You to Understand Topics Better (add)12,309
learning, writing, processes, career
dependency-time-machine12,308
packages, npm, dependencies, maintenance, automation
Debugging Rules: Understand the System12,307
debugging
Balance in UX Design: Symmetry, Asymmetry, and Radial Balance (nng)12,306
videos, design, user-experience
The Spectrum of Openness12,305
foss, legal, examples
Supercharge Your HTML With WebC12,304
videos, html, webc
Nostalgia in UX Design12,303
user-experience, design, history
Designing Accessible Text Over Images: Best Practices, Techniques, and Resources II (sma)12,302
accessibility, content, images, best-practices, techniques
Deprecating the “unload” Event (tun)12,301
browsers, google, chrome, deprecation, events, support
WCAG 3.0: Further on Up the Road (ons/tpg)12,300
accessibility, wcag, standards
OKLCH in CSS: Consistent, Accessible Color Palettes (its/log)12,299
css, oklch, color-palettes, accessibility, consistency
Google Tag Manager Performance: 9 Tips for Faster Site Speed12,298
google, tag-management, performance, tips-and-tricks
Create Direction-Aware Effects Using Modern CSS (kev)12,297
videos, css, internationalization
Browsers Barely Care What HTTP Status Code Your Web Pages Are Served With (cks)12,296
browsers, http, support
A Beginner’s Guide to CSS Grid Layout12,295
guides, css, grids, layout
An Introduction to the esbuild Bundler (cra)12,294
introductions, bundling, esbuild
It’s Time to End Damaging Website Design Practices That May Harm Your Users12,293
user-experience, usability, design, privacy, best-practices
Defining Test Cases and Priorities12,292
testing
Simple APIs Are Elegant APIs (rya)12,291
apis, simplicity
Progressively Enhanced HTML Accordion (aar)12,290
html, accordions, semantics, accessibility, progressive-enhancement
Node.js’s Config Hell Problem (den)12,289
nodejs, configuration, maintainability, productivity, developer-experience
An Introduction to htmx, the HTML-Focused Dynamic UI Library12,288
introductions, htmx
User-Adaptive Interfaces With “AccentColor” (oll)12,287
forms, css
Lean UX and Agile: Study Guide (nng)12,286
guides, user-experience, agile, processes, training, link-lists
What Happens When You Select “count(*)” in MySQL (ami)12,285
databases, mysql
What Does It Mean for Web Browsers to Have a Baseline (mar)12,284
browsers, support, web-platform
UX Is Not Dead, It’s Just Misunderstood12,283
user-experience
OpenAI Launches Web Crawling GPTBot, Sparking Blocking Effort by Website Owners and Creators (ven)12,282
ai, openai, crawling, scraping, robotstxt
My Experience Modernizing Packages to ESM12,281
dependencies, modernization, esm
Micro Benevolences (est/ope)12,280
community, dei, communication, foss
Definition of Done vs. Acceptance Criteria: What’s the Difference?12,279
videos, agile, processes, comparisons
An Update on Chrome Security Updates—Shipping Security Fixes to You Faster12,278
browsers, google, chrome, security
An Intro to State-Based UI With JavaScript (cfe)12,277
introductions, javascript, state-management
8 Common Heading Questions (pop)12,276
accessibility, html, headings
200 Web-Based, Must-Try Web Design and Development Tools (j9t)12,275
link-lists, tooling
You Don’t Need a Mentor: Embracing the Power of Community (bek/ope)12,274
career, community, learning
The Death of Jamstack, the Rise of htmx, and Another AI Assistant (fro)12,273
podcasts, jamstack, htmx, ai
Top 7 Things That Kill Developer Productivity12,272
productivity, technical-debt, code-reviews, documentation, processes, developer-experience
The Risks of Micro-Frontends12,271
podcasts, micro-frontends
Some Tactics for Writing in Public (b0r)12,270
writing, communication, community
Progressively Enhanced Form Validation: HTML and CSS (ger/clo)12,269
forms, validation, progressive-enhancement, html, css
OpenAI’s ChatGPT New Web Crawler—GPTBot (rus/ser)12,268
crawling, ai, openai, chatgpt, seo
Migrating My Blog From Gatsby to Astro (sap)12,267
migrating, gatsby, astro
JSX Without React (chr)12,266
jsx, react
How to Improve Performance of Your Database by Indexing Large Tables12,265
how-tos, performance, databases, optimization
Blog SEO: 8 Tips to Optimize Your Posts (wpr)12,264
blogging, seo, wordpress, tips-and-tricks
Alt Text Hall of Fame (ste/alt)12,263
websites, accessibility, writing, alt-text, images
A Guide to Single-Page Application Performance12,262
guides, single-page-apps, developer-experience, performance, monitoring
Optimizing Speed on ebay.com (add)12,261
performance, optimization, web-vitals, case-studies
Responsive Images: DIY Implementation in 6 Steps12,260
images, html, responsive-design
Scrolljacking 101 (nng)12,259
scrolling, user-experience
Beautify Your Git Log With a Single Command12,258
git, command-line
A Compilation of Outstanding Testing Articles (With JavaScript)12,257
link-lists, testing, javascript
Nobody Cares About Your “Perfect” Code: Change Your Perspective12,256
quality, product-management
Assistive Technology Shouldn’t Be a Mystery Box (cod)12,255
browsers, assistive-tech, accessibility, web-platform, foss, support
How to Set Up Git Hooks (“pre-commit”, “commit-msg”) in My Project? (kis)12,254
how-tos, git, git-hooks
Implementing Design Tokens: Colors12,253
design-tokens, colors
Things You Forgot (or Never Knew) Because of React (col)12,252
react, frameworks, learning
The Next Generation of Web Layouts (zel)12,251
web-platform, design, layout
The Easy Intro to the APCA Contrast Method (myn)12,250
introductions, accessibility, colors, contrast, apca
Route-Based Code Splitting With React12,249
code-splitting, routing, react
Insertion Sort: A Deep Dive12,248
algorithms, sorting, deep-dives
How Google Measures Developer Productivity12,247
interviews, google, productivity, developer-experience, metrics
Finding My Blogging Path: Lessons From My Journey12,246
lessons, blogging, writing, career, community
Designing Accessible Text Over Images: Best Practices, Techniques, and Resources (sma)12,245
accessibility, content, images, best-practices, techniques
An Overview of CSS Sizing Units (web)12,244
overviews, css, units
New DOJ Web Accessibility Regulation Is a Disaster12,243
accessibility, legal
Prepare to Spy on a Method Added Dynamically (bah)12,242
videos, javascript, cypress, testing, debugging
How We Optimized Performance to Serve a Global Audience (sma)12,241
case-studies, performance, optimization
How Does Reflowing Content Affect People With Screen Magnification? (tpg)12,240
accessibility, reflow, assistive-tech, screen-magnification
Contextual Form Errors and ARIA (mar)12,239
accessibility, forms, html, aria
A Blog Post With Every HTML Element (pat)12,238
html, semantics
How to Use the CSS Grid “repeat()” Function12,237
how-tos, css, grids, functions, layout
No Exit—Every Feed Is a Traffic Jam (mus)12,236
social-media, scrolling, user-experience
Why Isn’t “z-index” Working? (una+)12,235
videos, css, positioning
PHP Isn’t That Bad, So Why the Hate? (pur)12,234
php, frameworks, myths
Understanding React Server Components12,233
react, components
What’s New in Svelte: August 2023 (sve)12,232
release-notes, svelte, sveltekit
Splitting the Web (plo)12,231
web
Mixing Colors to Create Variants in CSS (ami)12,230
colors, css
Midori Browser Will Change Its Engine to Gecko12,229
browsers, gecko, browser-engines
I’m Betting on HTML12,228
html, semantics
Evading JavaScript Anti-Debugging Techniques (voi)12,227
javascript, debugging
CSS and Accessibility: Inclusion Through User Choice (car/sma)12,226
css, accessibility, dei, user-experience
Creating Custom Easing Effects in CSS Animations Using the “linear()” Function (mic/mdn)12,225
css, functions, animations
Accessibility of the Button: Should We Fix It or the Root Cause Problem? (deq)12,224
accessibility, buttons, processes
New to the Web Platform in July (rac)12,223
release-notes, web-platform, browsers, google, chrome, mozilla, firefox, apple, safari
SECURITY.md: Should I Have It? (mry/ecl)12,222
security, documentation
Why I No Longer Believe in Content Design12,221
content, design, writing
What Happens When Developers Are Liable for Accessibility?12,220
accessibility, legal
Tuesday, August 8, 2023 Security Releases (raf/nod)12,219
release-notes, nodejs, security
The Virtual Keyboard API (sha)12,218
apis
The Curious Case of “iff” and Overriding Screenreader Pronunciations (ben)12,217
screen-readers, accessibility, pronunciation
Start by Writing Messy Code12,216
processes, learning
Randomness in CSS Using Trigonometry12,215
css, randomness
How to Earn High-Authority Links That Drive Rankings (moz)12,214
how-tos, seo, links
Front End Practice: Top 25+ JavaScript Code Best Practices for Development12,213
javascript, best-practices
Contrast Checker Bookmarklet (web)12,212
bookmarklets, accessibility, colors, contrast
Accessibility Represents Maturity (tem)12,211
accessibility, culture
A Future of Themes With CSS Container Style Queries (chr)12,210
css, style-queries, theming
Should New Developers Use AI Coding Tools?12,209
ai, productivity, tooling, career, learning
Resume and Pause Animations in CSS (ami)12,208
css, animations
An Update on Site Names12,207
domains, google, search
Toggles Suck!12,206
toggles, design, usability, user-experience
Run JavaScript/Wasm in Python: High-Level SpiderMonkey Bindings to Python With PythonMonkey12,205
javascript, webassembly, python, spidermonkey
Mastering Git Shortcuts: A Guide to Git Aliases12,204
guides, git, aliases, productivity
If Web Components Are So Great, Why Am I Not Using Them? (dav)12,203
web-components
How to Define an Array of Colors With CSS (css/sma)12,202
how-tos, css, arrays, colors
How “position: absolute” Works in CSS Grid (zor/css)12,201
videos, css, grids, layout
Do We Need WCAG 3 (Now)? (yat)12,200
accessibility, wcag, standards
Design Systems Management From Bottom–Up12,199
design-systems, processes
Adapting Typography to User Preferences With CSS (arg)12,198
typography, css, customization
Speeding Up V8 Heap Snapshots (jda)12,197
javascript, javascript-engines, v8, performance, memory
Complete Guide to Human–Computer Interaction (HCI)12,196
guides, hci
You Probably Don’t Need “http-equiv” Meta Tags (rvi)12,195
html, metadata, http, performance
What Is Platform Engineering (and What Is It Not)?12,194
platform-engineering
The Web Development Glossary 3K (j9t/fro)12,193
books, frontend-dogma, learning, training, concepts, terminology
The Future of Design Systems Is Semantic (fig)12,192
design-systems, design-tokens, processes
Release Notes for Safari Technology Preview 175 (jon/web)12,191
release-notes, browsers, apple, safari
How to Make Your Captions and Audio Descriptions WCAG-Compliant12,190
how-tos, multimedia, captions, compliance, wcag, accessibility
How to Use CSS “aspect-ratio”12,189
how-tos, css, aspect-ratio
Publishing With npm Provenance From Private Source Repositories Is No Longer Supported12,188
github, npm, provenance, security, foss
How I Name and Arrange My Color Variables in Figma12,187
colors, variables, figma, conventions
Be an Active Ally for Those Living With Disabilities (wom)12,186
accessibility, dei
CrBug Release Indicator (bra)12,185
browsers, chromium, tooling
The Joy of Simplicity in Web Development (cfe)12,184
simplicity, processes
Testing a Component’s Accessibility12,183
videos, accessibility, testing, components
Tailwind, and the Death of Web Craftsmanship12,182
tailwind, craft, quality
Is Jamstack Officially Finished? (rem)12,181
tech-stacks, jamstack, community
Help Design the Inaugural “State of HTML” Survey (lea)12,180
html, community
Fetching Data From an HTTP API With Python (sil)12,179
data-fetching, apis, python
Solving the Accessibility Palette Riddle12,178
accessibility, colors, color-palettes
Application State Management With Angular Signals12,177
state-management, angular, signals
What to Do When Your Developers Don’t Collaborate12,176
processes, collaboration
Web Accessibility in High-Risk Segments (kar)12,175
accessibility, compliance, legal
Vision for W3C (cdu/w3c)12,174
outlooks, web, web-platform, standards, w3c
The Rise of Minimalism in Web Design: Less Is More12,173
minimalism, design
The Excellent Arc Browser Is Now Available for Anyone to Download (dav/ver)12,172
browsers, arc, the-browser-company
Social Engineering Campaign Targeting Tech Employees Spreading Through npm Malware (soc)12,171
security, malware, npm
Promises Training12,170
javascript, promises, training, courses
Microservices vs. Micro Frontends: What’s the Difference?12,169
microservices, micro-frontends, comparisons
Combining Data With Multiple Fetch Requests (ste)12,168
javascript, arrays, data-fetching
Blockquotes in Screen Readers (aar)12,167
accessibility, screen-readers, support, html
10 Simple CSS and JavaScript Micro-Interactions for Buttons12,166
css, javascript, buttons, effects
WebKit Features in Safari 16.6 (jen/web)12,165
release-notes, browsers, apple, safari, webkit
Understanding the WCAG 3 Working Draft Update12,164
accessibility, wcag
The Problem With Auto-Generated Alternative Texts for Images (dni)12,163
accessibility, ai, writing
The New “X” Button Doesn’t Close the Website12,162
user-experience, community, social-media
SVG Gradients: Solving Curved Challenges12,161
svg, images, gradients
Securing the Web Forward: Addressing Developer Concerns in Web Security (tor/w3c)12,160
security, web, surveys
I Blame the W3C’s HTML Standard for Ordered Lists (sid)12,159
html, lists, semantics
Getting Started With Pico CSS (log)12,158
introductions, pico
Eleventy SMACSS (jus)12,157
eleventy, smacss, css
Core Web Vitals for Search Engine Optimisation: What Do We Need to Know? (css)12,156
performance, web-vitals, seo
Benefits of Integrating UX Into Your Overall Business Strategy (uxm)12,155
user-experience, strategies
6 Ways ChatGPT Can Improve Your SEO (moz)12,154
ai, chatgpt, seo, metadata, code-generation
A Comprehensive Comparison of Bootstrap, Tailwind CSS, Windi CSS, and UnoCSS: Features, Pros, and Cons12,153
comparisons, bootstrap, tailwind, unocss
Using Imagery in Visual Design (nng)12,152
design, images, content
Good Code Is— (j9t)12,151
quality, terminology
Effective Code Reviews (add)12,150
code-reviews, processes, learning, career
Installing Multiple Versions of Node.js Using nvm12,149
nodejs, nvm
Enable Hover Conditionally in CSS (ami)12,148
css, hover
Why Learning to Program Is Easier Now, but Also Way Harder Than Before12,147
programming, learning, productivity, developer-experience
The Art of Looking Back: A Critical Reflection for Individual Contributors (sma)12,146
processes, career, productivity
How SEOs and UX Designers Can Work Better Together (moz)12,145
seo, user-experience, design, collaboration
CSP Testing Using Cypress (bah)12,144
csp, testing, cypress
Accessible Animated GIF Alternatives (tyl/clo)12,143
accessibility, animations, gif, multimedia, comparisons
How to Use CSS “object-fit” and “object-position”12,142
how-tos, css, images
What’s New in DevTools: Network, Console, Wasm (Chrome 113–115) (jec)12,141
videos, dev-tools, browsers, google, chrome, network, webassembly, release-notes
Web Content Accessibility Guidelines (WCAG) 2.2 (w3c)12,140
accessibility, guidelines, wcag, standards
We Deleted More Than 5,000 Pages From Our College Website—Here’s Why12,139
accessibility, quality, maintenance
Good Code Is Like a Love Letter to the Next Developer Who Will Maintain It (add)12,138
programming, quality, maintainability, communication
From Mid to Senior: Time Management and Prioritization12,137
career, productivity, prioritization
Ember JS Essentials: A Beginner’s Guide12,136
fundamentals, guides, emberjs
DX in the Frontend Developer Ecosystem (ste)12,135
videos, developer-experience
Design Systems: Avoiding Common Pitfalls (vig)12,134
design-systems
CSS Cascade Layers (odd)12,133
videos, css, cascade
A Guide to Perfecting Pull Requests12,132
git, code-reviews, collaboration, foss
Encoding: A Brief History and Its Role in Cybersecurity12,131
encoding, unicode, security, history
SvelteKit in 100 Seconds (fir)12,130
videos, introductions, sveltekit
What Is the Bento UI Trend, and How Can You Get Started? (web)12,129
design, trends
Visually Hidden Links With 0 Dimensions (mat)12,128
hiding, accessibility, links, focus, apple, safari
User Input Sanitization and Validation: Securing Your App12,127
security, sanitization, validation, conformance
How to Build and Deploy a Modern Day Next.js Application12,126
how-tos, nextjs, building, deploying
How Platform Teams Get Stuff Done (ph1/mfo)12,125
productivity, processes, platform-engineering
11ty: Index All The Things! (lea)12,124
eleventy, pagination
An Introduction to LangChain, Python, and OpenAI12,123
introductions, langchain, python, openai, ai
Figma Now Supports “rem” Units: Understanding the Use and Benefits12,122
figma, css, units, support
Signals Make Angular Much Easier12,121
angular, signals
Getting Started With CSS Nesting (kev)12,120
videos, introductions, css, nesting
Getting Instant Return From Your Accessibility Testing (kar)12,119
accessibility, testing
Anyone Else Notice That [Hacker News] Isn’t Full of JavaScript Frameworks Lately?12,118
discussions, javascript, frameworks
Upgrading an Ancient React Application12,117
react, maintenance
The Power of Git: A Guide to Collaborative Version Control (bek/ope)12,116
guides, git, collaboration
The 10 Commitments of an Agile Leader12,115
agile, processes, collaboration, leadership, engineering-management
O “dialog” Focus, Where Art Thou? (mat)12,114
accessibility, modals, html, focus
Node.js Security Progress Report—17 Reports Closed (ope)12,113
nodejs, security
Fluid vs. Responsive Typography With CSS Clamp (its/log)12,112
css, functions, typography, responsive-design
Advanced Positioning in CSS Grid (zor/css)12,111
videos, css, grids, positioning, layout
5 Inconvenient Truths About TypeScript (dea)12,110
typescript, javascript, complexity
Using Emoji on the Web (oll)12,109
emoji, fonts, support, unicode
What Is TanStack12,108
tanstack, vercel
It’s All About Complexity (max)12,107
complexity
Stick to Boring Architecture for as Long as Possible (add)12,106
architecture
How I Structured My Design System Using Figma’s New Variables12,105
design-systems, design-tokens, figma, variables
Lightweight JavaScript Framework Review (for Django Developers)12,104
javascript, frameworks, comparisons, link-lists, django
WordPress 6.3 to Introduce a Development Mode (sar)12,103
wordpress
React-ing to Accessibility: Building Accessible Forms That Everyone Can Use12,102
accessibility, forms, react, testing
Writing CSS in 2023: Is It Any Different Than a Few Years Ago? (geo/sma)12,101
css
Scroll Progress Animations in CSS (mic/mdn)12,100
css, scrolling, animations, progress-indicators
Interoperability With Specific Assistive Technologies or: “Does the Website Work on JAWS?” (kar)12,099
accessibility, interoperability, screen-readers, assistive-tech, jaws
Figma Typography Secrets—Seven Pro Tips Revealed (pim)12,098
typography, figma
Down-and-Across Highlighting (mey)12,097
code-pens, css, tables, effects
A Comprehensive Beginner’s Guide to npm: Simplifying Package Management12,096
guides, npm, dependencies
15 Advanced TypeScript Tips for Development12,095
typescript, tips-and-tricks
Why Design Systems Fail12,094
design-systems, lessons
[WebKit] Standards Positions (web)12,093
webkit, standards, support
Useful Functions for [an] HTTP Server12,092
deno, servers, http, functions
Mock JSON API Endpoints for Testing (ami)12,091
json, apis, testing
Implementing Responsive Grids With Tailwind CSS: An In-Depth Guide12,090
guides, tailwind, responsive-design, grids, layout
Getting Started With Tailwind CSS: A Quick-Start Guide12,089
introductions, guides, tailwind
CSS Findings From the Threads App (sha)12,088
css, case-studies, facebook+meta
Building a Responsive Table With Tailwind CSS: A Comprehensive Guide12,087
guides, tables, tailwind
Better Roadmaps12,086
project-management, processes
A Roadmap to Leadership Inclusion: 15 Keys to Unlocking a Diverse and Empowered Workplace II (dbo)12,085
leadership, dei, accessibility
A Case Study on Scroll-Driven Animations Performance12,084
animations, scrolling, performance, css, javascript
3 Common Types of Test Automation12,083
testing, automation
How to Use Your Intuition in Your Product Design Process12,082
how-tos, design, product-management, processes
Preload vs. Early Hints vs. Fetch Priority12,081
videos, performance, html, http, hints, comparisons, preloading
Top 20 Must-Know Tips for Web Accessibility12,080
accessibility, tips-and-tricks
The Magic of Empty Git Commit12,079
git, command-line
The alt-text.org Project Is Moving Forward (han)12,078
accessibility, writing