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

“2024” News Archive (6)

Entry (Sources) and Additional TopicsDate#
Don’t Get Scammed by Fake Performance Experts and Apps728
performance, tooling
Going Beyond Pixels and (r)ems in CSS—Absolute Length Units (uti/iod)727
css, units
Node.js TSC Confirms: No Intention to Remove npm From Distribution (sar/soc)726
nodejs, npm
Quick Tip: How to Add Gradient Effects and Patterns to Text725
tips-and-tricks, how-tos, css, gradients, effects
The Cost of Interrupted Work: More Speed and Stress724
research, productivity, processes
The “Current Branch” in Git (b0r)723
git
12 Figma Tips to Work More Efficiently (uxd)722
figma, tips-and-tricks, efficiency
Building a Micro htmx SSR Framework (mco/pla)721
frameworks, htmx, examples
[Bulma] 1.0.0720
release-notes, bulma
“__dirname” Is Back in Node.js With ES Modules (phi)719
nodejs, esm
How to Test 3.3.8 Accessible Authentication (Minimum) (sib/tpg)718
how-tos, accessibility, testing, authentication
Node.js: The Documentary (isa+)717
videos, nodejs, history
On Popover Accessibility: What the Browser Does and Doesn’t Do (hdv+)716
accessibility, pop-overs, html
On the Gift of OKR for Company Culture (j9t)715
processes, okr, culture
Optimizing JavaScript for Fun and for Profit714
javascript, optimization
Relicensing and Rug Pulls713
foss, licensing, history
This Pattern Will Wreck Your React App’s TS Performance (mat)712
design-patterns, react, typescript, performance
Welcome to Future of Web Accessibility Based on Predictors (jar+)711
videos, accessibility, outlooks
Avoid These Design System Traps710
design-systems
Microservices Promised Freedom but Delivered Dependencies (pur)709
microservices, dependencies
Aesthetic Layouts: 2 Column Magazine With “shape-outside” (jhe)708
code-pens, layout, css
Folder Structures in React Projects707
react, architecture
How to Create a Website and a PDF From the Same Codebase (spa/clo)706
how-tos, code-generation, pdf, functionality
How to Plan Your First Successful Website (web)705
how-tos, processes, project-management
Progressive Disclosure Defaults (ada)704
css, forms, interaction-design
Psychology and UX: Decoding the Science Behind User Clicks703
user-experience, design, principles
The Box Model and Box Sizing (bel/pic)702
css, box-model, concepts
Understanding Memory Heap and Memory Leaks—How the JS Engine Works (fro)701
javascript-engines, memory, garbage-collection, asynchronicity
Angular Signals: Best Practices700
angular, signals, best-practices
Build a Full-Stack App With Node.js and htmx699
web-apps, nodejs, htmx
Chill Scroll Snapping: Article Headers (chr/fro)698
css, scrolling
Using Relative Colors (chr/mdn)697
css, colors
How to Assess Your Fit for a Job Description: A Guide for Technologists (wom)696
how-tos, guides, interviewing, career
A Comparison of JavaScript CRDTs (alm)695
javascript, types, comparisons
Build a Node App With TypeScript (mat)694
nodejs, typescript, pnpm, esm
Comparing ECMAScript Modules and CommonJS693
comparisons, esm, commonjs
Empowering the User Experience Through Microinteractions: 7 Best Practices (uxm)692
user-experience, interaction-design, best-practices
Every React Concept Explained in 12 Minutes691
videos, react, concepts
How to Kill the Cascade (fon)690
css, cascade, resets, scope
How Web-Site Design and Social Media Work Together (uxm)689
design, content, social-media
I’m So Old: Web Edition (dav)688
web, history
Make a Web Browser: Beginner’s Guide (nim)687
guides, browsers, browser-engines
Oh Sh*t, My App Is Successful and I Didn’t Think About Accessibility686
accessibility
The Power of Textual Content in UX Design (uxm)685
content, user-experience
The Ultimate Guide to Understanding npx vs. npm684
guides, npx, npm, nodejs
“require(esm)” in Node.js (joy)683
nodejs, ecmascript, esm, commonjs
How Meta Improved Their Cache Consistency to 99.99999999682
facebook+meta, caching
A Designer’s Role Is Not “at the Table” (uxd)681
design, career
Observability Is an Illusion (pur)680
observability, logging, monitoring, alerting
Accessibility Foundations (ihe/tpg)679
accessibility, fundamentals, link-lists
2024 Cheat Sheet Collection678
cheat-sheets, link-lists
Why UI Designers Should Understand Flexbox and CSS Grid (uxd)677
design, layout, flexbox, grids, css
Time to Ditch Analytics? Tracking Scripts and Web Sustainability (mic)676
embed-code, google, analytics, sustainability, performance, compliance
Copy Objects Ways in JavaScript675
javascript, objects
How Web Bloat Impacts Users With Slow Devices674
performance, metrics, comparisons, web
Migrating Away From Jest and Achieving Over 90% Reduction in Running Time (pat)673
migrating, jest, testing, memory, performance
Accessibility in Design Systems: A Comprehensive Approach Through Documentation and Assets672
accessibility, design-systems, documentation, dei
Deploying Remix to GitHub Pages671
videos, deploying, remix, github-pages
How (In)Efficient Are Engineering Organizations?670
efficiency, processes, engineering-management
How to Optimize Cumulative Layout Shift (CLS) on Shopify Sites (sia)669
how-tos, performance, web-vitals, optimization, shopify
Quick Tip: Creating a Date Picker in React668
tips-and-tricks, react, functionality
Homepage Design: 5 Fundamental Principles (nng)667
design, homepages, principles
Skeuomorphism (nng)666
design, terminology
Webflow 101: A Guide for Beginners665
introductions, guides, webflow, low-and-no-code
Arguments for Opening Links in a New Tab or Window (gri/clo)664
links, usability
Make Your Functions More Reusable With Generics (mat)663
typescript, functions, generics, maintainability
Performance Tooling in 2024 and Beyond (dev)662
performance, tooling, browsers, dev-tools, lighthouse, google
Qwik vs. Next.js: Which Framework Is Right for Your Next Web Project?661
frameworks, comparisons, qwik, nextjs
The Golden Age of Accessibility660
accessibility
There Is No EU Cookie Banner Law659
consent-management, cookies, legal
What Is Safe Alignment in CSS? (chr/fro)658
css, layout, user-experience
When “Semantic Tokens” Are No Longer Semantic657
design-tokens, semantics
25 Unnoticeable Features of JavaScript656
javascript
A Beginner’s Guide to Node.js Worker Threads (bet)655
guides, nodejs, worker-threads
Another JS Registry—Seriously?! (den)654
videos, jsr, dependencies, javascript
How to Avoid Flaky Tests in Playwright653
how-tos, testing, flakiness, playwright
How to Design Icons in Figma652
how-tos, images, icons, figma, design
My New Favorite CSS Trick: “will-change”651
css, animations, transitions, tips-and-tricks
Refactoring My Ugliest Code With Signal View Queries650
videos, refactoring, angular
Ruby Is Complicated649
html
The Problem With AI (cfe)648
ai
The Problem With Data Attributes for Text Effects (man)647
html, custom-data, css, typography, effects
There Are No Standards Police (mno)646
standards, policies, processes
WCAG 2.2 Detective Skills645
accessibility, standards, wcag
What’s Next for a Global Design System (bra)644
design-systems
You Want “border-color: transparent”, Not “border: none” (dav/fro)643
css, borders, transparency, accessibility, contrast
HTML Performance Optimization: Tips for Faster Loading Pages642
html, landing-pages, performance, optimization, tips-and-tricks
5 Exciting New JavaScript Features in 2024641
javascript
A Letter to My Younger Self, as an Accessibility Advocate (hbu)640
accessibility, advocacy, retrospectives
Building Websites and Building Websites Well (j9t)639
quality, craft, community
How to Read Files Quickly in JavaScript (lem)638
how-tos, javascript, file-handling
Interaction to Next Paint Is Officially a Core Web Vital (rvi/dev)637
performance, web-vitals
Marking the Web’s 35th Birthday: An Open Letter (tim)636
web, history, anniversaries
Runtime Compatibility (asc+)635
websites, runtimes, interoperability, comparisons, bun, deno, netlify, nodejs
Spread vs. Rest Operators in JavaScript634
javascript, operators, comparisons
The “10× Engineer”: 50 Years Ago and Now (ger)633
productivity, processes, career, history
The Essential Guide to Microcopy and Becoming a More Literate Designer632
guides, design, microcontent, content, writing
Thoughts on Embedding Alternative Text Metadata Into Images (eri)631
accessibility, images, metadata
Why Your Microservices Architecture Is Probably Overkill (and How I Learned to Love the Monolith Again) (pur)630
architecture, microservices, monoliths
A Gentle Introduction to Generics in TypeScript629
introductions, typescript, generics
Accessibility: Implementing Focus Traps628
accessibility, focus, keyboard-navigation
Alt Text for CSS Generated Content (tem)627
css, generated-content, alt-text, accessibility
Announcing Speedometer 3.0: A Shared Browser Benchmark for Web Application Responsiveness626
performance, tooling, metrics
Are We Watching the Internet Die? (edz)625
web
Comparing JavaScript Frameworks: Templates624
javascript, frameworks, templates, comparisons
Distinguishing Between ARIA and Native HTML Attributes (deq)623
html, aria, attributes, accessibility, comparisons
Express.js With TypeScript—Setup, Examples, Testing622
videos, express, typescript, testing, examples
Have You Optimized for INP?621
performance, web-vitals, optimization
IDEs vs. Code Editors: Everything You Need to Know (jet)620
code-editors, comparisons, concepts
JSON Canvas619
websites, standards, json, canvas
Streaming HTML (chr/fro)618
html, php, streaming
What Is INP and Why You Should Care (whi/sen)617
performance, web-vitals, monitoring
CSS Button Styles You Might Not Know (dbu)616
html, css, buttons
Things I Learned While Building My JS Library615
javascript, libraries, lessons
Optimising Your Design System With Figma’s Variables (uxd)614
design-systems, optimization, variables, figma
Access by a Thousand Curb Cuts (yat)613
accessibility
eslint-plugin-depend612
packages, npm, maintenance, simplicity
How to Invert the Colors Using CSS (ron)611
css, colors, filters, images
Jakob Has Jumped the Shark (aar)610
accessibility, link-lists
Replace ESLint and Prettier With Biome.js609
biome, eslint, prettier, comparisons, tooling, remix
Asking Users for Their Pronouns: A Guide for UX Designers608
guides, user-experience, communication
Dissecting Layered Architecture (yok)607
architecture
How “HEAD” Works in Git (b0r)606
git
Modern CSS Tooltips and Speech Bubbles II (css/sma)605
tooltips, css, techniques
Navigating the Future of Frontend604
frameworks, web-platform, outlooks
Add Superpowers to Your CSS Variables With Style Queries (jar/van)603
css, style-queries, custom-properties
Creating Color Palettes With the CSS “color-mix()” Function (mic)602
css, functions, colors, color-palettes
How to Test 2.5.8 Target Size (Minimum) (sib/tpg)601
how-tos, accessibility, testing
Managing Static Files in Django: A Comprehensive Guide600
guides, django, file-handling
Some Little Ways I’m Using CSS “:has()” in the Real World (bel/pic)599
css, selectors, examples
The Quiet, Pervasive Devaluation of Frontend (col)598
html, css, craft, career, community
AVIF Is the Future of Web Images597
images, avif, performance, outlooks
How to Check and Set the “NODE_ENV” Environment Variable and Its Use in a Project596
how-tos, nodejs, environments
10 Figma Keyboard Shortcuts: A Cheat Sheet for UX Designers595
figma, keyboard-shortcuts, cheat-sheets, design
5 Ways Productivity Culture Kills Business Agility594
productivity, agile, economics, culture
Announcing TypeScript 5.4 (dan/typ)593
release-notes, typescript
Exploring the Creative Power of CSS Filters and Blending592
css, blend-modes, filters, effects
Internationalization With Remix (rem)591
remix, internationalization
Making Room for Long List Markers With Subgrid (nol)590
html, lists, css, grids
Release Notes for Safari Technology Preview 190 (jon/web)589
release-notes, browsers, apple, safari
Simplify Your CSS Using “:is()” and “:where()” Pseudo-Classes (zor/css)588
videos, css, selectors
Sometimes, a Button Just Wants to Look Like a Button587
design, usability, buttons
SSG, SSR, ISR, CSR Rendering Strategies in Next.js (fro)586
static-site-generation, server-side-rendering, incremental-static-regeneration, client-side-rendering, rendering, strategies, comparisons, nextjs
Taming the Shadow DOM: Injecting Global Styles With Adopted Stylesheets585
shadow-dom, dom, css
The End of My Gatsby Journey (mon)584
gatsby, frameworks, comparisons
The Ultimate Guide to Choosing the Best React Website Builder583
guides, react, tooling, comparisons, link-lists
WebAssembly JSPI Is Going to Origin Trial582
webassembly
90% of Designers are Unhirable? (uxd)581
design, processes, career
Best Practices for Inclusive Design580
design, dei, accessibility, best-practices
How to Use WebSockets in Node.js to Create Real-Time Apps (cra)579
how-tos, websockets, nodejs
WebKit Features in Safari 17.4 (jen+/web)578
release-notes, browsers, apple, safari, webkit
How to Ensure Your Designs Work if You Can’t Access Sample Data (uxd)577
how-tos, design, usability, metrics, testing
Data Table Design Patterns (uxd)576
information-design, tables, design-patterns
Achieving Design Collegiality While Maintaining Psychological Safety (uxm)575
design, collaboration
Designing for Mobile Accessibility: Enhancing the User Experience on Small Screens (uxm)574
design, accessibility, user-experience, mobile
JavaScript Runs the World—Maybe Even Literally (wir)573
javascript, programming, web
JSR: Second Look (dbu)572
jsr
Modern Git Commands and Features You Should Be Using571
git, command-line
The 88×31 Archive570
web, images, history
WCAG? More Like, W-What?! (stv)569
accessibility, wcag, link-lists
When We Talk About Front-End Performance, What Are We Talking About568
performance, metrics, web-vitals, lighthouse, google
SemVer Simplified: An Introduction to Semantic Versioning567
introductions, semver, versioning
Accessibility Darkness (ste)566
accessibility, overlays
Accessibility Has Not Failed—It Has Not Even Started for Real (cer)565
accessibility, ai
Bugs I’ve Filed on Browsers (nol)564
browsers, chromium, firefox, webkit, quality
CSS for Printing to Paper563
css, print
How npm Install Scripts Can Be Weaponized: A Real-World Example of a Harmful npm Package (eth)562
npm, dependencies, examples, security
Tools That Make Me Productive as a Software Engineer561
tooling, productivity, link-lists
We Need to Talk About Jakob (mat)560
accessibility
Visualizing Frontend Architecture (max)559
architecture, documentation, visualization
VPS Showdown—March 2024—DigitalOcean vs. Linode vs. Vultr558
servers, hosting, comparisons, metrics
Go Ahead and Block AI Web Crawlers (cor)557
robotstxt, crawling, scraping, ai
The Faster Lambda Runtime—Node.js or LLRT? We Benchmarked556
aws, lambda, javascript, runtimes, nodejs, comparisons, metrics
The Hunt for the Missing Data Type (hil)555
types, algorithms
Emerging UX Patterns in Generative AI Experiences (uxd)554
user-experience, design-patterns, ai
Planning a Design System Generation (nat)553
design-systems, automation
A Love Letter to the Underrepresented in Tech552
community
“AI” and Accessible Front-End Components: Is the Nuance Generatable? (hdv)551
accessibility, web-components, ai
An Introduction to Webflow—the No-Code Website Builder550
introductions, webflow, low-and-no-code
Apple Backs Off Killing Web Apps, but the Fight Continues (owa)549
web-apps, apple
Apple Says iOS 17.4 Won’t Remove Home Screen Web Apps in the EU After All548
browsers, apple, mobile, web-apps
Eloquent JavaScript (mar)547
websites, books, javascript
Introducing JSR—the JavaScript Registry (lca+/den)546
introductions, jsr, deno, dependencies, javascript
Modern CSS Tooltips and Speech Bubbles (css/sma)545
tooltips, css, techniques
Team Productivity Metrics for Engineering Managers544
productivity, metrics, engineering-management
TIL—“submit()” Versus “requestSubmit()” (ray)543
javascript, comparisons
Web Tech Trends to Watch in 2024 and Beyond (web)542
trends, design, dark-mode, ai, sustainability, minimalism
Retrofitting Fluid Typography (ric)541
liquid-design, typography, css
Design System Generations (nat)540
design-systems, processes
Accessibility Has Failed: Try Generative UI = Individualized UX539
accessibility, usability, ai, outlooks
Choosing the Right Node.js Package Manager in 2024: A Comparative Guide (nod)538
guides, nodejs, dependencies, comparisons
Diving Into CSS Interactivity (daw+/sto)537
videos, css
Keyboard Accessibility Testing on Mobile Devices536
accessibility, testing, keyboard-navigation, mobile
New to the Web Platform in February (rac/dev)535
release-notes, web-platform, browsers, mozilla, firefox, google, chrome, apple, safari
Techniques to Break Words (aar)534
techniques, html, css, content
The Wax and the Wane of the Web (ste/ali)533
web-platform, history
Understanding Cookies and Sessions in React532
react, authentication, cookies
What Is Inclusive Design, and How Does It Relate to Accessibility?531
design, dei, accessibility
What You Need to Know About Software Requirements530
software-design, best-practices
Why Does “is-number” Package Have 59M Weekly Downloads?529
dependencies, npm
An HTML Switch Control (ann+/web)528
html, css, forms
Apple vs. PWAs—Go Act Now and Help Avoid This Disaster… (cod)527
apple, web-apps, progressive-web-apps, community
Enhanced Internationalization (I18N) in Next.js 14526
nextjs, internationalization
Going Beyond Pixels and (r)ems in CSS—Container Query Length Units (uti/iod)525
css, container-queries, units
How to Create a Sidebar Navigation With Astro, Tailwind CSS, and Alpine.js524
how-tos, navigation, functionality, astro, tailwind, alpinejs
Making Math Accessible (ons/tpg)523
accessibility, math
So, What Exactly Did Apple Break in the EU? (tom)522
browsers, apple, mobile, support, web-apps, apis
Test Quality vs. Bashing Tailwind CSS (mar)521
tailwind, css, comparisons
Top 8 Recent V8 in Node Updates (app)520
nodejs, v8
Ultimate Guide to Visual Testing With Playwright519
guides, testing, regressions, playwright
Creativity Lies in the Paradoxes (uxd)518
creativity, design
A Fun Line of Code (dbu)517
javascript, apis, multimedia
A Guide to CSS Cursor Types516
guides, css, cursors
A Simple Mistake That Can Screw Up Your Light/Dark Theme (and How to Fix It) (kev)515
videos, mistakes, dark-mode, css
AI and Design Systems (bra)514
ai, design-systems
Here Lies the Internet, Murdered by Generative AI513
web, content, ai
How to Lazy-Load CodePen and CanIUse Embeds512
how-tos, embed-code, performance, codepen, caniuse
How to Use Server-Sent Events in Node.js (cra)511
how-tos, nodejs, events
Reporting Core Web Vitals With the Performance API (geo/sma)510
apis, performance, web-vitals
ServerlessHorrors (and)509
websites, serverless, cloud-computing
What Is Vuetify in Vue.js?508
vuetify, vuejs
YouTube Video Embedding Harm Reduction (jvo)507
multimedia, embed-code, youtube, html, privacy
Tumblr and WordPress to Sell Users’ Data to Train AI Tools (404)506
wordpress, ai
The 3 Capabilities Designers Need to Build for the AI Era (uxd)505
design, career, training, ai, link-lists
Screen Readers and Drag-and-Drop: Grabbing and Releasing Elements (dar)504
drag-and-drop, accessibility, browsers, screen-readers, support
10 Takeaways From the WebAIM Screenreader Survey #10 (kar)503
accessibility, screen-readers
A Web Designer’s Accessibility Advocacy Toolkit (sma)502
accessibility, advocacy, strategies
CSS-Only Bottom-Anchored Scrolling Area (kit)501
css, scrolling
How to Build a Newthing500
how-tos, processes, creativity, maintenance
No Outer Margin499
css, margins, spacing, components
Open Letter to Tim Cook, Sabotaging Web Apps Is Indefensible (owa)498
apple, web-apps
Speaker Spotlight: Michelle Barker (mic)497
interviews, css, sustainability
The CSS Cascade—a (Re)Introduction (mat)496
videos, css, cascade
What Is a Single-Page Application? (hey)495
single-page-apps, javascript, performance, user-experience
Why I Use Firefox (sim)494
browsers, mozilla, firefox
CSS Foundations: What Is IACVT? (bra)493
css, fundamentals
Advanced Figma Tips and Tricks 2024: Little Gems We Love (uxd)492
figma, tips-and-tricks
Home Screen Advantage (sli)491
browsers, apple, mobile, support, web-apps, web-platform
CAPTCHA Is Still [the] Most Problematic Issue on the Web (cer)490
accessibility, web, captcha
CSS “:has()” Interactive Guide (sha)489
guides, css, selectors
JSDoc as an Alternative TypeScript Syntax488
typescript, documentation, jsdoc
My WebAIM 10th SR User Survey Takeaways (aar)487
accessibility, screen-readers
Navigating Signals: An Efficient Alternative to React Hooks for Enhanced Performance and Optimization486
react, hooks, signals
Understanding Event-Driven Architecture485
architecture, events
WebAIM Screen Reader User Survey 10 (den)484
accessibility, screen-readers
The Power of Patterns and Playbooks in Content Design (kat/uxd)483
design, content, design-patterns
A Developer’s Guide for Web Accessibility482
guides, accessibility
Proposal: CSS Variable Groups (lea)481
css, variables
Why My Code Isn’t in TypeScript (rem)480
typescript
ARIA (Are Ya) Afraid of the Dark? Unmasking Common HTML Monsters to Create Better User Experiences (deq)479
videos, accessibility, aria, html, user-experience
Building Dynamic Progress Bars Using Only CSS (ami)478
css, progress-indicators
Difference Between the Accessibility Page and the Accessibility Statement477
accessibility, documentation, comparisons
Filling Gaps With a Polyfill (jay)476
polyfills, html, css, javascript, history
htmx vs. React: A Complete Comparison475
htmx, react, comparisons
JSR: What We Know So Far About Deno’s New JavaScript Package Registry (sar/soc)474
jsr, deno, dependencies, javascript
Vanilla JavaScript, Libraries, and the Quest for Stateful DOM Rendering (sma)473
javascript, libraries, client-side-rendering, state-management
UX Leadership Is Failing (and What We Can Do About It) (uxd)472
user-experience, leadership
JavaScript Bloat in 2024 (nik)471
javascript, performance
Navbar Gallery470
websites, navigation, design-patterns, examples
10 Best “Create React App” Alternatives for Different Use Cases469
react, frameworks, tech-stacks, comparisons, link-lists
How to Optimize the Web for the Worst User Conditions?468
how-tos, user-experience, responsive-design, performance, optimization
My Favourite Animation Trick: Exponential Smoothing (lis)467
animations, tips-and-tricks
Next.js vs. Remix—a Developer’s Dilemma466
nextjs, remix, comparisons
Node.js 2023 Year in an Article (raf)465
nodejs, retrospectives
Parallax Effect With CSS Custom Properties (fro)464
css, custom-properties, effects, parallax
Release Notes for Safari Technology Preview 189 (jon/web)463
release-notes, browsers, apple, safari
Syntax Highlighting With No Spans?! (chr/fro)462
css, apis, syntax-highlighting
View Transitions: Handling Aspect Ratio Changes (jaf)461
css, view-transitions, aspect-ratio
CSS “::backdrop” Now Inherits From Its Originating Element (bra)460
css, selectors
Making of True Multi-Brand Design System (uxd)459
design-systems, theming
The One Trick Every Flutter Web Dev Needs to Know458
tips-and-tricks, flutter, performance
Discovering Web Automation and Scraping (gli)457
scraping, automation, tooling
A Practical Guide to Designing for Colorblind People (vit/sma)456
guides, accessibility, design, colors, color-blindness
A Practical Guide to Using Shadow DOM (may)455
guides, dom, shadow-dom
Control Lazy Load, Infinite Scroll, and Animations in React454
react, lazy-loading, scrolling, animations, javascript
CSS-Only Radial Progress Bars Using Conic Gradients453
videos, css, gradients, progress-indicators
Does Your Design Conform With WCAG Accessibility Guidelines—or Does It Comply? (deq)452
videos, accessibility, wcag, guidelines, compliance
How to Transfer Binary Data Efficiently Across Worker Threads in Node.js451
how-tos, nodejs, worker-threads
How to Use Local Storage in JavaScript (fre)450
how-tos, browser-storage, javascript
Okay, Color Spaces (eee)449
colors, oklch
“random()” Distribution Visualizer448
javascript, randomness, visualization
Why Is JavaScript Fragile? (cfe)447
javascript
My Design System Journey: Building the Plane While Flying (uxd)446
design-systems, collaboration, processes
Preventing SQL Injection Attacks in Node.js445
security, nodejs, databases, sql
Design Patterns That Encourage Junk Data (mic)444
design-patterns, sustainability, economics, storage, email
How to Make a Cursor Image Hover Effect With CSS and JS443
how-tos, css, javascript, images, cursors, hover
100 Things You Can Do on Your Personal Website (cap)442
blogging, writing, indieweb
17 Equations That Changed the World—Rewritten in JavaScript441
javascript, math
7 Effective Ways to Craft Compelling Problem Statements for UX Design (uxm)440
user-experience, product-management, processes
Fostering a Collaborative Onboarding Team to Design Better Onboarding Experiences (uxm)439
collaboration, onboarding, user-experience
How to Design an Accessible Web Site for People With Color-Deficient Vision (uxm)438
how-tos, accessibility, dei, user-experience, colors, contrast, readability
The Fifty-Fifty Split and Overflow (hex)437
css, overflow, layout
[Web Accessibility] Survey Results436
accessibility, surveys
“Web Design as a Process” in Charts: Maintenance, Decay, Tech Debt, and Big Bang Launching (j9t)435
content, design, design-debt, technical-debt, maintenance, processes, visualization
What Is Utility-First CSS? (hey)434
css, presentational-html, principles
Responsive Web Design: 3 Key Fundamentals (nng)433
videos, responsive-design, fundamentals
Don’t Care About Accessibility? Resistance Is Futile! (cer)432
accessibility
Tailwind Marketing and Misinformation Engine431
tailwind, css, semantics, principles, maintainability, marketing
Syntax Highlighting Code Snippets With Prism and the Custom Highlight API (bra)430
apis, javascript, css, syntax-highlighting
A Manifesto for Small, Static, Web Apps (ros)429
manifestos, web-apps, principles
JavaScript on Demand: How Qwik Differs From React Hydration (the)428
javascript, qwik, react, hydration, comparisons
JavaScript Workers427
videos, javascript, web-workers
Understanding React “useEffect”426
react, hooks
Be a Better Developer With These Git Good Practices425
git, best-practices, conventions, consistency, code-reviews
Frontend Application Security: Tips and Tricks424
web-apps, security, xss, csrf, authentication, dependencies, csp, validation, tips-and-tricks
How to Set Up a Node Server With TypeScript in 2024 (jle)423
how-tos, nodejs, servers, typescript
It’s Official, Apple Kills Web Apps in the EU (owa)422
web-apps, apple
Popular Git Config Options (b0r)421
git, configuration
UI = ƒ(statesⁿ) (dav)420
design, state-management
A Dozen Thoughts About AI (dav)419
ai
ARIA “note” (aar)418
accessibility, aria, browsers, screen-readers, support
CSS “:is(.awesome)” (mar/cfe)417
videos, css, selectors, techniques
Full Guide on How to Hire Front-End Developers Effectively416
guides, how-tos, hiring, career
Future of CSS: Functions and Mixins415
css, functions, mixins
Getting to an Accessibility Strategy414
accessibility, strategies, processes
How I Developed the 10 Usability Heuristics413
usability, heuristics, history
Making the Most of Ligatures (man)412
css, typography
Playing With Infinity in CSS (lon)411
css, math
React Labs: What We’ve Been Working On—February 2024 (rea)410
react
Top 20 JavaScript One-Liners That Don’t Actually Work (dar)409
javascript
How Accessibility Standards Can Empower Better Chart Visual Design (sma)408
accessibility, contrast, colors, information-design
Input Type “date”: The Accessibility of HTML Date Picker407
accessibility, forms
Reasonable WCAG Additions (a11)406
accessibility, wcag
The Text File That Runs the Internet (dav/ver)405
robotstxt, crawling, scraping, ai, web
Wednesday, February 14, 2024 Security Releases (raf+/nod)404
release-notes, nodejs, security
What Is Lighthouse Speed Index (SI) and How to Reduce It403
performance, metrics, lighthouse, google
What Is the Difference Between ASP and ASP.NET?402
asp, asp-net, comparisons
When It Says “Name From Author” It Means From You, Not Boll or Bukowski (ste)401
accessibility, aria, naming
Scroll-Driven Animations: You Want “overflow: clip”, not “overflow: hidden” (bra)400
css, overflow, scrolling, animations
A Practical Guide to Designing for Children (vit/sma)399
guides, design, link-lists
Advanced Architecture for AI Application (aka AAAA) (aus)398
ai, architecture, edge-computing, optimization
An Introduction to Node.js Multithreading (cra)397
introductions, nodejs, multithreading
Be Aware of Arrays—V8 Engine Advice396
javascript, javascript-engines, v8, arrays
CSS Color Module Level 4 (tab+/w3c)395
standards, css, colors
How to Center a Div (jos)394
how-tos, css, centering
How to Fix the Invisible Scrollbar Issue in iOS Browsers (sim/fro)393
how-tos, browsers, mobile, scrolling, css
The Best CSS Frameworks to Use in Your Projects for 2024 and Beyond (fre)392
css, frameworks, comparisons, bootstrap, tailwind, foundation, bulma, pure
The New CSS Math: “pow()”, “sqrt()”, and Exponential Friends (dan)391
css, functions, math
Why I Like Scrumban (j9t)390
processes, agile, scrum, kanban
Building htmx and Go Web Apps With Gemini Advanced389
videos, web-apps, htmx, go, ai, gemini
Selenium Automation Testing: A Step-by-Step Beginners Guide388
guides, selenium, testing, automation
A CSS Project Boilerplate (bel/pic)387
css, tailwind, templates
Can Generative AI Help Write Accessible Code? (tin/tet)386
accessibility, code-generation, ai
How to Boost WordPress Security and Protect Your SEO Ranking385
how-tos, wordpress, security, seo
How to Choose the Best Static Site Generator in 2024384
how-tos, site-generators, gatsby, jekyll, nuxt, nextjs, hugo, eleventy, vuejs
Learn TypeScript (jad)383
websites, courses, typescript
React, Solid, htmx382
react, solidjs, htmx, comparisons
The Anatomy of Addictive Content (moz)381
content, writing, seo
The ü/ü Conundrum380
javascript, unicode, encoding
You Want to Make It Easy to Feature Your Content (fro)379
frontend-dogma, content, community
CSS Mixins and Functions Explainer (mia/odd)378
css, mixins, functions
Dynamic Text Color Contrast Based on Background Lightness With CSS/SVG Filters (miu)377
css, svg, filters, colors, contrast
Names Are Complex: Displaying Initials for an Avatar Component in a Design System (hey)376
naming, design, case-studies
Using Recursive CSS to Change Styles Based on Depth (cri)375
css, selectors
Don’t Disable Form Controls (aar)374
accessibility, usability, forms, buttons
Navigating Prioritization: Four Approaches (cwo)373
project-management, prioritization, processes
Accelerating Code Reviews With Nudges372
research, code-reviews, productivity, experiments, facebook+meta
Everything You Need to Know About Image Formats in 2024 (web)371
images, jpeg, png, gif, webp, avif, pdf, svg
Have We Forgotten How to Build Ethical Things for the Web? (nic)370
web, ethics
HTML as the Baseline (cfe)369
html, progressive-enhancement
The Front-End Development We’re Used to Is Dying368
career, simplicity, complexity
Frequently Heard in My Beginning Front-End Web Development Class (geo/sma)367
learning, career
Git Tips: Really Large Repositories366
git, monorepos, tips-and-tricks
Going Beyond Pixels and (r)ems in CSS—Relative Length Units Based on the Viewport (uti/iod)365
viewport, css, units
In Its Tantrum With Europe, Apple Broke Web Apps in iOS 17 Beta, Still Hasn’t Fixed Them (tho/the)364
web-apps, browsers, apple, mobile
Is [“* { min-width: 0; }”] a Good Idea? (kev)363
videos, css
Node.js Community Debate Intensifies Over Enabling Corepack by Default and Potentially Unbundling npm (sar/soc)362
nodejs, corepack, npm, yarn, pnpm, dependencies
So You Think You Know Git361
videos, git
The Accessibility Mindset: Moving Beyond Remediating, Fixing, and Reacting (a11)360
videos, accessibility
What Is a Descriptive Transcript?359
accessibility, multimedia
10 Best Automated AI Code Review Tools 2024358
ai, automation, code-reviews, tooling, comparisons, link-lists
CSS Is Logical (geo)357
css
Offloading JavaScript With Custom Properties (hey)356
javascript, css, custom-properties
Opportunities for AI in Accessibility (aar/ali)355
accessibility, ai
Release Notes for Safari Technology Preview 188 (jon/web)354
release-notes, browsers, apple, safari
Web Development Is Getting Too Complex, and It May Be Our Fault (mon/sma)353
web-platform, frameworks, tech-stacks, complexity
Patterns in Design Systems (ikn)352
design-systems, design-patterns, components
A Guide to Designing for Older Adults (vit/sma)351
guides, design, accessibility
Detect Caps Lock With JavaScript (dav)350
javascript
Doing What’s Required: Indicating Mandatory Fields in an Accessible Way (tpg)349
accessibility, usability, forms, errors
Immutable Array Updates With “Array.prototype.with” (jad/dev)348
javascript, arrays, prototypes, browsers, support
In Praise of the “switch” Statement (chi)347
javascript
JavaScript Promises Demystified346
javascript, promises
JavaScript vs. Python: Which One Should You Learn First?345
javascript, python, comparisons
jQuery 4.0.0 Beta (tim/jqu)344
release-notes, jquery
Lessons Learned Moving Eleventy From CommonJS to ESM in 2024 (zac/cfe)343
videos, lessons, eleventy, commonjs, esm, refactoring
Lines of Code—How to Not Measure Code Quality and Developer Efficiency (cod)342
metrics, quality, efficiency, productivity
Malicious npm Package Masquerades as Noblox.js, Targeting Roblox Users for Data Theft (sar/soc)341
npm, dependencies, security
Remix Takes on Next.js in Battle of the React Frameworks (ric/the)340
frameworks, react, remix, nextjs
When to Use the “min()” or “max()” Function (css)339
css, functions, tips-and-tricks
A Beginner’s Guide to Seamless Open-Source Contributions (wom)338
guides, foss
Designing User Onboarding: Lessons From Figma, Duolingo, and More (uxd)337
lessons, onboarding, design, user-experience, figma
UI Elements Are Not So Elementary (uxd)336
design, design-patterns
13 Best Books, Courses, and Communities for Learning React335
react, books, courses, link-lists
Bookmarklet: Load All GitHub Comments (mey)334
bookmarklets, github, code-reviews
Everything You Need to Know About Git333
git, command-line
Exciting New Tools for Designers, February 2024 (web)332
design, tooling, link-lists
Getting Into Web Components—an Intro (uti)331
introductions, web-components
How to Create Rounded Gradient Borders With Any Background in CSS (ben)330
how-tos, css, borders, gradients, backgrounds
It’s the Hope That Kills You (yat)329
accessibility, career, community
Revolutionizing Usability Testing With Machine Learning (uxm)328
usability, testing, ai
The Decision to Leave Tech (col)327
career, retrospectives
The Most Demanded Frontend Frameworks in 2023326
frameworks, comparisons, react, angular, vuejs
Thoughts on a Global Design System (chr)325
design-systems
Visual Hierarchy: Making User Experiences Easier to Understand (uxm)324
user-experience, design, hierarchy
You Won’t Scale (cfe)323
maintainability, scalability
htmx Deep Dive With Carson Gross322
videos, htmx, deep-dives
The Importance of Web Performance to Information Equity (sch/fos)321
videos, performance, accessibility
Why Disabled People’s Needs Aren’t “Special”320
accessibility
“X” Marks the Spot: Landmark Elements (stv)319
html, semantics, accessibility, assistive-tech, aria
HTML Attributes That Every Web Developer Should Know318
html, attributes, pop-overs, forms, custom-data
5 Hidden Risks of Your Inaccessible Website (deq)317
accessibility
All Art Is a Copy of Something (chr)316
art
From Many to One: Moving Our JavaScript Code Into a Monorepo315
migrating, monorepos, javascript, git
Making Your SVG Icons CSS Masks Instead of Inline HTML or Backgrounds Has Some Benefits (chr/fro)314
images, svg, css, masking, performance
SOLID Principles: They’re Rock-Solid for Good Reason313
programming, principles, solid
What Is WAP?312
wap, mobile
The SEO Starter Guide Got a Makeover (liz+)311
guides, seo, search, google
A Complete Guide to Open Source—100× Simpler310
guides, foss
A Look at the New WAI–ARIA 1.3 Draft (cra)309
accessibility, aria, standards
Career Retrospective308
career, retrospectives
Drupal Creator: Websites Needed More Than Ever in the AI Era (ric/the)307
web, ai, complexity
Dynamically Adding Text Alternatives to Images With AI (kar)306
automation, ai, accessibility, images, alt-text
Everyone’s a Sellout Now305
career, culture
How to Make a Great Framework Better?—Svelte 5 With Rich Harris (ric)304
videos, frameworks, svelte
Interop 2024 (rac/dev)303
interoperability, web-platform, browsers, support
The Web Just Gets Better With Interop 2024 (jen/web)302
web-platform, interoperability, browsers, support
Tracking Your Interviews Is Extremely Important301
career, interviewing
Is the Increasing Amount of Shit Code All the Fault of AI-Generated Code?300
ai, quality, technical-debt
What’s the Difference Between “localhost” and “127.0.0.1”?299
network, ip, testing
5 Essential DevTools Console Hacks for Every Web Developer298
videos, browsers, dev-tools
Be Purposeful About Your Content297
accessibility, content, writing
Designing Accessible Color Palettes in Figma: A Guide for Web Accessibility (kno)296
guides, accessibility, colors, color-palettes, figma
GitLab vs. GitHub: Which Is Better in 2024?295
version-control, gitlab, github, comparisons
How to Stream Files From Next.js Route Handlers (eri)294
how-tos, nextjs, routing, streaming
Implementing User Authentication in React Apps With Appwrite293
react, authentication, tooling
Interaction to Next Paint Becomes a Core Web Vital on March 12 (mal+/dev)292
performance, web-vitals, metrics
Making VPATs and ACRs More Effective in Procurement (web)291
accessibility, vpat-acr, processes
Practice Safe DSD With “setHTMLUnsafe” (It’s Complicated) (jar/van)290
html, dom, shadow-dom, apis, security
Tackling Flaky Tests With Cypress and Playwright Through Network Synchronization289
testing, flakiness, cypress, playwright, network
The Art and Science of Annotations in Dev Mode (fig)288
figma, annotations
The Good, the Bad, the Web Components (zac)287
web-components, shadow-dom, dom
Why Not htmx? (cfe)286
htmx
PurePWA—a Radical U-Turn in Web Development285
web-apps, progressive-web-apps, simplicity, tooling
A Highly Configurable Switch Component Using Modern CSS Techniques (bel/pic)284
html, css
Celebrate a More Interoperable Web With Interop 2023 (rac/dev)283
web-platform, interoperability, browsers, support
“field-sizing” Just Works! (kil/pol)282
css, forms, comparisons
Going Beyond Pixels and (r)ems in CSS—Relative Length Units Based on Font (uti/iod)281
css, units, fonts
Is Generated Code Harder to Maintain?280
discussions, ai, maintainability, maintenance
Learn Testing (dev)279
courses, testing
New to the Web Platform in January (rac/dev)278
release-notes, web-platform, browsers, mozilla, firefox, google, chrome, apple, safari
Onboarding (mfo)277
processes, onboarding, productivity, engineering-management
Stop Burning Out Maintainers: An Empathetic Guide for Contributors (bek/ope)276
guides, foss, collaboration
The Psychology of Site Speed and Human Happiness (tam/spe)275
performance, usability
Tuesday, February 6, 2024 Security Releases (raf/nod)274
release-notes, nodejs, security
Understanding Signals in Django273
signals, django
Use CSS “accent-color” to Style Your Inputs (cas)272
css, forms
Web Platform Design Principles (lea/w3c)271
web-platform, software-design, principles, standards, w3c
Why Do Rubber Ducks Work?270
processes, productivity, creativity
At Last, Browser Choice * (dav)269
legal, browsers, apple, mobile
Debunking 10 Common Objections to Incremental Delivery for Software Teams268
agile, processes
Dynamic README Image Based on GitHub Activity267
readme, github
Express Forward266
discussions, outlooks, express
Git: The Basics of “git bisect” (ada)265
fundamentals, git
How to Favicon in 2024: Six Files That Fit Most Needs (sit/evi)264
how-tos, images, favicons
Next.js App Router Migration: The Good, Bad, and Ugly263
nextjs, routing, migrating
The EU Forces Open Apple’s Walled Garden262
legal, apple, browsers, mobile
The Web Component Success Story (jak)261
web-components
Practical Guide to Destructuring: TypeScript vs. Dart260
guides, typescript, dart, comparisons
The Loss of the Process in the Name of Progress (uxd)259
design, creativity, productivity, processes
ESG and DEI Policies Were Always Luxury Goods (blo)258
dei, sustainability, policies
A Guide to Styling Tables (sto)257
css, tables, responsive-design
Design Systems Burnout (fon)256
design-systems
Nicer Text Wrapping With CSS “text-wrap” (lon)255
css, typography
Apple Redecorates Its iPhone Prison to Appease Europe (tho/the)254
legal, browsers, apple, mobile
Apple, the DMA, and Malicious Compliance (bru)253
legal, browsers, apple, mobile
Big, Beautiful, Beefy Focus States With “:focus-visible” (dav)252
css, selectors, focus
Gold Text Effect With CSS (man)251
css, effects
Please, Don’t Force Me to Log In (ham)250
web, authentication, user-experience
Futuring With Design (uxd)249
design, creativity, processes
5 Web Design Disasters That Will Ruin Your 2024 (web)248
design, responsive-design, seo
7 Tips for Devs and Designers to Set Your Accessibility Efforts Up for Success (deq)247
accessibility, tips-and-tricks, processes
HTML Web Components on the Server Are Great (sco)246
html, web-components
Inside .git (b0r)245
git
Introducing Our Updated [Green Web Hosting] Directory (mrc)244
introductions, release-notes, sustainability, hosting
Mozilla Says Apple’s New Browser Rules Are “as Painful as Possible” for Firefox (ver)243
browsers, apple, mozilla, firefox, mobile
Overlays and Ethics: A Conference Panel That Hurt My Heart (lfl)242
accessibility, ethics, overlays, community
The Impact of Developer Experience241
research, developer-experience, productivity, efficiency
A Day in the Life of a Developer—Building a Dashboard App With SQL, Node.js, Django, and Next.js240
functionality, databases, sql, nodejs, django, nextjs
Animating Font Palette (man)239
css, colors, fonts, effects
CSS Blurry Shimmer Effect (sma)238
css, effects
Deno 1.40: Temporal API (den)237
release-notes, deno, apis, time
JWT vs. Session Authentication236
security, authentication, json-web-tokens, comparisons
One World, One Web, One Love (aar)235
web
Should Links Open in a New Tab? (stv)234
links, usability, user-experience
The Largest Webshops in the Netherlands Remain Inaccessible for People With Visual and/or Motor Impairments233
studies, research, accessibility, ecommerce, legal
This Web Page Is Best Viewed in the EU (gri/clo)232
legal, browsers, apple, mobile, web
Using Alternative Browser Engines in the European Union231
apple, browsers, browser-engines, mobile
14 Best SEO Tools in 2024 (web)230
seo, tooling, link-lists
An Introduction to the Liquid Template Language229
introductions, liquid, template-engines