Life is about deciding who you are: Join us and decide to be for environmental protection, free education and generous social security, human rights and international law, and, of course, action against oppression and violence (starting with helping the people of occupied Palestine 🇵🇸)! Hide

Frontend Dogma

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

→ 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#
Release Notes for Safari Technology Preview 191 (jon/web)14,150
release-notes, browsers, apple, safari
Improving the Developer Experience of Enterprise Design Systems14,149
design-systems, developer-experience, optimization
Finally Understanding How “Array.sort(comparator)” Works (jam)14,148
javascript, arrays
A Guide to Building CLI Tools in JavaScript14,147
guides, tooling, command-line, javascript, nodejs
Iterator Helpers14,146
ecmascript, javascript, javascript-engines, v8
How I Fixed My Brutal TTFB (whi/get)14,145
performance, metrics, optimization
ai.robots.txt (cor)14,144
ai, crawling, scraping, robotstxt, tooling
Meet Angular’s New “output()” API (ang)14,143
angular, apis
What Even Are Dragging Movements? (cat)14,142
accessibility, interaction-design, terminology
In-App Browsers Are Still a Privacy, Security, and Choice Problem (tho/the)14,141
browsers, mobile, privacy, security
Flickering Glowing Text Effect With CSS (man)14,140
css, effects
Animating Clip Paths on Scroll With “@property” in CSS (uti)14,139
css, animations, scrolling, clipping, masking
Convention Over Creativity? The Ups and Downs of UX Design (uxd)14,138
user-experience, design
What You Need to Know About Modern CSS (Spring 2024 Edition) (chr/fro)14,137
css, overviews
Quick Tip: How to Align Column Rows With CSS Subgrid14,136
tips-and-tricks, how-tos, css, grids, layout, alignment
Node v20.12.0 (LTS) (nod)14,135
release-notes, nodejs
How to Use jQuery’s “ajax()” Function for Asynchronous HTTP Requests14,134
how-tos, jquery, ajax, functions, asynchronicity
How to Take Control of Flexbox (kev)14,133
videos, how-tos, css, flexbox, layout
How Invalid HTML Elements Impact Web Performance (erw)14,132
html, conformance, performance
How Does npx Actually Work and When to Use It14,131
npx, nodejs
History of Web Accessibility14,130
videos, accessibility, history
Exploring the Power of ARIA Live Attribute in Web Accessibility14,129
accessibility, aria, attributes
CSS Anchor Positioning (tab+/w3c)14,128
standards, css, anchor-positioning
Be Flexible About What People Need (and Don’t Assume) (eri)14,127
accessibility
Error Messages 101 (nng)14,126
videos, usability, errors, microcontent
How to Consolidate Multiple Design Systems (uxd)14,125
how-tos, design-systems, processes
Setting and Persisting Color Scheme Preferences With CSS and a “Touch” of JavaScript (ole/sma)14,124
colors, dark-mode, css, javascript
7 Simple Rules for Better Data Visualization14,123
information-design
No One Actually Wants Accessibility (dav)14,122
accessibility
CORS Finally Explained—Simply14,121
security, csrf, cors, concepts
JavaScript Visualized: Promise Execution14,120
javascript, promises, visualization
How Does Single Sign-On (SSO) Work? (mil)14,119
authentication, security
Spicing Up Text With “text-emphasis” in CSS (ami)14,118
css, typography, effects
New CSS That Can Actually Be Used in 2024 (tho)14,117
css, logical-properties, container-queries, selectors, nesting, functions, cascade, grids
Incredible JavaScript Animation Libraries14,116
javascript, animations, libraries, link-lists
Diving Into the Node.js Website Redesign (bri/nod)14,115
redesigning, case-studies
Profile Node.js Performance With the Performance Panel (jec+)14,114
nodejs, performance, debugging, browsers, google, chrome, dev-tools
AI Can Make a Code Review for Free14,113
ai, code-reviews, tooling
Radix Themes 3.014,112
release-notes, radix
Learn OAuth 2.0 by Building Your Own OAuth Client14,111
authorization, oauth, functionality
ARIA “role=application” and Mobile Screen Readers (cer)14,110
accessibility, aria, screen-readers, mobile
12 Figma Tips to Work More Efficiently (uxd)14,109
figma, tips-and-tricks, efficiency
The “Current Branch” in Git (b0r)14,108
git
The Cost of Interrupted Work: More Speed and Stress14,107
research, productivity, processes
Quick Tip: How to Add Gradient Effects and Patterns to Text14,106
tips-and-tricks, how-tos, css, gradients, effects
Node.js TSC Confirms: No Intention to Remove npm From Distribution (sar/soc)14,105
nodejs, npm
Going Beyond Pixels and (r)ems in CSS—Absolute Length Units (uti/iod)14,104
css, units
Don’t Get Scammed by Fake Performance Experts and Apps14,103
performance, tooling
CSS Values and Units Module Level 3 (tab+/w3c)14,102
standards, css, units
CAPTCHA Excludes Disabled Web Users (zel)14,101
accessibility, captcha
Accessible Forms With Pseudo Classes (css)14,100
accessibility, forms, css, selectors
Microservices Promised Freedom but Delivered Dependencies (pur)14,099
microservices, dependencies
Avoid These Design System Traps14,098
design-systems
Welcome to Future of Web Accessibility Based on Predictors (jar+)14,097
videos, accessibility, outlooks
This Pattern Will Wreck Your React App’s TS Performance (mat)14,096
design-patterns, react, typescript, performance
Relicensing and Rug Pulls14,095
foss, licensing, history
Optimizing JavaScript for Fun and for Profit14,094
javascript, optimization
On the Gift of OKR for Company Culture (j9t)14,093
processes, okr, culture
On Popover Accessibility: What the Browser Does and Doesn’t Do (hdv+)14,092
accessibility, pop-overs, html
Node.js: The Documentary (isa+)14,091
videos, nodejs, history
How to Test 3.3.8 Accessible Authentication (Minimum) (sib/tpg)14,090
how-tos, accessibility, testing, authentication
“__dirname” Is Back in Node.js With ES Modules (phi)14,089
nodejs, esm
[Bulma] 1.0.014,088
release-notes, bulma
Building a Micro htmx SSR Framework (mco/pla)14,087
frameworks, htmx, examples
Angular Signals: Best Practices14,086
angular, signals, best-practices
Understanding Memory Heap and Memory Leaks—How the JS Engine Works (fro)14,085
javascript-engines, memory, garbage-collection, asynchronicity
The Box Model and Box Sizing (bel/pic)14,084
css, box-model, concepts
Psychology and UX: Decoding the Science Behind User Clicks14,083
user-experience, design, principles
Progressive Disclosure Defaults (ada)14,082
css, forms, interaction-design
How to Plan Your First Successful Website (web)14,081
how-tos, processes, project-management
How to Create a Website and a PDF From the Same Codebase (spa/clo)14,080
how-tos, code-generation, pdf, functionality
Folder Structures in React Projects14,079
react, architecture
Aesthetic Layouts: 2 Column Magazine With “shape-outside” (jhe)14,078
code-pens, layout, css
Build a Full-Stack App With Node.js and htmx14,077
web-apps, nodejs, htmx
How to Assess Your Fit for a Job Description: A Guide for Technologists (wom)14,076
how-tos, guides, interviewing, career
Using Relative Colors (chr/mdn)14,075
css, colors
Chill Scroll Snapping: Article Headers (chr/fro)14,074
css, scrolling
How Meta Improved Their Cache Consistency to 99.9999999914,073
facebook+meta, caching
Accessibility Foundations (ihe/tpg)14,072
accessibility, fundamentals, link-lists
Observability Is an Illusion (pur)14,071
observability, logging, monitoring, alerting
A Designer’s Role Is Not “at the Table” (uxd)14,070
design, career
“require(esm)” in Node.js (joy)14,069
nodejs, ecmascript, esm, commonjs
The Ultimate Guide to Understanding npx vs. npm14,068
guides, npx, npm, nodejs
The Power of Textual Content in UX Design (uxm)14,067
content, user-experience
Oh Sh*t, My App Is Successful and I Didn’t Think About Accessibility14,066
accessibility
Make a Web Browser: Beginner’s Guide (nim)14,065
guides, browsers, browser-engines
I’m So Old: Web Edition (dav)14,064
web, history
How Web-Site Design and Social Media Work Together (uxm)14,063
design, content, social-media
How to Kill the Cascade (fon)14,062
css, cascade, resets, scope
Every React Concept Explained in 12 Minutes14,061
videos, react, concepts
Empowering the User Experience Through Microinteractions: 7 Best Practices (uxm)14,060
user-experience, interaction-design, best-practices
Comparing ECMAScript Modules and CommonJS14,059
comparisons, esm, commonjs
Build a Node App With TypeScript (mat)14,058
nodejs, typescript, pnpm, esm
A Comparison of JavaScript CRDTs (alm)14,057
javascript, types, comparisons
Time to Ditch Analytics? Tracking Scripts and Web Sustainability (mic)14,056
embed-code, google, analytics, sustainability, performance, compliance
Why UI Designers Should Understand Flexbox and CSS Grid (uxd)14,055
design, layout, flexbox, grids, css
2024 Cheat Sheet Collection14,054
cheat-sheets, link-lists
Migrating Away From Jest and Achieving Over 90% Reduction in Running Time (pat)14,053
migrating, jest, testing, memory, performance
How Web Bloat Impacts Users With Slow Devices14,052
performance, metrics, comparisons, web
Copy Objects Ways in JavaScript14,051
javascript, objects
Accessibility in Design Systems: A Comprehensive Approach Through Documentation and Assets14,050
accessibility, design-systems, documentation, dei
Webflow 101: A Guide for Beginners14,049
introductions, guides, webflow, low-and-no-code
Skeuomorphism (nng)14,048
design, terminology
Homepage Design: 5 Fundamental Principles (nng)14,047
design, homepages, principles
Quick Tip: Creating a Date Picker in React14,046
tips-and-tricks, react, functionality
How to Optimize Cumulative Layout Shift (CLS) on Shopify Sites (sia)14,045
how-tos, performance, web-vitals, optimization, shopify
How (In)Efficient Are Engineering Organizations?14,044
efficiency, processes, engineering-management
Deploying Remix to GitHub Pages14,043
videos, deploying, remix, github-pages
Performance Tooling in 2024 and Beyond14,042
performance, tooling, browsers, dev-tools, lighthouse, google
When “Semantic Tokens” Are No Longer Semantic14,041
design-tokens, semantics
What Is Safe Alignment in CSS? (chr/fro)14,040
css, layout, user-experience
There Is No EU Cookie Banner Law14,039
consent-management, cookies, legal
The Golden Age of Accessibility14,038
accessibility
Qwik vs. Next.js: Which Framework Is Right for Your Next Web Project?14,037
frameworks, comparisons, qwik, nextjs
Make Your Functions More Reusable With Generics (mat)14,036
typescript, functions, generics, maintainability
Arguments for Opening Links in a New Tab or Window (gri/clo)14,035
links, usability
You Want “border-color: transparent”, Not “border: none” (dav/fro)14,034
css, borders, transparency+opacity, accessibility, contrast
HTML Performance Optimization: Tips for Faster Loading Pages14,033
html, landing-pages, performance, optimization, tips-and-tricks
What’s Next for a Global Design System (bra)14,032
design-systems
WCAG 2.2 Detective Skills14,031
accessibility, standards, wcag
There Are No Standards Police (mno)14,030
standards, policies, processes
The Problem With Data Attributes for Text Effects (man)14,029
html, custom-data, css, typography, effects
The Problem With AI (cfe)14,028
ai
Ruby Is Complicated14,027
html
Refactoring My Ugliest Code With Signal View Queries14,026
videos, refactoring, angular
My New Favorite CSS Trick: “will-change”14,025
css, animations, transitions, tips-and-tricks
How to Design Icons in Figma14,024
how-tos, images, icons, figma, design
How to Avoid Flaky Tests in Playwright14,023
how-tos, testing, flakiness, playwright
Another JS Registry—Seriously?! (den)14,022
videos, jsr, dependencies, javascript
A Beginner’s Guide to Node.js Worker Threads (bet)14,021
guides, nodejs, worker-threads
25 Unnoticeable Features of JavaScript14,020
javascript
Interaction to Next Paint Is Officially a Core Web Vital (rvi)14,019
performance, web-vitals
Marking the Web’s 35th Birthday: An Open Letter (tim)14,018
open-letters, web, history, anniversaries
15 Years of Running a Personal Website (ste)14,017
indieweb
Why Your Microservices Architecture Is Probably Overkill (and How I Learned to Love the Monolith Again) (pur)14,016
architecture, microservices, monoliths
Thoughts on Embedding Alternative Text Metadata Into Images (eri)14,015
accessibility, images, metadata
The Essential Guide to Microcopy and Becoming a More Literate Designer14,014
guides, design, microcontent, content, writing
The “10× Engineer”: 50 Years Ago and Now (ger)14,013
productivity, processes, career, history
Spread vs. Rest Operators in JavaScript14,012
javascript, operators, comparisons
Runtime Compatibility (asc+)14,011
websites, runtimes, interoperability, comparisons, bun, deno, netlify, nodejs
How to Read Files Quickly in JavaScript (lem)14,010
how-tos, javascript, file-handling
Building Websites and Building Websites Well (j9t)14,009
quality, craft, community
A Letter to My Younger Self, as an Accessibility Advocate (hbu)14,008
accessibility, advocacy, retrospectives
5 Exciting New JavaScript Features in 202414,007
javascript
What Is INP and Why You Should Care (whi/get)14,006
performance, web-vitals, monitoring
Streaming HTML (chr/fro)14,005
html, php, streaming
JSON Canvas14,004
websites, standards, json, canvas
IDEs vs. Code Editors: Everything You Need to Know (jet)14,003
code-editors, comparisons, concepts
Have You Optimized for INP?14,002
performance, web-vitals, optimization
Express.js With TypeScript—Setup, Examples, Testing14,001
videos, express, typescript, testing, examples
Distinguishing Between ARIA and Native HTML Attributes (deq)14,000
html, aria, attributes, accessibility, comparisons
Comparing JavaScript Frameworks: Templates13,999
javascript, frameworks, templates, comparisons
Are We Watching the Internet Die? (edz)13,998
web
Announcing Speedometer 3.0: A Shared Browser Benchmark for Web Application Responsiveness13,997
performance, tooling, metrics
Alt Text for CSS Generated Content (tem)13,996
css, generated-content, alt-text, accessibility
Accessibility: Implementing Focus Traps13,995
accessibility, focus, keyboard-navigation
A Gentle Introduction to Generics in TypeScript13,994
introductions, typescript, generics
Optimising Your Design System With Figma’s Variables (uxd)13,993
design-systems, optimization, variables, figma
Things I Learned While Building My JS Library13,992
javascript, libraries, lessons
CSS Button Styles You Might Not Know (dbu)13,991
html, css, buttons
Replace ESLint and Prettier With Biome.js13,990
biome, eslint, prettier, comparisons, tooling, remix
Jakob Has Jumped the Shark (aar)13,989
accessibility, link-lists
How to Invert the Colors Using CSS (ron)13,988
css, colors, filters, images
eslint-plugin-depend13,987
packages, npm, maintenance, simplicity
Access by a Thousand Curb Cuts (yat)13,986
accessibility
Creating Color Palettes With the CSS “color-mix()” Function (mic)13,985
css, functions, colors, color-palettes
Add Superpowers to Your CSS Variables With Style Queries (jar/van)13,984
css, style-queries, custom-properties
Navigating the Future of Frontend13,983
frameworks, web-platform, outlooks
Modern CSS Tooltips and Speech Bubbles II (css/sma)13,982
tooltips, css, techniques
How “HEAD” Works in Git (b0r)13,981
git
Dissecting Layered Architecture (yok)13,980
architecture
Asking Users for Their Pronouns: A Guide for UX Designers13,979
guides, user-experience, communication
How to Check and Set the “NODE_ENV” Environment Variable and Its Use in a Project13,978
how-tos, nodejs, environments
AVIF Is the Future of Web Images13,977
images, avif, performance, outlooks
The Quiet, Pervasive Devaluation of Frontend (col)13,976
html, css, craft, career, community
Some Little Ways I’m Using CSS “:has()” in the Real World (bel/pic)13,975
css, selectors, examples
Managing Static Files in Django: A Comprehensive Guide13,974
guides, django, file-handling
How to Test 2.5.8 Target Size (Minimum) (sib/tpg)13,973
how-tos, accessibility, testing
WebAssembly JSPI Is Going to Origin Trial13,972
webassembly
90% of Designers are Unhirable? (uxd)13,971
design, processes, career
The Ultimate Guide to Choosing the Best React Website Builder13,970
guides, react, tooling, comparisons, link-lists
The End of My Gatsby Journey (mon)13,969
gatsby, frameworks, comparisons
Taming the Shadow DOM: Injecting Global Styles With Adopted Stylesheets13,968
shadow-dom, dom, css
SSG, SSR, ISR, CSR Rendering Strategies in Next.js (fro)13,967
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,966
design, usability, buttons
Simplify Your CSS Using “:is()” and “:where()” Pseudo-Classes (zor/css)13,965
videos, css, selectors
Release Notes for Safari Technology Preview 190 (jon/web)13,964
release-notes, browsers, apple, safari
Making Room for Long List Markers With Subgrid (nol)13,963
html, lists, css, grids
Internationalization With Remix (rem)13,962
remix, internationalization
Exploring the Creative Power of CSS Filters and Blending13,961
css, blend-modes, filters, effects
Announcing TypeScript 5.4 (dan/typ)13,960
release-notes, typescript
5 Ways Productivity Culture Kills Business Agility13,959
productivity, agile, economics, culture
10 Figma Keyboard Shortcuts: A Cheat Sheet for UX Designers13,958
figma, keyboard-shortcuts, cheat-sheets, design
Data Table Design Patterns (uxd)13,957
information-design, tables, design-patterns
How to Ensure Your Designs Work if You Can’t Access Sample Data (uxd)13,956
how-tos, design, usability, metrics, testing
WebKit Features in Safari 17.4 (jen+/web)13,955
release-notes, browsers, apple, safari, webkit
How to Use WebSockets in Node.js to Create Real-Time Apps (cra)13,954
how-tos, websockets, nodejs
Best Practices for Inclusive Design13,953
design, dei, accessibility, best-practices
When We Talk About Front-End Performance, What Are We Talking About13,952
performance, metrics, web-vitals, lighthouse, google
SemVer Simplified: An Introduction to Semantic Versioning13,951
introductions, semver, versioning
WCAG? More Like, W-What?! (stv)13,950
accessibility, wcag, link-lists
The 88×31 Archive13,949
web, images, history
Modern Git Commands and Features You Should Be Using13,948
git, command-line
JSR: Second Look (dbu)13,947
jsr
JavaScript Runs the World—Maybe Even Literally (wir)13,946
javascript, programming, web
Designing for Mobile Accessibility: Enhancing the User Experience on Small Screens (uxm)13,945
design, accessibility, user-experience, mobile
Achieving Design Collegiality While Maintaining Psychological Safety (uxm)13,944
design, collaboration
VPS Showdown—March 2024—DigitalOcean vs. Linode vs. Vultr13,943
servers, hosting, comparisons, metrics
Visualizing Frontend Architecture (max)13,942
architecture, documentation, visualization
We Need to Talk About Jakob (mat)13,941
accessibility
Tools That Make Me Productive as a Software Engineer13,940
tooling, productivity, link-lists
How npm Install Scripts Can Be Weaponized: A Real-World Example of a Harmful npm Package (eth)13,939
npm, dependencies, examples, security
CSS for Printing to Paper13,938
css, print
Bugs I’ve Filed on Browsers (nol)13,937
browsers, chromium, firefox, webkit, quality
Accessibility Has Not Failed—It Has Not Even Started for Real (cer)13,936
accessibility, ai
Accessibility Darkness (ste)13,935
accessibility, overlays
Planning a Design System Generation (nat)13,934
design-systems, automation
Emerging UX Patterns in Generative AI Experiences (uxd)13,933
user-experience, design-patterns, ai
The Hunt for the Missing Data Type (hil)13,932
types, algorithms
The Faster Lambda Runtime—Node.js or LLRT? We Benchmarked13,931
aws, lambda, javascript, runtimes, nodejs, comparisons, metrics
Go Ahead and Block AI Web Crawlers (cor)13,930
robotstxt, crawling, scraping, ai
Design System Generations (nat)13,929
design-systems, processes
Retrofitting Fluid Typography (ric)13,928
liquid-design, typography, css
Web Tech Trends to Watch in 2024 and Beyond (web)13,927
trends, design, dark-mode, ai, sustainability, minimalism
TIL—“submit()” Versus “requestSubmit()” (ray)13,926
javascript, comparisons
Team Productivity Metrics for Engineering Managers13,925
productivity, metrics, engineering-management
Modern CSS Tooltips and Speech Bubbles (css/sma)13,924
tooltips, css, techniques
Introducing JSR—the JavaScript Registry (lca+/den)13,923
introductions, jsr, deno, dependencies, javascript
Eloquent JavaScript (mar)13,922
websites, books, javascript
Apple Says iOS 17.4 Won’t Remove Home Screen Web Apps in the EU After All13,921
browsers, apple, mobile, web-apps
Apple Backs Off Killing Web Apps, but the Fight Continues (owa)13,920
web-apps, apple
An Introduction to Webflow—the No-Code Website Builder13,919
introductions, webflow, low-and-no-code
“AI” and Accessible Front-End Components: Is the Nuance Generatable? (hdv)13,918
accessibility, web-components, ai
A Love Letter to the Underrepresented in Tech13,917
community
New to the Web Platform in February (rac)13,916
release-notes, web-platform, browsers, mozilla, firefox, google, chrome, apple, safari
Why Does “is-number” Package Have 59M Weekly Downloads?13,915
dependencies, npm
What You Need to Know About Software Requirements13,914
software-design, best-practices
What Is Inclusive Design, and How Does It Relate to Accessibility?13,913
design, dei, accessibility
Understanding Cookies and Sessions in React13,912
react, authentication, cookies
The Wax and the Wane of the Web (ste/ali)13,911
web-platform, history
Techniques to Break Words (aar)13,910
techniques, html, css, content
Keyboard Accessibility Testing on Mobile Devices13,909
accessibility, testing, keyboard-navigation, mobile
Diving Into CSS Interactivity (daw+/sto)13,908
videos, css
Choosing the Right Node.js Package Manager in 2024: A Comparative Guide (nod)13,907
guides, nodejs, dependencies, comparisons
Accessibility Has Failed: Try Generative UI = Individualized UX13,906
accessibility, usability, ai, outlooks
Creativity Lies in the Paradoxes (uxd)13,905
creativity, design
Ultimate Guide to Visual Testing With Playwright13,904
guides, testing, regressions, playwright
Top 8 Recent V8 in Node Updates (app)13,903
nodejs, v8
Test Quality vs. Bashing Tailwind CSS (mar)13,902
tailwind, css, comparisons
So, What Exactly Did Apple Break in the EU? (tom)13,901
browsers, apple, mobile, support, web-apps, apis
Making Math Accessible (ons/tpg)13,900
accessibility, math
How to Create a Sidebar Navigation With Astro, Tailwind CSS, and Alpine.js13,899
how-tos, navigation, functionality, astro, tailwind, alpinejs
Going Beyond Pixels and (r)ems in CSS—Container Query Length Units (uti/iod)13,898
css, container-queries, units
Enhanced Internationalization (I18N) in Next.js 1413,897
nextjs, internationalization
Apple vs. PWAs—Go Act Now and Help Avoid This Disaster… (cod)13,896
apple, web-apps, progressive-web-apps, community
An HTML Switch Control (ann+/web)13,895
html, css, forms
Screen Readers and Drag-and-Drop: Grabbing and Releasing Elements (dar)13,894
drag-and-drop, accessibility, browsers, screen-readers, support
The 3 Capabilities Designers Need to Build for the AI Era (uxd)13,893
design, career, training, ai, link-lists
Tumblr and WordPress to Sell Users’ Data to Train AI Tools (404)13,892
wordpress, ai
YouTube Video Embedding Harm Reduction (jvo)13,891
multimedia, embed-code, youtube, html, privacy
What Is Vuetify in Vue.js?13,890
vuetify, vuejs
ServerlessHorrors (and)13,889
websites, serverless, cloud-computing
Reporting Core Web Vitals With the Performance API (geo/sma)13,888
apis, performance, web-vitals
How to Use Server-Sent Events in Node.js (cra)13,887
how-tos, nodejs, events
How to Lazy-Load CodePen and CanIUse Embeds13,886
how-tos, embed-code, performance, codepen, caniuse
Here Lies the Internet, Murdered by Generative AI13,885
web, content, ai
AI and Design Systems (bra)13,884
ai, design-systems
A Simple Mistake That Can Screw Up Your Light/Dark Theme (and How to Fix It) (kev)13,883
videos, mistakes, dark-mode, css
A Guide to CSS Cursor Types13,882
guides, css, cursors
A Fun Line of Code (dbu)13,881
javascript, apis, multimedia
Open Letter to Tim Cook, Sabotaging Web Apps Is Indefensible (owa)13,880
open-letters, apple, web-apps
Advanced Figma Tips and Tricks 2024: Little Gems We Love (uxd)13,879
figma, tips-and-tricks
CSS Foundations: What Is IACVT? (bra)13,878
css, fundamentals
Why I Use Firefox (sim)13,877
browsers, mozilla, firefox
What Is a Single-Page Application? (hey)13,876
single-page-apps, javascript, performance, user-experience
The CSS Cascade—a (Re)Introduction (mat)13,875
videos, css, cascade
Speaker Spotlight: Michelle Barker (mic)13,874
interviews, css, sustainability
No Outer Margin13,873
css, margins, spacing, components
How to Build a Newthing13,872
how-tos, processes, creativity, maintenance
CSS-Only Bottom-Anchored Scrolling Area (kit)13,871
css, scrolling
A Web Designer’s Accessibility Advocacy Toolkit (sma)13,870
accessibility, advocacy, strategies
10 Takeaways From the WebAIM Screenreader Survey #10 (kar)13,869
accessibility, screen-readers
Home Screen Advantage (sli)13,868
browsers, apple, mobile, support, web-apps, web-platform
The Power of Patterns and Playbooks in Content Design (kat/uxd)13,867
design, content, design-patterns
WebAIM Screen Reader User Survey 10 (den)13,866
accessibility, screen-readers
Understanding Event-Driven Architecture13,865
architecture, events
Navigating Signals: An Efficient Alternative to React Hooks for Enhanced Performance and Optimization13,864
react, hooks, signals
My WebAIM 10th SR User Survey Takeaways (aar)13,863
accessibility, screen-readers
JSDoc as an Alternative TypeScript Syntax13,862
typescript, documentation, jsdoc
CSS “:has()” Interactive Guide (sha)13,861
guides, css, selectors
CAPTCHA Is Still [the] Most Problematic Issue on the Web (cer)13,860
accessibility, web, captcha
Why My Code Isn’t in TypeScript (rem)13,859
typescript
Proposal: CSS Variable Groups (lea)13,858
css, variables
A Developer’s Guide for Web Accessibility13,857
guides, accessibility
Navbar Gallery13,856
websites, navigation, design-patterns, examples
JavaScript Bloat in 2024 (nik)13,855
javascript, performance
UX Leadership Is Failing (and What We Can Do About It) (uxd)13,854
user-experience, leadership
Vanilla JavaScript, Libraries, and the Quest for Stateful DOM Rendering (sma)13,853
javascript, libraries, client-side-rendering, state-management
JSR: What We Know So Far About Deno’s New JavaScript Package Registry (sar/soc)13,852
jsr, deno, dependencies, javascript
htmx vs. React: A Complete Comparison13,851
htmx, react, comparisons
Filling Gaps With a Polyfill (jay)13,850
polyfills, html, css, javascript, history
Difference Between the Accessibility Page and the Accessibility Statement13,849
accessibility, documentation, comparisons
Building Dynamic Progress Bars Using Only CSS (ami)13,848
css, progress-indicators
ARIA (Are Ya) Afraid of the Dark? Unmasking Common HTML Monsters to Create Better User Experiences (deq)13,847
videos, accessibility, aria, html, user-experience
Discovering Web Automation and Scraping (gli)13,846
scraping, automation, tooling
The One Trick Every Flutter Web Dev Needs to Know13,845
tips-and-tricks, flutter, performance
Making of True Multi-Brand Design System (uxd)13,844
design-systems, theming
CSS “::backdrop” Now Inherits From Its Originating Element (bra)13,843
css, selectors
View Transitions: Handling Aspect Ratio Changes (jaf)13,842
css, view-transitions, aspect-ratio
Syntax Highlighting With No Spans?! (chr/fro)13,841
css, apis, syntax-highlighting
Release Notes for Safari Technology Preview 189 (jon/web)13,840
release-notes, browsers, apple, safari
Parallax Effect With CSS Custom Properties (fro)13,839
css, custom-properties, effects, parallax
Node.js 2023 Year in an Article (raf)13,838
nodejs, retrospectives
Next.js vs. Remix—a Developer’s Dilemma13,837
nextjs, remix, comparisons
My Favourite Animation Trick: Exponential Smoothing (lis)13,836
animations, tips-and-tricks
How to Optimize the Web for the Worst User Conditions?13,835
how-tos, user-experience, responsive-design, performance, optimization
10 Best “Create React App” Alternatives for Different Use Cases13,834
react, frameworks, tech-stacks, comparisons, link-lists
How to Make a Cursor Image Hover Effect With CSS and JS13,833
how-tos, css, javascript, images, cursors, hover
Design Patterns That Encourage Junk Data (mic)13,832
design-patterns, sustainability, economics, storage, email
Preventing SQL Injection Attacks in Node.js13,831
security, nodejs, databases, sql
My Design System Journey: Building the Plane While Flying (uxd)13,830
design-systems, collaboration, processes
Why Is JavaScript Fragile? (cfe)13,829
javascript
“random()” Distribution Visualizer13,828
javascript, randomness, visualization
Okay, Color Spaces (eee)13,827
colors, oklch
How to Use Local Storage in JavaScript (fre)13,826
how-tos, browser-storage, javascript
How to Transfer Binary Data Efficiently Across Worker Threads in Node.js13,825
how-tos, nodejs, worker-threads
Does Your Design Conform With WCAG Accessibility Guidelines—or Does It Comply? (deq)13,824
videos, accessibility, wcag, guidelines, compliance
CSS-Only Radial Progress Bars Using Conic Gradients13,823
videos, css, gradients, progress-indicators
Control Lazy Load, Infinite Scroll, and Animations in React13,822
react, lazy-loading, scrolling, animations, javascript
A Practical Guide to Using Shadow DOM (may)13,821
guides, dom, shadow-dom
A Practical Guide to Designing for Colorblind People (vit/sma)13,820
guides, accessibility, design, colors, color-blindness
Responsive Web Design: 3 Key Fundamentals (nng)13,819
videos, responsive-design, fundamentals
What Is Utility-First CSS? (hey)13,818
css, presentational-html, principles
“Web Design as a Process” in Charts: Maintenance, Decay, Tech Debt, and Big Bang Launching (j9t)13,817
content, design, design-debt, technical-debt, maintenance, processes, visualization
[Web Accessibility] Survey Results13,816
accessibility, surveys
The Fifty-Fifty Split and Overflow (hex)13,815
css, overflow, layout
How to Design an Accessible Web Site for People With Color-Deficient Vision (uxm)13,814
how-tos, accessibility, dei, user-experience, colors, contrast, readability
Fostering a Collaborative Onboarding Team to Design Better Onboarding Experiences (uxm)13,813
collaboration, onboarding, user-experience
7 Effective Ways to Craft Compelling Problem Statements for UX Design (uxm)13,812
user-experience, product-management, processes
17 Equations That Changed the World—Rewritten in JavaScript13,811
javascript, math
100 Things You Can Do on Your Personal Website (cap)13,810
blogging, writing, indieweb
Syntax Highlighting Code Snippets With Prism and the Custom Highlight API (bra)13,809
apis, javascript, css, syntax-highlighting
Tailwind Marketing and Misinformation Engine13,808
tailwind, css, semantics, principles, maintainability, marketing
Don’t Care About Accessibility? Resistance Is Futile! (cer)13,807
accessibility
Understanding React “useEffect”13,806
react, hooks
JavaScript Workers13,805
videos, javascript, web-workers
JavaScript on Demand: How Qwik Differs From React Hydration (the)13,804
javascript, qwik, react, hydration, comparisons
A Manifesto for Small, Static, Web Apps (ros)13,803
manifestos, web-apps, principles
UI = ƒ(statesⁿ) (dav)13,802
design, state-management
Popular Git Config Options (b0r)13,801
git, configuration
It’s Official, Apple Kills Web Apps in the EU (owa)13,800
web-apps, apple
How to Set Up a Node Server With TypeScript in 2024 (jle)13,799
how-tos, nodejs, servers, typescript
Frontend Application Security: Tips and Tricks13,798
web-apps, security, xss, csrf, authentication, dependencies, csp, validation, tips-and-tricks
Be a Better Developer With These Git Good Practices13,797
git, best-practices, conventions, consistency, code-reviews
Top 20 JavaScript One-Liners That Don’t Actually Work (dar)13,796
javascript
React Labs: What We’ve Been Working On—February 2024 (rea)13,795
react
Playing With Infinity in CSS (lon)13,794
css, math
Making the Most of Ligatures (man)13,793
css, typography
How I Developed the 10 Usability Heuristics13,792
usability, heuristics, history
Getting to an Accessibility Strategy13,791
accessibility, strategies, processes
Future of CSS: Functions and Mixins13,790
css, functions, mixins
Full Guide on How to Hire Front-End Developers Effectively13,789
guides, how-tos, hiring, career
CSS “:is(.awesome)” (mar/cfe)13,788
videos, css, selectors, techniques
ARIA “note” (aar)13,787
accessibility, aria, browsers, screen-readers, support
A Dozen Thoughts About AI (dav)13,786
ai
Input Type “date”: The Accessibility of HTML Date Picker13,785
accessibility, forms
Scroll-Driven Animations: You Want “overflow: clip”, not “overflow: hidden” (bra)13,784
css, overflow, scrolling, animations
When It Says “Name From Author” It Means From You, Not Boll or Bukowski (ste)13,783
accessibility, aria, naming
What Is the Difference Between ASP and ASP.NET?13,782
asp, asp-net, comparisons
What Is Lighthouse Speed Index (SI) and How to Reduce It13,781
performance, metrics, lighthouse, google
Wednesday, February 14, 2024 Security Releases (raf+/nod)13,780
release-notes, nodejs, security
The Text File That Runs the Internet (dav/ver)13,779
robotstxt, crawling, scraping, ai, web
Reasonable WCAG Additions (a11)13,778
accessibility, wcag
How Accessibility Standards Can Empower Better Chart Visual Design (sma)13,777
accessibility, contrast, colors, information-design
Selenium Automation Testing: A Step-by-Step Beginners Guide13,776
guides, selenium, testing, automation
Building htmx and Go Web Apps With Gemini Advanced13,775
videos, web-apps, htmx, go, ai, gemini
Why I Like Scrumban (j9t)13,774
processes, agile, scrum, kanban
The New CSS Math: “pow()”, “sqrt()”, and Exponential Friends (dan)13,773
css, functions, math
The Best CSS Frameworks to Use in Your Projects for 2024 and Beyond (fre)13,772
css, frameworks, comparisons, bootstrap, tailwind, foundation, bulma, pure
How to Fix the Invisible Scrollbar Issue in iOS Browsers (sim/fro)13,771
how-tos, browsers, mobile, scrolling, css
How to Center a Div (jos)13,770
how-tos, css, centering
CSS Color Module Level 4 (tab+/w3c)13,769
standards, css, colors
Be Aware of Arrays—V8 Engine Advice13,768
javascript, javascript-engines, v8, arrays
An Introduction to Node.js Multithreading (cra)13,767
introductions, nodejs, multithreading
Advanced Architecture for AI Application (aka AAAA) (aus)13,766
ai, architecture, edge-computing, optimization
A Practical Guide to Designing for Children (vit/sma)13,765
guides, design, link-lists
You Want to Make It Easy to Feature Your Content (fro)13,764
frontend-dogma, content, community
The ü/ü Conundrum13,763
javascript, unicode, encoding
The Anatomy of Addictive Content (moz)13,762
content, writing, seo
React, Solid, htmx13,761
react, solidjs, htmx, comparisons
Learn TypeScript (jad)13,760
websites, courses, typescript
How to Choose the Best Static Site Generator in 202413,759
how-tos, site-generators, gatsby, jekyll, nuxt, nextjs, hugo, eleventy, vuejs
How to Boost WordPress Security and Protect Your SEO Ranking13,758
how-tos, wordpress, security, seo
Can Generative AI Help Write Accessible Code? (tin/tet)13,757
accessibility, code-generation, ai
A CSS Project Boilerplate (bel/pic)13,756
css, tailwind, templates
Using Recursive CSS to Change Styles Based on Depth (cri)13,755
css, selectors
Names Are Complex: Displaying Initials for an Avatar Component in a Design System (hey)13,754
naming, design, case-studies
Dynamic Text Color Contrast Based on Background Lightness With CSS/SVG Filters (miu)13,753
css, svg, filters, colors, contrast
CSS Mixins and Functions Explainer (mia/odd)13,752
css, mixins, functions
Navigating Prioritization: Four Approaches (cwo)13,751
project-management, prioritization, processes
Don’t Disable Form Controls (aar)13,750
accessibility, usability, forms, buttons
The Front-End Development We’re Used to Is Dying13,749
career, simplicity, complexity
HTML as the Baseline (cfe)13,748
html, progressive-enhancement
Have We Forgotten How to Build Ethical Things for the Web? (nic)13,747
web, ethics
Everything You Need to Know About Image Formats in 2024 (web)13,746
images, jpeg, png, gif, webp, avif, pdf, svg
Accelerating Code Reviews With Nudges13,745
research, code-reviews, productivity, experiments, facebook+meta
Format Nunjucks Files With Prettier (san)13,744
nunjucks, prettier
What Is a Descriptive Transcript?13,743
accessibility, multimedia
The Accessibility Mindset: Moving Beyond Remediating, Fixing, and Reacting (a11)13,742
videos, accessibility
So You Think You Know Git13,741
videos, git
Node.js Community Debate Intensifies Over Enabling Corepack by Default and Potentially Unbundling npm (sar/soc)13,740
nodejs, corepack, npm, yarn, pnpm, dependencies
Is [“* { min-width: 0; }”] a Good Idea? (kev)13,739
videos, css
In Its Tantrum With Europe, Apple Broke Web Apps in iOS 17 Beta, Still Hasn’t Fixed Them (tho/the)13,738
web-apps, browsers, apple, mobile
Going Beyond Pixels and (r)ems in CSS—Relative Length Units Based on the Viewport (uti/iod)13,737
viewport, css, units
Git Tips: Really Large Repositories13,736
git, monorepos, tips-and-tricks
Frequently Heard in My Beginning Front-End Web Development Class (geo/sma)13,735
learning, career
Patterns in Design Systems (ikn)13,734
design-systems, design-patterns, components
Web Development Is Getting Too Complex, and It May Be Our Fault (mon/sma)13,733
web-platform, frameworks, tech-stacks, complexity
Release Notes for Safari Technology Preview 188 (jon/web)13,732
release-notes, browsers, apple, safari
Opportunities for AI in Accessibility (aar/ali)13,731
accessibility, ai
Offloading JavaScript With Custom Properties (hey)13,730
javascript, css, custom-properties
CSS Is Logical (geo)13,729
css
10 Best Automated AI Code Review Tools 202413,728
ai, automation, code-reviews, tooling, comparisons, link-lists
Immutable Array Updates With “Array.prototype.with” (jad)13,727
javascript, arrays, prototypes, browsers, support
UI Elements Are Not So Elementary (uxd)13,726
design, design-patterns
Designing User Onboarding: Lessons From Figma, Duolingo, and More (uxd)13,725
lessons, onboarding, design, user-experience, figma
A Beginner’s Guide to Seamless Open-Source Contributions (wom)13,724
guides, foss
When to Use the “min()” or “max()” Function (css)13,723
css, functions, tips-and-tricks
Remix Takes on Next.js in Battle of the React Frameworks (ric/the)13,722
frameworks, react, remix, nextjs
Malicious npm Package Masquerades as Noblox.js, Targeting Roblox Users for Data Theft (sar/soc)13,721
npm, dependencies, security
Lines of Code—How to Not Measure Code Quality and Developer Efficiency (cod)13,720
metrics, quality, efficiency, productivity
Lessons Learned Moving Eleventy From CommonJS to ESM in 2024 (zac/cfe)13,719
videos, lessons, eleventy, commonjs, esm, refactoring
jQuery 4.0.0 Beta (tim/jqu)13,718
release-notes, jquery
JavaScript vs. Python: Which One Should You Learn First?13,717
javascript, python, comparisons
JavaScript Promises Demystified13,716
javascript, promises
In Praise of the “switch” Statement (chi)13,715
javascript
Doing What’s Required: Indicating Mandatory Fields in an Accessible Way (tpg)13,714
accessibility, usability, forms, errors
Detect Caps Lock With JavaScript (dav)13,713
javascript
A Guide to Designing for Older Adults (vit/sma)13,712
guides, design, accessibility
You Won’t Scale (cfe)13,711
maintainability, scalability
Visual Hierarchy: Making User Experiences Easier to Understand (uxm)13,710
user-experience, design, hierarchy
Thoughts on a Global Design System (chr)13,709
design-systems
The Most Demanded Frontend Frameworks in 202313,708
frameworks, comparisons, react, angular, vuejs
The Decision to Leave Tech (col)13,707
career, retrospectives
Revolutionizing Usability Testing With Machine Learning (uxm)13,706
usability, testing, ai
It’s the Hope That Kills You (yat)13,705
accessibility, career, community
How to Create Rounded Gradient Borders With Any Background in CSS (ben)13,704
how-tos, css, borders, gradients, backgrounds
Getting Into Web Components—an Intro (uti)13,703
introductions, web-components
Exciting New Tools for Designers, February 2024 (web)13,702
design, tooling, link-lists
Everything You Need to Know About Git13,701
git, command-line
Bookmarklet: Load All GitHub Comments (mey)13,700
bookmarklets, github, code-reviews
13 Best Books, Courses, and Communities for Learning React13,699
react, books, courses, link-lists
HTML Attributes That Every Web Developer Should Know13,698
html, attributes, pop-overs, forms, custom-data
“X” Marks the Spot: Landmark Elements (stv)13,697
html, semantics, accessibility, assistive-tech, aria
Why Disabled People’s Needs Aren’t “Special”13,696
accessibility
The Importance of Web Performance to Information Equity (sch/fos)13,695
videos, performance, accessibility
htmx Deep Dive With Carson Gross13,694
videos, htmx, deep-dives
A View Source Web (gar)13,693
websites, view-source, browsers
The SEO Starter Guide Got a Makeover (liz+)13,692
guides, seo, search, google
What Is WAP?13,691
wap, mobile
SOLID Principles: They’re Rock-Solid for Good Reason13,690
programming, principles, solid
Making Your SVG Icons CSS Masks Instead of Inline HTML or Backgrounds Has Some Benefits (chr/fro)13,689
images, svg, css, masking, performance
From Many to One: Moving Our JavaScript Code Into a Monorepo13,688
migrating, monorepos, javascript, git
All Art Is a Copy of Something (chr)13,687
art
5 Hidden Risks of Your Inaccessible Website (deq)13,686
accessibility
Interop 2024 (rac)13,685
interoperability, web-platform, browsers, support
What’s the Difference Between “localhost” and “127.0.0.1”?13,684
network, ip, testing
Is the Increasing Amount of Shit Code All the Fault of AI-Generated Code?13,683
ai, quality, technical-debt
Tracking Your Interviews Is Extremely Important13,682
career, interviewing
The Web Just Gets Better With Interop 2024 (jen/web)13,681
web-platform, interoperability, browsers, support
How to Make a Great Framework Better?—Svelte 5 With Rich Harris (ric)13,680
videos, frameworks, svelte
Everyone’s a Sellout Now13,679
career, culture
Dynamically Adding Text Alternatives to Images With AI (kar)13,678
automation, ai, accessibility, images, alt-text
Drupal Creator: Websites Needed More Than Ever in the AI Era (ric/the)13,677
web, ai, complexity
Career Retrospective13,676
career, retrospectives
A Look at the New WAI–ARIA 1.3 Draft (cra)13,675
accessibility, aria, standards
A Complete Guide to Open Source—100× Simpler13,674
guides, foss
Interaction to Next Paint Becomes a Core Web Vital on March 12 (mal+)13,673
performance, web-vitals, metrics
PurePWA—a Radical U-Turn in Web Development13,672
web-apps, progressive-web-apps, simplicity, tooling
Why Not htmx? (cfe)13,671
htmx
The Good, the Bad, the Web Components (zac)13,670
web-components, shadow-dom, dom
The Art and Science of Annotations in Dev Mode (fig)13,669
figma, annotations
Tackling Flaky Tests With Cypress and Playwright Through Network Synchronization13,668
testing, flakiness, cypress, playwright, network
Practice Safe DSD With “setHTMLUnsafe” (It’s Complicated) (jar/van)13,667
html, dom, shadow-dom, apis, security
Making VPATs and ACRs More Effective in Procurement (web)13,666
accessibility, vpat-acr, processes
Implementing User Authentication in React Apps With Appwrite13,665
react, authentication, tooling
How to Stream Files From Next.js Route Handlers (eri)13,664
how-tos, nextjs, routing, streaming
GitLab vs. GitHub: Which Is Better in 2024?13,663
version-control, gitlab, github, comparisons
Designing Accessible Color Palettes in Figma: A Guide for Web Accessibility (kno)13,662
guides, accessibility, colors, color-palettes, figma
Be Purposeful About Your Content13,661
accessibility, content, writing
5 Essential DevTools Console Hacks for Every Web Developer13,660
videos, browsers, dev-tools
New to the Web Platform in January (rac)13,659
release-notes, web-platform, browsers, mozilla, firefox, google, chrome, apple, safari
Celebrate a More Interoperable Web With Interop 2023 (rac)13,658
web-platform, interoperability, browsers, support
Learn Testing13,657
courses, testing
Why Do Rubber Ducks Work?13,656
processes, productivity, creativity
Web Platform Design Principles (lea/w3c)13,655
web-platform, software-design, principles, standards, w3c
Use CSS “accent-color” to Style Your Inputs (cas)13,654
css, forms
Understanding Signals in Django13,653
signals, django
Tuesday, February 6, 2024 Security Releases (raf/nod)13,652
release-notes, nodejs, security
The Psychology of Site Speed and Human Happiness (tam/spe)13,651
performance, usability