Tech is political: The people under attack in Palestine 🇵🇸, Iran 🇮🇷, and Lebanon 🇱🇧 are people like us. They’re our brothers and sisters, too. Read up on their history, scrutinize what you’re told, and demand that they be respected. Hide

Frontend Dogma

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

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

Entry (Sources) and TopicsDate#
“AI” Won’t Solve Accessibility (yat)14628
accessibility, ai
Building Components With Radix UI14627
radix, components
A Complete Guide to CSS Logical Properties, With Cheat Sheet (ral)14626
guides, css, logical-properties, cheat-sheets
AI and the Future of Web Accessibility Guidelines14625
discussions, accessibility, wcag, standards, ai, w3c
The V8 Sandbox14624
v8, security
JavaScript Visualized—Event Loop, Web APIs, (Micro)task Queue14623
videos, javascript, visualization, event-loop, events, apis
When to Use “tabindex="0"” (gra/tet)14622
accessibility, keyboard-navigation, focus, html
The Basics of Legibility14621
fundamentals, typography, legibility
Rounded Tabs With Inner Curves (css)14620
css, effects, tips-and-tricks
Modern CSS Patterns in Campfire14619
css, case-studies
How to Strongly Type process.env (mat)14618
how-tos, typescript, nodejs
Heat Death of the Internet14617
web
Introducing Jpegli: A New JPEG Coding Library14616
introductions, jpeg, images, libraries, compression
Building a Digital Fortress: How to Strengthen DNS Against DDoS Attacks?14615
dns, security
Using JSON Web Tokens With Node.js14614
json-web-tokens, nodejs, security, authentication
How to Build a Simple Web Server With Node.js14613
how-tos, servers, nodejs
In-Page Links: 3 Usability Tips (nng)14612
videos, links, usability, tips-and-tricks
Wednesday, April 3, 2024 Security Releases (nod)14611
release-notes, nodejs, security
Theming Design Systems (per)14610
design-systems, theming
The View Transitions API (cas/fro)14609
view-transitions, apis, astro
Svelte Parses HTML All Wrong (ric)14608
svelte, html, parsing
Hanging Punctuation in CSS (ada)14607
css, typography
Fluid Typography With Discrete Steps (css)14606
css, typography, tips-and-tricks
Finally Understand Responsive Design14605
videos, responsive-design, css
BFCache Explained14604
bfcache, browsers, performance
“aspect-ratio” Gotcha (css)14603
css, aspect-ratio, images
An Advanced Way to Use CSS Variables (cfe)14602
css, custom-properties
AI and the Web: Understanding and Managing the Impact of Machine Learning Models on the Web (don/w3c)14601
ai, web
Learn JavaScript (wil)14600
courses, javascript
WordPress 6.5 “Regina” (pho/wor)14599
release-notes, wordpress
How-To: 5 Steps to Detect Invalid HTML Breaking Your [Site’s Performance] (erw)14598
how-tos, html, conformance, performance
WebAssembly at Google (tom)14597
videos, webassembly, google
Infinite-Scrolling Logos in Flat HTML and Pure CSS (cit/sma)14596
branding, scrolling, animations, techniques, css
How We’re Approaching Theming With Modern CSS (bel/pic)14595
css, theming
How to Get Somebody Fired Using Git14594
version-control, git, career
Drawing a Line to Connect Elements With CSS Anchor Positioning (cit/fro)14593
css, anchor-positioning
Authentication in Next.js (rwi)14592
authentication, nextjs
An Interactive Guide to CSS Container Queries (sha)14591
guides, css, container-queries
The Era of High-Paying Tech Jobs Is Over14590
programming, career, ai, economics
Introducing Root.js14589
introductions, tooling, content-management
What Even Is a JSON Number?14588
json, terminology
The Detail, the Quality14587
design, quality
Micro Frontends With Native Federation14586
micro-frontends, comparisons
Bun 1.1 (jar+/bun)14585
release-notes, bun
A Complete Guide for Content Creators to Start Making Accessible Content (pop)14584
guides, accessibility, content
14 Top UX Tools for Designers in 2024 (web)14583
user-experience, tooling, link-lists
Disable AWS CloudFront Distributions if Budget Is Exceeded14582
aws, cloudfront, configuration, economics
Why I Use Node, Deno, Bun, [QuickJS], [txiki.js] at the Same Time14581
tooling, nodejs, deno, bun, quickjs
Why I Care Deeply About Web Accessibility and You Should Too (sch)14580
accessibility, web
The DevOps Basics14579
dev-ops, fundamentals
Object Structure in JavaScript Engines14578
objects, javascript, javascript-engines
Latest WebAIM’s Million—Some Thoughts (cer)14577
accessibility
Kobold Letters (wed)14576
html, email, support
10 JavaScript Sites Every Web Developer Should Know14575
javascript, learning, link-lists
Some Samples Using UIkit14574
uikit
Design Is a Process of Getting Stuck (fon)14573
design, processes
“@scope” Is Coming to CSS and It’s Amazing (kev)14572
videos, css, scope
What Negative Effects Does a Bad Website Design Have on My Business? (web)14571
design, economics
The WebAIM Million: The 2024 Report on the Accessibility of the Top 1,000,000 Home Pages (web)14570
studies, research, accessibility, homepages, metrics
The Power of “:has()” in CSS (css)14569
css, selectors
The Easy Way to Access the Last JavaScript Array Element14568
javascript, arrays
The Curious Case of the CSS Monochrome Media Query (sea)14567
css, media-queries
On “disabled” and “aria-disabled” Attributes (kit)14566
accessibility, html, attributes, aria
Front-End Development’s Identity Crisis (ell)14565
career
Figma Plugins (tmc)14564
figma, plugins
What’s New in DevTools, Chrome 12414563
release-notes, dev-tools, browsers, google, chrome
CSS Color-Scheme-Dependent Colors With “light-dark()” (bra)14562
css, functions, colors, dark-mode
New to the Web Platform in March (rac)14561
release-notes, web-platform, browsers, mozilla, firefox, apple, safari, google, chrome
History of JS Interop in Dart14560
javascript, dart, interoperability, history
The Complete Guide to Captioned Videos (mer)14559
guides, accessibility, captions, multimedia
Release Notes for Safari Technology Preview 191 (jon/web)14558
release-notes, browsers, apple, safari
Improving the Developer Experience of Enterprise Design Systems14557
design-systems, developer-experience, optimization
Finally Understanding How “Array.sort(comparator)” Works (jam)14556
javascript, arrays
A Guide to Building CLI Tools in JavaScript14555
guides, tooling, command-line, javascript, nodejs
What Even Are Dragging Movements? (cat/spa)14554
accessibility, interaction-design, terminology
Iterator Helpers14553
ecmascript, javascript, javascript-engines, v8
How I Fixed My Brutal TTFB (whi/get)14552
performance, metrics, optimization
ai.robots.txt (cor)14551
ai, crawling, scraping, robotstxt, tooling
Meet Angular’s New “output()” API (ang)14550
angular, apis
In-App Browsers Are Still a Privacy, Security, and Choice Problem (tho/the)14549
browsers, mobile, privacy, security
Flickering Glowing Text Effect With CSS (man)14548
css, effects
Quick Tip: How to Align Column Rows With CSS Subgrid (ral)14547
tips-and-tricks, how-tos, css, grids, layout, alignment
How to Use jQuery’s “ajax()” Function for Asynchronous HTTP Requests14546
how-tos, jquery, ajax, functions, asynchronicity
Convention Over Creativity? The Ups and Downs of UX Design14545
user-experience, design
Exploring the Power of ARIA Live Attribute in Web Accessibility14544
accessibility, aria, attributes
Animating Clip Paths on Scroll With “@property” in CSS (uti)14543
css, animations, scrolling, clipping, masking
What You Need to Know About Modern CSS (Spring 2024 Edition) (chr/fro)14542
css, overviews
Node v20.12.0 (LTS) (nod)14541
release-notes, nodejs
How to Take Control of Flexbox (kev)14540
videos, how-tos, css, flexbox, layout
How Invalid HTML Elements Impact Web Performance (erw)14539
html, conformance, performance
How Does npx Actually Work and When to Use It14538
npx, nodejs
History of Web Accessibility14537
videos, accessibility, history
CSS Anchor Positioning (tab+/w3c)14536
standards, css, anchor-positioning
Be Flexible About What People Need (and Don’t Assume) (eri)14535
accessibility
How to Consolidate Multiple Design Systems14534
how-tos, design-systems, processes
7 Simple Rules for Better Data Visualization14533
information-design
Error Messages 101 (nng)14532
videos, usability, errors, microcontent
Setting and Persisting Color Scheme Preferences With CSS and a “Touch” of JavaScript (ole/sma)14531
colors, dark-mode, css, javascript
No One Actually Wants Accessibility (dav)14530
accessibility
CORS Finally Explained—Simply14529
security, csrf, cors, concepts
JavaScript Visualized: Promise Execution14528
javascript, promises, visualization
How Does Single Sign-On (SSO) Work? (mil)14527
authentication, security
Spicing Up Text With “text-emphasis” in CSS (ami)14526
css, typography, effects
New CSS That Can Actually Be Used in 2024 (tho)14525
css, logical-properties, container-queries, selectors, nesting, functions, cascade, grids
Incredible JavaScript Animation Libraries14524
javascript, animations, libraries, link-lists
Diving Into the Node.js Website Redesign (bri/nod)14523
redesigning, case-studies
Profile Node.js Performance With the Performance Panel (jec+)14522
nodejs, performance, debugging, browsers, google, chrome, dev-tools
AI Can Make a Code Review for Free14521
ai, code-reviews, tooling
Radix Themes 3.014520
release-notes, radix
Learn OAuth 2.0 by Building Your Own OAuth Client14519
authorization, oauth, functionality
ARIA “role=application” and Mobile Screen Readers (cer)14518
accessibility, aria, screen-readers, mobile
Don’t Get Scammed by Fake Performance Experts and Apps14517
performance, tooling
Quick Tip: How to Add Gradient Effects and Patterns to Text (ral)14516
tips-and-tricks, how-tos, css, gradients, effects
The Cost of Interrupted Work: More Speed and Stress14515
research, productivity, processes
12 Figma Tips to Work More Efficiently14514
figma, tips-and-tricks, efficiency
The “Current Branch” in Git (b0r)14513
git
Node.js TSC Confirms: No Intention to Remove npm From Distribution (sar/soc)14512
nodejs, npm
Going Beyond Pixels and (r)ems in CSS—Absolute Length Units (uti/iod)14511
css, units
CSS Values and Units Module Level 3 (tab+/w3c)14510
standards, css, units
CAPTCHA Excludes Disabled Web Users (zel)14509
accessibility, captcha
Accessible Forms With Pseudo Classes (css)14508
accessibility, forms, css, selectors
“__dirname” Is Back in Node.js With ES Modules (phi)14507
nodejs, esm
Node.js: The Documentary (isa+)14506
videos, nodejs, history
Microservices Promised Freedom but Delivered Dependencies (pur)14505
microservices, dependencies
Avoid These Design System Traps14504
design-systems
Welcome to Future of Web Accessibility Based on Predictors (jar+)14503
videos, accessibility, outlooks
This Pattern Will Wreck Your React App’s TS Performance (mat)14502
design-patterns, react, typescript, performance
Relicensing and Rug Pulls14501
foss, licensing, history
Optimizing JavaScript for Fun and for Profit14500
javascript, optimization
On the Gift of OKR for Company Culture (j9t)14499
processes, okr, culture
On Popover Accessibility: What the Browser Does and Doesn’t Do (hdv+)14498
accessibility, pop-overs, html
How to Test 3.3.8 Accessible Authentication (Minimum) (sib/tpg)14497
how-tos, accessibility, testing, authentication
[Bulma] 1.0.014496
release-notes, bulma
Building a Micro htmx SSR Framework (mco/pla)14495
frameworks, htmx, examples
Psychology and UX: Decoding the Science Behind User Clicks14494
user-experience, design, principles
Angular Signals: Best Practices14493
angular, signals, best-practices
Understanding Memory Heap and Memory Leaks—How the JS Engine Works (fro)14492
javascript-engines, memory, garbage-collection, asynchronicity
The Box Model and Box Sizing (bel/pic)14491
css, box-model, concepts
Progressive Disclosure Defaults (ada)14490
css, forms, interaction-design
How to Plan Your First Successful Website (web)14489
how-tos, processes, project-management
How to Create a Website and a PDF From the Same Codebase (spa/clo)14488
how-tos, code-generation, pdf, functionality
Folder Structures in React Projects14487
react, architecture
Aesthetic Layouts: 2 Column Magazine With “shape-outside” (jhe)14486
code-pens, layout, css
Build a Full-Stack App With Node.js and htmx14485
web-apps, nodejs, htmx
How to Assess Your Fit for a Job Description: A Guide for Technologists (wom)14484
how-tos, guides, interviewing, career
Using Relative Colors (chr/mdn)14483
css, colors
Chill Scroll Snapping: Article Headers (chr/fro)14482
css, scrolling
Make a Web Browser: Beginner’s Guide (nim)14481
guides, browsers, browser-engines
Empowering the User Experience Through Microinteractions: 7 Best Practices (uxm)14480
user-experience, interaction-design, best-practices
A Designer’s Role Is Not “at the Table”14479
design, career
How Meta Improved Their Cache Consistency to 99.9999999914478
facebook+meta, caching
Accessibility Foundations (ihe/tpg)14477
accessibility, fundamentals, link-lists
Observability Is an Illusion (pur)14476
observability, logging, monitoring, alerting
“require(esm)” in Node.js (joy)14475
nodejs, ecmascript, esm, commonjs
The Ultimate Guide to Understanding npx vs. npm14474
guides, npx, npm, nodejs
The Power of Textual Content in UX Design (uxm)14473
content, user-experience
Oh Sh*t, My App Is Successful and I Didn’t Think About Accessibility14472
accessibility
I’m So Old: Web Edition (dav)14471
web, history
How Web-Site Design and Social Media Work Together (uxm)14470
design, content, social-media
How to Kill the Cascade (fon)14469
css, cascade, resets, scope
Every React Concept Explained in 12 Minutes14468
videos, react, concepts
Comparing ECMAScript Modules and CommonJS14467
comparisons, esm, commonjs
Build a Node App With TypeScript (mat)14466
nodejs, typescript, pnpm, esm
A Comparison of JavaScript CRDTs (alm)14465
javascript, types, comparisons
Why UI Designers Should Understand Flexbox and CSS Grid14464
design, layout, flexbox, grids, css
Time to Ditch Analytics? Tracking Scripts and Web Sustainability (mic)14463
embed-code, google, analytics, sustainability, performance, compliance
2024 Cheat Sheet Collection14462
cheat-sheets, link-lists
Migrating Away From Jest and Achieving Over 90% Reduction in Running Time (pat)14461
migrating, jest, testing, memory, performance
How Web Bloat Impacts Users With Slow Devices14460
performance, metrics, comparisons, web
Copy Objects Ways in JavaScript14459
javascript, objects
How to Optimize Cumulative Layout Shift (CLS) on Shopify Sites (sia)14458
how-tos, performance, web-vitals, optimization, shopify
How (In)Efficient Are Engineering Organizations?14457
efficiency, processes, engineering-management
Quick Tip: Creating a Date Picker in React14456
tips-and-tricks, react, functionality
Accessibility in Design Systems: A Comprehensive Approach Through Documentation and Assets14455
accessibility, design-systems, documentation, dei
Webflow 101: A Guide for Beginners14454
introductions, guides, webflow, low-and-no-code
Skeuomorphism (nng)14453
design, terminology
Homepage Design: 5 Fundamental Principles (nng)14452
design, homepages, principles
Deploying Remix to GitHub Pages14451
videos, deploying, remix, github-pages
Performance Tooling in 2024 and Beyond14450
performance, tooling, browsers, dev-tools, lighthouse, google
When “Semantic Tokens” Are No Longer Semantic14449
design-tokens, semantics
What Is Safe Alignment in CSS? (chr/fro)14448
css, layout, user-experience
There Is No EU Cookie Banner Law14447
consent-management, cookies, legal
The Golden Age of Accessibility14446
accessibility
Qwik vs. Next.js: Which Framework Is Right for Your Next Web Project?14445
frameworks, comparisons, qwik, nextjs
Make Your Functions More Reusable With Generics (mat)14444
typescript, functions, generics, maintainability
Arguments for Opening Links in a New Tab or Window (gri/clo)14443
links, usability
WCAG 2.2 Detective Skills14442
accessibility, standards, wcag
How to Avoid Flaky Tests in Playwright14441
how-tos, testing, flakiness, playwright
A Beginner’s Guide to Node.js Worker Threads (bet)14440
guides, nodejs, worker-threads
You Want “border-color: transparent”, Not “border: none” (dav/fro)14439
css, borders, transparency+opacity, accessibility, contrast
HTML Performance Optimization: Tips for Faster Loading Pages14438
html, landing-pages, performance, optimization, tips-and-tricks
What’s Next for a Global Design System (bra)14437
design-systems
There Are No Standards Police (mno)14436
standards, policies, processes
The Problem With Data Attributes for Text Effects (man)14435
html, custom-data, css, typography, effects
The Problem With AI (cfe)14434
ai
Ruby Is Complicated14433
html
Refactoring My Ugliest Code With Signal View Queries14432
videos, refactoring, angular
My New Favorite CSS Trick: “will-change”14431
css, animations, transitions, tips-and-tricks
How to Design Icons in Figma14430
how-tos, images, icons, figma, design
Another JS Registry—Seriously?! (den)14429
videos, jsr, dependencies, javascript
25 Unnoticeable Features of JavaScript14428
javascript
The Essential Guide to Microcopy and Becoming a More Literate Designer14427
guides, design, microcontent, content, writing
5 Exciting New JavaScript Features in 202414426
javascript
Marking the Web’s 35th Birthday: An Open Letter (tim)14425
open-letters, web, history, anniversaries
Interaction to Next Paint Is Officially a Core Web Vital (rvi)14424
performance, web-vitals
15 Years of Running a Personal Website (ste)14423
indieweb
Why Your Microservices Architecture Is Probably Overkill (and How I Learned to Love the Monolith Again) (pur)14422
architecture, microservices, monoliths
Thoughts on Embedding Alternative Text Metadata Into Images (eri)14421
accessibility, images, metadata
The “10× Engineer”: 50 Years Ago and Now (ger)14420
productivity, processes, career, history
Spread vs. Rest Operators in JavaScript14419
javascript, operators, comparisons
Runtime Compatibility (asc+)14418
websites, runtimes, interoperability, comparisons, bun, deno, netlify, nodejs
How to Read Files Quickly in JavaScript (lem)14417
how-tos, javascript, file-handling
Building Websites and Building Websites Well (j9t)14416
quality, craft, community
A Letter to My Younger Self, as an Accessibility Advocate (hbu)14415
accessibility, advocacy, retrospectives
Have You Optimized for INP?14414
performance, web-vitals, optimization
What Is INP and Why You Should Care (whi/get)14413
performance, web-vitals, monitoring
Streaming HTML (chr/fro)14412
html, php, streaming
JSON Canvas14411
websites, standards, json, canvas
IDEs vs. Code Editors: Everything You Need to Know (jet)14410
code-editors, comparisons, concepts
Express.js With TypeScript—Setup, Examples, Testing14409
videos, express, typescript, testing, examples
Distinguishing Between ARIA and Native HTML Attributes (deq)14408
html, aria, attributes, accessibility, comparisons
Comparing JavaScript Frameworks: Templates14407
javascript, frameworks, templates, comparisons
Are We Watching the Internet Die? (edz)14406
web
Announcing Speedometer 3.0: A Shared Browser Benchmark for Web Application Responsiveness14405
performance, tooling, metrics
Alt Text for CSS Generated Content (tem)14404
css, generated-content, alt-text, accessibility
Accessibility: Implementing Focus Traps14403
accessibility, focus, keyboard-navigation
A Gentle Introduction to Generics in TypeScript14402
introductions, typescript, generics
Optimising Your Design System With Figma’s Variables14401
design-systems, optimization, variables, figma
Things I Learned While Building My JS Library14400
javascript, libraries, lessons
CSS Button Styles You Might Not Know (dbu)14399
html, css, buttons
Replace ESLint and Prettier With Biome.js14398
biome, eslint, prettier, comparisons, tooling, remix
Jakob Has Jumped the Shark (aar)14397
accessibility, link-lists
How to Invert the Colors Using CSS (ron)14396
css, colors, filters, images
eslint-plugin-depend14395
packages, npm, maintenance, simplicity
Access by a Thousand Curb Cuts (yat)14394
accessibility
Navigating the Future of Frontend14393
frameworks, web-platform, outlooks
Asking Users for Their Pronouns: A Guide for UX Designers14392
guides, user-experience, communication
Creating Color Palettes With the CSS “color-mix()” Function (mic)14391
css, functions, colors, color-palettes
Add Superpowers to Your CSS Variables With Style Queries (jar/van)14390
css, style-queries, custom-properties
Modern CSS Tooltips and Speech Bubbles II (css/sma)14389
tooltips, css, techniques
How “HEAD” Works in Git (b0r)14388
git
Dissecting Layered Architecture (yok)14387
architecture
Managing Static Files in Django: A Comprehensive Guide14386
guides, django, file-handling
How to Check and Set the “NODE_ENV” Environment Variable and Its Use in a Project14385
how-tos, nodejs, environments
AVIF Is the Future of Web Images14384
images, avif, performance, outlooks
The Quiet, Pervasive Devaluation of Frontend (col)14383
html, css, craft, career, community
Some Little Ways I’m Using CSS “:has()” in the Real World (bel/pic)14382
css, selectors, examples
How to Test 2.5.8 Target Size (Minimum) (sib/tpg)14381
how-tos, accessibility, testing
5 Ways Productivity Culture Kills Business Agility14380
productivity, agile, economics, culture
Leadership Is a Hell of a Drug (lud)14379
leadership, engineering-management
90% of Designers are Unhirable?14378
design, processes, career
Exploring the Creative Power of CSS Filters and Blending14377
css, blend-modes, filters, effects
The Ultimate Guide to Choosing the Best React Website Builder14376
guides, react, tooling, comparisons, link-lists
WebAssembly JSPI Is Going to Origin Trial14375
webassembly, origin-trials
Sometimes, a Button Just Wants to Look Like a Button14374
design, usability, buttons
The End of My Gatsby Journey (mon)14373
gatsby, frameworks, comparisons
Taming the Shadow DOM: Injecting Global Styles With Adopted Stylesheets14372
shadow-dom, dom, css
SSG, SSR, ISR, CSR Rendering Strategies in Next.js (fro)14371
static-site-generation, server-side-rendering, incremental-static-regeneration, client-side-rendering, rendering, strategies, comparisons, nextjs
Simplify Your CSS Using “:is()” and “:where()” Pseudo-Classes (zor/css)14370
videos, css, selectors
Release Notes for Safari Technology Preview 190 (jon/web)14369
release-notes, browsers, apple, safari
Making Room for Long List Markers With Subgrid (nol)14368
html, lists, css, grids
Internationalization With Remix (rem)14367
remix, internationalization
Announcing TypeScript 5.4 (dan/typ)14366
release-notes, typescript
10 Figma Keyboard Shortcuts: A Cheat Sheet for UX Designers14365
figma, keyboard-shortcuts, cheat-sheets, design
Best Practices for Inclusive Design14364
design, dei, accessibility, best-practices
How to Ensure Your Designs Work if You Can’t Access Sample Data14363
how-tos, design, usability, metrics, testing
Data Table Design Patterns14362
information-design, tables, design-patterns
How to Use WebSockets in Node.js to Create Real-Time Apps (cra)14361
how-tos, websockets, nodejs
WebKit Features in Safari 17.4 (jen+/web)14360
release-notes, browsers, apple, safari, webkit
JavaScript Runs the World—Maybe Even Literally (wir)14359
javascript, programming, web
When We Talk About Front-End Performance, What Are We Talking About14358
performance, metrics, web-vitals, lighthouse, google
SemVer Simplified: An Introduction to Semantic Versioning14357
introductions, semver, versioning
WCAG? More Like, W-What?! (stv)14356
accessibility, wcag, link-lists
The 88×31 Archive14355
web, images, history
Modern Git Commands and Features You Should Be Using14354
git, command-line
JSR: Second Look (dbu)14353
jsr
Designing for Mobile Accessibility: Enhancing the User Experience on Small Screens (uxm)14352
design, accessibility, user-experience, mobile
Achieving Design Collegiality While Maintaining Psychological Safety (uxm)14351
design, collaboration
How npm Install Scripts Can Be Weaponized: A Real-World Example of a Harmful npm Package (eth)14350
npm, dependencies, examples, security
VPS Showdown—March 2024—DigitalOcean vs. Linode vs. Vultr14349
servers, hosting, comparisons, metrics
Visualizing Frontend Architecture (max)14348
architecture, documentation, visualization
We Need to Talk About Jakob (mat)14347
accessibility
Tools That Make Me Productive as a Software Engineer14346
tooling, productivity, link-lists
CSS for Printing to Paper14345
css, print
Bugs I’ve Filed on Browsers (nol)14344
browsers, chromium, firefox, webkit, quality
Accessibility Has Not Failed—It Has Not Even Started for Real (cer)14343
accessibility, ai
Accessibility Darkness (ste)14342
accessibility, overlays
Emerging UX Patterns in Generative AI Experiences14341
user-experience, design-patterns, ai
Planning a Design System Generation (nat)14340
design-systems, automation
The Hunt for the Missing Data Type (hil)14339
types, algorithms
The Faster Lambda Runtime—Node.js or LLRT? We Benchmarked14338
aws, lambda, javascript, runtimes, nodejs, comparisons, metrics
Go Ahead and Block AI Web Crawlers (cor)14337
robotstxt, crawling, scraping, ai
Design System Generations (nat)14336
design-systems, processes
Retrofitting Fluid Typography (ric)14335
liquid-design, typography, css
Web Tech Trends to Watch in 2024 and Beyond (web)14334
trends, design, dark-mode, ai, sustainability, minimalism
TIL—“submit()” Versus “requestSubmit()” (ray)14333
javascript, comparisons
Team Productivity Metrics for Engineering Managers14332
productivity, metrics, engineering-management
Modern CSS Tooltips and Speech Bubbles (css/sma)14331
tooltips, css, techniques
Introducing JSR—the JavaScript Registry (lca+/den)14330
introductions, jsr, deno, dependencies, javascript
Eloquent JavaScript (mar)14329
websites, books, javascript
Apple Says iOS 17.4 Won’t Remove Home Screen Web Apps in the EU After All14328
browsers, apple, mobile, web-apps
Apple Backs Off Killing Web Apps, but the Fight Continues (owa)14327
web-apps, apple
An Introduction to Webflow—the No-Code Website Builder14326
introductions, webflow, low-and-no-code
“AI” and Accessible Front-End Components: Is the Nuance Generatable? (hdv)14325
accessibility, web-components, ai
A Love Letter to the Underrepresented in Tech14324
community
What Is Inclusive Design, and How Does It Relate to Accessibility?14323
design, dei, accessibility
Understanding Cookies and Sessions in React14322
react, authentication, cookies
New to the Web Platform in February (rac)14321
release-notes, web-platform, browsers, mozilla, firefox, google, chrome, apple, safari
Why Does “is-number” Package Have 59M Weekly Downloads?14320
dependencies, npm
What You Need to Know About Software Requirements14319
software-design, best-practices
The Wax and the Wane of the Web (ste/ali)14318
web-platform, history
Techniques to Break Words (aar)14317
techniques, html, css, content
Keyboard Accessibility Testing on Mobile Devices14316
accessibility, testing, keyboard-navigation, mobile
Diving Into CSS Interactivity (daw+/sto)14315
videos, css
Choosing the Right Node.js Package Manager in 2024: A Comparative Guide (nod)14314
guides, nodejs, dependencies, comparisons
Accessibility Has Failed: Try Generative UI = Individualized UX14313
accessibility, usability, ai, outlooks
Top 8 Recent V8 in Node Updates (app)14312
nodejs, v8
Creativity Lies in the Paradoxes14311
creativity, design
Enhanced Internationalization (I18N) in Next.js 1414310
nextjs, internationalization
Ultimate Guide to Visual Testing With Playwright14309
guides, testing, regressions, playwright
Test Quality vs. Bashing Tailwind CSS (mar)14308
tailwind, css, comparisons
So, What Exactly Did Apple Break in the EU? (tom)14307
browsers, apple, mobile, support, web-apps, apis
Making Math Accessible (ons/tpg)14306
accessibility, math
How to Create a Sidebar Navigation With Astro, Tailwind CSS, and Alpine.js14305
how-tos, navigation, functionality, astro, tailwind, alpinejs
Going Beyond Pixels and (r)ems in CSS—Container Query Length Units (uti/iod)14304
css, container-queries, units
Apple vs. PWAs—Go Act Now and Help Avoid This Disaster… (cod)14303
apple, web-apps, progressive-web-apps, community
An HTML Switch Control (ann+/web)14302
html, css, forms
A Guide to CSS Cursor Types14301
guides, css, cursors
The 3 Capabilities Designers Need to Build for the AI Era14300
design, career, training, ai, link-lists
How to Use Server-Sent Events in Node.js (cra)14299
how-tos, nodejs, events
Screen Readers and Drag-and-Drop: Grabbing and Releasing Elements (dar)14298
drag-and-drop, accessibility, browsers, screen-readers, support
Tumblr and WordPress to Sell Users’ Data to Train AI Tools (404)14297
wordpress, ai
YouTube Video Embedding Harm Reduction (jvo)14296
multimedia, embed-code, youtube, html, privacy
What Is Vuetify in Vue.js?14295
vuetify, vuejs
ServerlessHorrors (and)14294
websites, serverless, cloud-computing
Reporting Core Web Vitals With the Performance API (geo/sma)14293
apis, performance, web-vitals
How to Lazy-Load CodePen and CanIUse Embeds14292
how-tos, embed-code, performance, codepen, caniuse
Here Lies the Internet, Murdered by Generative AI14291
web, content, ai
AI and Design Systems (bra)14290
ai, design-systems
A Simple Mistake That Can Screw Up Your Light/Dark Theme (and How to Fix It) (kev)14289
videos, mistakes, dark-mode, css
A Fun Line of Code (dbu)14288
javascript, apis, multimedia
Advanced Figma Tips and Tricks 2024: Little Gems We Love14287
figma, tips-and-tricks
Open Letter to Tim Cook, Sabotaging Web Apps Is Indefensible (owa)14286
open-letters, apple, web-apps
CSS Foundations: What Is IACVT? (bra)14285
css, fundamentals
Why I Use Firefox (sim)14284
browsers, mozilla, firefox
What Is a Single-Page Application? (hey)14283
single-page-apps, javascript, performance, user-experience
The CSS Cascade—a (Re)Introduction (mat)14282
videos, css, cascade
Speaker Spotlight: Michelle Barker (mic)14281
interviews, css, sustainability
No Outer Margin14280
css, margins, spacing, components
How to Build a Newthing14279
how-tos, processes, creativity, maintenance
CSS-Only Bottom-Anchored Scrolling Area (kit)14278
css, scrolling
A Web Designer’s Accessibility Advocacy Toolkit (sma)14277
accessibility, advocacy, strategies
10 Takeaways From the WebAIM Screenreader Survey #10 (kar)14276
accessibility, screen-readers
Home Screen Advantage (sli)14275
browsers, apple, mobile, support, web-apps, web-platform
The Power of Patterns and Playbooks in Content Design (kat)14274
design, content, design-patterns
WebAIM Screen Reader User Survey 10 (den)14273
accessibility, screen-readers
Understanding Event-Driven Architecture14272
architecture, events
Navigating Signals: An Efficient Alternative to React Hooks for Enhanced Performance and Optimization14271
react, hooks, signals
My WebAIM 10th SR User Survey Takeaways (aar)14270
accessibility, screen-readers
JSDoc as an Alternative TypeScript Syntax14269
typescript, documentation, jsdoc
CSS “:has()” Interactive Guide (sha)14268
guides, css, selectors
CAPTCHA Is Still [the] Most Problematic Issue on the Web (cer)14267
accessibility, web, captcha
A Developer’s Guide for Web Accessibility14266
guides, accessibility
Why My Code Isn’t in TypeScript (rem)14265
typescript
Proposal: CSS Variable Groups (lea)14264
css, variables
htmx vs. React: A Complete Comparison14263
htmx, react, comparisons
UX Leadership Is Failing (and What We Can Do About It)14262
user-experience, leadership
Navbar Gallery14261
websites, navigation, design-patterns, examples
JavaScript Bloat in 2024 (nik)14260
javascript, performance
Vanilla JavaScript, Libraries, and the Quest for Stateful DOM Rendering (sma)14259
javascript, libraries, client-side-rendering, state-management
JSR: What We Know So Far About Deno’s New JavaScript Package Registry (sar/soc)14258
jsr, deno, dependencies, javascript
Filling Gaps With a Polyfill (jay)14257
polyfills, html, css, javascript, history
Difference Between the Accessibility Page and the Accessibility Statement14256
accessibility, documentation, comparisons
Building Dynamic Progress Bars Using Only CSS (ami)14255
css, progress-indicators
ARIA (Are Ya) Afraid of the Dark? Unmasking Common HTML Monsters to Create Better User Experiences (deq)14254
videos, accessibility, aria, html, user-experience
The One Trick Every Flutter Web Dev Needs to Know14253
tips-and-tricks, flutter, performance
Discovering Web Automation and Scraping (gli)14252
scraping, automation, bots, tooling
Making of True Multi-Brand Design System14251
design-systems, theming
10 Best “Create React App” Alternatives for Different Use Cases14250
react, frameworks, tech-stacks, comparisons, link-lists
How to Optimize the Web for the Worst User Conditions?14249
how-tos, user-experience, responsive-design, performance, optimization
CSS “::backdrop” Now Inherits From Its Originating Element (bra)14248
css, selectors
View Transitions: Handling Aspect Ratio Changes (jaf)14247
css, view-transitions, aspect-ratio
Syntax Highlighting With No Spans?! (chr/fro)14246
css, apis, syntax-highlighting
Release Notes for Safari Technology Preview 189 (jon/web)14245
release-notes, browsers, apple, safari
Parallax Effect With CSS Custom Properties (fro)14244
css, custom-properties, effects, parallax
Node.js 2023 Year in an Article (raf)14243
nodejs, retrospectives
Next.js vs. Remix—a Developer’s Dilemma14242
nextjs, remix, comparisons
My Favourite Animation Trick: Exponential Smoothing (lis)14241
animations, tips-and-tricks
CSS-Only Radial Progress Bars Using Conic Gradients14240
videos, css, gradients, progress-indicators
My Design System Journey: Building the Plane While Flying14239
design-systems, collaboration, processes
Control Lazy Load, Infinite Scroll, and Animations in React14238
react, lazy-loading, scrolling, animations, javascript
How to Make a Cursor Image Hover Effect With CSS and JS14237
how-tos, css, javascript, images, cursors, hover
Design Patterns That Encourage Junk Data (mic)14236
design-patterns, sustainability, economics, storage, email
Preventing SQL Injection Attacks in Node.js14235
security, nodejs, databases, sql
Why Is JavaScript Fragile? (cfe)14234
javascript
“random()” Distribution Visualizer14233
javascript, randomness, visualization
Okay, Color Spaces (eee)14232
colors, oklch
How to Use Local Storage in JavaScript (fre)14231
how-tos, browser-storage, javascript
How to Transfer Binary Data Efficiently Across Worker Threads in Node.js14230
how-tos, nodejs, worker-threads
Does Your Design Conform With WCAG Accessibility Guidelines—or Does It Comply? (deq)14229
videos, accessibility, wcag, guidelines, compliance
A Practical Guide to Using Shadow DOM (may)14228
guides, dom, shadow-dom
A Practical Guide to Designing for Colorblind People (vit/sma)14227
guides, accessibility, design, colors, color-blindness
17 Equations That Changed the World—Rewritten in JavaScript14226
javascript, math
7 Effective Ways to Craft Compelling Problem Statements for UX Design (uxm)14225
user-experience, product-management, processes
Responsive Web Design: 3 Key Fundamentals (nng)14224
videos, responsive-design, fundamentals
What Is Utility-First CSS? (hey)14223
css, presentational-html, principles
“Web Design as a Process” in Charts: Maintenance, Decay, Tech Debt, and Big Bang Launching (j9t)14222
content, design, design-debt, technical-debt, maintenance, processes, visualization
[Web Accessibility] Survey Results14221
accessibility, surveys
The Fifty-Fifty Split and Overflow (hex)14220
css, overflow, layout
How to Design an Accessible Web Site for People With Color-Deficient Vision (uxm)14219
how-tos, accessibility, dei, user-experience, colors, contrast, readability
Fostering a Collaborative Onboarding Team to Design Better Onboarding Experiences (uxm)14218
collaboration, onboarding, user-experience
100 Things You Can Do on Your Personal Website (cap)14217
blogging, writing, indieweb
Syntax Highlighting Code Snippets With Prism and the Custom Highlight API (bra)14216
apis, javascript, css, syntax-highlighting
Tailwind Marketing and Misinformation Engine14215
tailwind, css, semantics, principles, maintainability, marketing
Don’t Care About Accessibility? Resistance Is Futile! (cer)14214
accessibility
JavaScript on Demand: How Qwik Differs From React Hydration14213
javascript, qwik, react, hydration, comparisons
Understanding React “useEffect”14212
react, hooks
JavaScript Workers14211
videos, javascript, web-workers
A Manifesto for Small, Static, Web Apps (ros)14210
manifestos, web-apps, principles
How to Set Up a Node Server With TypeScript in 2024 (jle)14209
how-tos, nodejs, servers, typescript
Frontend Application Security: Tips and Tricks14208
web-apps, security, xss, csrf, authentication, dependencies, csp, validation, tips-and-tricks
UI = ƒ(statesⁿ) (dav)14207
design, state-management
Popular Git Config Options (b0r)14206
git, configuration
It’s Official, Apple Kills Web Apps in the EU (owa)14205
web-apps, apple
Be a Better Developer With These Git Good Practices14204
git, best-practices, conventions, consistency, code-reviews
Top 20 JavaScript One-Liners That Don’t Actually Work (dar)14203
javascript
React Labs: What We’ve Been Working On—February 2024 (rea)14202
react
Playing With Infinity in CSS (lon)14201
css, math
Making the Most of Ligatures (man)14200
css, typography
How I Developed the 10 Usability Heuristics14199
usability, heuristics, history
Getting to an Accessibility Strategy14198
accessibility, strategies, processes
Future of CSS: Functions and Mixins14197
css, functions, mixins
Full Guide on How to Hire Front-End Developers Effectively14196
guides, how-tos, hiring, career
CSS “:is(.awesome)” (mar/cfe)14195
videos, css, selectors, techniques
ARIA “note” (aar)14194
accessibility, aria, browsers, screen-readers, support
A Dozen Thoughts About AI (dav)14193
ai
How Accessibility Standards Can Empower Better Chart Visual Design (sma)14192
accessibility, contrast, colors, information-design
Input Type “date”: The Accessibility of HTML Date Picker14191
accessibility, forms
Scroll-Driven Animations: You Want “overflow: clip”, not “overflow: hidden” (bra)14190
css, overflow, scrolling, animations
When It Says “Name From Author” It Means From You, Not Boll or Bukowski (ste)14189
accessibility, aria, naming
What Is the Difference Between ASP and ASP.NET?14188
asp, asp-net, comparisons
What Is Lighthouse Speed Index (SI) and How to Reduce It14187
performance, metrics, lighthouse, google
Wednesday, February 14, 2024 Security Releases (raf+/nod)14186
release-notes, nodejs, security
The Text File That Runs the Internet (dav/ver)14185
robotstxt, crawling, scraping, ai, web
Reasonable WCAG Additions (a11)14184
accessibility, wcag
An Introduction to Node.js Multithreading (cra)14183
introductions, nodejs, multithreading
Selenium Automation Testing: A Step-by-Step Beginners Guide14182
guides, selenium, testing, automation
Building htmx and Go Web Apps With Gemini Advanced14181
videos, web-apps, htmx, go, ai, gemini
Why I Like Scrumban (j9t)14180
processes, agile, scrum, kanban
The New CSS Math: “pow()”, “sqrt()”, and Exponential Friends (dan)14179
css, functions, math
The Best CSS Frameworks to Use in Your Projects for 2024 and Beyond (fre)14178
css, frameworks, comparisons, bootstrap, tailwind, foundation, bulma, pure
How to Fix the Invisible Scrollbar Issue in iOS Browsers (sim/fro)14177
how-tos, browsers, mobile, scrolling, css
How to Center a Div (jos)14176
how-tos, css, centering
CSS Color Module Level 4 (tab+/w3c)14175
standards, css, colors
Be Aware of Arrays—V8 Engine Advice14174
javascript, javascript-engines, v8, arrays
Advanced Architecture for AI Application (aka AAAA) (aus)14173
ai, architecture, edge-computing, optimization
A Practical Guide to Designing for Children (vit/sma)14172
guides, design, link-lists
How to Boost WordPress Security and Protect Your SEO Ranking14171
how-tos, wordpress, security, seo
You Want to Make It Easy to Feature Your Content (fro)14170
frontend-dogma, content, community
The ü/ü Conundrum14169
javascript, unicode, encoding
The Anatomy of Addictive Content (moz)14168
content, writing, seo
React, Solid, htmx14167
react, solidjs, htmx, comparisons
Learn TypeScript (jad)14166
websites, courses, typescript
How to Choose the Best Static Site Generator in 202414165
how-tos, site-generators, gatsby, jekyll, nuxt, nextjs, hugo, eleventy, vuejs
Can Generative AI Help Write Accessible Code? (tin/tet)14164
accessibility, code-generation, ai
A CSS Project Boilerplate (bel/pic)14163
css, tailwind, templates
Using Recursive CSS to Change Styles Based on Depth (cri)14162
css, selectors
Names Are Complex: Displaying Initials for an Avatar Component in a Design System (hey)14161
naming, design, case-studies
Dynamic Text Color Contrast Based on Background Lightness With CSS/SVG Filters (miu)14160
css, svg, filters, colors, contrast
CSS Mixins and Functions Explainer (mia/odd)14159
css, mixins, functions
Navigating Prioritization: Four Approaches (cwo)14158
project-management, prioritization, processes
Don’t Disable Form Controls (aar)14157
accessibility, usability, forms, buttons
Accelerating Code Reviews With Nudges14156
research, code-reviews, productivity, experiments, facebook+meta
The Front-End Development We’re Used to Is Dying14155
career, simplicity, complexity
HTML as the Baseline (cfe)14154
html, progressive-enhancement
Have We Forgotten How to Build Ethical Things for the Web? (nic)14153
web, ethics
Everything You Need to Know About Image Formats in 2024 (web)14152
images, jpeg, png, gif, webp, avif, pdf, svg
Format Nunjucks Files With Prettier (san)14151
nunjucks, prettier
What Is a Descriptive Transcript?14150
accessibility, multimedia
The Accessibility Mindset: Moving Beyond Remediating, Fixing, and Reacting (a11)14149
videos, accessibility
So You Think You Know Git14148
videos, git
Node.js Community Debate Intensifies Over Enabling Corepack by Default and Potentially Unbundling npm (sar/soc)14147
nodejs, corepack, npm, yarn, pnpm, dependencies
Is [“* { min-width: 0; }”] a Good Idea? (kev)14146
videos, css
In Its Tantrum With Europe, Apple Broke Web Apps in iOS 17 Beta, Still Hasn’t Fixed Them (tho/the)14145
web-apps, browsers, apple, mobile
Going Beyond Pixels and (r)ems in CSS—Relative Length Units Based on the Viewport (uti/iod)14144
viewport, css, units
Git Tips: Really Large Repositories14143
git, monorepos, tips-and-tricks
Frequently Heard in My Beginning Front-End Web Development Class (geo/sma)14142
learning, career
Patterns in Design Systems (ikn)14141
design-systems, design-patterns, components
Web Development Is Getting Too Complex, and It May Be Our Fault (mon/sma)14140
web-platform, frameworks, tech-stacks, complexity
Release Notes for Safari Technology Preview 188 (jon/web)14139
release-notes, browsers, apple, safari
Opportunities for AI in Accessibility (aar/ali)14138
accessibility, ai
Offloading JavaScript With Custom Properties (hey)14137
javascript, css, custom-properties
CSS Is Logical (geo)14136
css
10 Best Automated AI Code Review Tools 202414135
ai, automation, code-reviews, tooling, comparisons, link-lists
Remix Takes on Next.js in Battle of the React Frameworks14134
frameworks, react, remix, nextjs
JavaScript vs. Python: Which One Should You Learn First?14133
javascript, python, comparisons
UI Elements Are Not So Elementary14132
design, design-patterns
Designing User Onboarding: Lessons From Figma, Duolingo, and More14131
lessons, onboarding, design, user-experience, figma
Immutable Array Updates With “Array.prototype.with” (jad)14130
javascript, arrays, prototypes, browsers, support
A Beginner’s Guide to Seamless Open-Source Contributions (wom)14129
guides, foss