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

Frontend Dogma

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

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

Entry (Sources) and TopicsDate#
This Pattern Will Wreck Your React App’s TS Performance (mat)14392
design-patterns, react, typescript, performance
Relicensing and Rug Pulls14391
foss, licensing, history
Optimizing JavaScript for Fun and for Profit14390
javascript, optimization
On the Gift of OKR for Company Culture (j9t)14389
processes, okr, culture
On Popover Accessibility: What the Browser Does and Doesn’t Do (hdv+)14388
accessibility, pop-overs, html
How to Test 3.3.8 Accessible Authentication (Minimum) (sib/tpg)14387
how-tos, accessibility, testing, authentication
“__dirname” Is Back in Node.js With ES Modules (phi)14386
nodejs, esm
[Bulma] 1.0.014385
release-notes, bulma
Building a Micro htmx SSR Framework (mco/pla)14384
frameworks, htmx, examples
Psychology and UX: Decoding the Science Behind User Clicks14383
user-experience, design, principles
Angular Signals: Best Practices14382
angular, signals, best-practices
Understanding Memory Heap and Memory Leaks—How the JS Engine Works (fro)14381
javascript-engines, memory, garbage-collection, asynchronicity
The Box Model and Box Sizing (bel/pic)14380
css, box-model, concepts
Progressive Disclosure Defaults (ada)14379
css, forms, interaction-design
How to Plan Your First Successful Website (web)14378
how-tos, processes, project-management
How to Create a Website and a PDF From the Same Codebase (spa/clo)14377
how-tos, code-generation, pdf, functionality
Folder Structures in React Projects14376
react, architecture
Aesthetic Layouts: 2 Column Magazine With “shape-outside” (jhe)14375
code-pens, layout, css
Build a Full-Stack App With Node.js and htmx14374
web-apps, nodejs, htmx
How to Assess Your Fit for a Job Description: A Guide for Technologists (wom)14373
how-tos, guides, interviewing, career
Using Relative Colors (chr/mdn)14372
css, colors
Chill Scroll Snapping: Article Headers (chr/fro)14371
css, scrolling
Make a Web Browser: Beginner’s Guide (nim)14370
guides, browsers, browser-engines
Empowering the User Experience Through Microinteractions: 7 Best Practices (uxm)14369
user-experience, interaction-design, best-practices
A Designer’s Role Is Not “at the Table”14368
design, career
How Meta Improved Their Cache Consistency to 99.9999999914367
facebook+meta, caching
Accessibility Foundations (ihe/tpg)14366
accessibility, fundamentals, link-lists
Observability Is an Illusion (pur)14365
observability, logging, monitoring, alerting
“require(esm)” in Node.js (joy)14364
nodejs, ecmascript, esm, commonjs
The Ultimate Guide to Understanding npx vs. npm14363
guides, npx, npm, nodejs
The Power of Textual Content in UX Design (uxm)14362
content, user-experience
Oh Sh*t, My App Is Successful and I Didn’t Think About Accessibility14361
accessibility
I’m So Old: Web Edition (dav)14360
web, history
How Web-Site Design and Social Media Work Together (uxm)14359
design, content, social-media
How to Kill the Cascade (fon)14358
css, cascade, resets, scope
Every React Concept Explained in 12 Minutes14357
videos, react, concepts
Comparing ECMAScript Modules and CommonJS14356
comparisons, esm, commonjs
Build a Node App With TypeScript (mat)14355
nodejs, typescript, pnpm, esm
A Comparison of JavaScript CRDTs (alm)14354
javascript, types, comparisons
Why UI Designers Should Understand Flexbox and CSS Grid14353
design, layout, flexbox, grids, css
Time to Ditch Analytics? Tracking Scripts and Web Sustainability (mic)14352
embed-code, google, analytics, sustainability, performance, compliance
2024 Cheat Sheet Collection14351
cheat-sheets, link-lists
Migrating Away From Jest and Achieving Over 90% Reduction in Running Time (pat)14350
migrating, jest, testing, memory, performance
How Web Bloat Impacts Users With Slow Devices14349
performance, metrics, comparisons, web
Copy Objects Ways in JavaScript14348
javascript, objects
How to Optimize Cumulative Layout Shift (CLS) on Shopify Sites (sia)14347
how-tos, performance, web-vitals, optimization, shopify
How (In)Efficient Are Engineering Organizations?14346
efficiency, processes, engineering-management
Quick Tip: Creating a Date Picker in React14345
tips-and-tricks, react, functionality
Accessibility in Design Systems: A Comprehensive Approach Through Documentation and Assets14344
accessibility, design-systems, documentation, dei
Webflow 101: A Guide for Beginners14343
introductions, guides, webflow, low-and-no-code
Skeuomorphism (nng)14342
design, terminology
Homepage Design: 5 Fundamental Principles (nng)14341
design, homepages, principles
Deploying Remix to GitHub Pages14340
videos, deploying, remix, github-pages
Performance Tooling in 2024 and Beyond14339
performance, tooling, browsers, dev-tools, lighthouse, google
When “Semantic Tokens” Are No Longer Semantic14338
design-tokens, semantics
What Is Safe Alignment in CSS? (chr/fro)14337
css, layout, user-experience
There Is No EU Cookie Banner Law14336
consent-management, cookies, legal
The Golden Age of Accessibility14335
accessibility
Qwik vs. Next.js: Which Framework Is Right for Your Next Web Project?14334
frameworks, comparisons, qwik, nextjs
Make Your Functions More Reusable With Generics (mat)14333
typescript, functions, generics, maintainability
Arguments for Opening Links in a New Tab or Window (gri/clo)14332
links, usability
WCAG 2.2 Detective Skills14331
accessibility, standards, wcag
How to Avoid Flaky Tests in Playwright14330
how-tos, testing, flakiness, playwright
A Beginner’s Guide to Node.js Worker Threads (bet)14329
guides, nodejs, worker-threads
You Want “border-color: transparent”, Not “border: none” (dav/fro)14328
css, borders, transparency+opacity, accessibility, contrast
HTML Performance Optimization: Tips for Faster Loading Pages14327
html, landing-pages, performance, optimization, tips-and-tricks
What’s Next for a Global Design System (bra)14326
design-systems
There Are No Standards Police (mno)14325
standards, policies, processes
The Problem With Data Attributes for Text Effects (man)14324
html, custom-data, css, typography, effects
The Problem With AI (cfe)14323
ai
Ruby Is Complicated14322
html
Refactoring My Ugliest Code With Signal View Queries14321
videos, refactoring, angular
My New Favorite CSS Trick: “will-change”14320
css, animations, transitions, tips-and-tricks
How to Design Icons in Figma14319
how-tos, images, icons, figma, design
Another JS Registry—Seriously?! (den)14318
videos, jsr, dependencies, javascript
25 Unnoticeable Features of JavaScript14317
javascript
The Essential Guide to Microcopy and Becoming a More Literate Designer14316
guides, design, microcontent, content, writing
5 Exciting New JavaScript Features in 202414315
javascript
Marking the Web’s 35th Birthday: An Open Letter (tim)14314
open-letters, web, history, anniversaries
Interaction to Next Paint Is Officially a Core Web Vital (rvi)14313
performance, web-vitals
15 Years of Running a Personal Website (ste)14312
indieweb
Why Your Microservices Architecture Is Probably Overkill (and How I Learned to Love the Monolith Again) (pur)14311
architecture, microservices, monoliths
Thoughts on Embedding Alternative Text Metadata Into Images (eri)14310
accessibility, images, metadata
The “10× Engineer”: 50 Years Ago and Now (ger)14309
productivity, processes, career, history
Spread vs. Rest Operators in JavaScript14308
javascript, operators, comparisons
Runtime Compatibility (asc+)14307
websites, runtimes, interoperability, comparisons, bun, deno, netlify, nodejs
How to Read Files Quickly in JavaScript (lem)14306
how-tos, javascript, file-handling
Building Websites and Building Websites Well (j9t)14305
quality, craft, community
A Letter to My Younger Self, as an Accessibility Advocate (hbu)14304
accessibility, advocacy, retrospectives
Have You Optimized for INP?14303
performance, web-vitals, optimization
What Is INP and Why You Should Care (whi/get)14302
performance, web-vitals, monitoring
Streaming HTML (chr/fro)14301
html, php, streaming
JSON Canvas14300
websites, standards, json, canvas
IDEs vs. Code Editors: Everything You Need to Know (jet)14299
code-editors, comparisons, concepts
Express.js With TypeScript—Setup, Examples, Testing14298
videos, express, typescript, testing, examples
Distinguishing Between ARIA and Native HTML Attributes (deq)14297
html, aria, attributes, accessibility, comparisons
Comparing JavaScript Frameworks: Templates14296
javascript, frameworks, templates, comparisons
Are We Watching the Internet Die? (edz)14295
web
Announcing Speedometer 3.0: A Shared Browser Benchmark for Web Application Responsiveness14294
performance, tooling, metrics
Alt Text for CSS Generated Content (tem)14293
css, generated-content, alt-text, accessibility
Accessibility: Implementing Focus Traps14292
accessibility, focus, keyboard-navigation
A Gentle Introduction to Generics in TypeScript14291
introductions, typescript, generics
Optimising Your Design System With Figma’s Variables14290
design-systems, optimization, variables, figma
Things I Learned While Building My JS Library14289
javascript, libraries, lessons
CSS Button Styles You Might Not Know (dbu)14288
html, css, buttons
Replace ESLint and Prettier With Biome.js14287
biome, eslint, prettier, comparisons, tooling, remix
Jakob Has Jumped the Shark (aar)14286
accessibility, link-lists
How to Invert the Colors Using CSS (ron)14285
css, colors, filters, images
eslint-plugin-depend14284
packages, npm, maintenance, simplicity
Access by a Thousand Curb Cuts (yat)14283
accessibility
Asking Users for Their Pronouns: A Guide for UX Designers14282
guides, user-experience, communication
Creating Color Palettes With the CSS “color-mix()” Function (mic)14281
css, functions, colors, color-palettes
Add Superpowers to Your CSS Variables With Style Queries (jar/van)14280
css, style-queries, custom-properties
Navigating the Future of Frontend14279
frameworks, web-platform, outlooks
Modern CSS Tooltips and Speech Bubbles II (css/sma)14278
tooltips, css, techniques
How “HEAD” Works in Git (b0r)14277
git
Dissecting Layered Architecture (yok)14276
architecture
Managing Static Files in Django: A Comprehensive Guide14275
guides, django, file-handling
How to Check and Set the “NODE_ENV” Environment Variable and Its Use in a Project14274
how-tos, nodejs, environments
AVIF Is the Future of Web Images14273
images, avif, performance, outlooks
The Quiet, Pervasive Devaluation of Frontend (col)14272
html, css, craft, career, community
Some Little Ways I’m Using CSS “:has()” in the Real World (bel/pic)14271
css, selectors, examples
How to Test 2.5.8 Target Size (Minimum) (sib/tpg)14270
how-tos, accessibility, testing
5 Ways Productivity Culture Kills Business Agility14269
productivity, agile, economics, culture
Leadership Is a Hell of a Drug (lud)14268
leadership, engineering-management
90% of Designers are Unhirable?14267
design, processes, career
Exploring the Creative Power of CSS Filters and Blending14266
css, blend-modes, filters, effects
The Ultimate Guide to Choosing the Best React Website Builder14265
guides, react, tooling, comparisons, link-lists
WebAssembly JSPI Is Going to Origin Trial14264
webassembly, origin-trials
Sometimes, a Button Just Wants to Look Like a Button14263
design, usability, buttons
The End of My Gatsby Journey (mon)14262
gatsby, frameworks, comparisons
Taming the Shadow DOM: Injecting Global Styles With Adopted Stylesheets14261
shadow-dom, dom, css
SSG, SSR, ISR, CSR Rendering Strategies in Next.js (fro)14260
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)14259
videos, css, selectors
Release Notes for Safari Technology Preview 190 (jon/web)14258
release-notes, browsers, apple, safari
Making Room for Long List Markers With Subgrid (nol)14257
html, lists, css, grids
Internationalization With Remix (rem)14256
remix, internationalization
Announcing TypeScript 5.4 (dan/typ)14255
release-notes, typescript
10 Figma Keyboard Shortcuts: A Cheat Sheet for UX Designers14254
figma, keyboard-shortcuts, cheat-sheets, design
Best Practices for Inclusive Design14253
design, dei, accessibility, best-practices
How to Ensure Your Designs Work if You Can’t Access Sample Data14252
how-tos, design, usability, metrics, testing
Data Table Design Patterns14251
information-design, tables, design-patterns
How to Use WebSockets in Node.js to Create Real-Time Apps (cra)14250
how-tos, websockets, nodejs
WebKit Features in Safari 17.4 (jen+/web)14249
release-notes, browsers, apple, safari, webkit
JavaScript Runs the World—Maybe Even Literally (wir)14248
javascript, programming, web
When We Talk About Front-End Performance, What Are We Talking About14247
performance, metrics, web-vitals, lighthouse, google
SemVer Simplified: An Introduction to Semantic Versioning14246
introductions, semver, versioning
WCAG? More Like, W-What?! (stv)14245
accessibility, wcag, link-lists
The 88×31 Archive14244
web, images, history
Modern Git Commands and Features You Should Be Using14243
git, command-line
JSR: Second Look (dbu)14242
jsr
Designing for Mobile Accessibility: Enhancing the User Experience on Small Screens (uxm)14241
design, accessibility, user-experience, mobile
Achieving Design Collegiality While Maintaining Psychological Safety (uxm)14240
design, collaboration
How npm Install Scripts Can Be Weaponized: A Real-World Example of a Harmful npm Package (eth)14239
npm, dependencies, examples, security
VPS Showdown—March 2024—DigitalOcean vs. Linode vs. Vultr14238
servers, hosting, comparisons, metrics
Visualizing Frontend Architecture (max)14237
architecture, documentation, visualization
We Need to Talk About Jakob (mat)14236
accessibility
Tools That Make Me Productive as a Software Engineer14235
tooling, productivity, link-lists
CSS for Printing to Paper14234
css, print
Bugs I’ve Filed on Browsers (nol)14233
browsers, chromium, firefox, webkit, quality
Accessibility Has Not Failed—It Has Not Even Started for Real (cer)14232
accessibility, ai
Accessibility Darkness (ste)14231
accessibility, overlays
Emerging UX Patterns in Generative AI Experiences14230
user-experience, design-patterns, ai
Planning a Design System Generation (nat)14229
design-systems, automation
The Hunt for the Missing Data Type (hil)14228
types, algorithms
The Faster Lambda Runtime—Node.js or LLRT? We Benchmarked14227
aws, lambda, javascript, runtimes, nodejs, comparisons, metrics
Go Ahead and Block AI Web Crawlers (cor)14226
robotstxt, crawling, scraping, ai
Design System Generations (nat)14225
design-systems, processes
Retrofitting Fluid Typography (ric)14224
liquid-design, typography, css
Web Tech Trends to Watch in 2024 and Beyond (web)14223
trends, design, dark-mode, ai, sustainability, minimalism
TIL—“submit()” Versus “requestSubmit()” (ray)14222
javascript, comparisons
Team Productivity Metrics for Engineering Managers14221
productivity, metrics, engineering-management
Modern CSS Tooltips and Speech Bubbles (css/sma)14220
tooltips, css, techniques
Introducing JSR—the JavaScript Registry (lca+/den)14219
introductions, jsr, deno, dependencies, javascript
Eloquent JavaScript (mar)14218
websites, books, javascript
Apple Says iOS 17.4 Won’t Remove Home Screen Web Apps in the EU After All14217
browsers, apple, mobile, web-apps
Apple Backs Off Killing Web Apps, but the Fight Continues (owa)14216
web-apps, apple
An Introduction to Webflow—the No-Code Website Builder14215
introductions, webflow, low-and-no-code
“AI” and Accessible Front-End Components: Is the Nuance Generatable? (hdv)14214
accessibility, web-components, ai
A Love Letter to the Underrepresented in Tech14213
community
What Is Inclusive Design, and How Does It Relate to Accessibility?14212
design, dei, accessibility
Understanding Cookies and Sessions in React14211
react, authentication, cookies
New to the Web Platform in February (rac)14210
release-notes, web-platform, browsers, mozilla, firefox, google, chrome, apple, safari
Why Does “is-number” Package Have 59M Weekly Downloads?14209
dependencies, npm
What You Need to Know About Software Requirements14208
software-design, best-practices
The Wax and the Wane of the Web (ste/ali)14207
web-platform, history
Techniques to Break Words (aar)14206
techniques, html, css, content
Keyboard Accessibility Testing on Mobile Devices14205
accessibility, testing, keyboard-navigation, mobile
Diving Into CSS Interactivity (daw+/sto)14204
videos, css
Choosing the Right Node.js Package Manager in 2024: A Comparative Guide (nod)14203
guides, nodejs, dependencies, comparisons
Accessibility Has Failed: Try Generative UI = Individualized UX14202
accessibility, usability, ai, outlooks
Top 8 Recent V8 in Node Updates (app)14201
nodejs, v8
Creativity Lies in the Paradoxes14200
creativity, design
Enhanced Internationalization (I18N) in Next.js 1414199
nextjs, internationalization
Ultimate Guide to Visual Testing With Playwright14198
guides, testing, regressions, playwright
Test Quality vs. Bashing Tailwind CSS (mar)14197
tailwind, css, comparisons
So, What Exactly Did Apple Break in the EU? (tom)14196
browsers, apple, mobile, support, web-apps, apis
Making Math Accessible (ons/tpg)14195
accessibility, math
How to Create a Sidebar Navigation With Astro, Tailwind CSS, and Alpine.js14194
how-tos, navigation, functionality, astro, tailwind, alpinejs
Going Beyond Pixels and (r)ems in CSS—Container Query Length Units (uti/iod)14193
css, container-queries, units
Apple vs. PWAs—Go Act Now and Help Avoid This Disaster… (cod)14192
apple, web-apps, progressive-web-apps, community
An HTML Switch Control (ann+/web)14191
html, css, forms
The 3 Capabilities Designers Need to Build for the AI Era14190
design, career, training, ai, link-lists
How to Use Server-Sent Events in Node.js (cra)14189
how-tos, nodejs, events
Screen Readers and Drag-and-Drop: Grabbing and Releasing Elements (dar)14188
drag-and-drop, accessibility, browsers, screen-readers, support
Tumblr and WordPress to Sell Users’ Data to Train AI Tools (404)14187
wordpress, ai
YouTube Video Embedding Harm Reduction (jvo)14186
multimedia, embed-code, youtube, html, privacy
What Is Vuetify in Vue.js?14185
vuetify, vuejs
ServerlessHorrors (and)14184
websites, serverless, cloud-computing
Reporting Core Web Vitals With the Performance API (geo/sma)14183
apis, performance, web-vitals
How to Lazy-Load CodePen and CanIUse Embeds14182
how-tos, embed-code, performance, codepen, caniuse
Here Lies the Internet, Murdered by Generative AI14181
web, content, ai
AI and Design Systems (bra)14180
ai, design-systems
A Simple Mistake That Can Screw Up Your Light/Dark Theme (and How to Fix It) (kev)14179
videos, mistakes, dark-mode, css
A Guide to CSS Cursor Types14178
guides, css, cursors
A Fun Line of Code (dbu)14177
javascript, apis, multimedia
Advanced Figma Tips and Tricks 2024: Little Gems We Love14176
figma, tips-and-tricks
Open Letter to Tim Cook, Sabotaging Web Apps Is Indefensible (owa)14175
open-letters, apple, web-apps
CSS Foundations: What Is IACVT? (bra)14174
css, fundamentals
Why I Use Firefox (sim)14173
browsers, mozilla, firefox
What Is a Single-Page Application? (hey)14172
single-page-apps, javascript, performance, user-experience
The CSS Cascade—a (Re)Introduction (mat)14171
videos, css, cascade
Speaker Spotlight: Michelle Barker (mic)14170
interviews, css, sustainability
No Outer Margin14169
css, margins, spacing, components
How to Build a Newthing14168
how-tos, processes, creativity, maintenance
CSS-Only Bottom-Anchored Scrolling Area (kit)14167
css, scrolling
A Web Designer’s Accessibility Advocacy Toolkit (sma)14166
accessibility, advocacy, strategies
10 Takeaways From the WebAIM Screenreader Survey #10 (kar)14165
accessibility, screen-readers
Home Screen Advantage (sli)14164
browsers, apple, mobile, support, web-apps, web-platform
The Power of Patterns and Playbooks in Content Design (kat)14163
design, content, design-patterns
WebAIM Screen Reader User Survey 10 (den)14162
accessibility, screen-readers
Understanding Event-Driven Architecture14161
architecture, events
Navigating Signals: An Efficient Alternative to React Hooks for Enhanced Performance and Optimization14160
react, hooks, signals
My WebAIM 10th SR User Survey Takeaways (aar)14159
accessibility, screen-readers
JSDoc as an Alternative TypeScript Syntax14158
typescript, documentation, jsdoc
CSS “:has()” Interactive Guide (sha)14157
guides, css, selectors
CAPTCHA Is Still [the] Most Problematic Issue on the Web (cer)14156
accessibility, web, captcha
A Developer’s Guide for Web Accessibility14155
guides, accessibility
Why My Code Isn’t in TypeScript (rem)14154
typescript
Proposal: CSS Variable Groups (lea)14153
css, variables
htmx vs. React: A Complete Comparison14152
htmx, react, comparisons
UX Leadership Is Failing (and What We Can Do About It)14151
user-experience, leadership
Navbar Gallery14150
websites, navigation, design-patterns, examples
JavaScript Bloat in 2024 (nik)14149
javascript, performance
Vanilla JavaScript, Libraries, and the Quest for Stateful DOM Rendering (sma)14148
javascript, libraries, client-side-rendering, state-management
JSR: What We Know So Far About Deno’s New JavaScript Package Registry (sar/soc)14147
jsr, deno, dependencies, javascript
Filling Gaps With a Polyfill (jay)14146
polyfills, html, css, javascript, history
Difference Between the Accessibility Page and the Accessibility Statement14145
accessibility, documentation, comparisons
Building Dynamic Progress Bars Using Only CSS (ami)14144
css, progress-indicators
ARIA (Are Ya) Afraid of the Dark? Unmasking Common HTML Monsters to Create Better User Experiences (deq)14143
videos, accessibility, aria, html, user-experience
Discovering Web Automation and Scraping (gli)14142
scraping, automation, bots, tooling
Making of True Multi-Brand Design System14141
design-systems, theming
10 Best “Create React App” Alternatives for Different Use Cases14140
react, frameworks, tech-stacks, comparisons, link-lists
How to Optimize the Web for the Worst User Conditions?14139
how-tos, user-experience, responsive-design, performance, optimization
The One Trick Every Flutter Web Dev Needs to Know14138
tips-and-tricks, flutter, performance
CSS “::backdrop” Now Inherits From Its Originating Element (bra)14137
css, selectors
View Transitions: Handling Aspect Ratio Changes (jaf)14136
css, view-transitions, aspect-ratio
Syntax Highlighting With No Spans?! (chr/fro)14135
css, apis, syntax-highlighting
Release Notes for Safari Technology Preview 189 (jon/web)14134
release-notes, browsers, apple, safari
Parallax Effect With CSS Custom Properties (fro)14133
css, custom-properties, effects, parallax
Node.js 2023 Year in an Article (raf)14132
nodejs, retrospectives
Next.js vs. Remix—a Developer’s Dilemma14131
nextjs, remix, comparisons
My Favourite Animation Trick: Exponential Smoothing (lis)14130
animations, tips-and-tricks
CSS-Only Radial Progress Bars Using Conic Gradients14129
videos, css, gradients, progress-indicators
My Design System Journey: Building the Plane While Flying14128
design-systems, collaboration, processes
Control Lazy Load, Infinite Scroll, and Animations in React14127
react, lazy-loading, scrolling, animations, javascript
How to Make a Cursor Image Hover Effect With CSS and JS14126
how-tos, css, javascript, images, cursors, hover
Design Patterns That Encourage Junk Data (mic)14125
design-patterns, sustainability, economics, storage, email
Preventing SQL Injection Attacks in Node.js14124
security, nodejs, databases, sql
Why Is JavaScript Fragile? (cfe)14123
javascript
“random()” Distribution Visualizer14122
javascript, randomness, visualization
Okay, Color Spaces (eee)14121
colors, oklch
How to Use Local Storage in JavaScript (fre)14120
how-tos, browser-storage, javascript
How to Transfer Binary Data Efficiently Across Worker Threads in Node.js14119
how-tos, nodejs, worker-threads
Does Your Design Conform With WCAG Accessibility Guidelines—or Does It Comply? (deq)14118
videos, accessibility, wcag, guidelines, compliance
A Practical Guide to Using Shadow DOM (may)14117
guides, dom, shadow-dom
A Practical Guide to Designing for Colorblind People (vit/sma)14116
guides, accessibility, design, colors, color-blindness
7 Effective Ways to Craft Compelling Problem Statements for UX Design (uxm)14115
user-experience, product-management, processes
Responsive Web Design: 3 Key Fundamentals (nng)14114
videos, responsive-design, fundamentals
What Is Utility-First CSS? (hey)14113
css, presentational-html, principles
“Web Design as a Process” in Charts: Maintenance, Decay, Tech Debt, and Big Bang Launching (j9t)14112
content, design, design-debt, technical-debt, maintenance, processes, visualization
[Web Accessibility] Survey Results14111
accessibility, surveys
The Fifty-Fifty Split and Overflow (hex)14110
css, overflow, layout
How to Design an Accessible Web Site for People With Color-Deficient Vision (uxm)14109
how-tos, accessibility, dei, user-experience, colors, contrast, readability
Fostering a Collaborative Onboarding Team to Design Better Onboarding Experiences (uxm)14108
collaboration, onboarding, user-experience
17 Equations That Changed the World—Rewritten in JavaScript14107
javascript, math
100 Things You Can Do on Your Personal Website (cap)14106
blogging, writing, indieweb
Syntax Highlighting Code Snippets With Prism and the Custom Highlight API (bra)14105
apis, javascript, css, syntax-highlighting
Tailwind Marketing and Misinformation Engine14104
tailwind, css, semantics, principles, maintainability, marketing
Don’t Care About Accessibility? Resistance Is Futile! (cer)14103
accessibility
JavaScript on Demand: How Qwik Differs From React Hydration14102
javascript, qwik, react, hydration, comparisons
Understanding React “useEffect”14101
react, hooks
JavaScript Workers14100
videos, javascript, web-workers
A Manifesto for Small, Static, Web Apps (ros)14099
manifestos, web-apps, principles
UI = ƒ(statesⁿ) (dav)14098
design, state-management
Popular Git Config Options (b0r)14097
git, configuration
It’s Official, Apple Kills Web Apps in the EU (owa)14096
web-apps, apple
How to Set Up a Node Server With TypeScript in 2024 (jle)14095
how-tos, nodejs, servers, typescript
Frontend Application Security: Tips and Tricks14094
web-apps, security, xss, csrf, authentication, dependencies, csp, validation, tips-and-tricks
Be a Better Developer With These Git Good Practices14093
git, best-practices, conventions, consistency, code-reviews
Top 20 JavaScript One-Liners That Don’t Actually Work (dar)14092
javascript
React Labs: What We’ve Been Working On—February 2024 (rea)14091
react
Playing With Infinity in CSS (lon)14090
css, math
Making the Most of Ligatures (man)14089
css, typography
How I Developed the 10 Usability Heuristics14088
usability, heuristics, history
Getting to an Accessibility Strategy14087
accessibility, strategies, processes
Future of CSS: Functions and Mixins14086
css, functions, mixins
Full Guide on How to Hire Front-End Developers Effectively14085
guides, how-tos, hiring, career
CSS “:is(.awesome)” (mar/cfe)14084
videos, css, selectors, techniques
ARIA “note” (aar)14083
accessibility, aria, browsers, screen-readers, support
A Dozen Thoughts About AI (dav)14082
ai
How Accessibility Standards Can Empower Better Chart Visual Design (sma)14081
accessibility, contrast, colors, information-design
Input Type “date”: The Accessibility of HTML Date Picker14080
accessibility, forms
Scroll-Driven Animations: You Want “overflow: clip”, not “overflow: hidden” (bra)14079
css, overflow, scrolling, animations
When It Says “Name From Author” It Means From You, Not Boll or Bukowski (ste)14078
accessibility, aria, naming
What Is the Difference Between ASP and ASP.NET?14077
asp, asp-net, comparisons
What Is Lighthouse Speed Index (SI) and How to Reduce It14076
performance, metrics, lighthouse, google
Wednesday, February 14, 2024 Security Releases (raf+/nod)14075
release-notes, nodejs, security
The Text File That Runs the Internet (dav/ver)14074
robotstxt, crawling, scraping, ai, web
Reasonable WCAG Additions (a11)14073
accessibility, wcag
An Introduction to Node.js Multithreading (cra)14072
introductions, nodejs, multithreading
Selenium Automation Testing: A Step-by-Step Beginners Guide14071
guides, selenium, testing, automation
Building htmx and Go Web Apps With Gemini Advanced14070
videos, web-apps, htmx, go, ai, gemini
Why I Like Scrumban (j9t)14069
processes, agile, scrum, kanban
The New CSS Math: “pow()”, “sqrt()”, and Exponential Friends (dan)14068
css, functions, math
The Best CSS Frameworks to Use in Your Projects for 2024 and Beyond (fre)14067
css, frameworks, comparisons, bootstrap, tailwind, foundation, bulma, pure
How to Fix the Invisible Scrollbar Issue in iOS Browsers (sim/fro)14066
how-tos, browsers, mobile, scrolling, css
How to Center a Div (jos)14065
how-tos, css, centering
CSS Color Module Level 4 (tab+/w3c)14064
standards, css, colors
Be Aware of Arrays—V8 Engine Advice14063
javascript, javascript-engines, v8, arrays
Advanced Architecture for AI Application (aka AAAA) (aus)14062
ai, architecture, edge-computing, optimization
A Practical Guide to Designing for Children (vit/sma)14061
guides, design, link-lists
How to Boost WordPress Security and Protect Your SEO Ranking14060
how-tos, wordpress, security, seo
You Want to Make It Easy to Feature Your Content (fro)14059
frontend-dogma, content, community
The ü/ü Conundrum14058
javascript, unicode, encoding
The Anatomy of Addictive Content (moz)14057
content, writing, seo
React, Solid, htmx14056
react, solidjs, htmx, comparisons
Learn TypeScript (jad)14055
websites, courses, typescript
How to Choose the Best Static Site Generator in 202414054
how-tos, site-generators, gatsby, jekyll, nuxt, nextjs, hugo, eleventy, vuejs
Can Generative AI Help Write Accessible Code? (tin/tet)14053
accessibility, code-generation, ai
A CSS Project Boilerplate (bel/pic)14052
css, tailwind, templates
Using Recursive CSS to Change Styles Based on Depth (cri)14051
css, selectors
Names Are Complex: Displaying Initials for an Avatar Component in a Design System (hey)14050
naming, design, case-studies
Dynamic Text Color Contrast Based on Background Lightness With CSS/SVG Filters (miu)14049
css, svg, filters, colors, contrast
CSS Mixins and Functions Explainer (mia/odd)14048
css, mixins, functions
Navigating Prioritization: Four Approaches (cwo)14047
project-management, prioritization, processes
Don’t Disable Form Controls (aar)14046
accessibility, usability, forms, buttons
Accelerating Code Reviews With Nudges14045
research, code-reviews, productivity, experiments, facebook+meta
The Front-End Development We’re Used to Is Dying14044
career, simplicity, complexity
HTML as the Baseline (cfe)14043
html, progressive-enhancement
Have We Forgotten How to Build Ethical Things for the Web? (nic)14042
web, ethics
Everything You Need to Know About Image Formats in 2024 (web)14041
images, jpeg, png, gif, webp, avif, pdf, svg
Format Nunjucks Files With Prettier (san)14040
nunjucks, prettier
What Is a Descriptive Transcript?14039
accessibility, multimedia
The Accessibility Mindset: Moving Beyond Remediating, Fixing, and Reacting (a11)14038
videos, accessibility
So You Think You Know Git14037
videos, git
Node.js Community Debate Intensifies Over Enabling Corepack by Default and Potentially Unbundling npm (sar/soc)14036
nodejs, corepack, npm, yarn, pnpm, dependencies
Is [“* { min-width: 0; }”] a Good Idea? (kev)14035
videos, css
In Its Tantrum With Europe, Apple Broke Web Apps in iOS 17 Beta, Still Hasn’t Fixed Them (tho/the)14034
web-apps, browsers, apple, mobile
Going Beyond Pixels and (r)ems in CSS—Relative Length Units Based on the Viewport (uti/iod)14033
viewport, css, units
Git Tips: Really Large Repositories14032
git, monorepos, tips-and-tricks
Frequently Heard in My Beginning Front-End Web Development Class (geo/sma)14031
learning, career
Patterns in Design Systems (ikn)14030
design-systems, design-patterns, components
Web Development Is Getting Too Complex, and It May Be Our Fault (mon/sma)14029
web-platform, frameworks, tech-stacks, complexity
Release Notes for Safari Technology Preview 188 (jon/web)14028
release-notes, browsers, apple, safari
Opportunities for AI in Accessibility (aar/ali)14027
accessibility, ai
Offloading JavaScript With Custom Properties (hey)14026
javascript, css, custom-properties
CSS Is Logical (geo)14025
css
10 Best Automated AI Code Review Tools 202414024
ai, automation, code-reviews, tooling, comparisons, link-lists
Remix Takes on Next.js in Battle of the React Frameworks14023
frameworks, react, remix, nextjs
JavaScript vs. Python: Which One Should You Learn First?14022
javascript, python, comparisons
UI Elements Are Not So Elementary14021
design, design-patterns
Designing User Onboarding: Lessons From Figma, Duolingo, and More14020
lessons, onboarding, design, user-experience, figma
Immutable Array Updates With “Array.prototype.with” (jad)14019
javascript, arrays, prototypes, browsers, support
A Beginner’s Guide to Seamless Open-Source Contributions (wom)14018
guides, foss
When to Use the “min()” or “max()” Function (css)14017
css, functions, tips-and-tricks
Malicious npm Package Masquerades as Noblox.js, Targeting Roblox Users for Data Theft (sar/soc)14016
npm, dependencies, security
Lines of Code—How to Not Measure Code Quality and Developer Efficiency (cod)14015
metrics, quality, efficiency, productivity
Lessons Learned Moving Eleventy From CommonJS to ESM in 2024 (zac/cfe)14014
videos, lessons, eleventy, commonjs, esm, refactoring
jQuery 4.0.0 Beta (tim/jqu)14013
release-notes, jquery
JavaScript Promises Demystified14012
javascript, promises
In Praise of the “switch” Statement (chi)14011
javascript
Doing What’s Required: Indicating Mandatory Fields in an Accessible Way (tpg)14010
accessibility, usability, forms, errors
Detect Caps Lock With JavaScript (dav)14009
javascript
A Guide to Designing for Older Adults (vit/sma)14008
guides, design, accessibility
13 Best Books, Courses, and Communities for Learning React14007
react, books, courses, link-lists
You Won’t Scale (cfe)14006
maintainability, scalability
Visual Hierarchy: Making User Experiences Easier to Understand (uxm)14005
user-experience, design, hierarchy
Thoughts on a Global Design System (chr)14004
design-systems
The Most Demanded Frontend Frameworks in 202314003
frameworks, comparisons, react, angular, vuejs
The Decision to Leave Tech (col)14002
career, retrospectives
Revolutionizing Usability Testing With Machine Learning (uxm)14001
usability, testing, ai
It’s the Hope That Kills You (yat)14000
accessibility, career, community
How to Create Rounded Gradient Borders With Any Background in CSS (ben)13999
how-tos, css, borders, gradients, backgrounds
Getting Into Web Components—an Intro (uti)13998
introductions, web-components
Exciting New Tools for Designers, February 2024 (web)13997
design, tooling, link-lists
Everything You Need to Know About Git13996
git, command-line
Bookmarklet: Load All GitHub Comments (mey)13995
bookmarklets, github, code-reviews
HTML Attributes That Every Web Developer Should Know13994
html, attributes, pop-overs, forms, custom-data
“X” Marks the Spot: Landmark Elements (stv)13993
html, semantics, accessibility, assistive-tech, aria
Why Disabled People’s Needs Aren’t “Special”13992
accessibility
The Importance of Web Performance to Information Equity (sch/fos)13991
videos, performance, accessibility
htmx Deep Dive With Carson Gross13990
videos, htmx, deep-dives
A View Source Web (gar)13989
websites, view-source, browsers
The SEO Starter Guide Got a Makeover (liz+)13988
guides, seo, search, google
What Is WAP?13987
wap, mobile
SOLID Principles: They’re Rock-Solid for Good Reason13986
programming, principles, solid
Making Your SVG Icons CSS Masks Instead of Inline HTML or Backgrounds Has Some Benefits (chr/fro)13985
images, svg, css, masking, performance
From Many to One: Moving Our JavaScript Code Into a Monorepo13984
migrating, monorepos, javascript, git
All Art Is a Copy of Something (chr)13983
art
5 Hidden Risks of Your Inaccessible Website (deq)13982
accessibility
Drupal Creator: Websites Needed More Than Ever in the AI Era13981
web, ai, complexity
Tracking Your Interviews Is Extremely Important13980
career, interviewing
Interop 2024 (rac)13979
interoperability, web-platform, browsers, support
What’s the Difference Between “localhost” and “127.0.0.1”?13978
network, ip, testing
Is the Increasing Amount of Shit Code All the Fault of AI-Generated Code?13977
ai, quality, technical-debt
The Web Just Gets Better With Interop 2024 (jen/web)13976
web-platform, interoperability, browsers, support
How to Make a Great Framework Better?—Svelte 5 With Rich Harris (ric)13975
videos, frameworks, svelte
Everyone’s a Sellout Now13974
career, culture
Dynamically Adding Text Alternatives to Images With AI (kar)13973
automation, ai, accessibility, images, alt-text
Career Retrospective13972
career, retrospectives
A Look at the New WAI–ARIA 1.3 Draft (cra)13971
accessibility, aria, standards
A Complete Guide to Open Source—100× Simpler13970
guides, foss
The Art and Science of Annotations in Dev Mode (fig)13969
figma, annotations
Implementing User Authentication in React Apps With Appwrite13968
react, authentication, tooling
Interaction to Next Paint Becomes a Core Web Vital on March 12 (mal+)13967
performance, web-vitals, metrics
PurePWA—a Radical U-Turn in Web Development13966
web-apps, progressive-web-apps, simplicity, tooling
Why Not htmx? (cfe)13965
htmx
The Good, the Bad, the Web Components (zac)13964
web-components, shadow-dom, dom
Tackling Flaky Tests With Cypress and Playwright Through Network Synchronization13963
testing, flakiness, cypress, playwright, network
Practice Safe DSD With “setHTMLUnsafe” (It’s Complicated) (jar/van)13962
html, dom, shadow-dom, apis, security
Making VPATs and ACRs More Effective in Procurement (web)13961
accessibility, vpat-acr, processes
How to Stream Files From Next.js Route Handlers (eri)13960
how-tos, nextjs, routing, streaming
GitLab vs. GitHub: Which Is Better in 2024?13959
version-control, gitlab, github, comparisons
Designing Accessible Color Palettes in Figma: A Guide for Web Accessibility (kno)13958
guides, accessibility, colors, color-palettes, figma
Be Purposeful About Your Content13957
accessibility, content, writing
5 Essential DevTools Console Hacks for Every Web Developer13956
videos, browsers, dev-tools
Understanding Signals in Django13955
signals, django
New to the Web Platform in January (rac)13954
release-notes, web-platform, browsers, mozilla, firefox, google, chrome, apple, safari
Celebrate a More Interoperable Web With Interop 2023 (rac)13953
web-platform, interoperability, browsers, support
Learn Testing13952
courses, testing
Why Do Rubber Ducks Work?13951
processes, productivity, creativity
Web Platform Design Principles (lea/w3c)13950
web-platform, software-design, principles, standards, w3c
Use CSS “accent-color” to Style Your Inputs (cas)13949
css, forms
Tuesday, February 6, 2024 Security Releases (raf/nod)13948
release-notes, nodejs, security
The Psychology of Site Speed and Human Happiness (tam/spe)13947
performance, usability
Stop Burning Out Maintainers: An Empathetic Guide for Contributors (bek/ope)13946
guides, foss, collaboration
Onboarding (mfo)13945
processes, onboarding, productivity, engineering-management
Is Generated Code Harder to Maintain?13944
discussions, ai, maintainability, maintenance
Going Beyond Pixels and (r)ems in CSS—Relative Length Units Based on Font (uti/iod)13943
css, units, fonts
“field-sizing” Just Works! (kil/pol)13942
css, forms, comparisons
A Highly Configurable Switch Component Using Modern CSS Techniques (bel/pic)13941
html, css
ESG and DEI Policies Were Always Luxury Goods13940
dei, sustainability, policies
Debunking 10 Common Objections to Incremental Delivery for Software Teams13939
agile, processes
The Loss of the Process in the Name of Progress13938
design, creativity, productivity, processes
Express Forward (exp)13937
discussions, outlooks, express
Practical Guide to Destructuring: TypeScript vs. Dart13936
guides, typescript, dart, comparisons
The Web Component Success Story (jak)13935
web-components
The EU Forces Open Apple’s Walled Garden13934
legal, apple, browsers, mobile
Next.js App Router Migration: The Good, Bad, and Ugly13933
nextjs, routing, migrating
How to Favicon in 2024: Six Files That Fit Most Needs (sit/evi)13932
how-tos, images, favicons
Git: The Basics of “git bisect” (ada)13931
fundamentals, git
Dynamic README Image Based on GitHub Activity13930
readme, github
At Last, Browser Choice * (dav)13929
legal, browsers, apple, mobile
Nicer Text Wrapping With CSS “text-wrap” (lon)13928
css, typography
Design Systems Burnout (fon)13927
design-systems
A Guide to Styling Tables (sto)13926
css, tables, responsive-design
Futuring With Design13925
design, creativity, processes
Please, Don’t Force Me to Log In (ham)13924
web, authentication, user-experience
Gold Text Effect With CSS (man)13923
css, effects
Big, Beautiful, Beefy Focus States With “:focus-visible” (dav)13922
css, selectors, focus
Apple, the DMA, and Malicious Compliance (bru)13921
legal, browsers, apple, mobile
Apple Redecorates Its iPhone Prison to Appease Europe (tho/the)13920
legal, browsers, apple, mobile
The Impact of Developer Experience13919
research, developer-experience, productivity, efficiency
Overlays and Ethics: A Conference Panel That Hurt My Heart (lfl)13918
accessibility, ethics, overlays, community
Mozilla Says Apple’s New Browser Rules Are “as Painful as Possible” for Firefox (ver)13917
browsers, apple, mozilla, firefox, mobile
Introducing Our Updated [Green Web Hosting] Directory (mrc)13916
introductions, release-notes, sustainability, hosting
Inside .git (b0r)13915
git
HTML Web Components on the Server Are Great (sco)13914
html, web-components
7 Tips for Devs and Designers to Set Your Accessibility Efforts Up for Success (deq)13913
accessibility, tips-and-tricks, processes
5 Web Design Disasters That Will Ruin Your 2024 (web)13912
design, responsive-design, seo
The Largest Webshops in the Netherlands Remain Inaccessible for People With Visual and/or Motor Impairments13911
studies, research, accessibility, ecommerce, legal
Deno 1.40: Temporal API (den)13910
release-notes, deno, apis, time
Using Alternative Browser Engines in the European Union13909
apple, browsers, browser-engines, mobile
This Web Page Is Best Viewed in the EU (gri/clo)13908
legal, browsers, apple, mobile, web
Should Links Open in a New Tab? (stv)13907
links, usability, user-experience
One World, One Web, One Love (aar)13906
web
JWT vs. Session Authentication13905
security, authentication, json-web-tokens, comparisons
CSS Blurry Shimmer Effect (sma)13904
css, effects
Animating Font Palette (man)13903
css, colors, fonts, effects
A Day in the Life of a Developer—Building a Dashboard App With SQL, Node.js, Django, and Next.js13902
functionality, databases, sql, nodejs, django, nextjs
Take a Qwik Break From React With Astro13901
qwik, react, astro, frameworks, comparisons
The Structure of User Experience13900
user-experience, processes
Getting Started With Content Collections in Astro13899
introductions, astro
The API That No One Dared Delete13898
apis, infrastructure, documentation, maintenance, technical-debt
What Happened With the Web Monetization API? (chr)13897
monetization, apis
What Can a Website Do? (dav)13896
accessibility, usability, quality
Web Components in Earnest (dav)13895
web-components, javascript
User Styles (mia)13894
css, user-styles, browsers
The New CSS Color Format You Didn’t Know You Needed; “oklch()”13893
css, colors, oklch, functions, tailwind