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. Hide

Frontend Dogma

News and Tools for Web Developers, 1990s to Now (16)

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