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

Frontend Dogma

News and Tools for Web Developers (11)

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