Tech does not just watch: Take action against Russia’s war on Ukraine 🇺🇦, and take action against Israel’s occupation, destruction, and ethnic cleansing of Palestine (history) 🇵🇸 Hide

Frontend Dogma

News and Tools for Web Developers (13)

→ Stay up-to-date on all topics by various RSS feeds (main feed: only $12/year), on Mastodon, and on Bluesky (other channels)

Entry (Sources) and TopicsDate#
Diving Into the Node.js Website Redesign (bri/nod)13,786
redesigning, case-studies
AI Can Make a Code Review for Free13,785
ai, code-reviews, tooling
Radix Themes 3.013,784
release-notes, radix
Profile Node.js Performance With the Performance Panel (jec+/dev)13,783
nodejs, performance, debugging, browsers, google, chrome, dev-tools
Learn OAuth 2.0 by Building Your Own OAuth Client13,782
authorization, oauth, functionality
ARIA “role=application” and Mobile Screen Readers (cer)13,781
accessibility, aria, screen-readers, mobile
12 Figma Tips to Work More Efficiently (uxd)13,780
figma, tips-and-tricks, efficiency
The “Current Branch” in Git (b0r)13,779
git
The Cost of Interrupted Work: More Speed and Stress13,778
research, productivity, processes
Quick Tip: How to Add Gradient Effects and Patterns to Text13,777
tips-and-tricks, how-tos, css, gradients, effects
Node.js TSC Confirms: No Intention to Remove npm From Distribution (sar/soc)13,776
nodejs, npm
Going Beyond Pixels and (r)ems in CSS—Absolute Length Units (uti/iod)13,775
css, units
Don’t Get Scammed by Fake Performance Experts and Apps13,774
performance, tooling
CSS Values and Units Module Level 3 (tab+/w3c)13,773
standards, css, units
CAPTCHA Excludes Disabled Web Users (zel)13,772
accessibility, captcha
Accessible Forms With Pseudo Classes (css)13,771
accessibility, forms, css, selectors
Microservices Promised Freedom but Delivered Dependencies (pur)13,770
microservices, dependencies
Avoid These Design System Traps13,769
design-systems
Welcome to Future of Web Accessibility Based on Predictors (jar+)13,768
videos, accessibility, outlooks
This Pattern Will Wreck Your React App’s TS Performance (mat)13,767
design-patterns, react, typescript, performance
Relicensing and Rug Pulls13,766
foss, licensing, history
Optimizing JavaScript for Fun and for Profit13,765
javascript, optimization
On the Gift of OKR for Company Culture (j9t)13,764
processes, okr, culture
On Popover Accessibility: What the Browser Does and Doesn’t Do (hdv+)13,763
accessibility, pop-overs, html
Node.js: The Documentary (isa+)13,762
videos, nodejs, history
How to Test 3.3.8 Accessible Authentication (Minimum) (sib/tpg)13,761
how-tos, accessibility, testing, authentication
“__dirname” Is Back in Node.js With ES Modules (phi)13,760
nodejs, esm
[Bulma] 1.0.013,759
release-notes, bulma
Building a Micro htmx SSR Framework (mco/pla)13,758
frameworks, htmx, examples
Angular Signals: Best Practices13,757
angular, signals, best-practices
Understanding Memory Heap and Memory Leaks—How the JS Engine Works (fro)13,756
javascript-engines, memory, garbage-collection, asynchronicity
The Box Model and Box Sizing (bel/pic)13,755
css, box-model, concepts
Psychology and UX: Decoding the Science Behind User Clicks13,754
user-experience, design, principles
Progressive Disclosure Defaults (ada)13,753
css, forms, interaction-design
How to Plan Your First Successful Website (web)13,752
how-tos, processes, project-management
How to Create a Website and a PDF From the Same Codebase (spa/clo)13,751
how-tos, code-generation, pdf, functionality
Folder Structures in React Projects13,750
react, architecture
Aesthetic Layouts: 2 Column Magazine With “shape-outside” (jhe)13,749
code-pens, layout, css
How to Assess Your Fit for a Job Description: A Guide for Technologists (wom)13,748
how-tos, guides, interviewing, career
Using Relative Colors (chr/mdn)13,747
css, colors
Chill Scroll Snapping: Article Headers (chr/fro)13,746
css, scrolling
Build a Full-Stack App With Node.js and htmx13,745
web-apps, nodejs, htmx
Accessibility Foundations (ihe/tpg)13,744
accessibility, fundamentals, link-lists
Observability Is an Illusion (pur)13,743
observability, logging, monitoring, alerting
A Designer’s Role Is Not “at the Table” (uxd)13,742
design, career
How Meta Improved Their Cache Consistency to 99.9999999913,741
facebook+meta, caching
“require(esm)” in Node.js (joy)13,740
nodejs, ecmascript, esm, commonjs
The Ultimate Guide to Understanding npx vs. npm13,739
guides, npx, npm, nodejs
The Power of Textual Content in UX Design (uxm)13,738
content, user-experience
Oh Sh*t, My App Is Successful and I Didn’t Think About Accessibility13,737
accessibility
Make a Web Browser: Beginner’s Guide (nim)13,736
guides, browsers, browser-engines
I’m So Old: Web Edition (dav)13,735
web, history
How Web-Site Design and Social Media Work Together (uxm)13,734
design, content, social-media
How to Kill the Cascade (fon)13,733
css, cascade, resets, scope
Every React Concept Explained in 12 Minutes13,732
videos, react, concepts
Empowering the User Experience Through Microinteractions: 7 Best Practices (uxm)13,731
user-experience, interaction-design, best-practices
Comparing ECMAScript Modules and CommonJS13,730
comparisons, esm, commonjs
Build a Node App With TypeScript (mat)13,729
nodejs, typescript, pnpm, esm
A Comparison of JavaScript CRDTs (alm)13,728
javascript, types, comparisons
Time to Ditch Analytics? Tracking Scripts and Web Sustainability (mic)13,727
embed-code, google, analytics, sustainability, performance, compliance
Why UI Designers Should Understand Flexbox and CSS Grid (uxd)13,726
design, layout, flexbox, grids, css
2024 Cheat Sheet Collection13,725
cheat-sheets, link-lists
Migrating Away From Jest and Achieving Over 90% Reduction in Running Time (pat)13,724
migrating, jest, testing, memory, performance
How Web Bloat Impacts Users With Slow Devices13,723
performance, metrics, comparisons, web
Copy Objects Ways in JavaScript13,722
javascript, objects
Webflow 101: A Guide for Beginners13,721
introductions, guides, webflow, low-and-no-code
Skeuomorphism (nng)13,720
design, terminology
Homepage Design: 5 Fundamental Principles (nng)13,719
design, homepages, principles
Quick Tip: Creating a Date Picker in React13,718
tips-and-tricks, react, functionality
How to Optimize Cumulative Layout Shift (CLS) on Shopify Sites (sia)13,717
how-tos, performance, web-vitals, optimization, shopify
How (In)Efficient Are Engineering Organizations?13,716
efficiency, processes, engineering-management
Deploying Remix to GitHub Pages13,715
videos, deploying, remix, github-pages
Accessibility in Design Systems: A Comprehensive Approach Through Documentation and Assets13,714
accessibility, design-systems, documentation, dei
When “Semantic Tokens” Are No Longer Semantic13,713
design-tokens, semantics
What Is Safe Alignment in CSS? (chr/fro)13,712
css, layout, user-experience
There Is No EU Cookie Banner Law13,711
consent-management, cookies, legal
The Golden Age of Accessibility13,710
accessibility
Qwik vs. Next.js: Which Framework Is Right for Your Next Web Project?13,709
frameworks, comparisons, qwik, nextjs
Performance Tooling in 2024 and Beyond (dev)13,708
performance, tooling, browsers, dev-tools, lighthouse, google
Make Your Functions More Reusable With Generics (mat)13,707
typescript, functions, generics, maintainability
Arguments for Opening Links in a New Tab or Window (gri/clo)13,706
links, usability
HTML Performance Optimization: Tips for Faster Loading Pages13,705
html, landing-pages, performance, optimization, tips-and-tricks
You Want “border-color: transparent”, Not “border: none” (dav/fro)13,704
css, borders, transparency, accessibility, contrast
What’s Next for a Global Design System (bra)13,703
design-systems
WCAG 2.2 Detective Skills13,702
accessibility, standards, wcag
There Are No Standards Police (mno)13,701
standards, policies, processes
The Problem With Data Attributes for Text Effects (man)13,700
html, custom-data, css, typography, effects
The Problem With AI (cfe)13,699
ai
Ruby Is Complicated13,698
html
Refactoring My Ugliest Code With Signal View Queries13,697
videos, refactoring, angular
My New Favorite CSS Trick: “will-change”13,696
css, animations, transitions, tips-and-tricks
How to Design Icons in Figma13,695
how-tos, images, icons, figma, design
How to Avoid Flaky Tests in Playwright13,694
how-tos, testing, flakiness, playwright
Another JS Registry—Seriously?! (den)13,693
videos, jsr, dependencies, javascript
A Beginner’s Guide to Node.js Worker Threads (bet)13,692
guides, nodejs, worker-threads
25 Unnoticeable Features of JavaScript13,691
javascript
Why Your Microservices Architecture Is Probably Overkill (and How I Learned to Love the Monolith Again) (pur)13,690
architecture, microservices, monoliths
Thoughts on Embedding Alternative Text Metadata Into Images (eri)13,689
accessibility, images, metadata
The Essential Guide to Microcopy and Becoming a More Literate Designer13,688
guides, design, microcontent, content, writing
The “10× Engineer”: 50 Years Ago and Now (ger)13,687
productivity, processes, career, history
Spread vs. Rest Operators in JavaScript13,686
javascript, operators, comparisons
Runtime Compatibility (asc+)13,685
websites, runtimes, interoperability, comparisons, bun, deno, netlify, nodejs
Marking the Web’s 35th Birthday: An Open Letter (tim)13,684
web, history, anniversaries
Interaction to Next Paint Is Officially a Core Web Vital (rvi/dev)13,683
performance, web-vitals
How to Read Files Quickly in JavaScript (lem)13,682
how-tos, javascript, file-handling
Building Websites and Building Websites Well (j9t)13,681
quality, craft, community
A Letter to My Younger Self, as an Accessibility Advocate (hbu)13,680
accessibility, advocacy, retrospectives
5 Exciting New JavaScript Features in 202413,679
javascript
What Is INP and Why You Should Care (whi/sen)13,678
performance, web-vitals, monitoring
Streaming HTML (chr/fro)13,677
html, php, streaming
JSON Canvas13,676
websites, standards, json, canvas
IDEs vs. Code Editors: Everything You Need to Know (jet)13,675
code-editors, comparisons, concepts
Have You Optimized for INP?13,674
performance, web-vitals, optimization
Express.js With TypeScript—Setup, Examples, Testing13,673
videos, express, typescript, testing, examples
Distinguishing Between ARIA and Native HTML Attributes (deq)13,672
html, aria, attributes, accessibility, comparisons
Comparing JavaScript Frameworks: Templates13,671
javascript, frameworks, templates, comparisons
Are We Watching the Internet Die? (edz)13,670
web
Announcing Speedometer 3.0: A Shared Browser Benchmark for Web Application Responsiveness13,669
performance, tooling, metrics
Alt Text for CSS Generated Content (tem)13,668
css, generated-content, alt-text, accessibility
Accessibility: Implementing Focus Traps13,667
accessibility, focus, keyboard-navigation
A Gentle Introduction to Generics in TypeScript13,666
introductions, typescript, generics
Optimising Your Design System With Figma’s Variables (uxd)13,665
design-systems, optimization, variables, figma
Things I Learned While Building My JS Library13,664
javascript, libraries, lessons
CSS Button Styles You Might Not Know (dbu)13,663
html, css, buttons
Replace ESLint and Prettier With Biome.js13,662
biome, eslint, prettier, comparisons, tooling, remix
Jakob Has Jumped the Shark (aar)13,661
accessibility, link-lists
How to Invert the Colors Using CSS (ron)13,660
css, colors, filters, images
eslint-plugin-depend13,659
packages, npm, maintenance, simplicity
Access by a Thousand Curb Cuts (yat)13,658
accessibility
Creating Color Palettes With the CSS “color-mix()” Function (mic)13,657
css, functions, colors, color-palettes
Add Superpowers to Your CSS Variables With Style Queries (jar/van)13,656
css, style-queries, custom-properties
Navigating the Future of Frontend13,655
frameworks, web-platform, outlooks
Modern CSS Tooltips and Speech Bubbles II (css/sma)13,654
tooltips, css, techniques
How “HEAD” Works in Git (b0r)13,653
git
Dissecting Layered Architecture (yok)13,652
architecture
Asking Users for Their Pronouns: A Guide for UX Designers13,651
guides, user-experience, communication
How to Check and Set the “NODE_ENV” Environment Variable and Its Use in a Project13,650
how-tos, nodejs, environments
AVIF Is the Future of Web Images13,649
images, avif, performance, outlooks
The Quiet, Pervasive Devaluation of Frontend (col)13,648
html, css, craft, career, community
Some Little Ways I’m Using CSS “:has()” in the Real World (bel/pic)13,647
css, selectors, examples
Managing Static Files in Django: A Comprehensive Guide13,646
guides, django, file-handling
How to Test 2.5.8 Target Size (Minimum) (sib/tpg)13,645
how-tos, accessibility, testing
90% of Designers are Unhirable? (uxd)13,644
design, processes, career
WebAssembly JSPI Is Going to Origin Trial13,643
webassembly
The Ultimate Guide to Choosing the Best React Website Builder13,642
guides, react, tooling, comparisons, link-lists
The End of My Gatsby Journey (mon)13,641
gatsby, frameworks, comparisons
Taming the Shadow DOM: Injecting Global Styles With Adopted Stylesheets13,640
shadow-dom, dom, css
SSG, SSR, ISR, CSR Rendering Strategies in Next.js (fro)13,639
static-site-generation, server-side-rendering, incremental-static-regeneration, client-side-rendering, rendering, strategies, comparisons, nextjs
Sometimes, a Button Just Wants to Look Like a Button13,638
design, usability, buttons
Simplify Your CSS Using “:is()” and “:where()” Pseudo-Classes (zor/css)13,637
videos, css, selectors
Release Notes for Safari Technology Preview 190 (jon/web)13,636
release-notes, browsers, apple, safari
Making Room for Long List Markers With Subgrid (nol)13,635
html, lists, css, grids
Internationalization With Remix (rem)13,634
remix, internationalization
Exploring the Creative Power of CSS Filters and Blending13,633
css, blend-modes, filters, effects
Announcing TypeScript 5.4 (dan/typ)13,632
release-notes, typescript
5 Ways Productivity Culture Kills Business Agility13,631
productivity, agile, economics, culture
10 Figma Keyboard Shortcuts: A Cheat Sheet for UX Designers13,630
figma, keyboard-shortcuts, cheat-sheets, design
Data Table Design Patterns (uxd)13,629
information-design, tables, design-patterns
How to Ensure Your Designs Work if You Can’t Access Sample Data (uxd)13,628
how-tos, design, usability, metrics, testing
WebKit Features in Safari 17.4 (jen+/web)13,627
release-notes, browsers, apple, safari, webkit
How to Use WebSockets in Node.js to Create Real-Time Apps (cra)13,626
how-tos, websockets, nodejs
Best Practices for Inclusive Design13,625
design, dei, accessibility, best-practices
SemVer Simplified: An Introduction to Semantic Versioning13,624
introductions, semver, versioning
When We Talk About Front-End Performance, What Are We Talking About13,623
performance, metrics, web-vitals, lighthouse, google
WCAG? More Like, W-What?! (stv)13,622
accessibility, wcag, link-lists
The 88×31 Archive13,621
web, images, history
Modern Git Commands and Features You Should Be Using13,620
git, command-line
JSR: Second Look (dbu)13,619
jsr
JavaScript Runs the World—Maybe Even Literally (wir)13,618
javascript, programming, web
Designing for Mobile Accessibility: Enhancing the User Experience on Small Screens (uxm)13,617
design, accessibility, user-experience, mobile
Achieving Design Collegiality While Maintaining Psychological Safety (uxm)13,616
design, collaboration
VPS Showdown—March 2024—DigitalOcean vs. Linode vs. Vultr13,615
servers, hosting, comparisons, metrics
Visualizing Frontend Architecture (max)13,614
architecture, documentation, visualization
We Need to Talk About Jakob (mat)13,613
accessibility
Tools That Make Me Productive as a Software Engineer13,612
tooling, productivity, link-lists
How npm Install Scripts Can Be Weaponized: A Real-World Example of a Harmful npm Package (eth)13,611
npm, dependencies, examples, security
CSS for Printing to Paper13,610
css, print
Bugs I’ve Filed on Browsers (nol)13,609
browsers, chromium, firefox, webkit, quality
Accessibility Has Not Failed—It Has Not Even Started for Real (cer)13,608
accessibility, ai
Accessibility Darkness (ste)13,607
accessibility, overlays
Planning a Design System Generation (nat)13,606
design-systems, automation
Emerging UX Patterns in Generative AI Experiences (uxd)13,605
user-experience, design-patterns, ai
The Hunt for the Missing Data Type (hil)13,604
types, algorithms
The Faster Lambda Runtime—Node.js or LLRT? We Benchmarked13,603
aws, lambda, javascript, runtimes, nodejs, comparisons, metrics
Go Ahead and Block AI Web Crawlers (cor)13,602
robotstxt, crawling, scraping, ai
Design System Generations (nat)13,601
design-systems, processes
Retrofitting Fluid Typography (ric)13,600
liquid-design, typography, css
Web Tech Trends to Watch in 2024 and Beyond (web)13,599
trends, design, dark-mode, ai, sustainability, minimalism
TIL—“submit()” Versus “requestSubmit()” (ray)13,598
javascript, comparisons
Team Productivity Metrics for Engineering Managers13,597
productivity, metrics, engineering-management
Modern CSS Tooltips and Speech Bubbles (css/sma)13,596
tooltips, css, techniques
Introducing JSR—the JavaScript Registry (lca+/den)13,595
introductions, jsr, deno, dependencies, javascript
Eloquent JavaScript (mar)13,594
websites, books, javascript
Apple Says iOS 17.4 Won’t Remove Home Screen Web Apps in the EU After All13,593
browsers, apple, mobile, web-apps
Apple Backs Off Killing Web Apps, but the Fight Continues (owa)13,592
web-apps, apple
An Introduction to Webflow—the No-Code Website Builder13,591
introductions, webflow, low-and-no-code
“AI” and Accessible Front-End Components: Is the Nuance Generatable? (hdv)13,590
accessibility, web-components, ai
A Love Letter to the Underrepresented in Tech13,589
community
Why Does “is-number” Package Have 59M Weekly Downloads?13,588
dependencies, npm
What You Need to Know About Software Requirements13,587
software-design, best-practices
What Is Inclusive Design, and How Does It Relate to Accessibility?13,586
design, dei, accessibility
Understanding Cookies and Sessions in React13,585
react, authentication, cookies
The Wax and the Wane of the Web (ste/ali)13,584
web-platform, history
Techniques to Break Words (aar)13,583
techniques, html, css, content
New to the Web Platform in February (rac/dev)13,582
release-notes, web-platform, browsers, mozilla, firefox, google, chrome, apple, safari
Keyboard Accessibility Testing on Mobile Devices13,581
accessibility, testing, keyboard-navigation, mobile
Diving Into CSS Interactivity (daw+/sto)13,580
videos, css
Choosing the Right Node.js Package Manager in 2024: A Comparative Guide (nod)13,579
guides, nodejs, dependencies, comparisons
Accessibility Has Failed: Try Generative UI = Individualized UX13,578
accessibility, usability, ai, outlooks
Creativity Lies in the Paradoxes (uxd)13,577
creativity, design
Ultimate Guide to Visual Testing With Playwright13,576
guides, testing, regressions, playwright
Top 8 Recent V8 in Node Updates (app)13,575
nodejs, v8
Test Quality vs. Bashing Tailwind CSS (mar)13,574
tailwind, css, comparisons
So, What Exactly Did Apple Break in the EU? (tom)13,573
browsers, apple, mobile, support, web-apps, apis
Making Math Accessible (ons/tpg)13,572
accessibility, math
How to Create a Sidebar Navigation With Astro, Tailwind CSS, and Alpine.js13,571
how-tos, navigation, functionality, astro, tailwind, alpinejs
Going Beyond Pixels and (r)ems in CSS—Container Query Length Units (uti/iod)13,570
css, container-queries, units
Enhanced Internationalization (I18N) in Next.js 1413,569
nextjs, internationalization
Apple vs. PWAs—Go Act Now and Help Avoid This Disaster… (cod)13,568
apple, web-apps, progressive-web-apps, community
An HTML Switch Control (ann+/web)13,567
html, css, forms
Screen Readers and Drag-and-Drop: Grabbing and Releasing Elements (dar)13,566
drag-and-drop, accessibility, browsers, screen-readers, support
The 3 Capabilities Designers Need to Build for the AI Era (uxd)13,565
design, career, training, ai, link-lists
Tumblr and WordPress to Sell Users’ Data to Train AI Tools (404)13,564
wordpress, ai
YouTube Video Embedding Harm Reduction (jvo)13,563
multimedia, embed-code, youtube, html, privacy
What Is Vuetify in Vue.js?13,562
vuetify, vuejs
ServerlessHorrors (and)13,561
websites, serverless, cloud-computing
Reporting Core Web Vitals With the Performance API (geo/sma)13,560
apis, performance, web-vitals
How to Use Server-Sent Events in Node.js (cra)13,559
how-tos, nodejs, events
How to Lazy-Load CodePen and CanIUse Embeds13,558
how-tos, embed-code, performance, codepen, caniuse
Here Lies the Internet, Murdered by Generative AI13,557
web, content, ai
AI and Design Systems (bra)13,556
ai, design-systems
A Simple Mistake That Can Screw Up Your Light/Dark Theme (and How to Fix It) (kev)13,555
videos, mistakes, dark-mode, css
A Guide to CSS Cursor Types13,554
guides, css, cursors
A Fun Line of Code (dbu)13,553
javascript, apis, multimedia
Advanced Figma Tips and Tricks 2024: Little Gems We Love (uxd)13,552
figma, tips-and-tricks
CSS Foundations: What Is IACVT? (bra)13,551
css, fundamentals
Why I Use Firefox (sim)13,550
browsers, mozilla, firefox
What Is a Single-Page Application? (hey)13,549
single-page-apps, javascript, performance, user-experience
The CSS Cascade—a (Re)Introduction (mat)13,548
videos, css, cascade
Speaker Spotlight: Michelle Barker (mic)13,547
interviews, css, sustainability
Open Letter to Tim Cook, Sabotaging Web Apps Is Indefensible (owa)13,546
apple, web-apps
No Outer Margin13,545
css, margins, spacing, components
How to Build a Newthing13,544
how-tos, processes, creativity, maintenance
CSS-Only Bottom-Anchored Scrolling Area (kit)13,543
css, scrolling
A Web Designer’s Accessibility Advocacy Toolkit (sma)13,542
accessibility, advocacy, strategies
10 Takeaways From the WebAIM Screenreader Survey #10 (kar)13,541
accessibility, screen-readers
Home Screen Advantage (sli)13,540
browsers, apple, mobile, support, web-apps, web-platform
The Power of Patterns and Playbooks in Content Design (kat/uxd)13,539
design, content, design-patterns
WebAIM Screen Reader User Survey 10 (den)13,538
accessibility, screen-readers
Understanding Event-Driven Architecture13,537
architecture, events
Navigating Signals: An Efficient Alternative to React Hooks for Enhanced Performance and Optimization13,536
react, hooks, signals
My WebAIM 10th SR User Survey Takeaways (aar)13,535
accessibility, screen-readers
JSDoc as an Alternative TypeScript Syntax13,534
typescript, documentation, jsdoc
CSS “:has()” Interactive Guide (sha)13,533
guides, css, selectors
CAPTCHA Is Still [the] Most Problematic Issue on the Web (cer)13,532
accessibility, web, captcha
Why My Code Isn’t in TypeScript (rem)13,531
typescript
Proposal: CSS Variable Groups (lea)13,530
css, variables
A Developer’s Guide for Web Accessibility13,529
guides, accessibility
Navbar Gallery13,528
websites, navigation, design-patterns, examples
JavaScript Bloat in 2024 (nik)13,527
javascript, performance
UX Leadership Is Failing (and What We Can Do About It) (uxd)13,526
user-experience, leadership
Vanilla JavaScript, Libraries, and the Quest for Stateful DOM Rendering (sma)13,525
javascript, libraries, client-side-rendering, state-management
JSR: What We Know So Far About Deno’s New JavaScript Package Registry (sar/soc)13,524
jsr, deno, dependencies, javascript
htmx vs. React: A Complete Comparison13,523
htmx, react, comparisons
Filling Gaps With a Polyfill (jay)13,522
polyfills, html, css, javascript, history
Difference Between the Accessibility Page and the Accessibility Statement13,521
accessibility, documentation, comparisons
Building Dynamic Progress Bars Using Only CSS (ami)13,520
css, progress-indicators
ARIA (Are Ya) Afraid of the Dark? Unmasking Common HTML Monsters to Create Better User Experiences (deq)13,519
videos, accessibility, aria, html, user-experience
Discovering Web Automation and Scraping (gli)13,518
scraping, automation, tooling
The One Trick Every Flutter Web Dev Needs to Know13,517
tips-and-tricks, flutter, performance
Making of True Multi-Brand Design System (uxd)13,516
design-systems, theming
CSS “::backdrop” Now Inherits From Its Originating Element (bra)13,515
css, selectors
View Transitions: Handling Aspect Ratio Changes (jaf)13,514
css, view-transitions, aspect-ratio
Syntax Highlighting With No Spans?! (chr/fro)13,513
css, apis, syntax-highlighting
Release Notes for Safari Technology Preview 189 (jon/web)13,512
release-notes, browsers, apple, safari
Parallax Effect With CSS Custom Properties (fro)13,511
css, custom-properties, effects, parallax
Node.js 2023 Year in an Article (raf)13,510
nodejs, retrospectives
Next.js vs. Remix—a Developer’s Dilemma13,509
nextjs, remix, comparisons
My Favourite Animation Trick: Exponential Smoothing (lis)13,508
animations, tips-and-tricks
How to Optimize the Web for the Worst User Conditions?13,507
how-tos, user-experience, responsive-design, performance, optimization
10 Best “Create React App” Alternatives for Different Use Cases13,506
react, frameworks, tech-stacks, comparisons, link-lists
How to Make a Cursor Image Hover Effect With CSS and JS13,505
how-tos, css, javascript, images, cursors, hover
Design Patterns That Encourage Junk Data (mic)13,504
design-patterns, sustainability, economics, storage, email
Preventing SQL Injection Attacks in Node.js13,503
security, nodejs, databases, sql
My Design System Journey: Building the Plane While Flying (uxd)13,502
design-systems, collaboration, processes
Why Is JavaScript Fragile? (cfe)13,501
javascript
“random()” Distribution Visualizer13,500
javascript, randomness, visualization
Okay, Color Spaces (eee)13,499
colors, oklch
How to Use Local Storage in JavaScript (fre)13,498
how-tos, browser-storage, javascript
How to Transfer Binary Data Efficiently Across Worker Threads in Node.js13,497
how-tos, nodejs, worker-threads
Does Your Design Conform With WCAG Accessibility Guidelines—or Does It Comply? (deq)13,496
videos, accessibility, wcag, guidelines, compliance
CSS-Only Radial Progress Bars Using Conic Gradients13,495
videos, css, gradients, progress-indicators
Control Lazy Load, Infinite Scroll, and Animations in React13,494
react, lazy-loading, scrolling, animations, javascript
A Practical Guide to Using Shadow DOM (may)13,493
guides, dom, shadow-dom
A Practical Guide to Designing for Colorblind People (vit/sma)13,492
guides, accessibility, design, colors, color-blindness
Responsive Web Design: 3 Key Fundamentals (nng)13,491
videos, responsive-design, fundamentals
What Is Utility-First CSS? (hey)13,490
css, presentational-html, principles
“Web Design as a Process” in Charts: Maintenance, Decay, Tech Debt, and Big Bang Launching (j9t)13,489
content, design, design-debt, technical-debt, maintenance, processes, visualization
[Web Accessibility] Survey Results13,488
accessibility, surveys
The Fifty-Fifty Split and Overflow (hex)13,487
css, overflow, layout
How to Design an Accessible Web Site for People With Color-Deficient Vision (uxm)13,486
how-tos, accessibility, dei, user-experience, colors, contrast, readability
Fostering a Collaborative Onboarding Team to Design Better Onboarding Experiences (uxm)13,485
collaboration, onboarding, user-experience
7 Effective Ways to Craft Compelling Problem Statements for UX Design (uxm)13,484
user-experience, product-management, processes
17 Equations That Changed the World—Rewritten in JavaScript13,483
javascript, math
100 Things You Can Do on Your Personal Website (cap)13,482
blogging, writing, indieweb
Syntax Highlighting Code Snippets With Prism and the Custom Highlight API (bra)13,481
apis, javascript, css, syntax-highlighting
Tailwind Marketing and Misinformation Engine13,480
tailwind, css, semantics, principles, maintainability, marketing
Don’t Care About Accessibility? Resistance Is Futile! (cer)13,479
accessibility
Understanding React “useEffect”13,478
react, hooks
JavaScript Workers13,477
videos, javascript, web-workers
JavaScript on Demand: How Qwik Differs From React Hydration (the)13,476
javascript, qwik, react, hydration, comparisons
A Manifesto for Small, Static, Web Apps (ros)13,475
manifestos, web-apps, principles
UI = ƒ(statesⁿ) (dav)13,474
design, state-management
Popular Git Config Options (b0r)13,473
git, configuration
It’s Official, Apple Kills Web Apps in the EU (owa)13,472
web-apps, apple
How to Set Up a Node Server With TypeScript in 2024 (jle)13,471
how-tos, nodejs, servers, typescript
Frontend Application Security: Tips and Tricks13,470
web-apps, security, xss, csrf, authentication, dependencies, csp, validation, tips-and-tricks
Be a Better Developer With These Git Good Practices13,469
git, best-practices, conventions, consistency, code-reviews
Top 20 JavaScript One-Liners That Don’t Actually Work (dar)13,468
javascript
React Labs: What We’ve Been Working On—February 2024 (rea)13,467
react
Playing With Infinity in CSS (lon)13,466
css, math
Making the Most of Ligatures (man)13,465
css, typography
How I Developed the 10 Usability Heuristics13,464
usability, heuristics, history
Getting to an Accessibility Strategy13,463
accessibility, strategies, processes
Future of CSS: Functions and Mixins13,462
css, functions, mixins
Full Guide on How to Hire Front-End Developers Effectively13,461
guides, how-tos, hiring, career
CSS “:is(.awesome)” (mar/cfe)13,460
videos, css, selectors, techniques
ARIA “note” (aar)13,459
accessibility, aria, browsers, screen-readers, support
A Dozen Thoughts About AI (dav)13,458
ai
Scroll-Driven Animations: You Want “overflow: clip”, not “overflow: hidden” (bra)13,457
css, overflow, scrolling, animations
When It Says “Name From Author” It Means From You, Not Boll or Bukowski (ste)13,456
accessibility, aria, naming
What Is the Difference Between ASP and ASP.NET?13,455
asp, asp-net, comparisons
What Is Lighthouse Speed Index (SI) and How to Reduce It13,454
performance, metrics, lighthouse, google
Wednesday, February 14, 2024 Security Releases (raf+/nod)13,453
release-notes, nodejs, security
The Text File That Runs the Internet (dav/ver)13,452
robotstxt, crawling, scraping, ai, web
Reasonable WCAG Additions (a11)13,451
accessibility, wcag
Input Type “date”: The Accessibility of HTML Date Picker13,450
accessibility, forms
How Accessibility Standards Can Empower Better Chart Visual Design (sma)13,449
accessibility, contrast, colors, information-design
Selenium Automation Testing: A Step-by-Step Beginners Guide13,448
guides, selenium, testing, automation
Building htmx and Go Web Apps With Gemini Advanced13,447
videos, web-apps, htmx, go, ai, gemini
Why I Like Scrumban (j9t)13,446
processes, agile, scrum, kanban
The New CSS Math: “pow()”, “sqrt()”, and Exponential Friends (dan)13,445
css, functions, math
The Best CSS Frameworks to Use in Your Projects for 2024 and Beyond (fre)13,444
css, frameworks, comparisons, bootstrap, tailwind, foundation, bulma, pure
How to Fix the Invisible Scrollbar Issue in iOS Browsers (sim/fro)13,443
how-tos, browsers, mobile, scrolling, css
How to Center a Div (jos)13,442
how-tos, css, centering
CSS Color Module Level 4 (tab+/w3c)13,441
standards, css, colors
Be Aware of Arrays—V8 Engine Advice13,440
javascript, javascript-engines, v8, arrays
An Introduction to Node.js Multithreading (cra)13,439
introductions, nodejs, multithreading
Advanced Architecture for AI Application (aka AAAA) (aus)13,438
ai, architecture, edge-computing, optimization
A Practical Guide to Designing for Children (vit/sma)13,437
guides, design, link-lists
You Want to Make It Easy to Feature Your Content (fro)13,436
frontend-dogma, content, community
The ü/ü Conundrum13,435
javascript, unicode, encoding
The Anatomy of Addictive Content (moz)13,434
content, writing, seo
React, Solid, htmx13,433
react, solidjs, htmx, comparisons
Learn TypeScript (jad)13,432
websites, courses, typescript
How to Choose the Best Static Site Generator in 202413,431
how-tos, site-generators, gatsby, jekyll, nuxt, nextjs, hugo, eleventy, vuejs
How to Boost WordPress Security and Protect Your SEO Ranking13,430
how-tos, wordpress, security, seo
Can Generative AI Help Write Accessible Code? (tin/tet)13,429
accessibility, code-generation, ai
A CSS Project Boilerplate (bel/pic)13,428
css, tailwind, templates
Using Recursive CSS to Change Styles Based on Depth (cri)13,427
css, selectors
Names Are Complex: Displaying Initials for an Avatar Component in a Design System (hey)13,426
naming, design, case-studies
Dynamic Text Color Contrast Based on Background Lightness With CSS/SVG Filters (miu)13,425
css, svg, filters, colors, contrast
CSS Mixins and Functions Explainer (mia/odd)13,424
css, mixins, functions
Navigating Prioritization: Four Approaches (cwo)13,423
project-management, prioritization, processes
Don’t Disable Form Controls (aar)13,422
accessibility, usability, forms, buttons
The Front-End Development We’re Used to Is Dying13,421
career, simplicity, complexity
HTML as the Baseline (cfe)13,420
html, progressive-enhancement
Have We Forgotten How to Build Ethical Things for the Web? (nic)13,419
web, ethics
Everything You Need to Know About Image Formats in 2024 (web)13,418
images, jpeg, png, gif, webp, avif, pdf, svg
Accelerating Code Reviews With Nudges13,417
research, code-reviews, productivity, experiments, facebook+meta
What Is a Descriptive Transcript?13,416
accessibility, multimedia
The Accessibility Mindset: Moving Beyond Remediating, Fixing, and Reacting (a11)13,415
videos, accessibility
So You Think You Know Git13,414
videos, git
Node.js Community Debate Intensifies Over Enabling Corepack by Default and Potentially Unbundling npm (sar/soc)13,413
nodejs, corepack, npm, yarn, pnpm, dependencies
Is [“* { min-width: 0; }”] a Good Idea? (kev)13,412
videos, css
In Its Tantrum With Europe, Apple Broke Web Apps in iOS 17 Beta, Still Hasn’t Fixed Them (tho/the)13,411
web-apps, browsers, apple, mobile
Going Beyond Pixels and (r)ems in CSS—Relative Length Units Based on the Viewport (uti/iod)13,410
viewport, css, units
Git Tips: Really Large Repositories13,409
git, monorepos, tips-and-tricks
Frequently Heard in My Beginning Front-End Web Development Class (geo/sma)13,408
learning, career
Patterns in Design Systems (ikn)13,407
design-systems, design-patterns, components
Web Development Is Getting Too Complex, and It May Be Our Fault (mon/sma)13,406
web-platform, frameworks, tech-stacks, complexity
Release Notes for Safari Technology Preview 188 (jon/web)13,405
release-notes, browsers, apple, safari
Opportunities for AI in Accessibility (aar/ali)13,404
accessibility, ai
Offloading JavaScript With Custom Properties (hey)13,403
javascript, css, custom-properties
CSS Is Logical (geo)13,402
css
10 Best Automated AI Code Review Tools 202413,401
ai, automation, code-reviews, tooling, comparisons, link-lists
UI Elements Are Not So Elementary (uxd)13,400
design, design-patterns
Designing User Onboarding: Lessons From Figma, Duolingo, and More (uxd)13,399
lessons, onboarding, design, user-experience, figma
A Beginner’s Guide to Seamless Open-Source Contributions (wom)13,398
guides, foss
When to Use the “min()” or “max()” Function (css)13,397
css, functions, tips-and-tricks
Remix Takes on Next.js in Battle of the React Frameworks (ric/the)13,396
frameworks, react, remix, nextjs
Malicious npm Package Masquerades as Noblox.js, Targeting Roblox Users for Data Theft (sar/soc)13,395
npm, dependencies, security
Lines of Code—How to Not Measure Code Quality and Developer Efficiency (cod)13,394
metrics, quality, efficiency, productivity
Lessons Learned Moving Eleventy From CommonJS to ESM in 2024 (zac/cfe)13,393
videos, lessons, eleventy, commonjs, esm, refactoring
jQuery 4.0.0 Beta (tim/jqu)13,392
release-notes, jquery
JavaScript vs. Python: Which One Should You Learn First?13,391
javascript, python, comparisons
JavaScript Promises Demystified13,390
javascript, promises
In Praise of the “switch” Statement (chi)13,389
javascript
Immutable Array Updates With “Array.prototype.with” (jad/dev)13,388
javascript, arrays, prototypes, browsers, support
Doing What’s Required: Indicating Mandatory Fields in an Accessible Way (tpg)13,387
accessibility, usability, forms, errors
Detect Caps Lock With JavaScript (dav)13,386
javascript
A Guide to Designing for Older Adults (vit/sma)13,385
guides, design, accessibility
You Won’t Scale (cfe)13,384
maintainability, scalability
Visual Hierarchy: Making User Experiences Easier to Understand (uxm)13,383
user-experience, design, hierarchy
Thoughts on a Global Design System (chr)13,382
design-systems
The Most Demanded Frontend Frameworks in 202313,381
frameworks, comparisons, react, angular, vuejs
The Decision to Leave Tech (col)13,380
career, retrospectives
Revolutionizing Usability Testing With Machine Learning (uxm)13,379
usability, testing, ai
It’s the Hope That Kills You (yat)13,378
accessibility, career, community
How to Create Rounded Gradient Borders With Any Background in CSS (ben)13,377
how-tos, css, borders, gradients, backgrounds
Getting Into Web Components—an Intro (uti)13,376
introductions, web-components
Exciting New Tools for Designers, February 2024 (web)13,375
design, tooling, link-lists
Everything You Need to Know About Git13,374
git, command-line
Bookmarklet: Load All GitHub Comments (mey)13,373
bookmarklets, github, code-reviews
13 Best Books, Courses, and Communities for Learning React13,372
react, books, courses, link-lists
HTML Attributes That Every Web Developer Should Know13,371
html, attributes, pop-overs, forms, custom-data
“X” Marks the Spot: Landmark Elements (stv)13,370
html, semantics, accessibility, assistive-tech, aria
Why Disabled People’s Needs Aren’t “Special”13,369
accessibility
The Importance of Web Performance to Information Equity (sch/fos)13,368
videos, performance, accessibility
htmx Deep Dive With Carson Gross13,367
videos, htmx, deep-dives
The SEO Starter Guide Got a Makeover (liz+)13,366
guides, seo, search, google
What Is WAP?13,365
wap, mobile
SOLID Principles: They’re Rock-Solid for Good Reason13,364
programming, principles, solid
Making Your SVG Icons CSS Masks Instead of Inline HTML or Backgrounds Has Some Benefits (chr/fro)13,363
images, svg, css, masking, performance
From Many to One: Moving Our JavaScript Code Into a Monorepo13,362
migrating, monorepos, javascript, git
All Art Is a Copy of Something (chr)13,361
art
5 Hidden Risks of Your Inaccessible Website (deq)13,360
accessibility
What’s the Difference Between “localhost” and “127.0.0.1”?13,359
network, ip, testing
Is the Increasing Amount of Shit Code All the Fault of AI-Generated Code?13,358
ai, quality, technical-debt
Tracking Your Interviews Is Extremely Important13,357
career, interviewing
The Web Just Gets Better With Interop 2024 (jen/web)13,356
web-platform, interoperability, browsers, support
Interop 2024 (rac/dev)13,355
interoperability, web-platform, browsers, support
How to Make a Great Framework Better?—Svelte 5 With Rich Harris (ric)13,354
videos, frameworks, svelte
Everyone’s a Sellout Now13,353
career, culture
Dynamically Adding Text Alternatives to Images With AI (kar)13,352
automation, ai, accessibility, images, alt-text
Drupal Creator: Websites Needed More Than Ever in the AI Era (ric/the)13,351
web, ai, complexity
Career Retrospective13,350
career, retrospectives
A Look at the New WAI–ARIA 1.3 Draft (cra)13,349
accessibility, aria, standards
A Complete Guide to Open Source—100× Simpler13,348
guides, foss
PurePWA—a Radical U-Turn in Web Development13,347
web-apps, progressive-web-apps, simplicity, tooling
Why Not htmx? (cfe)13,346
htmx
The Good, the Bad, the Web Components (zac)13,345
web-components, shadow-dom, dom
The Art and Science of Annotations in Dev Mode (fig)13,344
figma, annotations
Tackling Flaky Tests With Cypress and Playwright Through Network Synchronization13,343
testing, flakiness, cypress, playwright, network
Practice Safe DSD With “setHTMLUnsafe” (It’s Complicated) (jar/van)13,342
html, dom, shadow-dom, apis, security
Making VPATs and ACRs More Effective in Procurement (web)13,341
accessibility, vpat-acr, processes
Interaction to Next Paint Becomes a Core Web Vital on March 12 (mal+/dev)13,340
performance, web-vitals, metrics
Implementing User Authentication in React Apps With Appwrite13,339
react, authentication, tooling
How to Stream Files From Next.js Route Handlers (eri)13,338
how-tos, nextjs, routing, streaming
GitLab vs. GitHub: Which Is Better in 2024?13,337
version-control, gitlab, github, comparisons
Designing Accessible Color Palettes in Figma: A Guide for Web Accessibility (kno)13,336
guides, accessibility, colors, color-palettes, figma
Be Purposeful About Your Content13,335
accessibility, content, writing
5 Essential DevTools Console Hacks for Every Web Developer13,334
videos, browsers, dev-tools
Why Do Rubber Ducks Work?13,333
processes, productivity, creativity
Web Platform Design Principles (lea/w3c)13,332
web-platform, software-design, principles, standards, w3c
Use CSS “accent-color” to Style Your Inputs (cas)13,331
css, forms
Understanding Signals in Django13,330
signals, django
Tuesday, February 6, 2024 Security Releases (raf/nod)13,329
release-notes, nodejs, security
The Psychology of Site Speed and Human Happiness (tam/spe)13,328
performance, usability
Stop Burning Out Maintainers: An Empathetic Guide for Contributors (bek/ope)13,327
guides, foss, collaboration
Onboarding (mfo)13,326
processes, onboarding, productivity, engineering-management
New to the Web Platform in January (rac/dev)13,325
release-notes, web-platform, browsers, mozilla, firefox, google, chrome, apple, safari
Learn Testing (dev)13,324
courses, testing
Is Generated Code Harder to Maintain?13,323
discussions, ai, maintainability, maintenance
Going Beyond Pixels and (r)ems in CSS—Relative Length Units Based on Font (uti/iod)13,322
css, units, fonts
“field-sizing” Just Works! (kil/pol)13,321
css, forms, comparisons
Celebrate a More Interoperable Web With Interop 2023 (rac/dev)13,320
web-platform, interoperability, browsers, support
A Highly Configurable Switch Component Using Modern CSS Techniques (bel/pic)13,319
html, css
ESG and DEI Policies Were Always Luxury Goods (blo)13,318
dei, sustainability, policies
The Loss of the Process in the Name of Progress (uxd)13,317
design, creativity, productivity, processes
Practical Guide to Destructuring: TypeScript vs. Dart13,316
guides, typescript, dart, comparisons
The Web Component Success Story (jak)13,315
web-components
The EU Forces Open Apple’s Walled Garden13,314
legal, apple, browsers, mobile
Next.js App Router Migration: The Good, Bad, and Ugly13,313
nextjs, routing, migrating
How to Favicon in 2024: Six Files That Fit Most Needs (sit/evi)13,312
how-tos, images, favicons
Git: The Basics of “git bisect” (ada)13,311
fundamentals, git
Express Forward13,310
discussions, outlooks, express
Dynamic README Image Based on GitHub Activity13,309
readme, github
Debunking 10 Common Objections to Incremental Delivery for Software Teams13,308
agile, processes
At Last, Browser Choice * (dav)13,307
legal, browsers, apple, mobile
Nicer Text Wrapping With CSS “text-wrap” (lon)13,306
css, typography
Design Systems Burnout (fon)13,305
design-systems
A Guide to Styling Tables (sto)13,304
css, tables, responsive-design
Futuring With Design (uxd)13,303
design, creativity, processes
Please, Don’t Force Me to Log In (ham)13,302
web, authentication, user-experience
Gold Text Effect With CSS (man)13,301
css, effects
Big, Beautiful, Beefy Focus States With “:focus-visible” (dav)13,300
css, selectors, focus
Apple, the DMA, and Malicious Compliance (bru)13,299
legal, browsers, apple, mobile
Apple Redecorates Its iPhone Prison to Appease Europe (tho/the)13,298
legal, browsers, apple, mobile
The Impact of Developer Experience13,297
research, developer-experience, productivity, efficiency
Overlays and Ethics: A Conference Panel That Hurt My Heart (lfl)13,296
accessibility, ethics, overlays, community
Mozilla Says Apple’s New Browser Rules Are “as Painful as Possible” for Firefox (ver)13,295
browsers, apple, mozilla, firefox, mobile
Introducing Our Updated [Green Web Hosting] Directory (mrc)13,294
introductions, release-notes, sustainability, hosting
Inside .git (b0r)13,293
git
HTML Web Components on the Server Are Great (sco)13,292
html, web-components
7 Tips for Devs and Designers to Set Your Accessibility Efforts Up for Success (deq)13,291
accessibility, tips-and-tricks, processes
5 Web Design Disasters That Will Ruin Your 2024 (web)13,290
design, responsive-design, seo
Using Alternative Browser Engines in the European Union13,289
apple, browsers, browser-engines, mobile
This Web Page Is Best Viewed in the EU (gri/clo)13,288
legal, browsers, apple, mobile, web
The Largest Webshops in the Netherlands Remain Inaccessible for People With Visual and/or Motor Impairments13,287
studies, research, accessibility, ecommerce, legal