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

Frontend Dogma

News and Tools for Web Developers (12)

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

Entry (Sources) and TopicsDate#
Modern CSS Patterns in Campfire13,562
css, case-studies
JavaScript Visualized—Event Loop, Web APIs, (Micro)task Queue13,561
videos, javascript, visualization, event-loop, events, apis
How to Strongly Type process.env (mat)13,560
how-tos, typescript, nodejs
Heat Death of the Internet13,559
web
Building Components With Radix UI13,558
radix, components
AI and the Future of Web Accessibility Guidelines13,557
discussions, accessibility, wcag, standards, ai, w3c
A Complete Guide to CSS Logical Properties, With Cheat Sheet13,556
guides, css, logical-properties, cheat-sheets
In-Page Links: 3 Usability Tips (nng)13,555
videos, links, usability, tips-and-tricks
Wednesday, April 3, 2024 Security Releases (nod)13,554
release-notes, nodejs, security
Using JSON Web Tokens With Node.js13,553
json-web-tokens, nodejs, security, authentication
Theming Design Systems (per)13,552
design-systems, theming
The View Transitions API (cas/fro)13,551
view-transitions, apis, astro
Svelte Parses HTML All Wrong (ric)13,550
svelte, html, parsing
Introducing Jpegli: A New JPEG Coding Library13,549
introductions, jpeg, images, libraries, compression
How to Build a Simple Web Server With Node.js13,548
how-tos, servers, nodejs
Hanging Punctuation in CSS (ada)13,547
css, typography
Fluid Typography With Discrete Steps (css)13,546
css, typography, tips-and-tricks
Finally Understand Responsive Design13,545
videos, responsive-design, css
Building a Digital Fortress: How to Strengthen DNS Against DDoS Attacks?13,544
dns, security
BFCache Explained13,543
bfcache, browsers, performance
“aspect-ratio” Gotcha (css)13,542
css, aspect-ratio, images
An Advanced Way to Use CSS Variables (cfe)13,541
css, custom-properties
AI and the Web: Understanding and Managing the Impact of Machine Learning Models on the Web (don/w3c)13,540
ai, web
How-To: 5 Steps to Detect Invalid HTML Breaking Your [Site’s Performance] (erw)13,539
how-tos, html, conformance, performance
WordPress 6.5 “Regina” (pho/wor)13,538
release-notes, wordpress
WebAssembly at Google (tom)13,537
videos, webassembly, google
Learn JavaScript (wil/dev)13,536
courses, javascript
Infinite-Scrolling Logos in Flat HTML and Pure CSS (cit/sma)13,535
branding, scrolling, animations, techniques, css
How We’re Approaching Theming With Modern CSS (bel/pic)13,534
css, theming
How to Get Somebody Fired Using Git13,533
version-control, git, career
Drawing a Line to Connect Elements With CSS Anchor Positioning (cit/fro)13,532
css, anchor-positioning
Authentication in Next.js (rwi)13,531
authentication, nextjs
An Interactive Guide to CSS Container Queries (sha)13,530
guides, css, container-queries
The Era of High-Paying Tech Jobs Is Over13,529
programming, career, ai, economics
What Even Is a JSON Number?13,528
json, terminology
The Detail, the Quality13,527
design, quality
Micro Frontends With Native Federation13,526
micro-frontends, comparisons
Bun 1.1 (jar+/bun)13,525
release-notes, bun
A Complete Guide for Content Creators to Start Making Accessible Content (pop)13,524
guides, accessibility, content
14 Top UX Tools for Designers in 2024 (web)13,523
user-experience, tooling, link-lists
Why I Use Node, Deno, Bun, [QuickJS], [txiki.js] at the Same Time13,522
tooling, nodejs, deno, bun
Why I Care Deeply About Web Accessibility and You Should Too (sch)13,521
accessibility, web
The DevOps Basics13,520
dev-ops, fundamentals
Object Structure in JavaScript Engines13,519
objects, javascript, javascript-engines
Latest WebAIM’s Million—Some Thoughts (cer)13,518
accessibility
Kobold Letters (wed)13,517
html, email, support
10 JavaScript Sites Every Web Developer Should Know13,516
javascript, learning, link-lists
Some Samples Using UIkit13,515
uikit
Design Is a Process of Getting Stuck (fon)13,514
design, processes
What Negative Effects Does a Bad Website Design Have on My Business? (web)13,513
design, economics
The WebAIM Million: The 2024 Report on the Accessibility of the Top 1,000,000 Home Pages (web)13,512
studies, research, accessibility, homepages, metrics
The Power of “:has()” in CSS (css)13,511
css, selectors
The Easy Way to Access the Last JavaScript Array Element13,510
javascript, arrays
The Curious Case of the CSS Monochrome Media Query (sea)13,509
css, media-queries
“@ scope” Is Coming to CSS and It’s Amazing (kev)13,508
videos, css, scope
On “disabled” and “aria-disabled” Attributes (kit)13,507
accessibility, html, attributes, aria
Front-End Development’s Identity Crisis (ell)13,506
career
Figma Plugins (tmc)13,505
figma, plugins
History of JS Interop in Dart13,504
javascript, dart, interoperability, history
What’s New in DevTools, Chrome 124 (dev)13,503
release-notes, dev-tools, browsers, google, chrome
The Complete Guide to Captioned Videos (mer)13,502
guides, accessibility, captions, multimedia
Release Notes for Safari Technology Preview 191 (jon/web)13,501
release-notes, browsers, apple, safari
New to the Web Platform in March (rac/dev)13,500
release-notes, web-platform, browsers, mozilla, firefox, apple, safari, google, chrome
Improving the Developer Experience of Enterprise Design Systems13,499
design-systems, developer-experience, optimization
Finally Understanding How “Array.sort(comparator)” Works (jam)13,498
javascript, arrays
CSS Color-Scheme-Dependent Colors With “light-dark()” (bra/dev)13,497
css, functions, colors, dark-mode
A Guide to Building CLI Tools in JavaScript13,496
guides, tooling, command-line, javascript, nodejs
ai.robots.txt (cor)13,495
ai, crawling, scraping, robotstxt, tooling
Meet Angular’s New “output()” API (ang)13,494
angular, apis
What Even Are Dragging Movements? (cat)13,493
accessibility, interaction-design, terminology
Iterator Helpers13,492
ecmascript, javascript, javascript-engines, v8
In-App Browsers Are Still a Privacy, Security, and Choice Problem (tho/the)13,491
browsers, mobile, privacy, security
How I Fixed My Brutal TTFB (whi/sen)13,490
performance, metrics, optimization
Flickering Glowing Text Effect With CSS (man)13,489
css, effects
Convention Over Creativity? The Ups and Downs of UX Design (uxd)13,488
user-experience, design
What You Need to Know About Modern CSS (Spring 2024 Edition) (chr/fro)13,487
css, overviews
Quick Tip: How to Align Column Rows With CSS Subgrid13,486
tips-and-tricks, how-tos, css, grids, layout, alignment
Node v20.12.0 (LTS) (nod)13,485
release-notes, nodejs
How to Use jQuery’s “ajax()” Function for Asynchronous HTTP Requests13,484
how-tos, jquery, ajax, functions, asynchronicity
How to Take Control of Flexbox (kev)13,483
videos, how-tos, css, flexbox, layout
How Invalid HTML Elements Impact Web Performance (erw)13,482
html, conformance, performance
How Does npx Actually Work and When to Use It13,481
npx, nodejs
History of Web Accessibility13,480
videos, accessibility, history
Exploring the Power of ARIA Live Attribute in Web Accessibility13,479
accessibility, aria, attributes
CSS Anchor Positioning (tab+/w3c)13,478
standards, css, anchor-positioning
Be Flexible About What People Need (and Don’t Assume) (eri)13,477
accessibility
Animating Clip Paths on Scroll With “@ property” in CSS (uti)13,476
css, animations, scrolling, clipping, masking
How to Consolidate Multiple Design Systems (uxd)13,475
how-tos, design-systems, processes
Error Messages 101 (nng)13,474
videos, usability, errors, microcontent
Setting and Persisting Color Scheme Preferences With CSS and a “Touch” of JavaScript (ole/sma)13,473
colors, dark-mode, css, javascript
7 Simple Rules for Better Data Visualization13,472
information-design
How Does Single Sign-On (SSO) Work? (mil)13,471
authentication, security
CORS Finally Explained—Simply13,470
security, csrf, cors, concepts
Spicing Up Text With “text-emphasis” in CSS (ami)13,469
css, typography, effects
No One Actually Wants Accessibility13,468
accessibility
New CSS That Can Actually Be Used in 2024 (tho)13,467
css, logical-properties, container-queries, selectors, nesting, functions, cascade, grids
JavaScript Visualized: Promise Execution13,466
javascript, promises, visualization
Incredible JavaScript Animation Libraries13,465
javascript, animations, libraries, link-lists
Diving Into the Node.js Website Redesign (bri/nod)13,464
redesigning, case-studies
AI Can Make a Code Review for Free13,463
ai, code-reviews, tooling
Radix Themes 3.013,462
release-notes, radix
Profile Node.js Performance With the Performance Panel (jec+/dev)13,461
nodejs, performance, debugging, browsers, google, chrome, dev-tools
Learn OAuth 2.0 by Building Your Own OAuth Client13,460
authorization, oauth, functionality
ARIA “role=application” and Mobile Screen Readers (cer)13,459
accessibility, aria, screen-readers, mobile
12 Figma Tips to Work More Efficiently (uxd)13,458
figma, tips-and-tricks, efficiency
The “Current Branch” in Git (b0r)13,457
git
The Cost of Interrupted Work: More Speed and Stress13,456
research, productivity, processes
Quick Tip: How to Add Gradient Effects and Patterns to Text13,455
tips-and-tricks, how-tos, css, gradients, effects
Node.js TSC Confirms: No Intention to Remove npm From Distribution (sar/soc)13,454
nodejs, npm
Going Beyond Pixels and (r)ems in CSS—Absolute Length Units (uti/iod)13,453
css, units
Don’t Get Scammed by Fake Performance Experts and Apps13,452
performance, tooling
CSS Values and Units Module Level 3 (tab+/w3c)13,451
standards, css, units
CAPTCHA Excludes Disabled Web Users (zel)13,450
accessibility, captcha
Accessible Forms With Pseudo Classes (css)13,449
accessibility, forms, css, selectors
Microservices Promised Freedom but Delivered Dependencies (pur)13,448
microservices, dependencies
Avoid These Design System Traps13,447
design-systems
Welcome to Future of Web Accessibility Based on Predictors (jar+)13,446
videos, accessibility, outlooks
This Pattern Will Wreck Your React App’s TS Performance (mat)13,445
design-patterns, react, typescript, performance
Relicensing and Rug Pulls13,444
foss, licensing, history
Optimizing JavaScript for Fun and for Profit13,443
javascript, optimization
On the Gift of OKR for Company Culture (j9t)13,442
processes, okr, culture
On Popover Accessibility: What the Browser Does and Doesn’t Do (hdv+)13,441
accessibility, pop-overs, html
Node.js: The Documentary (isa+)13,440
videos, nodejs, history
How to Test 3.3.8 Accessible Authentication (Minimum) (sib/tpg)13,439
how-tos, accessibility, testing, authentication
“__dirname” Is Back in Node.js With ES Modules (phi)13,438
nodejs, esm
[Bulma] 1.0.013,437
release-notes, bulma
Building a Micro htmx SSR Framework (mco/pla)13,436
frameworks, htmx, examples
Angular Signals: Best Practices13,435
angular, signals, best-practices
Understanding Memory Heap and Memory Leaks—How the JS Engine Works (fro)13,434
javascript-engines, memory, garbage-collection, asynchronicity
The Box Model and Box Sizing (bel/pic)13,433
css, box-model, concepts
Psychology and UX: Decoding the Science Behind User Clicks13,432
user-experience, design, principles
Progressive Disclosure Defaults (ada)13,431
css, forms, interaction-design
How to Plan Your First Successful Website (web)13,430
how-tos, processes, project-management
How to Create a Website and a PDF From the Same Codebase (spa/clo)13,429
how-tos, code-generation, pdf, functionality
Folder Structures in React Projects13,428
react, architecture
Aesthetic Layouts: 2 Column Magazine With “shape-outside” (jhe)13,427
code-pens, layout, css
How to Assess Your Fit for a Job Description: A Guide for Technologists (wom)13,426
how-tos, guides, interviewing, career
Using Relative Colors (chr/mdn)13,425
css, colors
Chill Scroll Snapping: Article Headers (chr/fro)13,424
css, scrolling
Build a Full-Stack App With Node.js and htmx13,423
web-apps, nodejs, htmx
Accessibility Foundations (ihe/tpg)13,422
accessibility, fundamentals, link-lists
Observability Is an Illusion (pur)13,421
observability, logging, monitoring, alerting
A Designer’s Role Is Not “at the Table” (uxd)13,420
design, career
How Meta Improved Their Cache Consistency to 99.9999999913,419
facebook+meta, caching
“require(esm)” in Node.js (joy)13,418
nodejs, ecmascript, esm, commonjs
The Ultimate Guide to Understanding npx vs. npm13,417
guides, npx, npm, nodejs
The Power of Textual Content in UX Design (uxm)13,416
content, user-experience
Oh Sh*t, My App Is Successful and I Didn’t Think About Accessibility13,415
accessibility
Make a Web Browser: Beginner’s Guide (nim)13,414
guides, browsers, browser-engines
I’m So Old: Web Edition (dav)13,413
web, history
How Web-Site Design and Social Media Work Together (uxm)13,412
design, content, social-media
How to Kill the Cascade (fon)13,411
css, cascade, resets, scope
Every React Concept Explained in 12 Minutes13,410
videos, react, concepts
Empowering the User Experience Through Microinteractions: 7 Best Practices (uxm)13,409
user-experience, interaction-design, best-practices
Comparing ECMAScript Modules and CommonJS13,408
comparisons, esm, commonjs
Build a Node App With TypeScript (mat)13,407
nodejs, typescript, pnpm, esm
A Comparison of JavaScript CRDTs (alm)13,406
javascript, types, comparisons
Time to Ditch Analytics? Tracking Scripts and Web Sustainability (mic)13,405
embed-code, google, analytics, sustainability, performance, compliance
Why UI Designers Should Understand Flexbox and CSS Grid (uxd)13,404
design, layout, flexbox, grids, css
2024 Cheat Sheet Collection13,403
cheat-sheets, link-lists
Migrating Away From Jest and Achieving Over 90% Reduction in Running Time (pat)13,402
migrating, jest, testing, memory, performance
How Web Bloat Impacts Users With Slow Devices13,401
performance, metrics, comparisons, web
Copy Objects Ways in JavaScript13,400
javascript, objects
Webflow 101: A Guide for Beginners13,399
introductions, guides, webflow, low-and-no-code
Skeuomorphism (nng)13,398
design, terminology
Homepage Design: 5 Fundamental Principles (nng)13,397
design, homepages, principles
Quick Tip: Creating a Date Picker in React13,396
tips-and-tricks, react, functionality
How to Optimize Cumulative Layout Shift (CLS) on Shopify Sites (sia)13,395
how-tos, performance, web-vitals, optimization, shopify
How (In)Efficient Are Engineering Organizations?13,394
efficiency, processes, engineering-management
Deploying Remix to GitHub Pages13,393
videos, deploying, remix, github-pages
Accessibility in Design Systems: A Comprehensive Approach Through Documentation and Assets13,392
accessibility, design-systems, documentation, dei
When “Semantic Tokens” Are No Longer Semantic13,391
design-tokens, semantics
What Is Safe Alignment in CSS? (chr/fro)13,390
css, layout, user-experience
There Is No EU Cookie Banner Law13,389
consent-management, cookies, legal
The Golden Age of Accessibility13,388
accessibility
Qwik vs. Next.js: Which Framework Is Right for Your Next Web Project?13,387
frameworks, comparisons, qwik, nextjs
Performance Tooling in 2024 and Beyond (dev)13,386
performance, tooling, browsers, dev-tools, lighthouse, google
Make Your Functions More Reusable With Generics (mat)13,385
typescript, functions, generics, maintainability
Arguments for Opening Links in a New Tab or Window (gri/clo)13,384
links, usability
HTML Performance Optimization: Tips for Faster Loading Pages13,383
html, landing-pages, performance, optimization, tips-and-tricks
You Want “border-color: transparent”, Not “border: none” (dav/fro)13,382
css, borders, transparency, accessibility, contrast
What’s Next for a Global Design System (bra)13,381
design-systems
WCAG 2.2 Detective Skills13,380
accessibility, standards, wcag
There Are No Standards Police (mno)13,379
standards, policies, processes
The Problem With Data Attributes for Text Effects (man)13,378
html, custom-data, css, typography, effects
The Problem With AI (cfe)13,377
ai
Ruby Is Complicated13,376
html
Refactoring My Ugliest Code With Signal View Queries13,375
videos, refactoring, angular
My New Favorite CSS Trick: “will-change”13,374
css, animations, transitions, tips-and-tricks
How to Design Icons in Figma13,373
how-tos, images, icons, figma, design
How to Avoid Flaky Tests in Playwright13,372
how-tos, testing, flakiness, playwright
Another JS Registry—Seriously?! (den)13,371
videos, jsr, dependencies, javascript
A Beginner’s Guide to Node.js Worker Threads (bet)13,370
guides, nodejs, worker-threads
25 Unnoticeable Features of JavaScript13,369
javascript
Why Your Microservices Architecture Is Probably Overkill (and How I Learned to Love the Monolith Again) (pur)13,368
architecture, microservices, monoliths
Thoughts on Embedding Alternative Text Metadata Into Images (eri)13,367
accessibility, images, metadata
The Essential Guide to Microcopy and Becoming a More Literate Designer13,366
guides, design, microcontent, content, writing
The “10× Engineer”: 50 Years Ago and Now (ger)13,365
productivity, processes, career, history
Spread vs. Rest Operators in JavaScript13,364
javascript, operators, comparisons
Runtime Compatibility (asc+)13,363
websites, runtimes, interoperability, comparisons, bun, deno, netlify, nodejs
Marking the Web’s 35th Birthday: An Open Letter (tim)13,362
web, history, anniversaries
Interaction to Next Paint Is Officially a Core Web Vital (rvi/dev)13,361
performance, web-vitals
How to Read Files Quickly in JavaScript (lem)13,360
how-tos, javascript, file-handling
Building Websites and Building Websites Well (j9t)13,359
quality, craft, community
A Letter to My Younger Self, as an Accessibility Advocate (hbu)13,358
accessibility, advocacy, retrospectives
5 Exciting New JavaScript Features in 202413,357
javascript
What Is INP and Why You Should Care (whi/sen)13,356
performance, web-vitals, monitoring
Streaming HTML (chr/fro)13,355
html, php, streaming
JSON Canvas13,354
websites, standards, json, canvas
IDEs vs. Code Editors: Everything You Need to Know (jet)13,353
code-editors, comparisons, concepts
Have You Optimized for INP?13,352
performance, web-vitals, optimization
Express.js With TypeScript—Setup, Examples, Testing13,351
videos, express, typescript, testing, examples
Distinguishing Between ARIA and Native HTML Attributes (deq)13,350
html, aria, attributes, accessibility, comparisons
Comparing JavaScript Frameworks: Templates13,349
javascript, frameworks, templates, comparisons
Are We Watching the Internet Die? (edz)13,348
web
Announcing Speedometer 3.0: A Shared Browser Benchmark for Web Application Responsiveness13,347
performance, tooling, metrics
Alt Text for CSS Generated Content (tem)13,346
css, generated-content, alt-text, accessibility
Accessibility: Implementing Focus Traps13,345
accessibility, focus, keyboard-navigation
A Gentle Introduction to Generics in TypeScript13,344
introductions, typescript, generics
Optimising Your Design System With Figma’s Variables (uxd)13,343
design-systems, optimization, variables, figma
Things I Learned While Building My JS Library13,342
javascript, libraries, lessons
CSS Button Styles You Might Not Know (dbu)13,341
html, css, buttons
Replace ESLint and Prettier With Biome.js13,340
biome, eslint, prettier, comparisons, tooling, remix
Jakob Has Jumped the Shark (aar)13,339
accessibility, link-lists
How to Invert the Colors Using CSS (ron)13,338
css, colors, filters, images
eslint-plugin-depend13,337
packages, npm, maintenance, simplicity
Access by a Thousand Curb Cuts (yat)13,336
accessibility
Creating Color Palettes With the CSS “color-mix()” Function (mic)13,335
css, functions, colors, color-palettes
Add Superpowers to Your CSS Variables With Style Queries (jar/van)13,334
css, style-queries, custom-properties
Navigating the Future of Frontend13,333
frameworks, web-platform, outlooks
Modern CSS Tooltips and Speech Bubbles II (css/sma)13,332
tooltips, css, techniques
How “HEAD” Works in Git (b0r)13,331
git
Dissecting Layered Architecture (yok)13,330
architecture
Asking Users for Their Pronouns: A Guide for UX Designers13,329
guides, user-experience, communication
How to Check and Set the “NODE_ENV” Environment Variable and Its Use in a Project13,328
how-tos, nodejs, environments
AVIF Is the Future of Web Images13,327
images, avif, performance, outlooks
The Quiet, Pervasive Devaluation of Frontend (col)13,326
html, css, craft, career, community
Some Little Ways I’m Using CSS “:has()” in the Real World (bel/pic)13,325
css, selectors, examples
Managing Static Files in Django: A Comprehensive Guide13,324
guides, django, file-handling
How to Test 2.5.8 Target Size (Minimum) (sib/tpg)13,323
how-tos, accessibility, testing
90% of Designers are Unhirable? (uxd)13,322
design, processes, career
WebAssembly JSPI Is Going to Origin Trial13,321
webassembly
The Ultimate Guide to Choosing the Best React Website Builder13,320
guides, react, tooling, comparisons, link-lists
The End of My Gatsby Journey (mon)13,319
gatsby, frameworks, comparisons
Taming the Shadow DOM: Injecting Global Styles With Adopted Stylesheets13,318
shadow-dom, dom, css
SSG, SSR, ISR, CSR Rendering Strategies in Next.js (fro)13,317
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,316
design, usability, buttons
Simplify Your CSS Using “:is()” and “:where()” Pseudo-Classes (zor/css)13,315
videos, css, selectors
Release Notes for Safari Technology Preview 190 (jon/web)13,314
release-notes, browsers, apple, safari
Making Room for Long List Markers With Subgrid (nol)13,313
html, lists, css, grids
Internationalization With Remix (rem)13,312
remix, internationalization
Exploring the Creative Power of CSS Filters and Blending13,311
css, blend-modes, filters, effects
Announcing TypeScript 5.4 (dan/typ)13,310
release-notes, typescript
5 Ways Productivity Culture Kills Business Agility13,309
productivity, agile, economics, culture
10 Figma Keyboard Shortcuts: A Cheat Sheet for UX Designers13,308
figma, keyboard-shortcuts, cheat-sheets, design
Data Table Design Patterns (uxd)13,307
information-design, tables, design-patterns
How to Ensure Your Designs Work if You Can’t Access Sample Data (uxd)13,306
how-tos, design, usability, metrics, testing
WebKit Features in Safari 17.4 (jen+/web)13,305
release-notes, browsers, apple, safari, webkit
How to Use WebSockets in Node.js to Create Real-Time Apps (cra)13,304
how-tos, websockets, nodejs
Best Practices for Inclusive Design13,303
design, dei, accessibility, best-practices
SemVer Simplified: An Introduction to Semantic Versioning13,302
introductions, semver, versioning
When We Talk About Front-End Performance, What Are We Talking About13,301
performance, metrics, web-vitals, lighthouse, google
WCAG? More Like, W-What?! (stv)13,300
accessibility, wcag, link-lists
The 88×31 Archive13,299
web, images, history
Modern Git Commands and Features You Should Be Using13,298
git, command-line
JSR: Second Look (dbu)13,297
jsr
JavaScript Runs the World—Maybe Even Literally (wir)13,296
javascript, programming, web
Designing for Mobile Accessibility: Enhancing the User Experience on Small Screens (uxm)13,295
design, accessibility, user-experience, mobile
Achieving Design Collegiality While Maintaining Psychological Safety (uxm)13,294
design, collaboration
VPS Showdown—March 2024—DigitalOcean vs. Linode vs. Vultr13,293
servers, hosting, comparisons, metrics
Visualizing Frontend Architecture (max)13,292
architecture, documentation, visualization
We Need to Talk About Jakob (mat)13,291
accessibility
Tools That Make Me Productive as a Software Engineer13,290
tooling, productivity, link-lists
How npm Install Scripts Can Be Weaponized: A Real-World Example of a Harmful npm Package (eth)13,289
npm, dependencies, examples, security
CSS for Printing to Paper13,288
css, print
Bugs I’ve Filed on Browsers (nol)13,287
browsers, chromium, firefox, webkit, quality
Accessibility Has Not Failed—It Has Not Even Started for Real (cer)13,286
accessibility, ai
Accessibility Darkness (ste)13,285
accessibility, overlays
Planning a Design System Generation (nat)13,284
design-systems, automation
Emerging UX Patterns in Generative AI Experiences (uxd)13,283
user-experience, design-patterns, ai
The Hunt for the Missing Data Type (hil)13,282
types, algorithms
The Faster Lambda Runtime—Node.js or LLRT? We Benchmarked13,281
aws, lambda, javascript, runtimes, nodejs, comparisons, metrics
Go Ahead and Block AI Web Crawlers (cor)13,280
robotstxt, crawling, scraping, ai
Design System Generations (nat)13,279
design-systems, processes
Retrofitting Fluid Typography (ric)13,278
liquid-design, typography, css
Web Tech Trends to Watch in 2024 and Beyond (web)13,277
trends, design, dark-mode, ai, sustainability, minimalism
TIL—“submit()” Versus “requestSubmit()” (ray)13,276
javascript, comparisons
Team Productivity Metrics for Engineering Managers13,275
productivity, metrics, engineering-management
Modern CSS Tooltips and Speech Bubbles (css/sma)13,274
tooltips, css, techniques
Introducing JSR—the JavaScript Registry (lca+/den)13,273
introductions, jsr, deno, dependencies, javascript
Eloquent JavaScript (mar)13,272
websites, books, javascript
Apple Says iOS 17.4 Won’t Remove Home Screen Web Apps in the EU After All13,271
browsers, apple, mobile, web-apps
Apple Backs Off Killing Web Apps, but the Fight Continues (owa)13,270
web-apps, apple
An Introduction to Webflow—the No-Code Website Builder13,269
introductions, webflow, low-and-no-code
“AI” and Accessible Front-End Components: Is the Nuance Generatable? (hdv)13,268
accessibility, web-components, ai
A Love Letter to the Underrepresented in Tech13,267
community
Why Does “is-number” Package Have 59M Weekly Downloads?13,266
dependencies, npm
What You Need to Know About Software Requirements13,265
software-design, best-practices
What Is Inclusive Design, and How Does It Relate to Accessibility?13,264
design, dei, accessibility
Understanding Cookies and Sessions in React13,263
react, authentication, cookies
The Wax and the Wane of the Web (ste/ali)13,262
web-platform, history
Techniques to Break Words (aar)13,261
techniques, html, css, content
New to the Web Platform in February (rac/dev)13,260
release-notes, web-platform, browsers, mozilla, firefox, google, chrome, apple, safari
Keyboard Accessibility Testing on Mobile Devices13,259
accessibility, testing, keyboard-navigation, mobile
Diving Into CSS Interactivity (daw+/sto)13,258
videos, css
Choosing the Right Node.js Package Manager in 2024: A Comparative Guide (nod)13,257
guides, nodejs, dependencies, comparisons
Accessibility Has Failed: Try Generative UI = Individualized UX13,256
accessibility, usability, ai, outlooks
Creativity Lies in the Paradoxes (uxd)13,255
creativity, design
Ultimate Guide to Visual Testing With Playwright13,254
guides, testing, regressions, playwright
Top 8 Recent V8 in Node Updates (app)13,253
nodejs, v8
Test Quality vs. Bashing Tailwind CSS (mar)13,252
tailwind, css, comparisons
So, What Exactly Did Apple Break in the EU? (tom)13,251
browsers, apple, mobile, support, web-apps, apis
Making Math Accessible (ons/tpg)13,250
accessibility, math
How to Create a Sidebar Navigation With Astro, Tailwind CSS, and Alpine.js13,249
how-tos, navigation, functionality, astro, tailwind, alpinejs
Going Beyond Pixels and (r)ems in CSS—Container Query Length Units (uti/iod)13,248
css, container-queries, units
Enhanced Internationalization (I18N) in Next.js 1413,247
nextjs, internationalization
Apple vs. PWAs—Go Act Now and Help Avoid This Disaster… (cod)13,246
apple, web-apps, progressive-web-apps, community
An HTML Switch Control (ann+/web)13,245
html, css, forms
The 3 Capabilities Designers Need to Build for the AI Era (uxd)13,244
design, career, training, ai, link-lists
Tumblr and WordPress to Sell Users’ Data to Train AI Tools (404)13,243
wordpress, ai
YouTube Video Embedding Harm Reduction (jvo)13,242
multimedia, embed-code, youtube, html, privacy
What Is Vuetify in Vue.js?13,241
vuetify, vuejs
ServerlessHorrors (and)13,240
websites, serverless, cloud-computing
Screen Readers and Drag-and-Drop: Grabbing and Releasing Elements (dar)13,239
accessibility, browsers, screen-readers, support
Reporting Core Web Vitals With the Performance API (geo/sma)13,238
apis, performance, web-vitals
How to Use Server-Sent Events in Node.js (cra)13,237
how-tos, nodejs, events
How to Lazy-Load CodePen and CanIUse Embeds13,236
how-tos, embed-code, performance, codepen, caniuse
Here Lies the Internet, Murdered by Generative AI13,235
web, content, ai
AI and Design Systems (bra)13,234
ai, design-systems
A Simple Mistake That Can Screw Up Your Light/Dark Theme (and How to Fix It) (kev)13,233
videos, mistakes, dark-mode, css
A Guide to CSS Cursor Types13,232
guides, css, cursors
A Fun Line of Code (dbu)13,231
javascript, apis, multimedia
Advanced Figma Tips and Tricks 2024: Little Gems We Love (uxd)13,230
figma, tips-and-tricks
CSS Foundations: What Is IACVT? (bra)13,229
css, fundamentals
Why I Use Firefox (sim)13,228
browsers, mozilla, firefox
What Is a Single-Page Application? (hey)13,227
single-page-apps, javascript, performance, user-experience
The CSS Cascade—a (Re)Introduction (mat)13,226
videos, css, cascade
Speaker Spotlight: Michelle Barker (mic)13,225
interviews, css, sustainability
Open Letter to Tim Cook, Sabotaging Web Apps Is Indefensible (owa)13,224
apple, web-apps
No Outer Margin13,223
css, margins, spacing, components
How to Build a Newthing13,222
how-tos, processes, creativity, maintenance
CSS-Only Bottom-Anchored Scrolling Area (kit)13,221
css, scrolling
A Web Designer’s Accessibility Advocacy Toolkit (sma)13,220
accessibility, advocacy, strategies
10 Takeaways From the WebAIM Screenreader Survey #10 (kar)13,219
accessibility, screen-readers
Home Screen Advantage (sli)13,218
browsers, apple, mobile, support, web-apps, web-platform
The Power of Patterns and Playbooks in Content Design (kat/uxd)13,217
design, content, design-patterns
WebAIM Screen Reader User Survey 10 (den)13,216
accessibility, screen-readers
Understanding Event-Driven Architecture13,215
architecture, events
Navigating Signals: An Efficient Alternative to React Hooks for Enhanced Performance and Optimization13,214
react, hooks, signals
My WebAIM 10th SR User Survey Takeaways (aar)13,213
accessibility, screen-readers
JSDoc as an Alternative TypeScript Syntax13,212
typescript, documentation, jsdoc
CSS “:has()” Interactive Guide (sha)13,211
guides, css, selectors
CAPTCHA Is Still [the] Most Problematic Issue on the Web (cer)13,210
accessibility, web, captcha
Why My Code Isn’t in TypeScript (rem)13,209
typescript
Proposal: CSS Variable Groups (lea)13,208
css, variables
A Developer’s Guide for Web Accessibility13,207
guides, accessibility
Navbar Gallery13,206
websites, navigation, design-patterns, examples
JavaScript Bloat in 2024 (nik)13,205
javascript, performance
UX Leadership Is Failing (and What We Can Do About It) (uxd)13,204
user-experience, leadership
Vanilla JavaScript, Libraries, and the Quest for Stateful DOM Rendering (sma)13,203
javascript, libraries, client-side-rendering, state-management
JSR: What We Know So Far About Deno’s New JavaScript Package Registry (sar/soc)13,202
jsr, deno, dependencies, javascript
htmx vs. React: A Complete Comparison13,201
htmx, react, comparisons
Filling Gaps With a Polyfill (jay)13,200
polyfills, html, css, javascript, history
Difference Between the Accessibility Page and the Accessibility Statement13,199
accessibility, documentation, comparisons
Building Dynamic Progress Bars Using Only CSS (ami)13,198
css, progress-indicators
ARIA (Are Ya) Afraid of the Dark? Unmasking Common HTML Monsters to Create Better User Experiences (deq)13,197
videos, accessibility, aria, html, user-experience
Discovering Web Automation and Scraping (gli)13,196
scraping, automation, tooling
The One Trick Every Flutter Web Dev Needs to Know13,195
tips-and-tricks, flutter, performance
Making of True Multi-Brand Design System (uxd)13,194
design-systems, theming
CSS “::backdrop” Now Inherits From Its Originating Element (bra)13,193
css, selectors
View Transitions: Handling Aspect Ratio Changes (jaf)13,192
css, view-transitions, aspect-ratio
Syntax Highlighting With No Spans?! (chr/fro)13,191
css, apis, syntax-highlighting
Release Notes for Safari Technology Preview 189 (jon/web)13,190
release-notes, browsers, apple, safari
Parallax Effect With CSS Custom Properties (fro)13,189
css, custom-properties, effects, parallax
Node.js 2023 Year in an Article (raf)13,188
nodejs, retrospectives
Next.js vs. Remix—a Developer’s Dilemma13,187
nextjs, remix, comparisons
My Favourite Animation Trick: Exponential Smoothing (lis)13,186
animations, tips-and-tricks
How to Optimize the Web for the Worst User Conditions?13,185
how-tos, user-experience, responsive-design, performance, optimization
10 Best “Create React App” Alternatives for Different Use Cases13,184
react, frameworks, tech-stacks, comparisons, link-lists
Design Patterns That Encourage Junk Data (mic)13,183
design-patterns, sustainability, economics, storage, email
Preventing SQL Injection Attacks in Node.js13,182
security, nodejs, databases, sql
How to Make a Cursor Image Hover Effect With CSS and JS13,181
how-tos, css, javascript, images, cursors
My Design System Journey: Building the Plane While Flying (uxd)13,180
design-systems, collaboration, processes
Why Is JavaScript Fragile? (cfe)13,179
javascript
“random()” Distribution Visualizer13,178
javascript, randomness, visualization
Okay, Color Spaces (eee)13,177
colors, oklch
How to Use Local Storage in JavaScript (fre)13,176
how-tos, browser-storage, javascript
How to Transfer Binary Data Efficiently Across Worker Threads in Node.js13,175
how-tos, nodejs, worker-threads
Does Your Design Conform With WCAG Accessibility Guidelines—or Does It Comply? (deq)13,174
videos, accessibility, wcag, guidelines, compliance
CSS-Only Radial Progress Bars Using Conic Gradients13,173
videos, css, gradients, progress-indicators
Control Lazy Load, Infinite Scroll, and Animations in React13,172
react, lazy-loading, scrolling, animations, javascript
A Practical Guide to Using Shadow DOM (may)13,171
guides, dom, shadow-dom
A Practical Guide to Designing for Colorblind People (vit/sma)13,170
guides, accessibility, design, colors, color-blindness
Responsive Web Design: 3 Key Fundamentals (nng)13,169
videos, responsive-design, fundamentals
What Is Utility-First CSS? (hey)13,168
css, presentational-html, principles
“Web Design as a Process” in Charts: Maintenance, Decay, Tech Debt, and Big Bang Launching (j9t)13,167
content, design, design-debt, technical-debt, maintenance, processes, visualization
[Web Accessibility] Survey Results13,166
accessibility, surveys
The Fifty-Fifty Split and Overflow (hex)13,165
css, overflow, layout
How to Design an Accessible Web Site for People With Color-Deficient Vision (uxm)13,164
how-tos, accessibility, dei, user-experience, colors, contrast, readability
Fostering a Collaborative Onboarding Team to Design Better Onboarding Experiences (uxm)13,163
collaboration, onboarding, user-experience
7 Effective Ways to Craft Compelling Problem Statements for UX Design (uxm)13,162
user-experience, product-management, processes
17 Equations That Changed the World—Rewritten in JavaScript13,161
javascript, math
100 Things You Can Do on Your Personal Website (cap)13,160
blogging, writing, indieweb
Syntax Highlighting Code Snippets With Prism and the Custom Highlight API (bra)13,159
apis, javascript, css, syntax-highlighting
Tailwind Marketing and Misinformation Engine13,158
tailwind, css, semantics, principles, maintainability, marketing
Don’t Care About Accessibility? Resistance Is Futile! (cer)13,157
accessibility
Understanding React “useEffect”13,156
react, hooks
JavaScript Workers13,155
videos, javascript, web-workers
JavaScript on Demand: How Qwik Differs From React Hydration (the)13,154
javascript, qwik, react, hydration, comparisons
A Manifesto for Small, Static, Web Apps (ros)13,153
manifestos, web-apps, principles
UI = ƒ(statesⁿ) (dav)13,152
design, state-management
Popular Git Config Options (b0r)13,151
git, configuration
It’s Official, Apple Kills Web Apps in the EU (owa)13,150
web-apps, apple
How to Set Up a Node Server With TypeScript in 2024 (jle)13,149
how-tos, nodejs, servers, typescript
Frontend Application Security: Tips and Tricks13,148
web-apps, security, xss, csrf, authentication, dependencies, csp, validation, tips-and-tricks
Be a Better Developer With These Git Good Practices13,147
git, best-practices, conventions, consistency, code-reviews
Top 20 JavaScript One-Liners That Don’t Actually Work (dar)13,146
javascript
React Labs: What We’ve Been Working On—February 2024 (rea)13,145
react
Playing With Infinity in CSS (lon)13,144
css, math
Making the Most of Ligatures (man)13,143
css, typography
How I Developed the 10 Usability Heuristics13,142
usability, heuristics, history
Getting to an Accessibility Strategy13,141
accessibility, strategies, processes
Future of CSS: Functions and Mixins13,140
css, functions, mixins
Full Guide on How to Hire Front-End Developers Effectively13,139
guides, how-tos, hiring, career
CSS “:is(.awesome)” (mar/cfe)13,138
videos, css, selectors, techniques
ARIA “note” (aar)13,137
accessibility, aria, browsers, screen-readers, support
A Dozen Thoughts About AI (dav)13,136
ai
Scroll-Driven Animations: You Want “overflow: clip”, not “overflow: hidden” (bra)13,135
css, overflow, scrolling, animations
When It Says “Name From Author” It Means From You, Not Boll or Bukowski (ste)13,134
accessibility, aria, naming
What Is the Difference Between ASP and ASP.NET?13,133
asp, asp-net, comparisons
What Is Lighthouse Speed Index (SI) and How to Reduce It13,132
performance, metrics, lighthouse, google
Wednesday, February 14, 2024 Security Releases (raf+/nod)13,131
release-notes, nodejs, security
The Text File That Runs the Internet (dav/ver)13,130
robotstxt, crawling, scraping, ai, web
Reasonable WCAG Additions (a11)13,129
accessibility, wcag
Input Type “date”: The Accessibility of HTML Date Picker13,128
accessibility, forms
How Accessibility Standards Can Empower Better Chart Visual Design (sma)13,127
accessibility, contrast, colors, information-design
Selenium Automation Testing: A Step-by-Step Beginners Guide13,126
guides, selenium, testing, automation
Building htmx and Go Web Apps With Gemini Advanced13,125
videos, web-apps, htmx, go, ai, gemini
Why I Like Scrumban (j9t)13,124
processes, agile, scrum, kanban
The New CSS Math: “pow()”, “sqrt()”, and Exponential Friends (dan)13,123
css, functions, math
The Best CSS Frameworks to Use in Your Projects for 2024 and Beyond (fre)13,122
css, frameworks, comparisons, bootstrap, tailwind, foundation, bulma, pure
How to Fix the Invisible Scrollbar Issue in iOS Browsers (sim/fro)13,121
how-tos, browsers, mobile, scrolling, css
How to Center a Div (jos)13,120
how-tos, css, centering
CSS Color Module Level 4 (tab+/w3c)13,119
standards, css, colors
Be Aware of Arrays—V8 Engine Advice13,118
javascript, javascript-engines, v8, arrays
An Introduction to Node.js Multithreading (cra)13,117
introductions, nodejs, multithreading
Advanced Architecture for AI Application (aka AAAA) (aus)13,116
ai, architecture, edge-computing, optimization
A Practical Guide to Designing for Children (vit/sma)13,115
guides, design, link-lists
You Want to Make It Easy to Feature Your Content (fro)13,114
frontend-dogma, content, community
The ü/ü Conundrum13,113
javascript, unicode, encoding
The Anatomy of Addictive Content (moz)13,112
content, writing, seo
React, Solid, htmx13,111
react, solidjs, htmx, comparisons
Learn TypeScript (jad)13,110
websites, courses, typescript
How to Choose the Best Static Site Generator in 202413,109
how-tos, site-generators, gatsby, jekyll, nuxt, nextjs, hugo, eleventy, vuejs
How to Boost WordPress Security and Protect Your SEO Ranking13,108
how-tos, wordpress, security, seo
Can Generative AI Help Write Accessible Code? (tin/tet)13,107
accessibility, code-generation, ai
A CSS Project Boilerplate (bel/pic)13,106
css, tailwind, templates
Using Recursive CSS to Change Styles Based on Depth (cri)13,105
css, selectors
Names Are Complex: Displaying Initials for an Avatar Component in a Design System (hey)13,104
naming, design, case-studies
Dynamic Text Color Contrast Based on Background Lightness With CSS/SVG Filters (miu)13,103
css, svg, filters, colors, contrast
CSS Mixins and Functions Explainer (mia/odd)13,102
css, mixins, functions
Navigating Prioritization: Four Approaches (cwo)13,101
project-management, prioritization, processes
Don’t Disable Form Controls (aar)13,100
accessibility, usability, forms, buttons
The Front-End Development We’re Used to Is Dying13,099
career, simplicity, complexity
HTML as the Baseline (cfe)13,098
html, progressive-enhancement
Have We Forgotten How to Build Ethical Things for the Web? (nic)13,097
web, ethics
Everything You Need to Know About Image Formats in 2024 (web)13,096
images, jpeg, png, gif, webp, avif, pdf, svg
Accelerating Code Reviews With Nudges13,095
research, code-reviews, productivity, experiments, facebook+meta
What Is a Descriptive Transcript?13,094
accessibility, multimedia
The Accessibility Mindset: Moving Beyond Remediating, Fixing, and Reacting (a11)13,093
videos, accessibility
So You Think You Know Git13,092
videos, git
Node.js Community Debate Intensifies Over Enabling Corepack by Default and Potentially Unbundling npm (sar/soc)13,091
nodejs, corepack, npm, yarn, pnpm, dependencies
Is [“* { min-width: 0; }”] a Good Idea? (kev)13,090
videos, css
In Its Tantrum With Europe, Apple Broke Web Apps in iOS 17 Beta, Still Hasn’t Fixed Them (tho/the)13,089
web-apps, browsers, apple, mobile
Going Beyond Pixels and (r)ems in CSS—Relative Length Units Based on the Viewport (uti/iod)13,088
viewport, css, units
Git Tips: Really Large Repositories13,087
git, monorepos, tips-and-tricks
Frequently Heard in My Beginning Front-End Web Development Class (geo/sma)13,086
learning, career
Patterns in Design Systems (ikn)13,085
design-systems, design-patterns, components
Web Development Is Getting Too Complex, and It May Be Our Fault (mon/sma)13,084
web-platform, frameworks, tech-stacks, complexity
Release Notes for Safari Technology Preview 188 (jon/web)13,083
release-notes, browsers, apple, safari
Opportunities for AI in Accessibility (aar/ali)13,082
accessibility, ai
Offloading JavaScript With Custom Properties (hey)13,081
javascript, css, custom-properties
CSS Is Logical (geo)13,080
css
10 Best Automated AI Code Review Tools 202413,079
ai, automation, code-reviews, tooling, comparisons, link-lists
UI Elements Are Not So Elementary (uxd)13,078
design, design-patterns
Designing User Onboarding: Lessons From Figma, Duolingo, and More (uxd)13,077
lessons, onboarding, design, user-experience, figma
A Beginner’s Guide to Seamless Open-Source Contributions (wom)13,076
guides, foss
When to Use the “min()” or “max()” Function (css)13,075
css, functions, tips-and-tricks
Remix Takes on Next.js in Battle of the React Frameworks (ric/the)13,074
frameworks, react, remix, nextjs
Malicious npm Package Masquerades as Noblox.js, Targeting Roblox Users for Data Theft (sar/soc)13,073
npm, dependencies, security
Lines of Code—How to Not Measure Code Quality and Developer Efficiency (cod)13,072
metrics, quality, efficiency, productivity
Lessons Learned Moving Eleventy From CommonJS to ESM in 2024 (zac/cfe)13,071
videos, lessons, eleventy, commonjs, esm, refactoring
jQuery 4.0.0 Beta (tim/jqu)13,070
release-notes, jquery
JavaScript vs. Python: Which One Should You Learn First?13,069
javascript, python, comparisons
JavaScript Promises Demystified13,068
javascript, promises
In Praise of the “switch” Statement (chi)13,067
javascript
Immutable Array Updates With “Array.prototype.with” (jad/dev)13,066
javascript, arrays, prototypes, browsers, support
Doing What’s Required: Indicating Mandatory Fields in an Accessible Way (tpg)13,065
accessibility, usability, forms, errors
Detect Caps Lock With JavaScript (dav)13,064
javascript
A Guide to Designing for Older Adults (vit/sma)13,063
guides, design, accessibility