Tech does not just watch: Take action against Russia’s war on Ukraine 🇺🇦, and take action against Israel’s occupation, destruction, and ethnic cleansing of Palestine (history) 🇵🇸 Hide

Frontend Dogma

News and Tools for Web Developers (12)

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

Entry (Sources) and TopicsDate#
Folder Structures in React Projects13,373
react, architecture
Aesthetic Layouts: 2 Column Magazine With “shape-outside” (jhe)13,372
code-pens, layout, css
How to Assess Your Fit for a Job Description: A Guide for Technologists (wom)13,371
how-tos, guides, interviewing, career
Using Relative Colors (chr/mdn)13,370
css, colors
Chill Scroll Snapping: Article Headers (chr/fro)13,369
css, scrolling
Build a Full-Stack App With Node.js and htmx13,368
web-apps, nodejs, htmx
Observability Is an Illusion (pur)13,367
observability, logging, monitoring, alerting
A Designer’s Role Is Not “at the Table” (uxd)13,366
design, career
How Meta Improved Their Cache Consistency to 99.9999999913,365
facebook+meta, caching
“require(esm)” in Node.js (joy)13,364
nodejs, ecmascript, esm, commonjs
The Ultimate Guide to Understanding npx vs. npm13,363
guides, npx, npm, nodejs
The Power of Textual Content in UX Design (uxm)13,362
content, user-experience
Oh Sh*t, My App Is Successful and I Didn’t Think About Accessibility13,361
accessibility
Make a Web Browser: Beginner’s Guide (nim)13,360
guides, browsers, browser-engines
I’m So Old: Web Edition (dav)13,359
web, history
How Web-Site Design and Social Media Work Together (uxm)13,358
design, content, social-media
How to Kill the Cascade (fon)13,357
css, cascade, resets, scope
Every React Concept Explained in 12 Minutes13,356
videos, react, concepts
Empowering the User Experience Through Microinteractions: 7 Best Practices (uxm)13,355
user-experience, interaction-design, best-practices
Comparing ECMAScript Modules and CommonJS13,354
comparisons, esm, commonjs
Build a Node App With TypeScript (mat)13,353
nodejs, typescript, pnpm, esm
Accessibility Foundations (tpg)13,352
accessibility, fundamentals, link-lists
A Comparison of JavaScript CRDTs (alm)13,351
javascript, types, comparisons
Why UI Designers Should Understand Flexbox and CSS Grid (uxd)13,350
design, layout, flexbox, grids, css
Time to Ditch Analytics? Tracking Scripts and Web Sustainability (mic)13,349
embed-code, google, analytics, sustainability, performance, compliance
2024 Cheat Sheet Collection13,348
cheat-sheets, link-lists
Migrating Away From Jest and Achieving Over 90% Reduction in Running Time (pat)13,347
migrating, jest, testing, memory, performance
How Web Bloat Impacts Users With Slow Devices13,346
performance, metrics, comparisons, web
Copy Objects Ways in JavaScript13,345
javascript, objects
Webflow 101: A Guide for Beginners13,344
introductions, guides, webflow, low-and-no-code
Skeuomorphism (nng)13,343
design, terminology
Homepage Design: 5 Fundamental Principles (nng)13,342
design, homepages, principles
Quick Tip: Creating a Date Picker in React13,341
tips-and-tricks, react, functionality
How to Optimize Cumulative Layout Shift (CLS) on Shopify Sites (sia)13,340
how-tos, performance, web-vitals, optimization, shopify
How (In)Efficient Are Engineering Organizations?13,339
efficiency, processes, engineering-management
Deploying Remix to GitHub Pages13,338
videos, deploying, remix, github-pages
Accessibility in Design Systems: A Comprehensive Approach Through Documentation and Assets13,337
accessibility, design-systems, documentation, dei
When “Semantic Tokens” Are No Longer Semantic13,336
design-tokens, semantics
What Is Safe Alignment in CSS? (chr/fro)13,335
css, layout, user-experience
There Is No EU Cookie Banner Law13,334
consent-management, cookies, legal
The Golden Age of Accessibility13,333
accessibility
Qwik vs. Next.js: Which Framework Is Right for Your Next Web Project?13,332
frameworks, comparisons, qwik, nextjs
Performance Tooling in 2024 and Beyond (dev)13,331
performance, tooling, browsers, dev-tools, lighthouse, google
Make Your Functions More Reusable With Generics (mat)13,330
typescript, functions, generics, maintainability
Arguments for Opening Links in a New Tab or Window (gri/clo)13,329
links, usability
HTML Performance Optimization: Tips for Faster Loading Pages13,328
html, landing-pages, performance, optimization, tips-and-tricks
You Want “border-color: transparent”, Not “border: none” (dav/fro)13,327
css, borders, transparency, accessibility, contrast
What’s Next for a Global Design System (bra)13,326
design-systems
WCAG 2.2 Detective Skills13,325
accessibility, standards, wcag
There Are No Standards Police (mno)13,324
standards, policies, processes
The Problem With Data Attributes for Text Effects (man)13,323
html, custom-data, css, typography, effects
The Problem With AI (cfe)13,322
ai
Ruby Is Complicated13,321
html
Refactoring My Ugliest Code With Signal View Queries13,320
videos, refactoring, angular
My New Favorite CSS Trick: “will-change”13,319
css, animations, transitions, tips-and-tricks
How to Design Icons in Figma13,318
how-tos, images, icons, figma, design
How to Avoid Flaky Tests in Playwright13,317
how-tos, testing, flakiness, playwright
Another JS Registry—Seriously?! (den)13,316
videos, jsr, dependencies, javascript
A Beginner’s Guide to Node.js Worker Threads (bet)13,315
guides, nodejs, worker-threads
25 Unnoticeable Features of JavaScript13,314
javascript
Why Your Microservices Architecture Is Probably Overkill (and How I Learned to Love the Monolith Again) (pur)13,313
architecture, microservices, monoliths
Thoughts on Embedding Alternative Text Metadata Into Images (eri)13,312
accessibility, images, metadata
The Essential Guide to Microcopy and Becoming a More Literate Designer13,311
guides, design, microcontent, content, writing
The “10× Engineer”: 50 Years Ago and Now (ger)13,310
productivity, processes, career, history
Spread vs. Rest Operators in JavaScript13,309
javascript, operators, comparisons
Runtime Compatibility (asc+)13,308
websites, runtimes, interoperability, comparisons, bun, deno, netlify, nodejs
Marking the Web’s 35th Birthday: An Open Letter (tim)13,307
web, history, anniversaries
Interaction to Next Paint Is Officially a Core Web Vital (rvi/dev)13,306
performance, web-vitals
How to Read Files Quickly in JavaScript (lem)13,305
how-tos, javascript, file-handling
Building Websites and Building Websites Well (j9t)13,304
quality, craft, community
A Letter to My Younger Self, as an Accessibility Advocate (hbu)13,303
accessibility, advocacy, retrospectives
5 Exciting New JavaScript Features in 202413,302
javascript
What Is INP and Why You Should Care (whi/sen)13,301
performance, web-vitals, monitoring
Streaming HTML (chr/fro)13,300
html, php, streaming
JSON Canvas13,299
websites, standards, json, canvas
IDEs vs. Code Editors: Everything You Need to Know (jet)13,298
code-editors, comparisons, concepts
Have You Optimized for INP?13,297
performance, web-vitals, optimization
Express.js With TypeScript—Setup, Examples, Testing13,296
videos, express, typescript, testing, examples
Distinguishing Between ARIA and Native HTML Attributes (deq)13,295
html, aria, attributes, accessibility, comparisons
Comparing JavaScript Frameworks: Templates13,294
javascript, frameworks, templates, comparisons
Are We Watching the Internet Die? (edz)13,293
web
Announcing Speedometer 3.0: A Shared Browser Benchmark for Web Application Responsiveness13,292
performance, tooling, metrics
Alt Text for CSS Generated Content (tem)13,291
css, generated-content, alt-text, accessibility
Accessibility: Implementing Focus Traps13,290
accessibility, focus, keyboard-navigation
A Gentle Introduction to Generics in TypeScript13,289
introductions, typescript, generics
Optimising Your Design System With Figma’s Variables (uxd)13,288
design-systems, optimization, variables, figma
Things I Learned While Building My JS Library13,287
javascript, libraries, lessons
CSS Button Styles You Might Not Know (dbu)13,286
html, css, buttons
Replace ESLint and Prettier With Biome.js13,285
biome, eslint, prettier, comparisons, tooling, remix
Jakob Has Jumped the Shark (aar)13,284
accessibility, link-lists
How to Invert the Colors Using CSS (ron)13,283
css, colors, filters, images
eslint-plugin-depend13,282
packages, npm, maintenance, simplicity
Access by a Thousand Curb Cuts (yat)13,281
accessibility
Add Superpowers to Your CSS Variables With Style Queries (jar/van)13,280
css, style-queries, custom-properties
Navigating the Future of Frontend13,279
frameworks, web-platform, outlooks
Modern CSS Tooltips and Speech Bubbles II (css/sma)13,278
tooltips, css, techniques
How “HEAD” Works in Git (b0r)13,277
git
Dissecting Layered Architecture (yok)13,276
architecture
Creating Color Palettes With the CSS “color-mix()” Function (mic)13,275
css, functions, colors, color-palettes
Asking Users for Their Pronouns: A Guide for UX Designers13,274
guides, user-experience, communication
How to Check and Set the “NODE_ENV” Environment Variable and Its Use in a Project13,273
how-tos, nodejs, environments
AVIF Is the Future of Web Images13,272
images, avif, performance, outlooks
The Quiet, Pervasive Devaluation of Frontend (col)13,271
html, css, craft, career, community
Some Little Ways I’m Using CSS “:has()” in the Real World (bel/pic)13,270
css, selectors, examples
Managing Static Files in Django: A Comprehensive Guide13,269
guides, django, file-handling
How to Test 2.5.8 Target Size (Minimum) (sib/tpg)13,268
how-tos, accessibility, testing
90% of Designers are Unhirable? (uxd)13,267
design, processes, career
WebAssembly JSPI Is Going to Origin Trial13,266
webassembly
The Ultimate Guide to Choosing the Best React Website Builder13,265
guides, react, tooling, comparisons, link-lists
The End of My Gatsby Journey (mon)13,264
gatsby, frameworks, comparisons
Taming the Shadow DOM: Injecting Global Styles With Adopted Stylesheets13,263
shadow-dom, dom, css
SSG, SSR, ISR, CSR Rendering Strategies in Next.js (fro)13,262
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,261
design, usability, buttons
Simplify Your CSS Using “:is()” and “:where()” Pseudo-Classes (zor/css)13,260
videos, css, selectors
Release Notes for Safari Technology Preview 190 (jon/web)13,259
release-notes, browsers, apple, safari
Making Room for Long List Markers With Subgrid (nol)13,258
html, lists, css, grids
Internationalization With Remix (rem)13,257
remix, internationalization
Exploring the Creative Power of CSS Filters and Blending13,256
css, blend-modes, filters, effects
Announcing TypeScript 5.4 (dan/typ)13,255
release-notes, typescript
5 Ways Productivity Culture Kills Business Agility13,254
productivity, agile, economics, culture
10 Figma Keyboard Shortcuts: A Cheat Sheet for UX Designers13,253
figma, keyboard-shortcuts, cheat-sheets, design
Data Table Design Patterns (uxd)13,252
information-design, tables, design-patterns
How to Ensure Your Designs Work if You Can’t Access Sample Data (uxd)13,251
how-tos, design, usability, metrics, testing
WebKit Features in Safari 17.4 (jen+/web)13,250
release-notes, browsers, apple, safari, webkit
How to Use WebSockets in Node.js to Create Real-Time Apps (cra)13,249
how-tos, websockets, nodejs
Best Practices for Inclusive Design13,248
design, dei, accessibility, best-practices
SemVer Simplified: An Introduction to Semantic Versioning13,247
introductions, semver, versioning
When We Talk About Front-End Performance, What Are We Talking About13,246
performance, metrics, web-vitals, lighthouse, google
WCAG? More Like, W-What?! (stv)13,245
accessibility, wcag, link-lists
The 88×31 Archive13,244
web, images, history
Modern Git Commands and Features You Should Be Using13,243
git, command-line
JSR: Second Look (dbu)13,242
jsr
JavaScript Runs the World—Maybe Even Literally (wir)13,241
javascript, programming, web
Designing for Mobile Accessibility: Enhancing the User Experience on Small Screens (uxm)13,240
design, accessibility, user-experience, mobile
Achieving Design Collegiality While Maintaining Psychological Safety (uxm)13,239
design, collaboration
VPS Showdown—March 2024—DigitalOcean vs. Linode vs. Vultr13,238
servers, hosting, comparisons, metrics
Visualizing Frontend Architecture (max)13,237
architecture, documentation, visualization
We Need to Talk About Jakob (mat)13,236
accessibility
Tools That Make Me Productive as a Software Engineer13,235
tooling, productivity, link-lists
How npm Install Scripts Can Be Weaponized: A Real-World Example of a Harmful npm Package (eth)13,234
npm, dependencies, examples, security
CSS for Printing to Paper13,233
css, print
Bugs I’ve Filed on Browsers (nol)13,232
browsers, chromium, firefox, webkit, quality
Accessibility Has Not Failed—It Has Not Even Started for Real (cer)13,231
accessibility, ai
Accessibility Darkness (ste)13,230
accessibility, overlays
Planning a Design System Generation (nat)13,229
design-systems, automation
Emerging UX Patterns in Generative AI Experiences (uxd)13,228
user-experience, design-patterns, ai
The Hunt for the Missing Data Type (hil)13,227
types, algorithms
The Faster Lambda Runtime—Node.js or LLRT? We Benchmarked13,226
aws, lambda, javascript, runtimes, nodejs, comparisons, metrics
Go Ahead and Block AI Web Crawlers (cor)13,225
robotstxt, crawling, scraping, ai
Design System Generations (nat)13,224
design-systems, processes
Retrofitting Fluid Typography (ric)13,223
liquid-design, typography, css
Web Tech Trends to Watch in 2024 and Beyond (web)13,222
trends, design, dark-mode, ai, sustainability, minimalism
TIL—“submit()” Versus “requestSubmit()” (ray)13,221
javascript, comparisons
Team Productivity Metrics for Engineering Managers13,220
productivity, metrics, engineering-management
Modern CSS Tooltips and Speech Bubbles (css/sma)13,219
tooltips, css, techniques
Introducing JSR—the JavaScript Registry (lca+/den)13,218
introductions, jsr, deno, dependencies, javascript
Eloquent JavaScript (mar)13,217
websites, books, javascript
Apple Says iOS 17.4 Won’t Remove Home Screen Web Apps in the EU After All13,216
browsers, apple, mobile, web-apps
Apple Backs Off Killing Web Apps, but the Fight Continues (owa)13,215
web-apps, apple
An Introduction to Webflow—the No-Code Website Builder13,214
introductions, webflow, low-and-no-code
“AI” and Accessible Front-End Components: Is the Nuance Generatable? (hdv)13,213
accessibility, web-components, ai
A Love Letter to the Underrepresented in Tech13,212
community
Why Does “is-number” Package Have 59M Weekly Downloads?13,211
dependencies, npm
What You Need to Know About Software Requirements13,210
software-design, best-practices
What Is Inclusive Design, and How Does It Relate to Accessibility?13,209
design, dei, accessibility
Understanding Cookies and Sessions in React13,208
react, authentication, cookies
The Wax and the Wane of the Web (ste/ali)13,207
web-platform, history
Techniques to Break Words (aar)13,206
techniques, html, css, content
New to the Web Platform in February (rac/dev)13,205
release-notes, web-platform, browsers, mozilla, firefox, google, chrome, apple, safari
Keyboard Accessibility Testing on Mobile Devices13,204
accessibility, testing, keyboard-navigation, mobile
Diving Into CSS Interactivity (daw+/sto)13,203
videos, css
Choosing the Right Node.js Package Manager in 2024: A Comparative Guide (nod)13,202
guides, nodejs, dependencies, comparisons
Accessibility Has Failed: Try Generative UI = Individualized UX13,201
accessibility, usability, ai, outlooks
Creativity Lies in the Paradoxes (uxd)13,200
creativity, design
Ultimate Guide to Visual Testing With Playwright13,199
guides, testing, regressions, playwright
Top 8 Recent V8 in Node Updates (app)13,198
nodejs, v8
Test Quality vs. Bashing Tailwind CSS (mar)13,197
tailwind, css, comparisons
So, What Exactly Did Apple Break in the EU? (tom)13,196
browsers, apple, mobile, support, web-apps, apis
Making Math Accessible (ons/tpg)13,195
accessibility, math
How to Create a Sidebar Navigation With Astro, Tailwind CSS, and Alpine.js13,194
how-tos, navigation, functionality, astro, tailwind, alpinejs
Going Beyond Pixels and (r)ems in CSS—Container Query Length Units (uti/iod)13,193
css, container-queries, units
Enhanced Internationalization (I18N) in Next.js 1413,192
nextjs, internationalization
Apple vs. PWAs—Go Act Now and Help Avoid This Disaster… (cod)13,191
apple, web-apps, progressive-web-apps, community
An HTML Switch Control (ann+/web)13,190
html, css, forms
The 3 Capabilities Designers Need to Build for the AI Era (uxd)13,189
design, career, training, ai, link-lists
Tumblr and WordPress to Sell Users’ Data to Train AI Tools (404)13,188
wordpress, ai
YouTube Video Embedding Harm Reduction (jvo)13,187
multimedia, embed-code, youtube, html, privacy
What Is Vuetify in Vue.js?13,186
vuetify, vuejs
ServerlessHorrors (and)13,185
websites, serverless, cloud-computing
Screen Readers and Drag-and-Drop: Grabbing and Releasing Elements (dar)13,184
accessibility, browsers, screen-readers, support
Reporting Core Web Vitals With the Performance API (geo/sma)13,183
apis, performance, web-vitals
How to Use Server-Sent Events in Node.js (cra)13,182
how-tos, nodejs, events
How to Lazy-Load CodePen and CanIUse Embeds13,181
how-tos, embed-code, performance, codepen, caniuse
Here Lies the Internet, Murdered by Generative AI13,180
web, content, ai
AI and Design Systems (bra)13,179
ai, design-systems
A Simple Mistake That Can Screw Up Your Light/Dark Theme (and How to Fix It) (kev)13,178
videos, mistakes, dark-mode, css
A Guide to CSS Cursor Types13,177
guides, css, cursors
A Fun Line of Code (dbu)13,176
javascript, apis, multimedia
Advanced Figma Tips and Tricks 2024: Little Gems We Love (uxd)13,175
figma, tips-and-tricks
CSS Foundations: What Is IACVT? (bra)13,174
css, fundamentals
Why I Use Firefox (sim)13,173
browsers, mozilla, firefox
What Is a Single-Page Application? (hey)13,172
single-page-apps, javascript, performance, user-experience
The CSS Cascade—a (Re)Introduction (mat)13,171
videos, css, cascade
Speaker Spotlight: Michelle Barker (mic)13,170
interviews, css, sustainability
Open Letter to Tim Cook, Sabotaging Web Apps Is Indefensible (owa)13,169
apple, web-apps
No Outer Margin13,168
css, margins, spacing, components
How to Build a Newthing13,167
how-tos, processes, creativity, maintenance
CSS-Only Bottom-Anchored Scrolling Area (kit)13,166
css, scrolling
A Web Designer’s Accessibility Advocacy Toolkit (sma)13,165
accessibility, advocacy, strategies
10 Takeaways From the WebAIM Screenreader Survey #10 (kar)13,164
accessibility, screen-readers
Home Screen Advantage (sli)13,163
browsers, apple, mobile, support, web-apps, web-platform
The Power of Patterns and Playbooks in Content Design (kat/uxd)13,162
design, content, design-patterns
WebAIM Screen Reader User Survey 10 (den)13,161
accessibility, screen-readers
Understanding Event-Driven Architecture13,160
architecture, events
Navigating Signals: An Efficient Alternative to React Hooks for Enhanced Performance and Optimization13,159
react, hooks, signals
My WebAIM 10th SR User Survey Takeaways (aar)13,158
accessibility, screen-readers
JSDoc as an Alternative TypeScript Syntax13,157
typescript, documentation, jsdoc
CSS “:has()” Interactive Guide (sha)13,156
guides, css, selectors
CAPTCHA Is Still [the] Most Problematic Issue on the Web (cer)13,155
accessibility, web, captcha
Why My Code Isn’t in TypeScript (rem)13,154
typescript
Proposal: CSS Variable Groups (lea)13,153
css, variables
A Developer’s Guide for Web Accessibility13,152
guides, accessibility
Navbar Gallery13,151
websites, navigation, design-patterns, examples
JavaScript Bloat in 2024 (nik)13,150
javascript, performance
UX Leadership Is Failing (and What We Can Do About It) (uxd)13,149
user-experience, leadership
Vanilla JavaScript, Libraries, and the Quest for Stateful DOM Rendering (sma)13,148
javascript, libraries, client-side-rendering, state-management
JSR: What We Know So Far About Deno’s New JavaScript Package Registry (sar/soc)13,147
jsr, deno, dependencies, javascript
htmx vs. React: A Complete Comparison13,146
htmx, react, comparisons
Filling Gaps With a Polyfill (jay)13,145
polyfills, html, css, javascript, history
Difference Between the Accessibility Page and the Accessibility Statement13,144
accessibility, documentation, comparisons
Building Dynamic Progress Bars Using Only CSS (ami)13,143
css, progress-indicators
ARIA (Are Ya) Afraid of the Dark? Unmasking Common HTML Monsters to Create Better User Experiences (deq)13,142
videos, accessibility, aria, html, user-experience
The One Trick Every Flutter Web Dev Needs to Know13,141
tips-and-tricks, flutter, performance
Making of True Multi-Brand Design System (uxd)13,140
design-systems, theming
CSS “::backdrop” Now Inherits From Its Originating Element (bra)13,139
css, selectors
View Transitions: Handling Aspect Ratio Changes (jaf)13,138
css, view-transitions, aspect-ratio
Syntax Highlighting With No Spans?! (chr/fro)13,137
css, apis, syntax-highlighting
Release Notes for Safari Technology Preview 189 (jon/web)13,136
release-notes, browsers, apple, safari
Parallax Effect With CSS Custom Properties (fro)13,135
css, custom-properties, effects, parallax
Node.js 2023 Year in an Article (raf)13,134
nodejs, retrospectives
Next.js vs. Remix—a Developer’s Dilemma13,133
nextjs, remix, comparisons
My Favourite Animation Trick: Exponential Smoothing (lis)13,132
animations, tips-and-tricks
How to Optimize the Web for the Worst User Conditions?13,131
how-tos, user-experience, responsive-design, performance, optimization
10 Best “Create React App” Alternatives for Different Use Cases13,130
react, frameworks, tech-stacks, comparisons, link-lists
Preventing SQL Injection Attacks in Node.js13,129
security, nodejs, databases, sql
How to Make a Cursor Image Hover Effect With CSS and JS13,128
how-tos, css, javascript, images, cursors
My Design System Journey: Building the Plane While Flying (uxd)13,127
design-systems, collaboration, processes
Why Is JavaScript Fragile? (cfe)13,126
javascript
“random()” Distribution Visualizer13,125
javascript, randomness, visualization
Okay, Color Spaces (eee)13,124
colors, oklch
How to Use Local Storage in JavaScript (fre)13,123
how-tos, browser-storage, javascript
How to Transfer Binary Data Efficiently Across Worker Threads in Node.js13,122
how-tos, nodejs, worker-threads
Does Your Design Conform With WCAG Accessibility Guidelines—or Does It Comply? (deq)13,121
videos, accessibility, wcag, guidelines, compliance
Design Patterns That Encourage Junk Data (mic)13,120
design-patterns, sustainability, economics, storage, email
CSS-Only Radial Progress Bars Using Conic Gradients13,119
videos, css, gradients, progress-indicators
Control Lazy Load, Infinite Scroll, and Animations in React13,118
react, lazy-loading, scrolling, animations, javascript
A Practical Guide to Using Shadow DOM (may)13,117
guides, dom, shadow-dom
A Practical Guide to Designing for Colorblind People (vit/sma)13,116
guides, accessibility, design, colors, color-blindness
Responsive Web Design: 3 Key Fundamentals (nng)13,115
videos, responsive-design, fundamentals
What Is Utility-First CSS? (hey)13,114
css, presentational-html, principles
“Web Design as a Process” in Charts: Maintenance, Decay, Tech Debt, and Big Bang Launching (j9t)13,113
content, design, design-debt, technical-debt, maintenance, processes, visualization
[Web Accessibility] Survey Results13,112
accessibility, surveys
The Fifty-Fifty Split and Overflow (hex)13,111
css, overflow, layout
How to Design an Accessible Web Site for People With Color-Deficient Vision (uxm)13,110
how-tos, accessibility, dei, user-experience, colors, contrast, readability
Fostering a Collaborative Onboarding Team to Design Better Onboarding Experiences (uxm)13,109
collaboration, onboarding, user-experience
7 Effective Ways to Craft Compelling Problem Statements for UX Design (uxm)13,108
user-experience, product-management, processes
17 Equations That Changed the World—Rewritten in JavaScript13,107
javascript, math
100 Things You Can Do on Your Personal Website (cap)13,106
blogging, writing, indieweb
Syntax Highlighting Code Snippets With Prism and the Custom Highlight API (bra)13,105
apis, javascript, css, syntax-highlighting
Tailwind Marketing and Misinformation Engine13,104
tailwind, css, semantics, principles, maintainability, marketing
Don’t Care About Accessibility? Resistance Is Futile! (cer)13,103
accessibility
Understanding React “useEffect”13,102
react, hooks
JavaScript Workers13,101
videos, javascript, web-workers
JavaScript on Demand: How Qwik Differs From React Hydration (the)13,100
javascript, qwik, react, hydration, comparisons
A Manifesto for Small, Static, Web Apps (ros)13,099
manifestos, web-apps, principles
UI = ƒ(statesⁿ) (dav)13,098
design, state-management
Popular Git Config Options (b0r)13,097
git, configuration
It’s Official, Apple Kills Web Apps in the EU (owa)13,096
web-apps, apple
How to Set Up a Node Server With TypeScript in 2024 (jle)13,095
how-tos, nodejs, servers, typescript
Frontend Application Security: Tips and Tricks13,094
web-apps, security, xss, csrf, authentication, dependencies, csp, validation, tips-and-tricks
Be a Better Developer With These Git Good Practices13,093
git, best-practices, conventions, consistency, code-reviews
Top 20 JavaScript One-Liners That Don’t Actually Work (dar)13,092
javascript
React Labs: What We’ve Been Working On—February 2024 (rea)13,091
react
Playing With Infinity in CSS (lon)13,090
css, math
Making the Most of Ligatures (man)13,089
css, typography
How I Developed the 10 Usability Heuristics13,088
usability, heuristics, history
Getting to an Accessibility Strategy13,087
accessibility, strategies, processes
Future of CSS: Functions and Mixins13,086
css, functions, mixins
Full Guide on How to Hire Front-End Developers Effectively13,085
guides, how-tos, hiring, career
CSS “:is(.awesome)” (mar/cfe)13,084
videos, css, selectors, techniques
ARIA “note” (aar)13,083
accessibility, aria, browsers, screen-readers, support
A Dozen Thoughts About AI (dav)13,082
ai
Scroll-Driven Animations: You Want “overflow: clip”, not “overflow: hidden” (bra)13,081
css, overflow, scrolling, animations
When It Says “Name From Author” It Means From You, Not Boll or Bukowski (ste)13,080
accessibility, aria, naming
What Is the Difference Between ASP and ASP.NET?13,079
asp, asp-net, comparisons
What Is Lighthouse Speed Index (SI) and How to Reduce It13,078
performance, metrics, lighthouse, google
Wednesday, February 14, 2024 Security Releases (raf+/nod)13,077
release-notes, nodejs, security
The Text File That Runs the Internet (dav/ver)13,076
robotstxt, crawling, scraping, ai, web
Reasonable WCAG Additions (a11)13,075
accessibility, wcag
Input Type “date”: The Accessibility of HTML Date Picker13,074
accessibility, forms
How Accessibility Standards Can Empower Better Chart Visual Design (sma)13,073
accessibility, contrast, colors, information-design
Selenium Automation Testing: A Step-by-Step Beginners Guide13,072
guides, selenium, testing, automation
Building htmx and Go Web Apps With Gemini Advanced13,071
videos, web-apps, htmx, go, ai, gemini
Why I Like Scrumban (j9t)13,070
processes, agile, scrum, kanban
The New CSS Math: “pow()”, “sqrt()”, and Exponential Friends (dan)13,069
css, functions, math
The Best CSS Frameworks to Use in Your Projects for 2024 and Beyond (fre)13,068
css, frameworks, comparisons, bootstrap, tailwind, foundation, bulma, pure
How to Fix the Invisible Scrollbar Issue in iOS Browsers (sim/fro)13,067
how-tos, browsers, mobile, scrolling, css
How to Center a Div (jos)13,066
how-tos, css, centering
CSS Color Module Level 4 (tab+/w3c)13,065
standards, css, colors
Be Aware of Arrays—V8 Engine Advice13,064
javascript, javascript-engines, v8, arrays
An Introduction to Node.js Multithreading (cra)13,063
introductions, nodejs, multithreading
Advanced Architecture for AI Application (aka AAAA) (aus)13,062
ai, architecture, edge-computing, optimization
A Practical Guide to Designing for Children (vit/sma)13,061
guides, design, link-lists
You Want to Make It Easy to Feature Your Content (fro)13,060
frontend-dogma, content, community
The ü/ü Conundrum13,059
javascript, unicode, encoding
The Anatomy of Addictive Content (moz)13,058
content, writing, seo
React, Solid, htmx13,057
react, solidjs, htmx, comparisons
Learn TypeScript (jad)13,056
websites, courses, typescript
How to Choose the Best Static Site Generator in 202413,055
how-tos, site-generators, gatsby, jekyll, nuxt, nextjs, hugo, eleventy, vuejs
How to Boost WordPress Security and Protect Your SEO Ranking13,054
how-tos, wordpress, security, seo
Can Generative AI Help Write Accessible Code? (tin/tet)13,053
accessibility, code-generation, ai
A CSS Project Boilerplate (bel/pic)13,052
css, tailwind, templates
Using Recursive CSS to Change Styles Based on Depth (cri)13,051
css, selectors
Names Are Complex: Displaying Initials for an Avatar Component in a Design System (hey)13,050
naming, design, case-studies
Dynamic Text Color Contrast Based on Background Lightness With CSS/SVG Filters (miu)13,049
css, svg, filters, colors, contrast
CSS Mixins and Functions Explainer (mia/odd)13,048
css, mixins, functions
Navigating Prioritization: Four Approaches (cwo)13,047
project-management, prioritization, processes
Don’t Disable Form Controls (aar)13,046
accessibility, usability, forms, buttons
The Front-End Development We’re Used to Is Dying13,045
career, simplicity, complexity
HTML as the Baseline (cfe)13,044
html, progressive-enhancement
Have We Forgotten How to Build Ethical Things for the Web? (nic)13,043
web, ethics
Everything You Need to Know About Image Formats in 2024 (web)13,042
images, jpeg, png, gif, webp, avif, pdf, svg
Accelerating Code Reviews With Nudges13,041
research, code-reviews, productivity, experiments, facebook+meta
What Is a Descriptive Transcript?13,040
accessibility, multimedia
The Accessibility Mindset: Moving Beyond Remediating, Fixing, and Reacting (a11)13,039
videos, accessibility
So You Think You Know Git13,038
videos, git
Node.js Community Debate Intensifies Over Enabling Corepack by Default and Potentially Unbundling npm (sar/soc)13,037
nodejs, corepack, npm, yarn, pnpm, dependencies
Is [“* { min-width: 0; }”] a Good Idea? (kev)13,036
videos, css
In Its Tantrum With Europe, Apple Broke Web Apps in iOS 17 Beta, Still Hasn’t Fixed Them (tho/the)13,035
web-apps, browsers, apple, mobile
Going Beyond Pixels and (r)ems in CSS—Relative Length Units Based on the Viewport (uti/iod)13,034
viewport, css, units
Git Tips: Really Large Repositories13,033
git, monorepos, tips-and-tricks
Frequently Heard in My Beginning Front-End Web Development Class (geo/sma)13,032
learning, career
Patterns in Design Systems (ikn)13,031
design-systems, design-patterns, components
Web Development Is Getting Too Complex, and It May Be Our Fault (mon/sma)13,030
web-platform, frameworks, tech-stacks, complexity
Release Notes for Safari Technology Preview 188 (jon/web)13,029
release-notes, browsers, apple, safari
Opportunities for AI in Accessibility (aar/ali)13,028
accessibility, ai
Offloading JavaScript With Custom Properties (hey)13,027
javascript, css, custom-properties
CSS Is Logical (geo)13,026
css
10 Best Automated AI Code Review Tools 202413,025
ai, automation, code-reviews, tooling, comparisons, link-lists
UI Elements Are Not So Elementary (uxd)13,024
design, design-patterns
Designing User Onboarding: Lessons From Figma, Duolingo, and More (uxd)13,023
lessons, onboarding, design, user-experience, figma
A Beginner’s Guide to Seamless Open-Source Contributions (wom)13,022
guides, foss
When to Use the “min()” or “max()” Function (css)13,021
css, functions, tips-and-tricks
Remix Takes on Next.js in Battle of the React Frameworks (ric/the)13,020
frameworks, react, remix, nextjs
Malicious npm Package Masquerades as Noblox.js, Targeting Roblox Users for Data Theft (sar/soc)13,019
npm, dependencies, security
Lines of Code—How to Not Measure Code Quality and Developer Efficiency (cod)13,018
metrics, quality, efficiency, productivity
Lessons Learned Moving Eleventy From CommonJS to ESM in 2024 (zac/cfe)13,017
videos, lessons, eleventy, commonjs, esm, refactoring
jQuery 4.0.0 Beta (tim/jqu)13,016
release-notes, jquery
JavaScript vs. Python: Which One Should You Learn First?13,015
javascript, python, comparisons
JavaScript Promises Demystified13,014
javascript, promises
In Praise of the “switch” Statement (chi)13,013
javascript
Immutable Array Updates With “Array.prototype.with” (jad/dev)13,012
javascript, arrays, prototypes, browsers, support
Doing What’s Required: Indicating Mandatory Fields in an Accessible Way (tpg)13,011
accessibility, usability, forms, errors
Detect Caps Lock With JavaScript (dav)13,010
javascript
A Guide to Designing for Older Adults (vit/sma)13,009
guides, design, accessibility
You Won’t Scale (cfe)13,008
maintainability, scalability
Visual Hierarchy: Making User Experiences Easier to Understand (uxm)13,007
user-experience, design, hierarchy
Thoughts on a Global Design System (chr)13,006
design-systems
The Most Demanded Frontend Frameworks in 202313,005
frameworks, comparisons, react, angular, vuejs
The Decision to Leave Tech (col)13,004
career, retrospectives
Revolutionizing Usability Testing With Machine Learning (uxm)13,003
usability, testing, ai
It’s the Hope That Kills You (yat)13,002
accessibility, career, community
How to Create Rounded Gradient Borders With Any Background in CSS (ben)13,001
how-tos, css, borders, gradients, backgrounds
Getting Into Web Components—an Intro (uti)13,000
introductions, web-components
Exciting New Tools for Designers, February 2024 (web)12,999
design, tooling, link-lists
Everything You Need to Know About Git12,998
git, command-line
Bookmarklet: Load All GitHub Comments (mey)12,997
bookmarklets, github, code-reviews
13 Best Books, Courses, and Communities for Learning React12,996
react, books, courses, link-lists
HTML Attributes That Every Web Developer Should Know12,995
html, attributes, pop-overs, forms, custom-data
“X” Marks the Spot: Landmark Elements (stv)12,994
html, semantics, accessibility, assistive-tech, aria
Why Disabled People’s Needs Aren’t “Special”12,993
accessibility
The Importance of Web Performance to Information Equity (sch/fos)12,992
videos, performance, accessibility
htmx Deep Dive With Carson Gross12,991
videos, htmx, deep-dives
The SEO Starter Guide Got a Makeover (liz+)12,990
guides, seo, search, google
What Is WAP?12,989
wap, mobile
SOLID Principles: They’re Rock-Solid for Good Reason12,988
programming, principles, solid
Making Your SVG Icons CSS Masks Instead of Inline HTML or Backgrounds Has Some Benefits (chr/fro)12,987
images, svg, css, masking, performance
From Many to One: Moving Our JavaScript Code Into a Monorepo12,986
migrating, monorepos, javascript, git
All Art Is a Copy of Something (chr)12,985
art
5 Hidden Risks of Your Inaccessible Website (deq)12,984
accessibility
What’s the Difference Between “localhost” and “127.0.0.1”?12,983
network, ip, testing
Is the Increasing Amount of Shit Code All the Fault of AI-Generated Code?12,982
ai, quality, technical-debt
Tracking Your Interviews Is Extremely Important12,981
career, interviewing
The Web Just Gets Better With Interop 2024 (jen/web)12,980
web-platform, interoperability, browsers, support
Interop 2024 (rac/dev)12,979
interoperability, web-platform, browsers, support
How to Make a Great Framework Better?—Svelte 5 With Rich Harris (ric)12,978
videos, frameworks, svelte
Everyone’s a Sellout Now12,977
career, culture
Dynamically Adding Text Alternatives to Images With AI (kar)12,976
automation, ai, accessibility, images, alt-text
Drupal Creator: Websites Needed More Than Ever in the AI Era (ric/the)12,975
web, ai, complexity
Career Retrospective12,974
career, retrospectives
A Look at the New WAI–ARIA 1.3 Draft (cra)12,973
accessibility, aria, standards
A Complete Guide to Open Source—100× Simpler12,972
guides, foss
PurePWA—a Radical U-Turn in Web Development12,971
web-apps, progressive-web-apps, simplicity, tooling
Why Not htmx? (cfe)12,970
htmx
The Good, the Bad, the Web Components (zac)12,969
web-components, shadow-dom, dom
The Art and Science of Annotations in Dev Mode (fig)12,968
figma, annotations
Tackling Flaky Tests With Cypress and Playwright Through Network Synchronization12,967
testing, flakiness, cypress, playwright, network
Practice Safe DSD With “setHTMLUnsafe” (It’s Complicated) (jar/van)12,966
html, dom, shadow-dom, apis, security
Making VPATs and ACRs More Effective in Procurement (web)12,965
accessibility, vpat-acr, processes
Interaction to Next Paint Becomes a Core Web Vital on March 12 (mal+/dev)12,964
performance, web-vitals, metrics
Implementing User Authentication in React Apps With Appwrite12,963
react, authentication, tooling
How to Stream Files From Next.js Route Handlers (eri)12,962
how-tos, nextjs, routing, streaming
GitLab vs. GitHub: Which Is Better in 2024?12,961
version-control, gitlab, github, comparisons
Designing Accessible Color Palettes in Figma: A Guide for Web Accessibility (kno)12,960
guides, accessibility, colors, color-palettes, figma
Be Purposeful About Your Content12,959
accessibility, content, writing
5 Essential DevTools Console Hacks for Every Web Developer12,958
videos, browsers, dev-tools
Why Do Rubber Ducks Work?12,957
processes, productivity, creativity
Web Platform Design Principles (lea/w3c)12,956
web-platform, software-design, principles, standards, w3c
Use CSS “accent-color” to Style Your Inputs (cas)12,955
css, forms
Understanding Signals in Django12,954
signals, django
Tuesday, February 6, 2024 Security Releases (raf/nod)12,953
release-notes, nodejs, security
The Psychology of Site Speed and Human Happiness (tam/spe)12,952
performance, usability
Stop Burning Out Maintainers: An Empathetic Guide for Contributors (bek/ope)12,951
guides, foss, collaboration
Onboarding (mfo)12,950
processes, onboarding, productivity, engineering-management
New to the Web Platform in January (rac/dev)12,949
release-notes, web-platform, browsers, mozilla, firefox, google, chrome, apple, safari
Learn Testing (dev)12,948
courses, testing
Is Generated Code Harder to Maintain?12,947
discussions, ai, maintainability, maintenance
Going Beyond Pixels and (r)ems in CSS—Relative Length Units Based on Font (uti/iod)12,946
css, units, fonts
“field-sizing” Just Works! (kil/pol)12,945
css, forms, comparisons
Celebrate a More Interoperable Web With Interop 2023 (rac/dev)12,944
web-platform, interoperability, browsers, support
A Highly Configurable Switch Component Using Modern CSS Techniques (bel/pic)12,943
html, css
ESG and DEI Policies Were Always Luxury Goods (blo)12,942
dei, sustainability, policies
The Loss of the Process in the Name of Progress (uxd)12,941
design, creativity, productivity, processes
Practical Guide to Destructuring: TypeScript vs. Dart12,940
guides, typescript, dart, comparisons
The Web Component Success Story (jak)12,939
web-components
The EU Forces Open Apple’s Walled Garden12,938
legal, apple, browsers, mobile
Next.js App Router Migration: The Good, Bad, and Ugly12,937
nextjs, routing, migrating
How to Favicon in 2024: Six Files That Fit Most Needs (sit/evi)12,936
how-tos, images, favicons
Git: The Basics of “git bisect” (ada)12,935
fundamentals, git
Express Forward12,934
discussions, outlooks, express
Dynamic README Image Based on GitHub Activity12,933
readme, github
Debunking 10 Common Objections to Incremental Delivery for Software Teams12,932
agile, processes
At Last, Browser Choice * (dav)12,931
legal, browsers, apple, mobile
Nicer Text Wrapping With CSS “text-wrap” (lon)12,930
css, typography
Design Systems Burnout (fon)12,929
design-systems
A Guide to Styling Tables (sto)12,928
css, tables, responsive-design
Futuring With Design (uxd)12,927
design, creativity, processes
Please, Don’t Force Me to Log In (ham)12,926
web, authentication, user-experience
Gold Text Effect With CSS (man)12,925
css, effects
Big, Beautiful, Beefy Focus States With “:focus-visible” (dav)12,924
css, selectors, focus
Apple, the DMA, and Malicious Compliance (bru)12,923
legal, browsers, apple, mobile
Apple Redecorates Its iPhone Prison to Appease Europe (tho/the)12,922
legal, browsers, apple, mobile
The Impact of Developer Experience12,921
research, developer-experience, productivity, efficiency
Overlays and Ethics: A Conference Panel That Hurt My Heart (lfl)12,920
accessibility, ethics, overlays, community
Mozilla Says Apple’s New Browser Rules Are “as Painful as Possible” for Firefox (ver)12,919
browsers, apple, mozilla, firefox, mobile
Introducing Our Updated [Green Web Hosting] Directory (mrc)12,918
introductions, release-notes, sustainability, hosting
Inside .git (b0r)12,917
git
HTML Web Components on the Server Are Great (sco)12,916
html, web-components
7 Tips for Devs and Designers to Set Your Accessibility Efforts Up for Success (deq)12,915
accessibility, tips-and-tricks, processes
5 Web Design Disasters That Will Ruin Your 2024 (web)12,914
design, responsive-design, seo
Using Alternative Browser Engines in the European Union12,913
apple, browsers, browser-engines, mobile
This Web Page Is Best Viewed in the EU (gri/clo)12,912
legal, browsers, apple, mobile, web
The Largest Webshops in the Netherlands Remain Inaccessible for People With Visual and/or Motor Impairments12,911
studies, research, accessibility, ecommerce, legal
Should Links Open in a New Tab? (stv)12,910
links, usability, user-experience
One World, One Web, One Love (aar)12,909
web
JWT vs. Session Authentication12,908
security, authentication, json-web-tokens, comparisons
Deno 1.40: Temporal API (den)12,907
release-notes, deno, apis, time
CSS Blurry Shimmer Effect (sma)12,906
css, effects
Animating Font Palette (man)12,905
css, colors, fonts, effects
A Day in the Life of a Developer—Building a Dashboard App With SQL, Node.js, Django, and Next.js12,904
functionality, databases, sql, nodejs, django, nextjs
The Structure of User Experience (uxd)12,903
user-experience, processes
What Happened With the Web Monetization API? (chr)12,902
monetization, apis
What Can a Website Do? (dav)12,901
accessibility, usability, quality
Web Components in Earnest (dav)12,900
web-components, javascript
User Styles (mia)12,899
css, user-styles, browsers
The New CSS Color Format You Didn’t Know You Needed; “oklch()”12,898
css, colors, oklch, functions, tailwind
Take a Qwik Break From React With Astro (the)12,897
qwik, react, astro, frameworks, comparisons
Release Notes for Safari Technology Preview 187 (jon/web)12,896
release-notes, browsers, apple, safari
On Web Components (tmc)12,895
web-components
GitHub, npm Registry Abused to Host SSH Key-Stealing Malware12,894
github, npm, security, malware, foss
Getting Started With Content Collections in Astro12,893
introductions, astro
Five Future Roles for Designers (jar)12,892
design, career, outlooks
Are Design Systems a Zero-Interest Rate Phenomenon? (dav)12,891
design-systems, economics
An Introduction to the Liquid Template Language12,890
introductions, liquid, template-engines
14 Best SEO Tools in 2024 (web)12,889
seo, tooling, link-lists
Unit Testing With Jest and Integration With GitHub Actions12,888
testing, jest, github-actions, quality
The Web Is Unversioned (rhi/w3c)12,887
web-platform, versioning
What Is JSDoc and Why You May Not Need TypeScript for Your Next Project12,886
javascript, typescript, documentation, jsdoc
What Has a Ceiling but No Floor? (mat)12,885
accessibility, apple, facebook+meta
Unlocking the Power of HTML’s Native Browser “dialog” Element (ope)12,884
html, modals
The AI Dilemma in Graphic Design: Steering Towards Excellence in Typography and Beyond (sma)12,883
ai, design, typography
New Study on Coding Behavior Raises Questions About Impact of AI on Software Development12,882
studies, research, ai, quality, technical-debt
Modern JavaScript Library Starter12,881
dependencies, npm, libraries
LCP and FCP on Single Page Application on Soft Navigations (dws)12,880
performance, web-vitals, single-page-apps, navigation
In Praise of Buttons12,879
buttons
Highlight Text When a User Scrolls Down to That Piece of Text (chr/fro)12,878
css, scrolling, effects
Google Is Using AI to Organize and Customize Your Chrome Browser (dav/ver)12,877
ai, browsers, google, chrome
Exploring the Bounds of Jamstack With Zach Leatherman (zac+)12,876
videos, interviews, tech-stacks, jamstack
Check for “accesskey” and “aria-keyshortcuts” Bookmarklet (ste)12,875
bookmarklets, accessibility, html, aria, keyboard-shortcuts
Better Form UX With the CSS Property “field-sizing” (sea)12,874
forms, user-experience, css