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