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#
Announcing Speedometer 3.0: A Shared Browser Benchmark for Web Application Responsiveness13,271
performance, tooling, metrics
Alt Text for CSS Generated Content (tem)13,270
css, generated-content, alt-text, accessibility
Accessibility: Implementing Focus Traps13,269
accessibility, focus, keyboard-navigation
A Gentle Introduction to Generics in TypeScript13,268
introductions, typescript, generics
Optimising Your Design System With Figma’s Variables (uxd)13,267
design-systems, optimization, variables, figma
Things I Learned While Building My JS Library13,266
javascript, libraries, lessons
CSS Button Styles You Might Not Know (dbu)13,265
html, css, buttons
Replace ESLint and Prettier With Biome.js13,264
biome, eslint, prettier, comparisons, tooling, remix
Jakob Has Jumped the Shark (aar)13,263
accessibility, link-lists
How to Invert the Colors Using CSS (ron)13,262
css, colors, filters, images
eslint-plugin-depend13,261
packages, npm, maintenance, simplicity
Access by a Thousand Curb Cuts (yat)13,260
accessibility
Add Superpowers to Your CSS Variables With Style Queries (jar/van)13,259
css, style-queries, custom-properties
Navigating the Future of Frontend13,258
frameworks, web-platform, outlooks
Modern CSS Tooltips and Speech Bubbles II (css/sma)13,257
tooltips, css, techniques
How “HEAD” Works in Git (b0r)13,256
git
Dissecting Layered Architecture (yok)13,255
architecture
Creating Color Palettes With the CSS “color-mix()” Function (mic)13,254
css, functions, colors, color-palettes
Asking Users for Their Pronouns: A Guide for UX Designers13,253
guides, user-experience, communication
How to Check and Set the “NODE_ENV” Environment Variable and Its Use in a Project13,252
how-tos, nodejs, environments
AVIF Is the Future of Web Images13,251
images, avif, performance, outlooks
The Quiet, Pervasive Devaluation of Frontend (col)13,250
html, css, craft, career, community
Some Little Ways I’m Using CSS “:has()” in the Real World (bel/pic)13,249
css, selectors, examples
Managing Static Files in Django: A Comprehensive Guide13,248
guides, django, file-handling
How to Test 2.5.8 Target Size (Minimum) (sib/tpg)13,247
how-tos, accessibility, testing
90% of Designers are Unhirable? (uxd)13,246
design, processes, career
WebAssembly JSPI Is Going to Origin Trial13,245
webassembly
The Ultimate Guide to Choosing the Best React Website Builder13,244
guides, react, tooling, comparisons, link-lists
The End of My Gatsby Journey (mon)13,243
gatsby, frameworks, comparisons
Taming the Shadow DOM: Injecting Global Styles With Adopted Stylesheets13,242
shadow-dom, dom, css
SSG, SSR, ISR, CSR Rendering Strategies in Next.js (fro)13,241
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,240
design, usability, buttons
Simplify Your CSS Using “:is()” and “:where()” Pseudo-Classes (zor/css)13,239
videos, css, selectors
Release Notes for Safari Technology Preview 190 (jon/web)13,238
release-notes, browsers, apple, safari
Making Room for Long List Markers With Subgrid (nol)13,237
html, lists, css, grids
Internationalization With Remix (rem)13,236
remix, internationalization
Exploring the Creative Power of CSS Filters and Blending13,235
css, blend-modes, filters, effects
Announcing TypeScript 5.4 (dan/typ)13,234
release-notes, typescript
5 Ways Productivity Culture Kills Business Agility13,233
productivity, agile, economics, culture
10 Figma Keyboard Shortcuts: A Cheat Sheet for UX Designers13,232
figma, keyboard-shortcuts, cheat-sheets, design
Data Table Design Patterns (uxd)13,231
information-design, tables, design-patterns
How to Ensure Your Designs Work if You Can’t Access Sample Data (uxd)13,230
how-tos, design, usability, metrics, testing
WebKit Features in Safari 17.4 (jen+/web)13,229
release-notes, browsers, apple, safari, webkit
How to Use WebSockets in Node.js to Create Real-Time Apps (cra)13,228
how-tos, websockets, nodejs
Best Practices for Inclusive Design13,227
design, dei, accessibility, best-practices
SemVer Simplified: An Introduction to Semantic Versioning13,226
introductions, semver, versioning
When We Talk About Front-End Performance, What Are We Talking About13,225
performance, metrics, web-vitals, lighthouse, google
WCAG? More Like, W-What?! (stv)13,224
accessibility, wcag, link-lists
The 88×31 Archive13,223
web, images, history
Modern Git Commands and Features You Should Be Using13,222
git, command-line
JSR: Second Look (dbu)13,221
jsr
JavaScript Runs the World—Maybe Even Literally (wir)13,220
javascript, programming, web
Designing for Mobile Accessibility: Enhancing the User Experience on Small Screens (uxm)13,219
design, accessibility, user-experience, mobile
Achieving Design Collegiality While Maintaining Psychological Safety (uxm)13,218
design, collaboration
VPS Showdown—March 2024—DigitalOcean vs. Linode vs. Vultr13,217
servers, hosting, comparisons, metrics
Visualizing Frontend Architecture (max)13,216
architecture, documentation, visualization
We Need to Talk About Jakob (mat)13,215
accessibility
Tools That Make Me Productive as a Software Engineer13,214
tooling, productivity, link-lists
How npm Install Scripts Can Be Weaponized: A Real-World Example of a Harmful npm Package (eth)13,213
npm, dependencies, examples, security
CSS for Printing to Paper13,212
css, print
Bugs I’ve Filed on Browsers (nol)13,211
browsers, chromium, firefox, webkit, quality
Accessibility Has Not Failed—It Has Not Even Started for Real (cer)13,210
accessibility, ai
Accessibility Darkness (ste)13,209
accessibility, overlays
Planning a Design System Generation (nat)13,208
design-systems, automation
Emerging UX Patterns in Generative AI Experiences (uxd)13,207
user-experience, design-patterns, ai
The Hunt for the Missing Data Type (hil)13,206
types, algorithms
The Faster Lambda Runtime—Node.js or LLRT? We Benchmarked13,205
aws, lambda, javascript, runtimes, nodejs, comparisons, metrics
Go Ahead and Block AI Web Crawlers (cor)13,204
robotstxt, crawling, scraping, ai
Design System Generations (nat)13,203
design-systems, processes
Retrofitting Fluid Typography (ric)13,202
liquid-design, typography, css
Web Tech Trends to Watch in 2024 and Beyond (web)13,201
trends, design, dark-mode, ai, sustainability, minimalism
TIL—“submit()” Versus “requestSubmit()” (ray)13,200
javascript, comparisons
Team Productivity Metrics for Engineering Managers13,199
productivity, metrics, engineering-management
Modern CSS Tooltips and Speech Bubbles (css/sma)13,198
tooltips, css, techniques
Introducing JSR—the JavaScript Registry (lca+/den)13,197
introductions, jsr, deno, dependencies, javascript
Eloquent JavaScript (mar)13,196
websites, books, javascript
Apple Says iOS 17.4 Won’t Remove Home Screen Web Apps in the EU After All13,195
browsers, apple, mobile, web-apps
Apple Backs Off Killing Web Apps, but the Fight Continues (owa)13,194
web-apps, apple
An Introduction to Webflow—the No-Code Website Builder13,193
introductions, webflow, low-and-no-code
“AI” and Accessible Front-End Components: Is the Nuance Generatable? (hdv)13,192
accessibility, web-components, ai
A Love Letter to the Underrepresented in Tech13,191
community
Why Does “is-number” Package Have 59M Weekly Downloads?13,190
dependencies, npm
What You Need to Know About Software Requirements13,189
software-design, best-practices
What Is Inclusive Design, and How Does It Relate to Accessibility?13,188
design, dei, accessibility
Understanding Cookies and Sessions in React13,187
react, authentication, cookies
The Wax and the Wane of the Web (ste/ali)13,186
web-platform, history
Techniques to Break Words (aar)13,185
techniques, html, css, content
New to the Web Platform in February (rac/dev)13,184
release-notes, web-platform, browsers, mozilla, firefox, google, chrome, apple, safari
Keyboard Accessibility Testing on Mobile Devices13,183
accessibility, testing, keyboard-navigation, mobile
Diving Into CSS Interactivity (daw+/sto)13,182
videos, css
Choosing the Right Node.js Package Manager in 2024: A Comparative Guide (nod)13,181
guides, nodejs, dependencies, comparisons
Accessibility Has Failed: Try Generative UI = Individualized UX13,180
accessibility, usability, ai, outlooks
Creativity Lies in the Paradoxes (uxd)13,179
creativity, design
Ultimate Guide to Visual Testing With Playwright13,178
guides, testing, regressions, playwright
Top 8 Recent V8 in Node Updates (app)13,177
nodejs, v8
Test Quality vs. Bashing Tailwind CSS (mar)13,176
tailwind, css, comparisons
So, What Exactly Did Apple Break in the EU? (tom)13,175
browsers, apple, mobile, support, web-apps, apis
Making Math Accessible (ons/tpg)13,174
accessibility, math
How to Create a Sidebar Navigation With Astro, Tailwind CSS, and Alpine.js13,173
how-tos, navigation, functionality, astro, tailwind, alpinejs
Going Beyond Pixels and (r)ems in CSS—Container Query Length Units (uti/iod)13,172
css, container-queries, units
Enhanced Internationalization (I18N) in Next.js 1413,171
nextjs, internationalization
Apple vs. PWAs—Go Act Now and Help Avoid This Disaster… (cod)13,170
apple, web-apps, progressive-web-apps, community
An HTML Switch Control (ann+/web)13,169
html, css, forms
The 3 Capabilities Designers Need to Build for the AI Era (uxd)13,168
design, career, training, ai, link-lists
Tumblr and WordPress to Sell Users’ Data to Train AI Tools (404)13,167
wordpress, ai
YouTube Video Embedding Harm Reduction (jvo)13,166
multimedia, embed-code, youtube, html, privacy
What Is Vuetify in Vue.js?13,165
vuetify, vuejs
ServerlessHorrors (and)13,164
websites, serverless, cloud-computing
Screen Readers and Drag-and-Drop: Grabbing and Releasing Elements (dar)13,163
accessibility, browsers, screen-readers, support
Reporting Core Web Vitals With the Performance API (geo/sma)13,162
apis, performance, web-vitals
How to Use Server-Sent Events in Node.js (cra)13,161
how-tos, nodejs, events
How to Lazy-Load CodePen and CanIUse Embeds13,160
how-tos, embed-code, performance, codepen, caniuse
Here Lies the Internet, Murdered by Generative AI13,159
web, content, ai
AI and Design Systems (bra)13,158
ai, design-systems
A Simple Mistake That Can Screw Up Your Light/Dark Theme (and How to Fix It) (kev)13,157
videos, mistakes, dark-mode, css
A Guide to CSS Cursor Types13,156
guides, css, cursors
A Fun Line of Code (dbu)13,155
javascript, apis, multimedia
Advanced Figma Tips and Tricks 2024: Little Gems We Love (uxd)13,154
figma, tips-and-tricks
CSS Foundations: What Is IACVT? (bra)13,153
css, fundamentals
Why I Use Firefox (sim)13,152
browsers, mozilla, firefox
What Is a Single-Page Application? (hey)13,151
single-page-apps, javascript, performance, user-experience
The CSS Cascade—a (Re)Introduction (mat)13,150
videos, css, cascade
Speaker Spotlight: Michelle Barker (mic)13,149
interviews, css, sustainability
Open Letter to Tim Cook, Sabotaging Web Apps Is Indefensible (owa)13,148
apple, web-apps
No Outer Margin13,147
css, margins, spacing, components
How to Build a Newthing13,146
how-tos, processes, creativity, maintenance
CSS-Only Bottom-Anchored Scrolling Area (kit)13,145
css, scrolling
A Web Designer’s Accessibility Advocacy Toolkit (sma)13,144
accessibility, advocacy, strategies
10 Takeaways From the WebAIM Screenreader Survey #10 (kar)13,143
accessibility, screen-readers
Home Screen Advantage (sli)13,142
browsers, apple, mobile, support, web-apps, web-platform
The Power of Patterns and Playbooks in Content Design (kat/uxd)13,141
design, content, design-patterns
WebAIM Screen Reader User Survey 10 (den)13,140
accessibility, screen-readers
Understanding Event-Driven Architecture13,139
architecture, events
Navigating Signals: An Efficient Alternative to React Hooks for Enhanced Performance and Optimization13,138
react, hooks, signals
My WebAIM 10th SR User Survey Takeaways (aar)13,137
accessibility, screen-readers
JSDoc as an Alternative TypeScript Syntax13,136
typescript, documentation, jsdoc
CSS “:has()” Interactive Guide (sha)13,135
guides, css, selectors
CAPTCHA Is Still [the] Most Problematic Issue on the Web (cer)13,134
accessibility, web, captcha
Why My Code Isn’t in TypeScript (rem)13,133
typescript
Proposal: CSS Variable Groups (lea)13,132
css, variables
A Developer’s Guide for Web Accessibility13,131
guides, accessibility
Navbar Gallery13,130
websites, navigation, design-patterns, examples
JavaScript Bloat in 2024 (nik)13,129
javascript, performance
UX Leadership Is Failing (and What We Can Do About It) (uxd)13,128
user-experience, leadership
Vanilla JavaScript, Libraries, and the Quest for Stateful DOM Rendering (sma)13,127
javascript, libraries, client-side-rendering, state-management
JSR: What We Know So Far About Deno’s New JavaScript Package Registry (sar/soc)13,126
jsr, deno, dependencies, javascript
htmx vs. React: A Complete Comparison13,125
htmx, react, comparisons
Filling Gaps With a Polyfill (jay)13,124
polyfills, html, css, javascript, history
Difference Between the Accessibility Page and the Accessibility Statement13,123
accessibility, documentation, comparisons
Building Dynamic Progress Bars Using Only CSS (ami)13,122
css, progress-indicators
ARIA (Are Ya) Afraid of the Dark? Unmasking Common HTML Monsters to Create Better User Experiences (deq)13,121
videos, accessibility, aria, html, user-experience
The One Trick Every Flutter Web Dev Needs to Know13,120
tips-and-tricks, flutter, performance
Making of True Multi-Brand Design System (uxd)13,119
design-systems, theming
CSS “::backdrop” Now Inherits From Its Originating Element (bra)13,118
css, selectors
View Transitions: Handling Aspect Ratio Changes (jaf)13,117
css, view-transitions, aspect-ratio
Syntax Highlighting With No Spans?! (chr/fro)13,116
css, apis, syntax-highlighting
Release Notes for Safari Technology Preview 189 (jon/web)13,115
release-notes, browsers, apple, safari
Parallax Effect With CSS Custom Properties (fro)13,114
css, custom-properties, effects, parallax
Node.js 2023 Year in an Article (raf)13,113
nodejs, retrospectives
Next.js vs. Remix—a Developer’s Dilemma13,112
nextjs, remix, comparisons
My Favourite Animation Trick: Exponential Smoothing (lis)13,111
animations, tips-and-tricks
How to Optimize the Web for the Worst User Conditions?13,110
how-tos, user-experience, responsive-design, performance, optimization
10 Best “Create React App” Alternatives for Different Use Cases13,109
react, frameworks, tech-stacks, comparisons, link-lists
How to Make a Cursor Image Hover Effect With CSS and JS13,108
how-tos, css, javascript, images, cursors
My Design System Journey: Building the Plane While Flying (uxd)13,107
design-systems, collaboration, processes
Why Is JavaScript Fragile? (cfe)13,106
javascript
“random()” Distribution Visualizer13,105
javascript, randomness, visualization
Preventing SQL Injection Attacks in Node.js (sny)13,104
security, nodejs, databases, sql
Okay, Color Spaces (eee)13,103
colors, oklch
How to Use Local Storage in JavaScript (fre)13,102
how-tos, browser-storage, javascript
How to Transfer Binary Data Efficiently Across Worker Threads in Node.js13,101
how-tos, nodejs, worker-threads
Does Your Design Conform With WCAG Accessibility Guidelines—or Does It Comply? (deq)13,100
videos, accessibility, wcag, guidelines, compliance
Design Patterns That Encourage Junk Data (mic)13,099
design-patterns, sustainability, economics, storage, email
CSS-Only Radial Progress Bars Using Conic Gradients13,098
videos, css, gradients, progress-indicators
Control Lazy Load, Infinite Scroll, and Animations in React13,097
react, lazy-loading, scrolling, animations, javascript
A Practical Guide to Using Shadow DOM (may)13,096
guides, dom, shadow-dom
A Practical Guide to Designing for Colorblind People (vit/sma)13,095
guides, accessibility, design, colors, color-blindness
Responsive Web Design: 3 Key Fundamentals (nng)13,094
videos, responsive-design, fundamentals
What Is Utility-First CSS? (hey)13,093
css, presentational-html, principles
“Web Design as a Process” in Charts: Maintenance, Decay, Tech Debt, and Big Bang Launching (j9t)13,092
content, design, design-debt, technical-debt, maintenance, processes, visualization
[Web Accessibility] Survey Results13,091
accessibility, surveys
The Fifty-Fifty Split and Overflow (hex)13,090
css, overflow, layout
How to Design an Accessible Web Site for People With Color-Deficient Vision (uxm)13,089
how-tos, accessibility, dei, user-experience, colors, contrast, readability
Fostering a Collaborative Onboarding Team to Design Better Onboarding Experiences (uxm)13,088
collaboration, onboarding, user-experience
7 Effective Ways to Craft Compelling Problem Statements for UX Design (uxm)13,087
user-experience, product-management, processes
17 Equations That Changed the World—Rewritten in JavaScript13,086
javascript, math
100 Things You Can Do on Your Personal Website (cap)13,085
blogging, writing, indieweb
Syntax Highlighting Code Snippets With Prism and the Custom Highlight API (bra)13,084
apis, javascript, css, syntax-highlighting
Tailwind Marketing and Misinformation Engine13,083
tailwind, css, semantics, principles, maintainability, marketing
Don’t Care About Accessibility? Resistance Is Futile! (cer)13,082
accessibility
Understanding React “useEffect”13,081
react, hooks
JavaScript Workers13,080
videos, javascript, web-workers
JavaScript on Demand: How Qwik Differs From React Hydration (the)13,079
javascript, qwik, react, hydration, comparisons
A Manifesto for Small, Static, Web Apps (ros)13,078
manifestos, web-apps, principles
UI = ƒ(statesⁿ) (dav)13,077
design, state-management
Popular Git Config Options (b0r)13,076
git, configuration
It’s Official, Apple Kills Web Apps in the EU (owa)13,075
web-apps, apple
How to Set Up a Node Server With TypeScript in 2024 (jle)13,074
how-tos, nodejs, servers, typescript
Frontend Application Security: Tips and Tricks13,073
web-apps, security, xss, csrf, authentication, dependencies, csp, validation, tips-and-tricks
Be a Better Developer With These Git Good Practices13,072
git, best-practices, conventions, consistency, code-reviews
Top 20 JavaScript One-Liners That Don’t Actually Work (dar)13,071
javascript
React Labs: What We’ve Been Working On—February 2024 (rea)13,070
react
Playing With Infinity in CSS (lon)13,069
css, math
Making the Most of Ligatures (man)13,068
css, typography
How I Developed the 10 Usability Heuristics13,067
usability, heuristics, history
Getting to an Accessibility Strategy13,066
accessibility, strategies, processes
Future of CSS: Functions and Mixins13,065
css, functions, mixins
Full Guide on How to Hire Front-End Developers Effectively13,064
guides, how-tos, hiring, career
CSS “:is(.awesome)” (mar/cfe)13,063
videos, css, selectors, techniques
ARIA “note” (aar)13,062
accessibility, aria, browsers, screen-readers, support
A Dozen Thoughts About AI (dav)13,061
ai
Scroll-Driven Animations: You Want “overflow: clip”, not “overflow: hidden” (bra)13,060
css, overflow, scrolling, animations
When It Says “Name From Author” It Means From You, Not Boll or Bukowski (ste)13,059
accessibility, aria, naming
What Is the Difference Between ASP and ASP.NET?13,058
asp, asp-net, comparisons
What Is Lighthouse Speed Index (SI) and How to Reduce It13,057
performance, metrics, lighthouse, google
Wednesday, February 14, 2024 Security Releases (raf+/nod)13,056
release-notes, nodejs, security
The Text File That Runs the Internet (dav/ver)13,055
robotstxt, crawling, scraping, ai, web
Reasonable WCAG Additions (a11)13,054
accessibility, wcag
Input Type “date”: The Accessibility of HTML Date Picker13,053
accessibility, forms
How Accessibility Standards Can Empower Better Chart Visual Design (sma)13,052
accessibility, contrast, colors, information-design
Selenium Automation Testing: A Step-by-Step Beginners Guide13,051
guides, selenium, testing, automation
Building htmx and Go Web Apps With Gemini Advanced13,050
videos, web-apps, htmx, go, ai, gemini
Why I Like Scrumban (j9t)13,049
processes, agile, scrum, kanban
The New CSS Math: “pow()”, “sqrt()”, and Exponential Friends (dan)13,048
css, functions, math
The Best CSS Frameworks to Use in Your Projects for 2024 and Beyond (fre)13,047
css, frameworks, comparisons, bootstrap, tailwind, foundation, bulma, pure
How to Fix the Invisible Scrollbar Issue in iOS Browsers (sim/fro)13,046
how-tos, browsers, mobile, scrolling, css
How to Center a Div (jos)13,045
how-tos, css, centering
CSS Color Module Level 4 (tab+/w3c)13,044
standards, css, colors
Be Aware of Arrays—V8 Engine Advice13,043
javascript, javascript-engines, v8, arrays
An Introduction to Node.js Multithreading (cra)13,042
introductions, nodejs, multithreading
Advanced Architecture for AI Application (aka AAAA) (aus)13,041
ai, architecture, edge-computing, optimization
A Practical Guide to Designing for Children (vit/sma)13,040
guides, design, link-lists
You Want to Make It Easy to Feature Your Content (fro)13,039
frontend-dogma, content, community
The ü/ü Conundrum13,038
javascript, unicode, encoding
The Anatomy of Addictive Content (moz)13,037
content, writing, seo
React, Solid, htmx13,036
react, solidjs, htmx, comparisons
Learn TypeScript (jad)13,035
websites, courses, typescript
How to Choose the Best Static Site Generator in 202413,034
how-tos, site-generators, gatsby, jekyll, nuxt, nextjs, hugo, eleventy, vuejs
How to Boost WordPress Security and Protect Your SEO Ranking13,033
how-tos, wordpress, security, seo
Can Generative AI Help Write Accessible Code? (tin/tet)13,032
accessibility, code-generation, ai
A CSS Project Boilerplate (bel/pic)13,031
css, tailwind, templates
Using Recursive CSS to Change Styles Based on Depth (cri)13,030
css, selectors
Names Are Complex: Displaying Initials for an Avatar Component in a Design System (hey)13,029
naming, design, case-studies
Dynamic Text Color Contrast Based on Background Lightness With CSS/SVG Filters (miu)13,028
css, svg, filters, colors, contrast
CSS Mixins and Functions Explainer (mia/odd)13,027
css, mixins, functions
Navigating Prioritization: Four Approaches (cwo)13,026
project-management, prioritization, processes
Don’t Disable Form Controls (aar)13,025
accessibility, usability, forms, buttons
The Front-End Development We’re Used to Is Dying13,024
career, simplicity, complexity
HTML as the Baseline (cfe)13,023
html, progressive-enhancement
Have We Forgotten How to Build Ethical Things for the Web? (nic)13,022
web, ethics
Everything You Need to Know About Image Formats in 2024 (web)13,021
images, jpeg, png, gif, webp, avif, pdf, svg
Accelerating Code Reviews With Nudges13,020
research, code-reviews, productivity, experiments, facebook+meta
What Is a Descriptive Transcript?13,019
accessibility, multimedia
The Accessibility Mindset: Moving Beyond Remediating, Fixing, and Reacting (a11)13,018
videos, accessibility
So You Think You Know Git13,017
videos, git
Node.js Community Debate Intensifies Over Enabling Corepack by Default and Potentially Unbundling npm (sar/soc)13,016
nodejs, corepack, npm, yarn, pnpm, dependencies
Is [“* { min-width: 0; }”] a Good Idea? (kev)13,015
videos, css
In Its Tantrum With Europe, Apple Broke Web Apps in iOS 17 Beta, Still Hasn’t Fixed Them (tho/the)13,014
web-apps, browsers, apple, mobile
Going Beyond Pixels and (r)ems in CSS—Relative Length Units Based on the Viewport (uti/iod)13,013
viewport, css, units
Git Tips: Really Large Repositories13,012
git, monorepos, tips-and-tricks
Frequently Heard in My Beginning Front-End Web Development Class (geo/sma)13,011
learning, career
Patterns in Design Systems (ikn)13,010
design-systems, design-patterns, components
Web Development Is Getting Too Complex, and It May Be Our Fault (mon/sma)13,009
web-platform, frameworks, tech-stacks, complexity
Release Notes for Safari Technology Preview 188 (jon/web)13,008
release-notes, browsers, apple, safari
Opportunities for AI in Accessibility (aar/ali)13,007
accessibility, ai
Offloading JavaScript With Custom Properties (hey)13,006
javascript, css, custom-properties
CSS Is Logical (geo)13,005
css
10 Best Automated AI Code Review Tools 202413,004
ai, automation, code-reviews, tooling, comparisons, link-lists
UI Elements Are Not So Elementary (uxd)13,003
design, design-patterns
Designing User Onboarding: Lessons From Figma, Duolingo, and More (uxd)13,002
lessons, onboarding, design, user-experience, figma
A Beginner’s Guide to Seamless Open-Source Contributions (wom)13,001
guides, foss
When to Use the “min()” or “max()” Function (css)13,000
css, functions, tips-and-tricks
Remix Takes on Next.js in Battle of the React Frameworks (ric/the)12,999
frameworks, react, remix, nextjs
Malicious npm Package Masquerades as Noblox.js, Targeting Roblox Users for Data Theft (sar/soc)12,998
npm, dependencies, security
Lines of Code—How to Not Measure Code Quality and Developer Efficiency (cod)12,997
metrics, quality, efficiency, productivity
Lessons Learned Moving Eleventy From CommonJS to ESM in 2024 (zac/cfe)12,996
videos, lessons, eleventy, commonjs, esm, refactoring
jQuery 4.0.0 Beta (tim/jqu)12,995
release-notes, jquery
JavaScript vs. Python: Which One Should You Learn First?12,994
javascript, python, comparisons
JavaScript Promises Demystified12,993
javascript, promises
In Praise of the “switch” Statement (chi)12,992
javascript
Immutable Array Updates With “Array.prototype.with” (jad/dev)12,991
javascript, arrays, prototypes, browsers, support
Doing What’s Required: Indicating Mandatory Fields in an Accessible Way (tpg)12,990
accessibility, usability, forms, errors
Detect Caps Lock With JavaScript (dav)12,989
javascript
A Guide to Designing for Older Adults (vit/sma)12,988
guides, design, accessibility
You Won’t Scale (cfe)12,987
maintainability, scalability
Visual Hierarchy: Making User Experiences Easier to Understand (uxm)12,986
user-experience, design, hierarchy
Thoughts on a Global Design System (chr)12,985
design-systems
The Most Demanded Frontend Frameworks in 202312,984
frameworks, comparisons, react, angular, vuejs
The Decision to Leave Tech (col)12,983
career, retrospectives
Revolutionizing Usability Testing With Machine Learning (uxm)12,982
usability, testing, ai
It’s the Hope That Kills You (yat)12,981
accessibility, career, community
How to Create Rounded Gradient Borders With Any Background in CSS (ben)12,980
how-tos, css, borders, gradients, backgrounds
Getting Into Web Components—an Intro (uti)12,979
introductions, web-components
Exciting New Tools for Designers, February 2024 (web)12,978
design, tooling, link-lists
Everything You Need to Know About Git12,977
git, command-line
Bookmarklet: Load All GitHub Comments (mey)12,976
bookmarklets, github, code-reviews
13 Best Books, Courses, and Communities for Learning React12,975
react, books, courses, link-lists
HTML Attributes That Every Web Developer Should Know12,974
html, attributes, pop-overs, forms, custom-data
“X” Marks the Spot: Landmark Elements (stv)12,973
html, semantics, accessibility, assistive-tech, aria
Why Disabled People’s Needs Aren’t “Special”12,972
accessibility
The Importance of Web Performance to Information Equity (sch/fos)12,971
videos, performance, accessibility
htmx Deep Dive With Carson Gross12,970
videos, htmx, deep-dives
What Is WAP?12,969
wap, mobile
SOLID Principles: They’re Rock-Solid for Good Reason12,968
programming, principles, solid
Making Your SVG Icons CSS Masks Instead of Inline HTML or Backgrounds Has Some Benefits (chr/fro)12,967
images, svg, css, masking, performance
From Many to One: Moving Our JavaScript Code Into a Monorepo12,966
migrating, monorepos, javascript, git
All Art Is a Copy of Something (chr)12,965
art
5 Hidden Risks of Your Inaccessible Website (deq)12,964
accessibility
What’s the Difference Between “localhost” and “127.0.0.1”?12,963
network, ip, testing
Is the Increasing Amount of Shit Code All the Fault of AI-Generated Code?12,962
ai, quality, technical-debt
Tracking Your Interviews Is Extremely Important12,961
career, interviewing
The Web Just Gets Better With Interop 2024 (jen/web)12,960
web-platform, interoperability, browsers, support
Interop 2024 (rac/dev)12,959
interoperability, web-platform, browsers, support
How to Make a Great Framework Better?—Svelte 5 With Rich Harris (ric)12,958
videos, frameworks, svelte
Everyone’s a Sellout Now12,957
career, culture
Dynamically Adding Text Alternatives to Images With AI (kar)12,956
automation, ai, accessibility, images, alt-text
Drupal Creator: Websites Needed More Than Ever in the AI Era (ric/the)12,955
web, ai, complexity
Career Retrospective12,954
career, retrospectives
A Look at the New WAI–ARIA 1.3 Draft (cra)12,953
accessibility, aria, standards
A Complete Guide to Open Source—100× Simpler12,952
guides, foss
PurePWA—a Radical U-Turn in Web Development12,951
web-apps, progressive-web-apps, simplicity, tooling
Why Not htmx? (cfe)12,950
htmx
The Good, the Bad, the Web Components (zac)12,949
web-components, shadow-dom, dom
The Art and Science of Annotations in Dev Mode (fig)12,948
figma, annotations
Tackling Flaky Tests With Cypress and Playwright Through Network Synchronization12,947
testing, flakiness, cypress, playwright, network
Practice Safe DSD With “setHTMLUnsafe” (It’s Complicated) (jar/van)12,946
html, dom, shadow-dom, apis, security
Making VPATs and ACRs More Effective in Procurement (web)12,945
accessibility, vpat-acr, processes
Interaction to Next Paint Becomes a Core Web Vital on March 12 (mal+/dev)12,944
performance, web-vitals, metrics
Implementing User Authentication in React Apps With Appwrite12,943
react, authentication, tooling
How to Stream Files From Next.js Route Handlers (eri)12,942
how-tos, nextjs, routing, streaming
GitLab vs. GitHub: Which Is Better in 2024?12,941
version-control, gitlab, github, comparisons
Designing Accessible Color Palettes in Figma: A Guide for Web Accessibility (kno)12,940
guides, accessibility, colors, color-palettes, figma
Be Purposeful About Your Content12,939
accessibility, content, writing
5 Essential DevTools Console Hacks for Every Web Developer12,938
videos, browsers, dev-tools
Why Do Rubber Ducks Work?12,937
processes, productivity, creativity
Web Platform Design Principles (lea/w3c)12,936
web-platform, software-design, principles, standards, w3c
Use CSS “accent-color” to Style Your Inputs (cas)12,935
css, forms
Understanding Signals in Django12,934
signals, django
Tuesday, February 6, 2024 Security Releases (raf/nod)12,933
release-notes, nodejs, security
The Psychology of Site Speed and Human Happiness (tam/spe)12,932
performance, usability
Stop Burning Out Maintainers: An Empathetic Guide for Contributors (bek/ope)12,931
guides, foss, collaboration
Onboarding (mfo)12,930
processes, onboarding, productivity, engineering-management
New to the Web Platform in January (rac/dev)12,929
release-notes, web-platform, browsers, mozilla, firefox, google, chrome, apple, safari
Learn Testing (dev)12,928
courses, testing
Is Generated Code Harder to Maintain?12,927
discussions, ai, maintainability, maintenance
Going Beyond Pixels and (r)ems in CSS—Relative Length Units Based on Font (uti/iod)12,926
css, units, fonts
“field-sizing” Just Works! (kil/pol)12,925
css, forms, comparisons
Celebrate a More Interoperable Web With Interop 2023 (rac/dev)12,924
web-platform, interoperability, browsers, support
A Highly Configurable Switch Component Using Modern CSS Techniques (bel/pic)12,923
html, css
ESG and DEI Policies Were Always Luxury Goods (blo)12,922
dei, sustainability, policies
The Loss of the Process in the Name of Progress (uxd)12,921
design, creativity, productivity, processes
Practical Guide to Destructuring: TypeScript vs. Dart12,920
guides, typescript, dart, comparisons
The Web Component Success Story (jak)12,919
web-components
The EU Forces Open Apple’s Walled Garden12,918
legal, apple, browsers, mobile
Next.js App Router Migration: The Good, Bad, and Ugly12,917
nextjs, routing, migrating
How to Favicon in 2024: Six Files That Fit Most Needs (sit/evi)12,916
how-tos, images, favicons
Git: The Basics of “git bisect” (ada)12,915
fundamentals, git
Express Forward12,914
discussions, outlooks, express
Dynamic README Image Based on GitHub Activity12,913
readme, github
Debunking 10 Common Objections to Incremental Delivery for Software Teams12,912
agile, processes
At Last, Browser Choice * (dav)12,911
legal, browsers, apple, mobile
Nicer Text Wrapping With CSS “text-wrap” (lon)12,910
css, typography
Design Systems Burnout (fon)12,909
design-systems
A Guide to Styling Tables (sto)12,908
css, tables, responsive-design
Futuring With Design (uxd)12,907
design, creativity, processes
Please, Don’t Force Me to Log In (ham)12,906
web, authentication, user-experience
Gold Text Effect With CSS (man)12,905
css, effects
Big, Beautiful, Beefy Focus States With “:focus-visible” (dav)12,904
css, selectors, focus
Apple, the DMA, and Malicious Compliance (bru)12,903
legal, browsers, apple, mobile
Apple Redecorates Its iPhone Prison to Appease Europe (tho/the)12,902
legal, browsers, apple, mobile
The Impact of Developer Experience12,901
research, developer-experience, productivity, efficiency
Overlays and Ethics: A Conference Panel That Hurt My Heart (lfl)12,900
accessibility, ethics, overlays, community
Mozilla Says Apple’s New Browser Rules Are “as Painful as Possible” for Firefox (ver)12,899
browsers, apple, mozilla, firefox, mobile
Introducing Our Updated [Green Web Hosting] Directory (mrc)12,898
introductions, release-notes, sustainability, hosting
Inside .git (b0r)12,897
git
HTML Web Components on the Server Are Great (sco)12,896
html, web-components
7 Tips for Devs and Designers to Set Your Accessibility Efforts Up for Success (deq)12,895
accessibility, tips-and-tricks, processes
5 Web Design Disasters That Will Ruin Your 2024 (web)12,894
design, responsive-design, seo
Using Alternative Browser Engines in the European Union12,893
apple, browsers, browser-engines, mobile
This Web Page Is Best Viewed in the EU (gri/clo)12,892
legal, browsers, apple, mobile, web
The Largest Webshops in the Netherlands Remain Inaccessible for People With Visual and/or Motor Impairments12,891
studies, research, accessibility, ecommerce, legal
Should Links Open in a New Tab? (stv)12,890
links, usability, user-experience
One World, One Web, One Love (aar)12,889
web
JWT vs. Session Authentication12,888
security, authentication, json-web-tokens, comparisons
Deno 1.40: Temporal API (den)12,887
release-notes, deno, apis, time
CSS Blurry Shimmer Effect (sma)12,886
css, effects
Animating Font Palette (man)12,885
css, colors, fonts, effects
A Day in the Life of a Developer—Building a Dashboard App With SQL, Node.js, Django, and Next.js12,884
functionality, databases, sql, nodejs, django, nextjs
The Structure of User Experience (uxd)12,883
user-experience, processes
What Happened With the Web Monetization API? (chr)12,882
monetization, apis
What Can a Website Do? (dav)12,881
accessibility, usability, quality
Web Components in Earnest (dav)12,880
web-components, javascript
User Styles (mia)12,879
css, user-styles, browsers
The New CSS Color Format You Didn’t Know You Needed; “oklch()”12,878
css, colors, oklch, functions, tailwind
Take a Qwik Break From React With Astro (the)12,877
qwik, react, astro, frameworks, comparisons
Release Notes for Safari Technology Preview 187 (jon/web)12,876
release-notes, browsers, apple, safari
On Web Components (tmc)12,875
web-components
GitHub, npm Registry Abused to Host SSH Key-Stealing Malware12,874
github, npm, security, malware, foss
Getting Started With Content Collections in Astro12,873
introductions, astro
Five Future Roles for Designers (jar)12,872
design, career, outlooks
Are Design Systems a Zero-Interest Rate Phenomenon? (dav)12,871
design-systems, economics
An Introduction to the Liquid Template Language12,870
introductions, liquid, template-engines
14 Best SEO Tools in 2024 (web)12,869
seo, tooling, link-lists
Unit Testing With Jest and Integration With GitHub Actions12,868
testing, jest, github-actions, quality
The Web Is Unversioned (rhi/w3c)12,867
web-platform, versioning
What Is JSDoc and Why You May Not Need TypeScript for Your Next Project12,866
javascript, typescript, documentation, jsdoc
What Has a Ceiling but No Floor? (mat)12,865
accessibility, apple, facebook+meta
Unlocking the Power of HTML’s Native Browser “dialog” Element (ope)12,864
html, modals
The AI Dilemma in Graphic Design: Steering Towards Excellence in Typography and Beyond (sma)12,863
ai, design, typography
New Study on Coding Behavior Raises Questions About Impact of AI on Software Development12,862
studies, research, ai, quality, technical-debt
Modern JavaScript Library Starter12,861
dependencies, npm, libraries
LCP and FCP on Single Page Application on Soft Navigations (dws)12,860
performance, web-vitals, single-page-apps, navigation
In Praise of Buttons12,859
buttons
Highlight Text When a User Scrolls Down to That Piece of Text (chr/fro)12,858
css, scrolling, effects
Google Is Using AI to Organize and Customize Your Chrome Browser (dav/ver)12,857
ai, browsers, google, chrome
Exploring the Bounds of Jamstack With Zach Leatherman (zac+)12,856
videos, interviews, tech-stacks, jamstack
Check for “accesskey” and “aria-keyshortcuts” Bookmarklet (ste)12,855
bookmarklets, accessibility, html, aria, keyboard-shortcuts
Better Form UX With the CSS Property “field-sizing” (sea)12,854
forms, user-experience, css
Balancing Engineering Cultures: Debate Everything vs. Just Tell Me What to Build12,853
culture, engineering-management, processes, comparisons
What Is Jest and Why Should I Use It? (cod)12,852
jest
WebKit Features in Safari 17.3 (jen/web)12,851
release-notes, browsers, apple, safari, webkit
Use Tailwind CSS Prefixes for Shared Design System Components (sen)12,850
tailwind, design-systems, components
Repetition Avoidance (ste)12,849
code-pens, accessibility, user-experience, aria
Progressive JPEGs (PJPEG): The Key to Loading Images Faster on Your Website12,848
pjpeg, jpeg, images, performance, comparisons
Layouts in Astro12,847
astro
How End-to-End Testing Moves Us Closer to Continuous Accessibility (ass)12,846
accessibility, processes, testing
How a Web-Site Redesign Can Impact the Customer Journey (uxm)12,845
redesigning, user-experience
Handling Environment Variables in Node.js (mco/pla)12,844
environments, variables, nodejs
Could Local SEO Transform Your User Experience? (uxm)12,843
seo, user-experience
Continuous Accessibility: What, Why, How (ass)12,842
accessibility, processes, testing, tooling
Battle of the Browsers (zer)12,841
browsers, browser-engines, blink, chrome, google, edge, microsoft, brave, gecko, firefox, mozilla, webkit, safari, apple, comparisons
7 Mobile UX Design Tools to Supercharge Your Design Process (uxm)12,840
design, tooling, link-lists
What Is Our Design Intention? (uxd)12,839
design, processes
Vector Database Recommender System (ast)12,838
databases, vector-databases
Why I Don’t Care About Website/Blog Stats (nei)12,837
blogging, metrics, sem
What Is CSS Motion Path?12,836
css, svg, animations
The World’s Smallest PNG (eva)12,835
images, png, minimalism
Mind the Accessibility Gaps—Most of Accessibility Issues Originate in Design and How to Fix That (cer)12,834
accessibility, design, html, aria
The Bun Shell (jar/bun)12,833
bun, javascript, shell
Mastering Node CSV12,832
nodejs, csv
A Call for Consensus on HTML Semantics (5t3)12,831
html, semantics
How Core Web Vitals Affect SEO (ind)12,830
performance, web-vitals, lighthouse, google, seo
Why Do Reflows Negatively Affect Performance? (fro)12,829
performance, reflow
Understanding the Stanca Act, Italy’s Digital Accessibility Law (tpg)12,828
accessibility, legal
Under-Supported and Underpaid (aar)12,827
accessibility, career, economics, craft
My Take on Fading Content Using Transparent Gradients in CSS (kil/pol)12,826
css, gradients, transparency
Modern CSS, the State of the Web, Safari’s Progress, and More! With Jen Simmons (jen+)12,825
videos, interviews, css, web, browsers, apple, safari
Making CSS View Transitions Easy With Velvette (nom/cod)12,824
css, view-transitions, tooling
12 Modern CSS One-Line Upgrades (5t3)12,823
css
Node.js vs. Python: Which One to Choose for 202412,822
nodejs, python, comparisons
Deceptive Deprecation: The Truth About npm Deprecated Packages12,821
deprecation, security, npm, dependencies, research
The Color Input and the Color Picker (chr/fro)12,820
html, colors, usability
Create a Currency Converter With HTML, CSS, and Vanilla JavaScript12,819
functionality, html, css, javascript
Astro 4.2 (eri+/ast)12,818
astro, release-notes
The Designer’s Guide to Social Computing (uxd)12,817
guides, design, social-media
Indicators, Validations, and Notifications: Pick the Correct Communication Option (nng)12,816
notifications, errors, validation, usability
Safely Accessing the DOM With Angular SSR (dev)12,815
security, dom, javascript, angular, server-side-rendering
JavaScript Array “sort()” vs. “toSorted()” (New in ES 2023)12,814
videos, javascript, arrays, sorting, comparisons
Fading Content Using Transparent Gradient in CSS (ami)12,813
css, gradients, transparency, effects
Dispatching an Event (chr/fro)12,812
javascript, events
Basic Accessibility Mistakes I Often See in Audits (cfe)12,811
accessibility, mistakes, auditing, html, semantics, focus, links, buttons
AI Art Is the New Stock Image (ia)12,810
design, ai, images
A Practical Introduction to Scroll-Driven Animations With CSS “scroll()” and “view()” (arg/cod)12,809
introductions, scrolling, animations, css, functions
5 Advanced Data-Fetching Techniques in React for Enhanced User Experience12,808
react, data-fetching, code-splitting, components, techniques
Are You Boring Your Interviewer by Over-Explaining Context? (uxd)12,807
career, interviewing, design
Is It Time to Switch From Docker to Podman?12,806
videos, docker, podman, tooling, comparisons
The Golden Rule of Assertions12,805
javascript, testing
The Complex but Awesome CSS “border-image” Property (css/sma)12,804
css, borders, techniques
Stop Trying to Recruit Unicorns With Acorns (cra)12,803
accessibility, career
Practical Guide to Usability Testing12,802
guides, usability, testing
Node.js Security Progress Report—Progress on Permission Model, Fuzzer, and Connections With Community (ope)12,801
nodejs, security
Measuring Developer Productivity: Real-World Examples (ger)12,800
productivity, metrics, developer-experience, google, microsoft
Guide to Fast Next.js12,799
guides, nextjs, performance, optimization, server-side-rendering, lazy-loading
Git Lesson: How to Use .gitignore and .gitkeep?12,798
git, how-tos
Disillusioned With Deno (bal)12,797
deno
Difference Between “getElementByID” and “querySelector”12,796
javascript, css, selectors
APA-Style Titles in Laravel (ami)12,795
writing, conventions, laravel
14 Things to Check Before Deploying a Website12,794
deploying, quality, processes
Web Standards: The Guidelines That Every Developer Should Know12,793
standards, history, w3c, html, css, xml, wcag
Design Is Not Really a Thing (uxd)12,792
design, user-experience
The Evolution of Page Speed (deb)12,791
videos, performance, metrics, optimization, history
The Building Blocks of a Greenfield Vue Application in 2024 (fad)12,790
vuejs, tooling, link-lists
React Libraries for 2024 (rwi)12,789
react, libraries, link-lists
Performance and Stay Questions in 1:1s (j9t)12,788
engineering-management, leadership, career, processes
Optimizing SQL Queries by 23×12,787
databases, sql, performance, optimization
Moving on From React (kel)12,786
migrating, react, stimulus
Combining “:has” and “:only-child” to Change Tab Containers (cri)12,785
css, selectors
Accessible Notifications With ARIA Live Regions (sar)12,784
accessibility, notifications, aria, live-regions
Accessible Notifications With ARIA Live Regions II (sar)12,783
accessibility, notifications, aria, live-regions
Disable Browser Caching With “meta” HTML Tags12,782
html, metadata, caching
Creating a Markdown Preprocessor for Svelte12,781
svelte, sveltekit, markdown, functionality
Why Did Frontend Development Become So Complicated?12,780
processes, complexity, career
Igalia Chats: Browser Politics and You (jaf+/iga)12,779
podcasts, web-platform
I Hate CORS12,778
videos, cors, security
Hover Contrast Bookmarklet (joe)12,777
bookmarklets, colors, contrast, focus, accessibility
“import myModule from "./my-module.torrent"”: Requiring Node Modules From BitTorrent (eva)12,776
nodejs, modules
Building a Clean and Scalable Frontend Architecture12,775
architecture, scalability, simplicity, maintainability
Web Component Gotcha: “constructor” vs. “connectedCallback” (nol)12,774
web-components, javascript, callbacks, comparisons
Using AI for Accessibility: Breaking Down Barriers in Content Creation?! (mor)12,773
accessibility, ai, content
Kind of Annoyed at React (cas)12,772
react