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

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