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