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

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

Entry (Sources) and TopicsDate#
Making Room for Long List Markers With Subgrid (nol)14,011
html, lists, css, grids
Internationalization With Remix (rem)14,010
remix, internationalization
Exploring the Creative Power of CSS Filters and Blending14,009
css, blend-modes, filters, effects
Announcing TypeScript 5.4 (dan/typ)14,008
release-notes, typescript
5 Ways Productivity Culture Kills Business Agility14,007
productivity, agile, economics, culture
10 Figma Keyboard Shortcuts: A Cheat Sheet for UX Designers14,006
figma, keyboard-shortcuts, cheat-sheets, design
Data Table Design Patterns (uxd)14,005
information-design, tables, design-patterns
How to Ensure Your Designs Work if You Can’t Access Sample Data (uxd)14,004
how-tos, design, usability, metrics, testing
WebKit Features in Safari 17.4 (jen+/web)14,003
release-notes, browsers, apple, safari, webkit
How to Use WebSockets in Node.js to Create Real-Time Apps (cra)14,002
how-tos, websockets, nodejs
Best Practices for Inclusive Design14,001
design, dei, accessibility, best-practices
When We Talk About Front-End Performance, What Are We Talking About14,000
performance, metrics, web-vitals, lighthouse, google
SemVer Simplified: An Introduction to Semantic Versioning13,999
introductions, semver, versioning
WCAG? More Like, W-What?! (stv)13,998
accessibility, wcag, link-lists
The 88×31 Archive13,997
web, images, history
Modern Git Commands and Features You Should Be Using13,996
git, command-line
JSR: Second Look (dbu)13,995
jsr
JavaScript Runs the World—Maybe Even Literally (wir)13,994
javascript, programming, web
Designing for Mobile Accessibility: Enhancing the User Experience on Small Screens (uxm)13,993
design, accessibility, user-experience, mobile
Achieving Design Collegiality While Maintaining Psychological Safety (uxm)13,992
design, collaboration
How npm Install Scripts Can Be Weaponized: A Real-World Example of a Harmful npm Package (eth)13,991
npm, dependencies, examples, security
VPS Showdown—March 2024—DigitalOcean vs. Linode vs. Vultr13,990
servers, hosting, comparisons, metrics
Visualizing Frontend Architecture (max)13,989
architecture, documentation, visualization
We Need to Talk About Jakob (mat)13,988
accessibility
Tools That Make Me Productive as a Software Engineer13,987
tooling, productivity, link-lists
CSS for Printing to Paper13,986
css, print
Bugs I’ve Filed on Browsers (nol)13,985
browsers, chromium, firefox, webkit, quality
Accessibility Has Not Failed—It Has Not Even Started for Real (cer)13,984
accessibility, ai
Accessibility Darkness (ste)13,983
accessibility, overlays
Planning a Design System Generation (nat)13,982
design-systems, automation
Emerging UX Patterns in Generative AI Experiences (uxd)13,981
user-experience, design-patterns, ai
The Hunt for the Missing Data Type (hil)13,980
types, algorithms
The Faster Lambda Runtime—Node.js or LLRT? We Benchmarked13,979
aws, lambda, javascript, runtimes, nodejs, comparisons, metrics
Go Ahead and Block AI Web Crawlers (cor)13,978
robotstxt, crawling, scraping, ai
Design System Generations (nat)13,977
design-systems, processes
Retrofitting Fluid Typography (ric)13,976
liquid-design, typography, css
Web Tech Trends to Watch in 2024 and Beyond (web)13,975
trends, design, dark-mode, ai, sustainability, minimalism
TIL—“submit()” Versus “requestSubmit()” (ray)13,974
javascript, comparisons
Team Productivity Metrics for Engineering Managers13,973
productivity, metrics, engineering-management
Modern CSS Tooltips and Speech Bubbles (css/sma)13,972
tooltips, css, techniques
Introducing JSR—the JavaScript Registry (lca+/den)13,971
introductions, jsr, deno, dependencies, javascript
Eloquent JavaScript (mar)13,970
websites, books, javascript
Apple Says iOS 17.4 Won’t Remove Home Screen Web Apps in the EU After All13,969
browsers, apple, mobile, web-apps
Apple Backs Off Killing Web Apps, but the Fight Continues (owa)13,968
web-apps, apple
An Introduction to Webflow—the No-Code Website Builder13,967
introductions, webflow, low-and-no-code
“AI” and Accessible Front-End Components: Is the Nuance Generatable? (hdv)13,966
accessibility, web-components, ai
A Love Letter to the Underrepresented in Tech13,965
community
New to the Web Platform in February (rac)13,964
release-notes, web-platform, browsers, mozilla, firefox, google, chrome, apple, safari
Why Does “is-number” Package Have 59M Weekly Downloads?13,963
dependencies, npm
What You Need to Know About Software Requirements13,962
software-design, best-practices
What Is Inclusive Design, and How Does It Relate to Accessibility?13,961
design, dei, accessibility
Understanding Cookies and Sessions in React13,960
react, authentication, cookies
The Wax and the Wane of the Web (ste/ali)13,959
web-platform, history
Techniques to Break Words (aar)13,958
techniques, html, css, content
Keyboard Accessibility Testing on Mobile Devices13,957
accessibility, testing, keyboard-navigation, mobile
Diving Into CSS Interactivity (daw+/sto)13,956
videos, css
Choosing the Right Node.js Package Manager in 2024: A Comparative Guide (nod)13,955
guides, nodejs, dependencies, comparisons
Accessibility Has Failed: Try Generative UI = Individualized UX13,954
accessibility, usability, ai, outlooks
Creativity Lies in the Paradoxes (uxd)13,953
creativity, design
Ultimate Guide to Visual Testing With Playwright13,952
guides, testing, regressions, playwright
Top 8 Recent V8 in Node Updates (app)13,951
nodejs, v8
Test Quality vs. Bashing Tailwind CSS (mar)13,950
tailwind, css, comparisons
So, What Exactly Did Apple Break in the EU? (tom)13,949
browsers, apple, mobile, support, web-apps, apis
Making Math Accessible (ons/tpg)13,948
accessibility, math
How to Create a Sidebar Navigation With Astro, Tailwind CSS, and Alpine.js13,947
how-tos, navigation, functionality, astro, tailwind, alpinejs
Going Beyond Pixels and (r)ems in CSS—Container Query Length Units (uti/iod)13,946
css, container-queries, units
Enhanced Internationalization (I18N) in Next.js 1413,945
nextjs, internationalization
Apple vs. PWAs—Go Act Now and Help Avoid This Disaster… (cod)13,944
apple, web-apps, progressive-web-apps, community
An HTML Switch Control (ann+/web)13,943
html, css, forms
Screen Readers and Drag-and-Drop: Grabbing and Releasing Elements (dar)13,942
drag-and-drop, accessibility, browsers, screen-readers, support
The 3 Capabilities Designers Need to Build for the AI Era (uxd)13,941
design, career, training, ai, link-lists
Tumblr and WordPress to Sell Users’ Data to Train AI Tools (404)13,940
wordpress, ai
YouTube Video Embedding Harm Reduction (jvo)13,939
multimedia, embed-code, youtube, html, privacy
What Is Vuetify in Vue.js?13,938
vuetify, vuejs
ServerlessHorrors (and)13,937
websites, serverless, cloud-computing
Reporting Core Web Vitals With the Performance API (geo/sma)13,936
apis, performance, web-vitals
How to Use Server-Sent Events in Node.js (cra)13,935
how-tos, nodejs, events
How to Lazy-Load CodePen and CanIUse Embeds13,934
how-tos, embed-code, performance, codepen, caniuse
Here Lies the Internet, Murdered by Generative AI13,933
web, content, ai
AI and Design Systems (bra)13,932
ai, design-systems
A Simple Mistake That Can Screw Up Your Light/Dark Theme (and How to Fix It) (kev)13,931
videos, mistakes, dark-mode, css
A Guide to CSS Cursor Types13,930
guides, css, cursors
A Fun Line of Code (dbu)13,929
javascript, apis, multimedia
Open Letter to Tim Cook, Sabotaging Web Apps Is Indefensible (owa)13,928
open-letters, apple, web-apps
Advanced Figma Tips and Tricks 2024: Little Gems We Love (uxd)13,927
figma, tips-and-tricks
CSS Foundations: What Is IACVT? (bra)13,926
css, fundamentals
Why I Use Firefox (sim)13,925
browsers, mozilla, firefox
What Is a Single-Page Application? (hey)13,924
single-page-apps, javascript, performance, user-experience
The CSS Cascade—a (Re)Introduction (mat)13,923
videos, css, cascade
Speaker Spotlight: Michelle Barker (mic)13,922
interviews, css, sustainability
No Outer Margin13,921
css, margins, spacing, components
How to Build a Newthing13,920
how-tos, processes, creativity, maintenance
CSS-Only Bottom-Anchored Scrolling Area (kit)13,919
css, scrolling
A Web Designer’s Accessibility Advocacy Toolkit (sma)13,918
accessibility, advocacy, strategies
10 Takeaways From the WebAIM Screenreader Survey #10 (kar)13,917
accessibility, screen-readers
Home Screen Advantage (sli)13,916
browsers, apple, mobile, support, web-apps, web-platform
The Power of Patterns and Playbooks in Content Design (kat/uxd)13,915
design, content, design-patterns
WebAIM Screen Reader User Survey 10 (den)13,914
accessibility, screen-readers
Understanding Event-Driven Architecture13,913
architecture, events
Navigating Signals: An Efficient Alternative to React Hooks for Enhanced Performance and Optimization13,912
react, hooks, signals
My WebAIM 10th SR User Survey Takeaways (aar)13,911
accessibility, screen-readers
JSDoc as an Alternative TypeScript Syntax13,910
typescript, documentation, jsdoc
CSS “:has()” Interactive Guide (sha)13,909
guides, css, selectors
CAPTCHA Is Still [the] Most Problematic Issue on the Web (cer)13,908
accessibility, web, captcha
A Developer’s Guide for Web Accessibility13,907
guides, accessibility
Why My Code Isn’t in TypeScript (rem)13,906
typescript
Proposal: CSS Variable Groups (lea)13,905
css, variables
Navbar Gallery13,904
websites, navigation, design-patterns, examples
JavaScript Bloat in 2024 (nik)13,903
javascript, performance
UX Leadership Is Failing (and What We Can Do About It) (uxd)13,902
user-experience, leadership
Vanilla JavaScript, Libraries, and the Quest for Stateful DOM Rendering (sma)13,901
javascript, libraries, client-side-rendering, state-management
JSR: What We Know So Far About Deno’s New JavaScript Package Registry (sar/soc)13,900
jsr, deno, dependencies, javascript
htmx vs. React: A Complete Comparison13,899
htmx, react, comparisons
Filling Gaps With a Polyfill (jay)13,898
polyfills, html, css, javascript, history
Difference Between the Accessibility Page and the Accessibility Statement13,897
accessibility, documentation, comparisons
Building Dynamic Progress Bars Using Only CSS (ami)13,896
css, progress-indicators
ARIA (Are Ya) Afraid of the Dark? Unmasking Common HTML Monsters to Create Better User Experiences (deq)13,895
videos, accessibility, aria, html, user-experience
How to Optimize the Web for the Worst User Conditions?13,894
how-tos, user-experience, responsive-design, performance, optimization
Discovering Web Automation and Scraping (gli)13,893
scraping, automation, tooling
The One Trick Every Flutter Web Dev Needs to Know13,892
tips-and-tricks, flutter, performance
Making of True Multi-Brand Design System (uxd)13,891
design-systems, theming
CSS “::backdrop” Now Inherits From Its Originating Element (bra)13,890
css, selectors
View Transitions: Handling Aspect Ratio Changes (jaf)13,889
css, view-transitions, aspect-ratio
Syntax Highlighting With No Spans?! (chr/fro)13,888
css, apis, syntax-highlighting
Release Notes for Safari Technology Preview 189 (jon/web)13,887
release-notes, browsers, apple, safari
Parallax Effect With CSS Custom Properties (fro)13,886
css, custom-properties, effects, parallax
Node.js 2023 Year in an Article (raf)13,885
nodejs, retrospectives
Next.js vs. Remix—a Developer’s Dilemma13,884
nextjs, remix, comparisons
My Favourite Animation Trick: Exponential Smoothing (lis)13,883
animations, tips-and-tricks
10 Best “Create React App” Alternatives for Different Use Cases13,882
react, frameworks, tech-stacks, comparisons, link-lists
How to Make a Cursor Image Hover Effect With CSS and JS13,881
how-tos, css, javascript, images, cursors, hover
Design Patterns That Encourage Junk Data (mic)13,880
design-patterns, sustainability, economics, storage, email
Preventing SQL Injection Attacks in Node.js13,879
security, nodejs, databases, sql
My Design System Journey: Building the Plane While Flying (uxd)13,878
design-systems, collaboration, processes
Why Is JavaScript Fragile? (cfe)13,877
javascript
“random()” Distribution Visualizer13,876
javascript, randomness, visualization
Okay, Color Spaces (eee)13,875
colors, oklch
How to Use Local Storage in JavaScript (fre)13,874
how-tos, browser-storage, javascript
How to Transfer Binary Data Efficiently Across Worker Threads in Node.js13,873
how-tos, nodejs, worker-threads
Does Your Design Conform With WCAG Accessibility Guidelines—or Does It Comply? (deq)13,872
videos, accessibility, wcag, guidelines, compliance
CSS-Only Radial Progress Bars Using Conic Gradients13,871
videos, css, gradients, progress-indicators
Control Lazy Load, Infinite Scroll, and Animations in React13,870
react, lazy-loading, scrolling, animations, javascript
A Practical Guide to Using Shadow DOM (may)13,869
guides, dom, shadow-dom
A Practical Guide to Designing for Colorblind People (vit/sma)13,868
guides, accessibility, design, colors, color-blindness
Responsive Web Design: 3 Key Fundamentals (nng)13,867
videos, responsive-design, fundamentals
What Is Utility-First CSS? (hey)13,866
css, presentational-html, principles
“Web Design as a Process” in Charts: Maintenance, Decay, Tech Debt, and Big Bang Launching (j9t)13,865
content, design, design-debt, technical-debt, maintenance, processes, visualization
[Web Accessibility] Survey Results13,864
accessibility, surveys
The Fifty-Fifty Split and Overflow (hex)13,863
css, overflow, layout
How to Design an Accessible Web Site for People With Color-Deficient Vision (uxm)13,862
how-tos, accessibility, dei, user-experience, colors, contrast, readability
Fostering a Collaborative Onboarding Team to Design Better Onboarding Experiences (uxm)13,861
collaboration, onboarding, user-experience
7 Effective Ways to Craft Compelling Problem Statements for UX Design (uxm)13,860
user-experience, product-management, processes
17 Equations That Changed the World—Rewritten in JavaScript13,859
javascript, math
100 Things You Can Do on Your Personal Website (cap)13,858
blogging, writing, indieweb
Syntax Highlighting Code Snippets With Prism and the Custom Highlight API (bra)13,857
apis, javascript, css, syntax-highlighting
Tailwind Marketing and Misinformation Engine13,856
tailwind, css, semantics, principles, maintainability, marketing
Don’t Care About Accessibility? Resistance Is Futile! (cer)13,855
accessibility
Understanding React “useEffect”13,854
react, hooks
JavaScript Workers13,853
videos, javascript, web-workers
JavaScript on Demand: How Qwik Differs From React Hydration (the)13,852
javascript, qwik, react, hydration, comparisons
A Manifesto for Small, Static, Web Apps (ros)13,851
manifestos, web-apps, principles
UI = ƒ(statesⁿ) (dav)13,850
design, state-management
Popular Git Config Options (b0r)13,849
git, configuration
It’s Official, Apple Kills Web Apps in the EU (owa)13,848
web-apps, apple
How to Set Up a Node Server With TypeScript in 2024 (jle)13,847
how-tos, nodejs, servers, typescript
Frontend Application Security: Tips and Tricks13,846
web-apps, security, xss, csrf, authentication, dependencies, csp, validation, tips-and-tricks
Be a Better Developer With These Git Good Practices13,845
git, best-practices, conventions, consistency, code-reviews
Top 20 JavaScript One-Liners That Don’t Actually Work (dar)13,844
javascript
React Labs: What We’ve Been Working On—February 2024 (rea)13,843
react
Playing With Infinity in CSS (lon)13,842
css, math
Making the Most of Ligatures (man)13,841
css, typography
How I Developed the 10 Usability Heuristics13,840
usability, heuristics, history
Getting to an Accessibility Strategy13,839
accessibility, strategies, processes
Future of CSS: Functions and Mixins13,838
css, functions, mixins
Full Guide on How to Hire Front-End Developers Effectively13,837
guides, how-tos, hiring, career
CSS “:is(.awesome)” (mar/cfe)13,836
videos, css, selectors, techniques
ARIA “note” (aar)13,835
accessibility, aria, browsers, screen-readers, support
A Dozen Thoughts About AI (dav)13,834
ai
Input Type “date”: The Accessibility of HTML Date Picker13,833
accessibility, forms
Scroll-Driven Animations: You Want “overflow: clip”, not “overflow: hidden” (bra)13,832
css, overflow, scrolling, animations
When It Says “Name From Author” It Means From You, Not Boll or Bukowski (ste)13,831
accessibility, aria, naming
What Is the Difference Between ASP and ASP.NET?13,830
asp, asp-net, comparisons
What Is Lighthouse Speed Index (SI) and How to Reduce It13,829
performance, metrics, lighthouse, google
Wednesday, February 14, 2024 Security Releases (raf+/nod)13,828
release-notes, nodejs, security
The Text File That Runs the Internet (dav/ver)13,827
robotstxt, crawling, scraping, ai, web
Reasonable WCAG Additions (a11)13,826
accessibility, wcag
How Accessibility Standards Can Empower Better Chart Visual Design (sma)13,825
accessibility, contrast, colors, information-design
Selenium Automation Testing: A Step-by-Step Beginners Guide13,824
guides, selenium, testing, automation
Building htmx and Go Web Apps With Gemini Advanced13,823
videos, web-apps, htmx, go, ai, gemini
Why I Like Scrumban (j9t)13,822
processes, agile, scrum, kanban
The New CSS Math: “pow()”, “sqrt()”, and Exponential Friends (dan)13,821
css, functions, math
The Best CSS Frameworks to Use in Your Projects for 2024 and Beyond (fre)13,820
css, frameworks, comparisons, bootstrap, tailwind, foundation, bulma, pure
How to Fix the Invisible Scrollbar Issue in iOS Browsers (sim/fro)13,819
how-tos, browsers, mobile, scrolling, css
How to Center a Div (jos)13,818
how-tos, css, centering
CSS Color Module Level 4 (tab+/w3c)13,817
standards, css, colors
Be Aware of Arrays—V8 Engine Advice13,816
javascript, javascript-engines, v8, arrays
An Introduction to Node.js Multithreading (cra)13,815
introductions, nodejs, multithreading
Advanced Architecture for AI Application (aka AAAA) (aus)13,814
ai, architecture, edge-computing, optimization
A Practical Guide to Designing for Children (vit/sma)13,813
guides, design, link-lists
You Want to Make It Easy to Feature Your Content (fro)13,812
frontend-dogma, content, community
The ü/ü Conundrum13,811
javascript, unicode, encoding
The Anatomy of Addictive Content (moz)13,810
content, writing, seo
React, Solid, htmx13,809
react, solidjs, htmx, comparisons
Learn TypeScript (jad)13,808
websites, courses, typescript
How to Choose the Best Static Site Generator in 202413,807
how-tos, site-generators, gatsby, jekyll, nuxt, nextjs, hugo, eleventy, vuejs
How to Boost WordPress Security and Protect Your SEO Ranking13,806
how-tos, wordpress, security, seo
Can Generative AI Help Write Accessible Code? (tin/tet)13,805
accessibility, code-generation, ai
A CSS Project Boilerplate (bel/pic)13,804
css, tailwind, templates
Using Recursive CSS to Change Styles Based on Depth (cri)13,803
css, selectors
Names Are Complex: Displaying Initials for an Avatar Component in a Design System (hey)13,802
naming, design, case-studies
Dynamic Text Color Contrast Based on Background Lightness With CSS/SVG Filters (miu)13,801
css, svg, filters, colors, contrast
CSS Mixins and Functions Explainer (mia/odd)13,800
css, mixins, functions
Navigating Prioritization: Four Approaches (cwo)13,799
project-management, prioritization, processes
Don’t Disable Form Controls (aar)13,798
accessibility, usability, forms, buttons
The Front-End Development We’re Used to Is Dying13,797
career, simplicity, complexity
HTML as the Baseline (cfe)13,796
html, progressive-enhancement
Have We Forgotten How to Build Ethical Things for the Web? (nic)13,795
web, ethics
Everything You Need to Know About Image Formats in 2024 (web)13,794
images, jpeg, png, gif, webp, avif, pdf, svg
Accelerating Code Reviews With Nudges13,793
research, code-reviews, productivity, experiments, facebook+meta
Format Nunjucks Files With Prettier (san)13,792
nunjucks, prettier
What Is a Descriptive Transcript?13,791
accessibility, multimedia
The Accessibility Mindset: Moving Beyond Remediating, Fixing, and Reacting (a11)13,790
videos, accessibility
So You Think You Know Git13,789
videos, git
Node.js Community Debate Intensifies Over Enabling Corepack by Default and Potentially Unbundling npm (sar/soc)13,788
nodejs, corepack, npm, yarn, pnpm, dependencies
Is [“* { min-width: 0; }”] a Good Idea? (kev)13,787
videos, css
In Its Tantrum With Europe, Apple Broke Web Apps in iOS 17 Beta, Still Hasn’t Fixed Them (tho/the)13,786
web-apps, browsers, apple, mobile
Going Beyond Pixels and (r)ems in CSS—Relative Length Units Based on the Viewport (uti/iod)13,785
viewport, css, units
Git Tips: Really Large Repositories13,784
git, monorepos, tips-and-tricks
Frequently Heard in My Beginning Front-End Web Development Class (geo/sma)13,783
learning, career
Patterns in Design Systems (ikn)13,782
design-systems, design-patterns, components
Web Development Is Getting Too Complex, and It May Be Our Fault (mon/sma)13,781
web-platform, frameworks, tech-stacks, complexity
Release Notes for Safari Technology Preview 188 (jon/web)13,780
release-notes, browsers, apple, safari
Opportunities for AI in Accessibility (aar/ali)13,779
accessibility, ai
Offloading JavaScript With Custom Properties (hey)13,778
javascript, css, custom-properties
CSS Is Logical (geo)13,777
css
10 Best Automated AI Code Review Tools 202413,776
ai, automation, code-reviews, tooling, comparisons, link-lists
Immutable Array Updates With “Array.prototype.with” (jad)13,775
javascript, arrays, prototypes, browsers, support
UI Elements Are Not So Elementary (uxd)13,774
design, design-patterns
Designing User Onboarding: Lessons From Figma, Duolingo, and More (uxd)13,773
lessons, onboarding, design, user-experience, figma
A Beginner’s Guide to Seamless Open-Source Contributions (wom)13,772
guides, foss
When to Use the “min()” or “max()” Function (css)13,771
css, functions, tips-and-tricks
Remix Takes on Next.js in Battle of the React Frameworks (ric/the)13,770
frameworks, react, remix, nextjs
Malicious npm Package Masquerades as Noblox.js, Targeting Roblox Users for Data Theft (sar/soc)13,769
npm, dependencies, security
Lines of Code—How to Not Measure Code Quality and Developer Efficiency (cod)13,768
metrics, quality, efficiency, productivity
Lessons Learned Moving Eleventy From CommonJS to ESM in 2024 (zac/cfe)13,767
videos, lessons, eleventy, commonjs, esm, refactoring
jQuery 4.0.0 Beta (tim/jqu)13,766
release-notes, jquery
JavaScript vs. Python: Which One Should You Learn First?13,765
javascript, python, comparisons
JavaScript Promises Demystified13,764
javascript, promises
In Praise of the “switch” Statement (chi)13,763
javascript
Doing What’s Required: Indicating Mandatory Fields in an Accessible Way (tpg)13,762
accessibility, usability, forms, errors
Detect Caps Lock With JavaScript (dav)13,761
javascript
A Guide to Designing for Older Adults (vit/sma)13,760
guides, design, accessibility
You Won’t Scale (cfe)13,759
maintainability, scalability
Visual Hierarchy: Making User Experiences Easier to Understand (uxm)13,758
user-experience, design, hierarchy
Thoughts on a Global Design System (chr)13,757
design-systems
The Most Demanded Frontend Frameworks in 202313,756
frameworks, comparisons, react, angular, vuejs
The Decision to Leave Tech (col)13,755
career, retrospectives
Revolutionizing Usability Testing With Machine Learning (uxm)13,754
usability, testing, ai
It’s the Hope That Kills You (yat)13,753
accessibility, career, community
How to Create Rounded Gradient Borders With Any Background in CSS (ben)13,752
how-tos, css, borders, gradients, backgrounds
Getting Into Web Components—an Intro (uti)13,751
introductions, web-components
Exciting New Tools for Designers, February 2024 (web)13,750
design, tooling, link-lists
Everything You Need to Know About Git13,749
git, command-line
Bookmarklet: Load All GitHub Comments (mey)13,748
bookmarklets, github, code-reviews
13 Best Books, Courses, and Communities for Learning React13,747
react, books, courses, link-lists
HTML Attributes That Every Web Developer Should Know13,746
html, attributes, pop-overs, forms, custom-data
“X” Marks the Spot: Landmark Elements (stv)13,745
html, semantics, accessibility, assistive-tech, aria
Why Disabled People’s Needs Aren’t “Special”13,744
accessibility
The Importance of Web Performance to Information Equity (sch/fos)13,743
videos, performance, accessibility
htmx Deep Dive With Carson Gross13,742
videos, htmx, deep-dives
A View Source Web (gar)13,741
websites, view-source, browsers
The SEO Starter Guide Got a Makeover (liz+)13,740
guides, seo, search, google
What Is WAP?13,739
wap, mobile
SOLID Principles: They’re Rock-Solid for Good Reason13,738
programming, principles, solid
Making Your SVG Icons CSS Masks Instead of Inline HTML or Backgrounds Has Some Benefits (chr/fro)13,737
images, svg, css, masking, performance
From Many to One: Moving Our JavaScript Code Into a Monorepo13,736
migrating, monorepos, javascript, git
All Art Is a Copy of Something (chr)13,735
art
5 Hidden Risks of Your Inaccessible Website (deq)13,734
accessibility
Tracking Your Interviews Is Extremely Important13,733
career, interviewing
Interop 2024 (rac)13,732
interoperability, web-platform, browsers, support
What’s the Difference Between “localhost” and “127.0.0.1”?13,731
network, ip, testing
Is the Increasing Amount of Shit Code All the Fault of AI-Generated Code?13,730
ai, quality, technical-debt
The Web Just Gets Better With Interop 2024 (jen/web)13,729
web-platform, interoperability, browsers, support
How to Make a Great Framework Better?—Svelte 5 With Rich Harris (ric)13,728
videos, frameworks, svelte
Everyone’s a Sellout Now13,727
career, culture
Dynamically Adding Text Alternatives to Images With AI (kar)13,726
automation, ai, accessibility, images, alt-text
Drupal Creator: Websites Needed More Than Ever in the AI Era (ric/the)13,725
web, ai, complexity
Career Retrospective13,724
career, retrospectives
A Look at the New WAI–ARIA 1.3 Draft (cra)13,723
accessibility, aria, standards
A Complete Guide to Open Source—100× Simpler13,722
guides, foss
Interaction to Next Paint Becomes a Core Web Vital on March 12 (mal+)13,721
performance, web-vitals, metrics
PurePWA—a Radical U-Turn in Web Development13,720
web-apps, progressive-web-apps, simplicity, tooling
Why Not htmx? (cfe)13,719
htmx
The Good, the Bad, the Web Components (zac)13,718
web-components, shadow-dom, dom
The Art and Science of Annotations in Dev Mode (fig)13,717
figma, annotations
Tackling Flaky Tests With Cypress and Playwright Through Network Synchronization13,716
testing, flakiness, cypress, playwright, network
Practice Safe DSD With “setHTMLUnsafe” (It’s Complicated) (jar/van)13,715
html, dom, shadow-dom, apis, security
Making VPATs and ACRs More Effective in Procurement (web)13,714
accessibility, vpat-acr, processes
Implementing User Authentication in React Apps With Appwrite13,713
react, authentication, tooling
How to Stream Files From Next.js Route Handlers (eri)13,712
how-tos, nextjs, routing, streaming
GitLab vs. GitHub: Which Is Better in 2024?13,711
version-control, gitlab, github, comparisons
Designing Accessible Color Palettes in Figma: A Guide for Web Accessibility (kno)13,710
guides, accessibility, colors, color-palettes, figma
Be Purposeful About Your Content13,709
accessibility, content, writing
5 Essential DevTools Console Hacks for Every Web Developer13,708
videos, browsers, dev-tools
New to the Web Platform in January (rac)13,707
release-notes, web-platform, browsers, mozilla, firefox, google, chrome, apple, safari
Celebrate a More Interoperable Web With Interop 2023 (rac)13,706
web-platform, interoperability, browsers, support
Learn Testing13,705
courses, testing
Why Do Rubber Ducks Work?13,704
processes, productivity, creativity
Web Platform Design Principles (lea/w3c)13,703
web-platform, software-design, principles, standards, w3c
Use CSS “accent-color” to Style Your Inputs (cas)13,702
css, forms
Understanding Signals in Django13,701
signals, django
Tuesday, February 6, 2024 Security Releases (raf/nod)13,700
release-notes, nodejs, security
The Psychology of Site Speed and Human Happiness (tam/spe)13,699
performance, usability
Stop Burning Out Maintainers: An Empathetic Guide for Contributors (bek/ope)13,698
guides, foss, collaboration
Onboarding (mfo)13,697
processes, onboarding, productivity, engineering-management
Is Generated Code Harder to Maintain?13,696
discussions, ai, maintainability, maintenance
Going Beyond Pixels and (r)ems in CSS—Relative Length Units Based on Font (uti/iod)13,695
css, units, fonts
“field-sizing” Just Works! (kil/pol)13,694
css, forms, comparisons
A Highly Configurable Switch Component Using Modern CSS Techniques (bel/pic)13,693
html, css
Debunking 10 Common Objections to Incremental Delivery for Software Teams13,692
agile, processes
ESG and DEI Policies Were Always Luxury Goods (blo)13,691
dei, sustainability, policies
The Loss of the Process in the Name of Progress (uxd)13,690
design, creativity, productivity, processes
Practical Guide to Destructuring: TypeScript vs. Dart13,689
guides, typescript, dart, comparisons
The Web Component Success Story (jak)13,688
web-components
The EU Forces Open Apple’s Walled Garden13,687
legal, apple, browsers, mobile
Next.js App Router Migration: The Good, Bad, and Ugly13,686
nextjs, routing, migrating
How to Favicon in 2024: Six Files That Fit Most Needs (sit/evi)13,685
how-tos, images, favicons
Git: The Basics of “git bisect” (ada)13,684
fundamentals, git
Express Forward13,683
discussions, outlooks, express
Dynamic README Image Based on GitHub Activity13,682
readme, github
At Last, Browser Choice * (dav)13,681
legal, browsers, apple, mobile
Nicer Text Wrapping With CSS “text-wrap” (lon)13,680
css, typography
Design Systems Burnout (fon)13,679
design-systems
A Guide to Styling Tables (sto)13,678
css, tables, responsive-design
Futuring With Design (uxd)13,677
design, creativity, processes
Please, Don’t Force Me to Log In (ham)13,676
web, authentication, user-experience
Gold Text Effect With CSS (man)13,675
css, effects
Big, Beautiful, Beefy Focus States With “:focus-visible” (dav)13,674
css, selectors, focus
Apple, the DMA, and Malicious Compliance (bru)13,673
legal, browsers, apple, mobile
Apple Redecorates Its iPhone Prison to Appease Europe (tho/the)13,672
legal, browsers, apple, mobile
The Impact of Developer Experience13,671
research, developer-experience, productivity, efficiency
Overlays and Ethics: A Conference Panel That Hurt My Heart (lfl)13,670
accessibility, ethics, overlays, community
Mozilla Says Apple’s New Browser Rules Are “as Painful as Possible” for Firefox (ver)13,669
browsers, apple, mozilla, firefox, mobile
Introducing Our Updated [Green Web Hosting] Directory (mrc)13,668
introductions, release-notes, sustainability, hosting
Inside .git (b0r)13,667
git
HTML Web Components on the Server Are Great (sco)13,666
html, web-components
7 Tips for Devs and Designers to Set Your Accessibility Efforts Up for Success (deq)13,665
accessibility, tips-and-tricks, processes
5 Web Design Disasters That Will Ruin Your 2024 (web)13,664
design, responsive-design, seo
The Largest Webshops in the Netherlands Remain Inaccessible for People With Visual and/or Motor Impairments13,663
studies, research, accessibility, ecommerce, legal
Using Alternative Browser Engines in the European Union13,662
apple, browsers, browser-engines, mobile
This Web Page Is Best Viewed in the EU (gri/clo)13,661
legal, browsers, apple, mobile, web
Should Links Open in a New Tab? (stv)13,660
links, usability, user-experience
One World, One Web, One Love (aar)13,659
web
JWT vs. Session Authentication13,658
security, authentication, json-web-tokens, comparisons
Deno 1.40: Temporal API (den)13,657
release-notes, deno, apis, time
CSS Blurry Shimmer Effect (sma)13,656
css, effects
Animating Font Palette (man)13,655
css, colors, fonts, effects
A Day in the Life of a Developer—Building a Dashboard App With SQL, Node.js, Django, and Next.js13,654
functionality, databases, sql, nodejs, django, nextjs
The API That No One Dared Delete13,653
apis, infrastructure, documentation, maintenance, technical-debt
The Structure of User Experience (uxd)13,652
user-experience, processes
What Happened With the Web Monetization API? (chr)13,651
monetization, apis
What Can a Website Do? (dav)13,650
accessibility, usability, quality
Web Components in Earnest (dav)13,649
web-components, javascript
User Styles (mia)13,648
css, user-styles, browsers
The New CSS Color Format You Didn’t Know You Needed; “oklch()”13,647
css, colors, oklch, functions, tailwind
Take a Qwik Break From React With Astro (the)13,646
qwik, react, astro, frameworks, comparisons
Release Notes for Safari Technology Preview 187 (jon/web)13,645
release-notes, browsers, apple, safari
On Web Components (tmc)13,644
web-components
GitHub, npm Registry Abused to Host SSH Key-Stealing Malware13,643
github, npm, security, malware, foss
Getting Started With Content Collections in Astro13,642
introductions, astro
Five Future Roles for Designers (jar)13,641
design, career, outlooks
Are Design Systems a Zero-Interest Rate Phenomenon? (dav)13,640
design-systems, economics
An Introduction to the Liquid Template Language13,639
introductions, liquid, template-engines
14 Best SEO Tools in 2024 (web)13,638
seo, tooling, link-lists
Unit Testing With Jest and Integration With GitHub Actions13,637
testing, jest, github-actions, quality
The Web Is Unversioned (rhi/w3c)13,636
web-platform, versioning
What Is JSDoc and Why You May Not Need TypeScript for Your Next Project13,635
javascript, typescript, documentation, jsdoc
What Has a Ceiling but No Floor? (mat)13,634
accessibility, apple, facebook+meta
Unlocking the Power of HTML’s Native Browser “dialog” Element (ope)13,633
html, modals
The AI Dilemma in Graphic Design: Steering Towards Excellence in Typography and Beyond (sma)13,632
ai, design, typography
New Study on Coding Behavior Raises Questions About Impact of AI on Software Development13,631
studies, research, ai, quality, technical-debt
Modern JavaScript Library Starter13,630
dependencies, npm, libraries
LCP and FCP on Single Page Application on Soft Navigations (dws)13,629
performance, web-vitals, single-page-apps, navigation
In Praise of Buttons13,628
buttons
Highlight Text When a User Scrolls Down to That Piece of Text (chr/fro)13,627
css, scrolling, effects
Google Is Using AI to Organize and Customize Your Chrome Browser (dav/ver)13,626
ai, browsers, google, chrome
Exploring the Bounds of Jamstack With Zach Leatherman (zac+)13,625
videos, interviews, tech-stacks, jamstack
Check for “accesskey” and “aria-keyshortcuts” Bookmarklet (ste)13,624
bookmarklets, accessibility, html, aria, keyboard-shortcuts
Better Form UX With the CSS Property “field-sizing” (sea)13,623
forms, user-experience, css
Balancing Engineering Cultures: Debate Everything vs. Just Tell Me What to Build13,622
culture, engineering-management, processes, comparisons
What Is Jest and Why Should I Use It? (cod)13,621
jest
WebKit Features in Safari 17.3 (jen/web)13,620
release-notes, browsers, apple, safari, webkit
Use Tailwind CSS Prefixes for Shared Design System Components (sen)13,619
tailwind, design-systems, components
Repetition Avoidance (ste)13,618
code-pens, accessibility, user-experience, aria
Progressive JPEGs (PJPEG): The Key to Loading Images Faster on Your Website13,617
pjpeg, jpeg, images, performance, comparisons
Layouts in Astro13,616
astro
How End-to-End Testing Moves Us Closer to Continuous Accessibility (ass)13,615
accessibility, processes, testing
How a Web-Site Redesign Can Impact the Customer Journey (uxm)13,614
redesigning, user-experience
Handling Environment Variables in Node.js (mco/pla)13,613
environments, variables, nodejs
Could Local SEO Transform Your User Experience? (uxm)13,612
seo, user-experience
Continuous Accessibility: What, Why, How (ass)13,611
accessibility, processes, testing, tooling
Battle of the Browsers (zer)13,610
browsers, browser-engines, blink, chrome, google, edge, microsoft, brave, gecko, firefox, mozilla, webkit, safari, apple, comparisons
7 Mobile UX Design Tools to Supercharge Your Design Process (uxm)13,609
design, tooling, link-lists
What Is Our Design Intention? (uxd)13,608
design, processes
Vector Database Recommender System (ast)13,607
databases, vector-databases
Why I Don’t Care About Website/Blog Stats (nei)13,606
blogging, metrics, sem
What Is CSS Motion Path?13,605
css, svg, animations
The World’s Smallest PNG (eva)13,604
images, png, minimalism
Mind the Accessibility Gaps—Most of Accessibility Issues Originate in Design and How to Fix That (cer)13,603
accessibility, design, html, aria
The Bun Shell (jar/bun)13,602
bun, javascript, shells
Navigating JavaScript Security: Recompiling Firefox to Bypass Anti-Debugger Techniques (gli)13,601
javascript, security, debugging, firefox, mozilla, browsers
Mastering Node CSV13,600
nodejs, csv
A Call for Consensus on HTML Semantics (5t3)13,599
html, semantics
My Take on Fading Content Using Transparent Gradients in CSS (kil/pol)13,598
css, gradients, transparency+opacity
Understanding the Stanca Act, Italy’s Digital Accessibility Law (tpg)13,597
accessibility, legal
Why Do Reflows Negatively Affect Performance? (fro)13,596
performance, reflow
Making CSS View Transitions Easy With Velvette (nom/cod)13,595
css, view-transitions, tooling
How Core Web Vitals Affect SEO (ind)13,594
performance, web-vitals, lighthouse, google, seo
Under-Supported and Underpaid (aar)13,593
accessibility, career, economics, craft
Modern CSS, the State of the Web, Safari’s Progress, and More! With Jen Simmons (jen+)13,592
videos, interviews, css, web, browsers, apple, safari
12 Modern CSS One-Line Upgrades (5t3)13,591
css
Node.js vs. Python: Which One to Choose for 202413,590
nodejs, python, comparisons
Deceptive Deprecation: The Truth About npm Deprecated Packages13,589
deprecation, security, npm, dependencies, research
The Color Input and the Color Picker (chr/fro)13,588
html, colors, usability
Create a Currency Converter With HTML, CSS, and Vanilla JavaScript13,587
functionality, html, css, javascript
Astro 4.2 (eri+/ast)13,586
astro, release-notes
Fading Content Using Transparent Gradient in CSS (ami)13,585
css, gradients, transparency+opacity, effects
Safely Accessing the DOM With Angular SSR13,584
security, dom, javascript, angular, server-side-rendering
Indicators, Validations, and Notifications: Pick the Correct Communication Option (nng)13,583
notifications, errors, validation, usability
The Designer’s Guide to Social Computing (uxd)13,582
guides, design, social-media
JavaScript Array “sort()” vs. “toSorted()” (New in ES 2023)13,581
videos, javascript, arrays, sorting, comparisons
Dispatching an Event (chr/fro)13,580
javascript, events
Basic Accessibility Mistakes I Often See in Audits (cfe)13,579
accessibility, mistakes, auditing, html, semantics, focus, links, buttons
AI Art Is the New Stock Image (ia)13,578
design, ai, images
A Practical Introduction to Scroll-Driven Animations With CSS “scroll()” and “view()” (arg/cod)13,577
introductions, scrolling, animations, css, functions
Guide to Fast Next.js13,576
guides, nextjs, performance, optimization, server-side-rendering, lazy-loading
Practical Guide to Usability Testing13,575
guides, usability, testing
The Golden Rule of Assertions13,574
javascript, testing
5 Advanced Data-Fetching Techniques in React for Enhanced User Experience13,573
react, data-fetching, code-splitting, components, techniques
Are You Boring Your Interviewer by Over-Explaining Context? (uxd)13,572
career, interviewing, design
Is It Time to Switch From Docker to Podman?13,571
videos, docker, podman, tooling, comparisons
The Complex but Awesome CSS “border-image” Property (css/sma)13,570
css, borders, techniques
Stop Trying to Recruit Unicorns With Acorns (cra)13,569
accessibility, career
Node.js Security Progress Report—Progress on Permission Model, Fuzzer, and Connections With Community (ope)13,568
nodejs, security
Measuring Developer Productivity: Real-World Examples (ger)13,567
productivity, metrics, developer-experience, google, microsoft
Git Lesson: How to Use .gitignore and .gitkeep?13,566
git, how-tos
Disillusioned With Deno (bal)13,565
deno
Difference Between “getElementByID” and “querySelector”13,564
javascript, css, selectors
APA-Style Titles in Laravel (ami)13,563
writing, conventions, laravel
14 Things to Check Before Deploying a Website13,562
deploying, quality, processes
Dynamically Darken or Lighten a Color in CSS (bpu)13,561
css, colors, functions
Combining “:has” and “:only-child” to Change Tab Containers (cri)13,560
css, selectors
Why I Use htmx (fla)13,559
htmx
Why I Use Alpine.js (fla)13,558
alpinejs
Web Standards: The Guidelines That Every Developer Should Know13,557
standards, history, w3c, html, css, xml, wcag
Design Is Not Really a Thing (uxd)13,556
design, user-experience
The Evolution of Page Speed (deb)13,555
videos, performance, metrics, optimization, history
The Building Blocks of a Greenfield Vue Application in 2024 (fad)13,554
vuejs, tooling, link-lists
React Libraries for 2024 (rwi)13,553
react, libraries, link-lists
Performance and Stay Questions in 1:1s (j9t)13,552
engineering-management, leadership, career, processes
Optimizing SQL Queries by 23×13,551
databases, sql, performance, optimization
Moving on From React (kel)13,550
migrating, react, stimulus
Accessible Notifications With ARIA Live Regions (sar)13,549
accessibility, notifications, aria, live-regions
Accessible Notifications With ARIA Live Regions II (sar)13,548
accessibility, notifications, aria, live-regions
Secure Your Code: Auto-Fix Vulnerabilities With Dependabot (GitHub Tutorial)13,547
videos, dependencies, security, dependabot
Hover Contrast Bookmarklet (joe)13,546
bookmarklets, hover, colors, contrast, focus, accessibility
Disable Browser Caching With “meta” HTML Tags13,545
html, metadata, caching
Creating a Markdown Preprocessor for Svelte13,544
svelte, sveltekit, markdown, functionality
Why Did Frontend Development Become So Complicated?13,543
processes, complexity, career
Igalia Chats: Browser Politics and You (jaf+/iga)13,542
podcasts, web-platform
I Hate CORS13,541
videos, cors, security
“import myModule from "./my-module.torrent"”: Requiring Node Modules From BitTorrent (eva)13,540
nodejs, modules
Building a Clean and Scalable Frontend Architecture13,539
architecture, scalability, simplicity, maintainability
Web Component Gotcha: “constructor” vs. “connectedCallback” (nol)13,538
web-components, javascript, callbacks, comparisons
Using AI for Accessibility: Breaking Down Barriers in Content Creation?! (mor)13,537
accessibility, ai, content
Kind of Annoyed at React (cas)13,536
react
A Guide on Using Postman as a Frontend Developer in Web Development13,535
guides, postman, apis
Avoid These 5 Mistakes as a Web Developer13,534
career, mistakes, learning
Type in TypeScript13,533
typescript, types
Static Site Generators: A Growing Trend in Frontend Development13,532
static-site-generation, site-generators, trends
Power of WebRTC13,531
webrtc, apis
Options for “optgroup” Labeling of “options” (ste)13,530
accessibility, html, forms, browsers, screen-readers, support
JS Perf Wins and New Node.js Features With Yagiz Nizipli (wes+/syn)13,529
podcasts, javascript, performance, nodejs, optimization
How to Use “data-nosnippet” to Block Specific Content From Being Used in a Google Search Snippet (Experiment)13,528
how-tos, seo, google, experiments
How to Get Started With Progressive Web Apps13,527
how-tos, web-apps, progressive-web-apps, comparisons
Eliminating Cookie Banners Is Hard (jef)13,526
cookies, consent-management, legal
Applying the SPACE Framework (lau)13,525
productivity, metrics
The Stack I Used to Build My Blog in 202413,524
tech-stacks, functionality
5 CSS Snippets Every Front-End Developer Should Know in 2024 (arg)13,523
css
Node.js Mastery: Advanced Development and Performance Tips13,522
nodejs, servers, express, performance, testing, memory
Chrome Alternative Browsers to Check Out in 202413,521
browsers, arc, the-browser-company, chromium, orion, kagi, firefox, mozilla
Creating a Color Ramp Using Color Modifiers in Tokens Studio (uxd)13,520
design-systems, design-tokens, colors, figma
Compatibility of Node.js Versions With Packages13,519
nodejs, versioning, dependencies
Bringing Down the Digital Divide (uxd)13,518
accessibility, user-experience
What I Have Learned From Conducting Over 100 Website Migrations (moz)13,517
seo, migrating, testing
Using “abbr” Element With “title” Attribute (aar)13,516
html, attributes, accessibility, browsers, assistive-tech, support
Top Front-End Tools of 2023 (lou/sma)13,515
tooling, link-lists, retrospectives
If It’s Not Usable, It’s Not Accessible (tpg)13,514
interviews, accessibility, usability, history
console.delight (zac/fro)13,513
javascript, console, browsers, dev-tools, debugging
Node v20.11.0 (LTS) (nod)13,512
release-notes, nodejs