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