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