Life is about deciding who we are: Join us and decide to be for environmental protection, free education and generous social security, human rights and international law, and, of course, action against oppression and violence (starting with helping the people of occupied Palestine 🇵🇸)! Hide

Frontend Dogma

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

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

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