Tech is political: The people under attack in Palestine 🇵🇸, Iran 🇮🇷, and Lebanon 🇱🇧 are people like us. They’re our brothers and sisters, too. Read up on their history, scrutinize what you’re told, and demand that they be respected and included. Hide

Frontend Dogma

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

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

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