Life is about deciding who you are: Join us and decide to be for environmental protection, free education and generous social security, human rights and international law, and, of course, action against oppression and violence (starting with helping the people of occupied Palestine 🇵🇸). Hide

Frontend Dogma

“2024” News Archive (6)

Entry (Sources) and Additional TopicsDate#
CORS Finally Explained—Simply744
security, csrf, cors, concepts
How Does Single Sign-On (SSO) Work? (mil)743
authentication, security
JavaScript Visualized: Promise Execution742
javascript, promises, visualization
ARIA “role=application” and Mobile Screen Readers (cer)741
accessibility, aria, screen-readers, mobile
Learn OAuth 2.0 by Building Your Own OAuth Client740
authorization, oauth, functionality
Profile Node.js Performance With the Performance Panel (jec+/dev)739
nodejs, performance, debugging, browsers, google, chrome, dev-tools
Radix Themes 3.0738
release-notes, radix
AI Can Make a Code Review for Free737
ai, code-reviews, tooling
Accessible Forms With Pseudo Classes (css)736
accessibility, forms, css, selectors
CAPTCHA Excludes Disabled Web Users (zel)735
accessibility, captcha
CSS Values and Units Module Level 3 (tab+/w3c)734
standards, css, units
Don’t Get Scammed by Fake Performance Experts and Apps733
performance, tooling
Going Beyond Pixels and (r)ems in CSS—Absolute Length Units (uti/iod)732
css, units
Node.js TSC Confirms: No Intention to Remove npm From Distribution (sar/soc)731
nodejs, npm
Quick Tip: How to Add Gradient Effects and Patterns to Text730
tips-and-tricks, how-tos, css, gradients, effects
The Cost of Interrupted Work: More Speed and Stress729
research, productivity, processes
The “Current Branch” in Git (b0r)728
git
12 Figma Tips to Work More Efficiently (uxd)727
figma, tips-and-tricks, efficiency
Building a Micro htmx SSR Framework (mco/pla)726
frameworks, htmx, examples
[Bulma] 1.0.0725
release-notes, bulma
“__dirname” Is Back in Node.js With ES Modules (phi)724
nodejs, esm
How to Test 3.3.8 Accessible Authentication (Minimum) (sib/tpg)723
how-tos, accessibility, testing, authentication
Node.js: The Documentary (isa+)722
videos, nodejs, history
On Popover Accessibility: What the Browser Does and Doesn’t Do (hdv+)721
accessibility, pop-overs, html
On the Gift of OKR for Company Culture (j9t)720
processes, okr, culture
Optimizing JavaScript for Fun and for Profit719
javascript, optimization
Relicensing and Rug Pulls718
foss, licensing, history
This Pattern Will Wreck Your React App’s TS Performance (mat)717
design-patterns, react, typescript, performance
Welcome to Future of Web Accessibility Based on Predictors (jar+)716
videos, accessibility, outlooks
Avoid These Design System Traps715
design-systems
Microservices Promised Freedom but Delivered Dependencies (pur)714
microservices, dependencies
Aesthetic Layouts: 2 Column Magazine With “shape-outside” (jhe)713
code-pens, layout, css
Folder Structures in React Projects712
react, architecture
How to Create a Website and a PDF From the Same Codebase (spa/clo)711
how-tos, code-generation, pdf, functionality
How to Plan Your First Successful Website (web)710
how-tos, processes, project-management
Progressive Disclosure Defaults (ada)709
css, forms, interaction-design
Psychology and UX: Decoding the Science Behind User Clicks708
user-experience, design, principles
The Box Model and Box Sizing (bel/pic)707
css, box-model, concepts
Understanding Memory Heap and Memory Leaks—How the JS Engine Works (fro)706
javascript-engines, memory, garbage-collection, asynchronicity
Angular Signals: Best Practices705
angular, signals, best-practices
Build a Full-Stack App With Node.js and htmx704
web-apps, nodejs, htmx
Chill Scroll Snapping: Article Headers (chr/fro)703
css, scrolling
Using Relative Colors (chr/mdn)702
css, colors
How to Assess Your Fit for a Job Description: A Guide for Technologists (wom)701
how-tos, guides, interviewing, career
A Comparison of JavaScript CRDTs (alm)700
javascript, types, comparisons
Build a Node App With TypeScript (mat)699
nodejs, typescript, pnpm, esm
Comparing ECMAScript Modules and CommonJS698
comparisons, esm, commonjs
Empowering the User Experience Through Microinteractions: 7 Best Practices (uxm)697
user-experience, interaction-design, best-practices
Every React Concept Explained in 12 Minutes696
videos, react, concepts
How to Kill the Cascade (fon)695
css, cascade, resets, scope
How Web-Site Design and Social Media Work Together (uxm)694
design, content, social-media
I’m So Old: Web Edition (dav)693
web, history
Make a Web Browser: Beginner’s Guide (nim)692
guides, browsers, browser-engines
Oh Sh*t, My App Is Successful and I Didn’t Think About Accessibility691
accessibility
The Power of Textual Content in UX Design (uxm)690
content, user-experience
The Ultimate Guide to Understanding npx vs. npm689
guides, npx, npm, nodejs
“require(esm)” in Node.js (joy)688
nodejs, ecmascript, esm, commonjs
How Meta Improved Their Cache Consistency to 99.99999999687
facebook+meta, caching
A Designer’s Role Is Not “at the Table” (uxd)686
design, career
Observability Is an Illusion (pur)685
observability, logging, monitoring, alerting
Accessibility Foundations (ihe/tpg)684
accessibility, fundamentals, link-lists
2024 Cheat Sheet Collection683
cheat-sheets, link-lists
Why UI Designers Should Understand Flexbox and CSS Grid (uxd)682
design, layout, flexbox, grids, css
Time to Ditch Analytics? Tracking Scripts and Web Sustainability (mic)681
embed-code, google, analytics, sustainability, performance, compliance
Copy Objects Ways in JavaScript680
javascript, objects
How Web Bloat Impacts Users With Slow Devices679
performance, metrics, comparisons, web
Migrating Away From Jest and Achieving Over 90% Reduction in Running Time (pat)678
migrating, jest, testing, memory, performance
Accessibility in Design Systems: A Comprehensive Approach Through Documentation and Assets677
accessibility, design-systems, documentation, dei
Deploying Remix to GitHub Pages676
videos, deploying, remix, github-pages
How (In)Efficient Are Engineering Organizations?675
efficiency, processes, engineering-management
How to Optimize Cumulative Layout Shift (CLS) on Shopify Sites (sia)674
how-tos, performance, web-vitals, optimization, shopify
Quick Tip: Creating a Date Picker in React673
tips-and-tricks, react, functionality
Homepage Design: 5 Fundamental Principles (nng)672
design, homepages, principles
Skeuomorphism (nng)671
design, terminology
Webflow 101: A Guide for Beginners670
introductions, guides, webflow, low-and-no-code
Arguments for Opening Links in a New Tab or Window (gri/clo)669
links, usability
Make Your Functions More Reusable With Generics (mat)668
typescript, functions, generics, maintainability
Performance Tooling in 2024 and Beyond (dev)667
performance, tooling, browsers, dev-tools, lighthouse, google
Qwik vs. Next.js: Which Framework Is Right for Your Next Web Project?666
frameworks, comparisons, qwik, nextjs
The Golden Age of Accessibility665
accessibility
There Is No EU Cookie Banner Law664
consent-management, cookies, legal
What Is Safe Alignment in CSS? (chr/fro)663
css, layout, user-experience
When “Semantic Tokens” Are No Longer Semantic662
design-tokens, semantics
25 Unnoticeable Features of JavaScript661
javascript
A Beginner’s Guide to Node.js Worker Threads (bet)660
guides, nodejs, worker-threads
Another JS Registry—Seriously?! (den)659
videos, jsr, dependencies, javascript
How to Avoid Flaky Tests in Playwright658
how-tos, testing, flakiness, playwright
How to Design Icons in Figma657
how-tos, images, icons, figma, design
My New Favorite CSS Trick: “will-change”656
css, animations, transitions, tips-and-tricks
Refactoring My Ugliest Code With Signal View Queries655
videos, refactoring, angular
Ruby Is Complicated654
html
The Problem With AI (cfe)653
ai
The Problem With Data Attributes for Text Effects (man)652
html, custom-data, css, typography, effects
There Are No Standards Police (mno)651
standards, policies, processes
WCAG 2.2 Detective Skills650
accessibility, standards, wcag
What’s Next for a Global Design System (bra)649
design-systems
You Want “border-color: transparent”, Not “border: none” (dav/fro)648
css, borders, transparency, accessibility, contrast
HTML Performance Optimization: Tips for Faster Loading Pages647
html, landing-pages, performance, optimization, tips-and-tricks
5 Exciting New JavaScript Features in 2024646
javascript
A Letter to My Younger Self, as an Accessibility Advocate (hbu)645
accessibility, advocacy, retrospectives
Building Websites and Building Websites Well (j9t)644
quality, craft, community
How to Read Files Quickly in JavaScript (lem)643
how-tos, javascript, file-handling
Interaction to Next Paint Is Officially a Core Web Vital (rvi/dev)642
performance, web-vitals
Runtime Compatibility (asc+)641
websites, runtimes, interoperability, comparisons, bun, deno, netlify, nodejs
Spread vs. Rest Operators in JavaScript640
javascript, operators, comparisons
The “10× Engineer”: 50 Years Ago and Now (ger)639
productivity, processes, career, history
The Essential Guide to Microcopy and Becoming a More Literate Designer638
guides, design, microcontent, content, writing
Thoughts on Embedding Alternative Text Metadata Into Images (eri)637
accessibility, images, metadata
Why Your Microservices Architecture Is Probably Overkill (and How I Learned to Love the Monolith Again) (pur)636
architecture, microservices, monoliths
15 Years of Running a Personal Website (ste)635
indieweb
Marking the Web’s 35th Birthday: An Open Letter (tim)634
open-letters, web, history, anniversaries
A Gentle Introduction to Generics in TypeScript633
introductions, typescript, generics
Accessibility: Implementing Focus Traps632
accessibility, focus, keyboard-navigation
Alt Text for CSS Generated Content (tem)631
css, generated-content, alt-text, accessibility
Announcing Speedometer 3.0: A Shared Browser Benchmark for Web Application Responsiveness630
performance, tooling, metrics
Are We Watching the Internet Die? (edz)629
web
Comparing JavaScript Frameworks: Templates628
javascript, frameworks, templates, comparisons
Distinguishing Between ARIA and Native HTML Attributes (deq)627
html, aria, attributes, accessibility, comparisons
Express.js With TypeScript—Setup, Examples, Testing626
videos, express, typescript, testing, examples
Have You Optimized for INP?625
performance, web-vitals, optimization
IDEs vs. Code Editors: Everything You Need to Know (jet)624
code-editors, comparisons, concepts
JSON Canvas623
websites, standards, json, canvas
Streaming HTML (chr/fro)622
html, php, streaming
What Is INP and Why You Should Care (whi/sen)621
performance, web-vitals, monitoring
CSS Button Styles You Might Not Know (dbu)620
html, css, buttons
Things I Learned While Building My JS Library619
javascript, libraries, lessons
Optimising Your Design System With Figma’s Variables (uxd)618
design-systems, optimization, variables, figma
Access by a Thousand Curb Cuts (yat)617
accessibility
eslint-plugin-depend616
packages, npm, maintenance, simplicity
How to Invert the Colors Using CSS (ron)615
css, colors, filters, images
Jakob Has Jumped the Shark (aar)614
accessibility, link-lists
Replace ESLint and Prettier With Biome.js613
biome, eslint, prettier, comparisons, tooling, remix
Asking Users for Their Pronouns: A Guide for UX Designers612
guides, user-experience, communication
Dissecting Layered Architecture (yok)611
architecture
How “HEAD” Works in Git (b0r)610
git
Modern CSS Tooltips and Speech Bubbles II (css/sma)609
tooltips, css, techniques
Navigating the Future of Frontend608
frameworks, web-platform, outlooks
Add Superpowers to Your CSS Variables With Style Queries (jar/van)607
css, style-queries, custom-properties
Creating Color Palettes With the CSS “color-mix()” Function (mic)606
css, functions, colors, color-palettes
How to Test 2.5.8 Target Size (Minimum) (sib/tpg)605
how-tos, accessibility, testing
Managing Static Files in Django: A Comprehensive Guide604
guides, django, file-handling
Some Little Ways I’m Using CSS “:has()” in the Real World (bel/pic)603
css, selectors, examples
The Quiet, Pervasive Devaluation of Frontend (col)602
html, css, craft, career, community
AVIF Is the Future of Web Images601
images, avif, performance, outlooks
How to Check and Set the “NODE_ENV” Environment Variable and Its Use in a Project600
how-tos, nodejs, environments
10 Figma Keyboard Shortcuts: A Cheat Sheet for UX Designers599
figma, keyboard-shortcuts, cheat-sheets, design
5 Ways Productivity Culture Kills Business Agility598
productivity, agile, economics, culture
Announcing TypeScript 5.4 (dan/typ)597
release-notes, typescript
Exploring the Creative Power of CSS Filters and Blending596
css, blend-modes, filters, effects
Internationalization With Remix (rem)595
remix, internationalization
Making Room for Long List Markers With Subgrid (nol)594
html, lists, css, grids
Release Notes for Safari Technology Preview 190 (jon/web)593
release-notes, browsers, apple, safari
Simplify Your CSS Using “:is()” and “:where()” Pseudo-Classes (zor/css)592
videos, css, selectors
Sometimes, a Button Just Wants to Look Like a Button591
design, usability, buttons
SSG, SSR, ISR, CSR Rendering Strategies in Next.js (fro)590
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 Stylesheets589
shadow-dom, dom, css
The End of My Gatsby Journey (mon)588
gatsby, frameworks, comparisons
The Ultimate Guide to Choosing the Best React Website Builder587
guides, react, tooling, comparisons, link-lists
WebAssembly JSPI Is Going to Origin Trial586
webassembly
90% of Designers are Unhirable? (uxd)585
design, processes, career
Best Practices for Inclusive Design584
design, dei, accessibility, best-practices
How to Use WebSockets in Node.js to Create Real-Time Apps (cra)583
how-tos, websockets, nodejs
WebKit Features in Safari 17.4 (jen+/web)582
release-notes, browsers, apple, safari, webkit
How to Ensure Your Designs Work if You Can’t Access Sample Data (uxd)581
how-tos, design, usability, metrics, testing
Data Table Design Patterns (uxd)580
information-design, tables, design-patterns
Achieving Design Collegiality While Maintaining Psychological Safety (uxm)579
design, collaboration
Designing for Mobile Accessibility: Enhancing the User Experience on Small Screens (uxm)578
design, accessibility, user-experience, mobile
JavaScript Runs the World—Maybe Even Literally (wir)577
javascript, programming, web
JSR: Second Look (dbu)576
jsr
Modern Git Commands and Features You Should Be Using575
git, command-line
The 88×31 Archive574
web, images, history
WCAG? More Like, W-What?! (stv)573
accessibility, wcag, link-lists
When We Talk About Front-End Performance, What Are We Talking About572
performance, metrics, web-vitals, lighthouse, google
SemVer Simplified: An Introduction to Semantic Versioning571
introductions, semver, versioning
Accessibility Darkness (ste)570
accessibility, overlays
Accessibility Has Not Failed—It Has Not Even Started for Real (cer)569
accessibility, ai
Bugs I’ve Filed on Browsers (nol)568
browsers, chromium, firefox, webkit, quality
CSS for Printing to Paper567
css, print
How npm Install Scripts Can Be Weaponized: A Real-World Example of a Harmful npm Package (eth)566
npm, dependencies, examples, security
Tools That Make Me Productive as a Software Engineer565
tooling, productivity, link-lists
We Need to Talk About Jakob (mat)564
accessibility
Visualizing Frontend Architecture (max)563
architecture, documentation, visualization
VPS Showdown—March 2024—DigitalOcean vs. Linode vs. Vultr562
servers, hosting, comparisons, metrics
Go Ahead and Block AI Web Crawlers (cor)561
robotstxt, crawling, scraping, ai
The Faster Lambda Runtime—Node.js or LLRT? We Benchmarked560
aws, lambda, javascript, runtimes, nodejs, comparisons, metrics
The Hunt for the Missing Data Type (hil)559
types, algorithms
Emerging UX Patterns in Generative AI Experiences (uxd)558
user-experience, design-patterns, ai
Planning a Design System Generation (nat)557
design-systems, automation
A Love Letter to the Underrepresented in Tech556
community
“AI” and Accessible Front-End Components: Is the Nuance Generatable? (hdv)555
accessibility, web-components, ai
An Introduction to Webflow—the No-Code Website Builder554
introductions, webflow, low-and-no-code
Apple Backs Off Killing Web Apps, but the Fight Continues (owa)553
web-apps, apple
Apple Says iOS 17.4 Won’t Remove Home Screen Web Apps in the EU After All552
browsers, apple, mobile, web-apps
Eloquent JavaScript (mar)551
websites, books, javascript
Introducing JSR—the JavaScript Registry (lca+/den)550
introductions, jsr, deno, dependencies, javascript
Modern CSS Tooltips and Speech Bubbles (css/sma)549
tooltips, css, techniques
Team Productivity Metrics for Engineering Managers548
productivity, metrics, engineering-management
TIL—“submit()” Versus “requestSubmit()” (ray)547
javascript, comparisons
Web Tech Trends to Watch in 2024 and Beyond (web)546
trends, design, dark-mode, ai, sustainability, minimalism
Retrofitting Fluid Typography (ric)545
liquid-design, typography, css
Design System Generations (nat)544
design-systems, processes
Accessibility Has Failed: Try Generative UI = Individualized UX543
accessibility, usability, ai, outlooks
Choosing the Right Node.js Package Manager in 2024: A Comparative Guide (nod)542
guides, nodejs, dependencies, comparisons
Diving Into CSS Interactivity (daw+/sto)541
videos, css
Keyboard Accessibility Testing on Mobile Devices540
accessibility, testing, keyboard-navigation, mobile
New to the Web Platform in February (rac/dev)539
release-notes, web-platform, browsers, mozilla, firefox, google, chrome, apple, safari
Techniques to Break Words (aar)538
techniques, html, css, content
The Wax and the Wane of the Web (ste/ali)537
web-platform, history
Understanding Cookies and Sessions in React536
react, authentication, cookies
What Is Inclusive Design, and How Does It Relate to Accessibility?535
design, dei, accessibility
What You Need to Know About Software Requirements534
software-design, best-practices
Why Does “is-number” Package Have 59M Weekly Downloads?533
dependencies, npm
An HTML Switch Control (ann+/web)532
html, css, forms
Apple vs. PWAs—Go Act Now and Help Avoid This Disaster… (cod)531
apple, web-apps, progressive-web-apps, community
Enhanced Internationalization (I18N) in Next.js 14530
nextjs, internationalization
Going Beyond Pixels and (r)ems in CSS—Container Query Length Units (uti/iod)529
css, container-queries, units
How to Create a Sidebar Navigation With Astro, Tailwind CSS, and Alpine.js528
how-tos, navigation, functionality, astro, tailwind, alpinejs
Making Math Accessible (ons/tpg)527
accessibility, math
So, What Exactly Did Apple Break in the EU? (tom)526
browsers, apple, mobile, support, web-apps, apis
Test Quality vs. Bashing Tailwind CSS (mar)525
tailwind, css, comparisons
Top 8 Recent V8 in Node Updates (app)524
nodejs, v8
Ultimate Guide to Visual Testing With Playwright523
guides, testing, regressions, playwright
Creativity Lies in the Paradoxes (uxd)522
creativity, design
A Fun Line of Code (dbu)521
javascript, apis, multimedia
A Guide to CSS Cursor Types520
guides, css, cursors
A Simple Mistake That Can Screw Up Your Light/Dark Theme (and How to Fix It) (kev)519
videos, mistakes, dark-mode, css
AI and Design Systems (bra)518
ai, design-systems
Here Lies the Internet, Murdered by Generative AI517
web, content, ai
How to Lazy-Load CodePen and CanIUse Embeds516
how-tos, embed-code, performance, codepen, caniuse
How to Use Server-Sent Events in Node.js (cra)515
how-tos, nodejs, events
Reporting Core Web Vitals With the Performance API (geo/sma)514
apis, performance, web-vitals
ServerlessHorrors (and)513
websites, serverless, cloud-computing
What Is Vuetify in Vue.js?512
vuetify, vuejs
YouTube Video Embedding Harm Reduction (jvo)511
multimedia, embed-code, youtube, html, privacy
Tumblr and WordPress to Sell Users’ Data to Train AI Tools (404)510
wordpress, ai
The 3 Capabilities Designers Need to Build for the AI Era (uxd)509
design, career, training, ai, link-lists
Screen Readers and Drag-and-Drop: Grabbing and Releasing Elements (dar)508
drag-and-drop, accessibility, browsers, screen-readers, support
10 Takeaways From the WebAIM Screenreader Survey #10 (kar)507
accessibility, screen-readers
A Web Designer’s Accessibility Advocacy Toolkit (sma)506
accessibility, advocacy, strategies
CSS-Only Bottom-Anchored Scrolling Area (kit)505
css, scrolling
How to Build a Newthing504
how-tos, processes, creativity, maintenance
No Outer Margin503
css, margins, spacing, components
Speaker Spotlight: Michelle Barker (mic)502
interviews, css, sustainability
The CSS Cascade—a (Re)Introduction (mat)501
videos, css, cascade
What Is a Single-Page Application? (hey)500
single-page-apps, javascript, performance, user-experience
Why I Use Firefox (sim)499
browsers, mozilla, firefox
CSS Foundations: What Is IACVT? (bra)498
css, fundamentals
Advanced Figma Tips and Tricks 2024: Little Gems We Love (uxd)497
figma, tips-and-tricks
Open Letter to Tim Cook, Sabotaging Web Apps Is Indefensible (owa)496
open-letters, apple, web-apps
Home Screen Advantage (sli)495
browsers, apple, mobile, support, web-apps, web-platform
CAPTCHA Is Still [the] Most Problematic Issue on the Web (cer)494
accessibility, web, captcha
CSS “:has()” Interactive Guide (sha)493
guides, css, selectors
JSDoc as an Alternative TypeScript Syntax492
typescript, documentation, jsdoc
My WebAIM 10th SR User Survey Takeaways (aar)491
accessibility, screen-readers
Navigating Signals: An Efficient Alternative to React Hooks for Enhanced Performance and Optimization490
react, hooks, signals
Understanding Event-Driven Architecture489
architecture, events
WebAIM Screen Reader User Survey 10 (den)488
accessibility, screen-readers
The Power of Patterns and Playbooks in Content Design (kat/uxd)487
design, content, design-patterns
A Developer’s Guide for Web Accessibility486
guides, accessibility
Proposal: CSS Variable Groups (lea)485
css, variables
Why My Code Isn’t in TypeScript (rem)484
typescript
ARIA (Are Ya) Afraid of the Dark? Unmasking Common HTML Monsters to Create Better User Experiences (deq)483
videos, accessibility, aria, html, user-experience
Building Dynamic Progress Bars Using Only CSS (ami)482
css, progress-indicators
Difference Between the Accessibility Page and the Accessibility Statement481
accessibility, documentation, comparisons
Filling Gaps With a Polyfill (jay)480
polyfills, html, css, javascript, history
htmx vs. React: A Complete Comparison479
htmx, react, comparisons
JSR: What We Know So Far About Deno’s New JavaScript Package Registry (sar/soc)478
jsr, deno, dependencies, javascript
Vanilla JavaScript, Libraries, and the Quest for Stateful DOM Rendering (sma)477
javascript, libraries, client-side-rendering, state-management
UX Leadership Is Failing (and What We Can Do About It) (uxd)476
user-experience, leadership
JavaScript Bloat in 2024 (nik)475
javascript, performance
Navbar Gallery474
websites, navigation, design-patterns, examples
10 Best “Create React App” Alternatives for Different Use Cases473
react, frameworks, tech-stacks, comparisons, link-lists
How to Optimize the Web for the Worst User Conditions?472
how-tos, user-experience, responsive-design, performance, optimization
My Favourite Animation Trick: Exponential Smoothing (lis)471
animations, tips-and-tricks
Next.js vs. Remix—a Developer’s Dilemma470
nextjs, remix, comparisons
Node.js 2023 Year in an Article (raf)469
nodejs, retrospectives
Parallax Effect With CSS Custom Properties (fro)468
css, custom-properties, effects, parallax
Release Notes for Safari Technology Preview 189 (jon/web)467
release-notes, browsers, apple, safari
Syntax Highlighting With No Spans?! (chr/fro)466
css, apis, syntax-highlighting
View Transitions: Handling Aspect Ratio Changes (jaf)465
css, view-transitions, aspect-ratio
CSS “::backdrop” Now Inherits From Its Originating Element (bra)464
css, selectors
Making of True Multi-Brand Design System (uxd)463
design-systems, theming
The One Trick Every Flutter Web Dev Needs to Know462
tips-and-tricks, flutter, performance
Discovering Web Automation and Scraping (gli)461
scraping, automation, tooling
A Practical Guide to Designing for Colorblind People (vit/sma)460
guides, accessibility, design, colors, color-blindness
A Practical Guide to Using Shadow DOM (may)459
guides, dom, shadow-dom
Control Lazy Load, Infinite Scroll, and Animations in React458
react, lazy-loading, scrolling, animations, javascript
CSS-Only Radial Progress Bars Using Conic Gradients457
videos, css, gradients, progress-indicators
Does Your Design Conform With WCAG Accessibility Guidelines—or Does It Comply? (deq)456
videos, accessibility, wcag, guidelines, compliance
How to Transfer Binary Data Efficiently Across Worker Threads in Node.js455
how-tos, nodejs, worker-threads
How to Use Local Storage in JavaScript (fre)454
how-tos, browser-storage, javascript
Okay, Color Spaces (eee)453
colors, oklch
“random()” Distribution Visualizer452
javascript, randomness, visualization
Why Is JavaScript Fragile? (cfe)451
javascript
My Design System Journey: Building the Plane While Flying (uxd)450
design-systems, collaboration, processes
Preventing SQL Injection Attacks in Node.js449
security, nodejs, databases, sql
Design Patterns That Encourage Junk Data (mic)448
design-patterns, sustainability, economics, storage, email
How to Make a Cursor Image Hover Effect With CSS and JS447
how-tos, css, javascript, images, cursors, hover
100 Things You Can Do on Your Personal Website (cap)446
blogging, writing, indieweb
17 Equations That Changed the World—Rewritten in JavaScript445
javascript, math
7 Effective Ways to Craft Compelling Problem Statements for UX Design (uxm)444
user-experience, product-management, processes
Fostering a Collaborative Onboarding Team to Design Better Onboarding Experiences (uxm)443
collaboration, onboarding, user-experience
How to Design an Accessible Web Site for People With Color-Deficient Vision (uxm)442
how-tos, accessibility, dei, user-experience, colors, contrast, readability
The Fifty-Fifty Split and Overflow (hex)441
css, overflow, layout
[Web Accessibility] Survey Results440
accessibility, surveys
“Web Design as a Process” in Charts: Maintenance, Decay, Tech Debt, and Big Bang Launching (j9t)439
content, design, design-debt, technical-debt, maintenance, processes, visualization
What Is Utility-First CSS? (hey)438
css, presentational-html, principles
Responsive Web Design: 3 Key Fundamentals (nng)437
videos, responsive-design, fundamentals
Don’t Care About Accessibility? Resistance Is Futile! (cer)436
accessibility
Tailwind Marketing and Misinformation Engine435
tailwind, css, semantics, principles, maintainability, marketing
Syntax Highlighting Code Snippets With Prism and the Custom Highlight API (bra)434
apis, javascript, css, syntax-highlighting
A Manifesto for Small, Static, Web Apps (ros)433
manifestos, web-apps, principles
JavaScript on Demand: How Qwik Differs From React Hydration (the)432
javascript, qwik, react, hydration, comparisons
JavaScript Workers431
videos, javascript, web-workers
Understanding React “useEffect”430
react, hooks
Be a Better Developer With These Git Good Practices429
git, best-practices, conventions, consistency, code-reviews
Frontend Application Security: Tips and Tricks428
web-apps, security, xss, csrf, authentication, dependencies, csp, validation, tips-and-tricks
How to Set Up a Node Server With TypeScript in 2024 (jle)427
how-tos, nodejs, servers, typescript
It’s Official, Apple Kills Web Apps in the EU (owa)426
web-apps, apple
Popular Git Config Options (b0r)425
git, configuration
UI = ƒ(statesⁿ) (dav)424
design, state-management
A Dozen Thoughts About AI (dav)423
ai
ARIA “note” (aar)422
accessibility, aria, browsers, screen-readers, support
CSS “:is(.awesome)” (mar/cfe)421
videos, css, selectors, techniques
Full Guide on How to Hire Front-End Developers Effectively420
guides, how-tos, hiring, career
Future of CSS: Functions and Mixins419
css, functions, mixins
Getting to an Accessibility Strategy418
accessibility, strategies, processes
How I Developed the 10 Usability Heuristics417
usability, heuristics, history
Making the Most of Ligatures (man)416
css, typography
Playing With Infinity in CSS (lon)415
css, math
React Labs: What We’ve Been Working On—February 2024 (rea)414
react
Top 20 JavaScript One-Liners That Don’t Actually Work (dar)413
javascript
How Accessibility Standards Can Empower Better Chart Visual Design (sma)412
accessibility, contrast, colors, information-design
Input Type “date”: The Accessibility of HTML Date Picker411
accessibility, forms
Reasonable WCAG Additions (a11)410
accessibility, wcag
The Text File That Runs the Internet (dav/ver)409
robotstxt, crawling, scraping, ai, web
Wednesday, February 14, 2024 Security Releases (raf+/nod)408
release-notes, nodejs, security
What Is Lighthouse Speed Index (SI) and How to Reduce It407
performance, metrics, lighthouse, google
What Is the Difference Between ASP and ASP.NET?406
asp, asp-net, comparisons
When It Says “Name From Author” It Means From You, Not Boll or Bukowski (ste)405
accessibility, aria, naming
Scroll-Driven Animations: You Want “overflow: clip”, not “overflow: hidden” (bra)404
css, overflow, scrolling, animations
A Practical Guide to Designing for Children (vit/sma)403
guides, design, link-lists
Advanced Architecture for AI Application (aka AAAA) (aus)402
ai, architecture, edge-computing, optimization
An Introduction to Node.js Multithreading (cra)401
introductions, nodejs, multithreading
Be Aware of Arrays—V8 Engine Advice400
javascript, javascript-engines, v8, arrays
CSS Color Module Level 4 (tab+/w3c)399
standards, css, colors
How to Center a Div (jos)398
how-tos, css, centering
How to Fix the Invisible Scrollbar Issue in iOS Browsers (sim/fro)397
how-tos, browsers, mobile, scrolling, css
The Best CSS Frameworks to Use in Your Projects for 2024 and Beyond (fre)396
css, frameworks, comparisons, bootstrap, tailwind, foundation, bulma, pure
The New CSS Math: “pow()”, “sqrt()”, and Exponential Friends (dan)395
css, functions, math
Why I Like Scrumban (j9t)394
processes, agile, scrum, kanban
Building htmx and Go Web Apps With Gemini Advanced393
videos, web-apps, htmx, go, ai, gemini
Selenium Automation Testing: A Step-by-Step Beginners Guide392
guides, selenium, testing, automation
A CSS Project Boilerplate (bel/pic)391
css, tailwind, templates
Can Generative AI Help Write Accessible Code? (tin/tet)390
accessibility, code-generation, ai
How to Boost WordPress Security and Protect Your SEO Ranking389
how-tos, wordpress, security, seo
How to Choose the Best Static Site Generator in 2024388
how-tos, site-generators, gatsby, jekyll, nuxt, nextjs, hugo, eleventy, vuejs
Learn TypeScript (jad)387
websites, courses, typescript
React, Solid, htmx386
react, solidjs, htmx, comparisons
The Anatomy of Addictive Content (moz)385
content, writing, seo
The ü/ü Conundrum384
javascript, unicode, encoding
You Want to Make It Easy to Feature Your Content (fro)383
frontend-dogma, content, community
CSS Mixins and Functions Explainer (mia/odd)382
css, mixins, functions
Dynamic Text Color Contrast Based on Background Lightness With CSS/SVG Filters (miu)381
css, svg, filters, colors, contrast
Names Are Complex: Displaying Initials for an Avatar Component in a Design System (hey)380
naming, design, case-studies
Using Recursive CSS to Change Styles Based on Depth (cri)379
css, selectors
Don’t Disable Form Controls (aar)378
accessibility, usability, forms, buttons
Navigating Prioritization: Four Approaches (cwo)377
project-management, prioritization, processes
Accelerating Code Reviews With Nudges376
research, code-reviews, productivity, experiments, facebook+meta
Everything You Need to Know About Image Formats in 2024 (web)375
images, jpeg, png, gif, webp, avif, pdf, svg
Have We Forgotten How to Build Ethical Things for the Web? (nic)374
web, ethics
HTML as the Baseline (cfe)373
html, progressive-enhancement
The Front-End Development We’re Used to Is Dying372
career, simplicity, complexity
Frequently Heard in My Beginning Front-End Web Development Class (geo/sma)371
learning, career
Git Tips: Really Large Repositories370
git, monorepos, tips-and-tricks
Going Beyond Pixels and (r)ems in CSS—Relative Length Units Based on the Viewport (uti/iod)369
viewport, css, units
In Its Tantrum With Europe, Apple Broke Web Apps in iOS 17 Beta, Still Hasn’t Fixed Them (tho/the)368
web-apps, browsers, apple, mobile
Is [“* { min-width: 0; }”] a Good Idea? (kev)367
videos, css
Node.js Community Debate Intensifies Over Enabling Corepack by Default and Potentially Unbundling npm (sar/soc)366
nodejs, corepack, npm, yarn, pnpm, dependencies
So You Think You Know Git365
videos, git
The Accessibility Mindset: Moving Beyond Remediating, Fixing, and Reacting (a11)364
videos, accessibility
What Is a Descriptive Transcript?363
accessibility, multimedia
Format Nunjucks Files With Prettier (san)362
nunjucks, prettier
10 Best Automated AI Code Review Tools 2024361
ai, automation, code-reviews, tooling, comparisons, link-lists
CSS Is Logical (geo)360
css
Offloading JavaScript With Custom Properties (hey)359
javascript, css, custom-properties
Opportunities for AI in Accessibility (aar/ali)358
accessibility, ai
Release Notes for Safari Technology Preview 188 (jon/web)357
release-notes, browsers, apple, safari
Web Development Is Getting Too Complex, and It May Be Our Fault (mon/sma)356
web-platform, frameworks, tech-stacks, complexity
Patterns in Design Systems (ikn)355
design-systems, design-patterns, components
A Guide to Designing for Older Adults (vit/sma)354
guides, design, accessibility
Detect Caps Lock With JavaScript (dav)353
javascript
Doing What’s Required: Indicating Mandatory Fields in an Accessible Way (tpg)352
accessibility, usability, forms, errors
Immutable Array Updates With “Array.prototype.with” (jad/dev)351
javascript, arrays, prototypes, browsers, support
In Praise of the “switch” Statement (chi)350
javascript
JavaScript Promises Demystified349
javascript, promises
JavaScript vs. Python: Which One Should You Learn First?348
javascript, python, comparisons
jQuery 4.0.0 Beta (tim/jqu)347
release-notes, jquery
Lessons Learned Moving Eleventy From CommonJS to ESM in 2024 (zac/cfe)346
videos, lessons, eleventy, commonjs, esm, refactoring
Lines of Code—How to Not Measure Code Quality and Developer Efficiency (cod)345
metrics, quality, efficiency, productivity
Malicious npm Package Masquerades as Noblox.js, Targeting Roblox Users for Data Theft (sar/soc)344
npm, dependencies, security
Remix Takes on Next.js in Battle of the React Frameworks (ric/the)343
frameworks, react, remix, nextjs
When to Use the “min()” or “max()” Function (css)342
css, functions, tips-and-tricks
A Beginner’s Guide to Seamless Open-Source Contributions (wom)341
guides, foss
Designing User Onboarding: Lessons From Figma, Duolingo, and More (uxd)340
lessons, onboarding, design, user-experience, figma
UI Elements Are Not So Elementary (uxd)339
design, design-patterns
13 Best Books, Courses, and Communities for Learning React338
react, books, courses, link-lists
Bookmarklet: Load All GitHub Comments (mey)337
bookmarklets, github, code-reviews
Everything You Need to Know About Git336
git, command-line
Exciting New Tools for Designers, February 2024 (web)335
design, tooling, link-lists
Getting Into Web Components—an Intro (uti)334
introductions, web-components
How to Create Rounded Gradient Borders With Any Background in CSS (ben)333
how-tos, css, borders, gradients, backgrounds
It’s the Hope That Kills You (yat)332
accessibility, career, community
Revolutionizing Usability Testing With Machine Learning (uxm)331
usability, testing, ai
The Decision to Leave Tech (col)330
career, retrospectives
The Most Demanded Frontend Frameworks in 2023329
frameworks, comparisons, react, angular, vuejs
Thoughts on a Global Design System (chr)328
design-systems
Visual Hierarchy: Making User Experiences Easier to Understand (uxm)327
user-experience, design, hierarchy
You Won’t Scale (cfe)326
maintainability, scalability
htmx Deep Dive With Carson Gross325
videos, htmx, deep-dives
The Importance of Web Performance to Information Equity (sch/fos)324
videos, performance, accessibility
Why Disabled People’s Needs Aren’t “Special”323
accessibility
“X” Marks the Spot: Landmark Elements (stv)322
html, semantics, accessibility, assistive-tech, aria
HTML Attributes That Every Web Developer Should Know321
html, attributes, pop-overs, forms, custom-data
5 Hidden Risks of Your Inaccessible Website (deq)320
accessibility
All Art Is a Copy of Something (chr)319
art
From Many to One: Moving Our JavaScript Code Into a Monorepo318
migrating, monorepos, javascript, git
Making Your SVG Icons CSS Masks Instead of Inline HTML or Backgrounds Has Some Benefits (chr/fro)317
images, svg, css, masking, performance
SOLID Principles: They’re Rock-Solid for Good Reason316
programming, principles, solid
What Is WAP?315
wap, mobile
The SEO Starter Guide Got a Makeover (liz+)314
guides, seo, search, google
A Complete Guide to Open Source—100× Simpler313
guides, foss
A Look at the New WAI–ARIA 1.3 Draft (cra)312
accessibility, aria, standards
Career Retrospective311
career, retrospectives
Drupal Creator: Websites Needed More Than Ever in the AI Era (ric/the)310
web, ai, complexity
Dynamically Adding Text Alternatives to Images With AI (kar)309
automation, ai, accessibility, images, alt-text
Everyone’s a Sellout Now308
career, culture
How to Make a Great Framework Better?—Svelte 5 With Rich Harris (ric)307
videos, frameworks, svelte
Interop 2024 (rac/dev)306
interoperability, web-platform, browsers, support
The Web Just Gets Better With Interop 2024 (jen/web)305
web-platform, interoperability, browsers, support
Tracking Your Interviews Is Extremely Important304
career, interviewing
Is the Increasing Amount of Shit Code All the Fault of AI-Generated Code?303
ai, quality, technical-debt
What’s the Difference Between “localhost” and “127.0.0.1”?302
network, ip, testing
5 Essential DevTools Console Hacks for Every Web Developer301
videos, browsers, dev-tools
Be Purposeful About Your Content300
accessibility, content, writing
Designing Accessible Color Palettes in Figma: A Guide for Web Accessibility (kno)299
guides, accessibility, colors, color-palettes, figma
GitLab vs. GitHub: Which Is Better in 2024?298
version-control, gitlab, github, comparisons
How to Stream Files From Next.js Route Handlers (eri)297
how-tos, nextjs, routing, streaming
Implementing User Authentication in React Apps With Appwrite296
react, authentication, tooling
Interaction to Next Paint Becomes a Core Web Vital on March 12 (mal+/dev)295
performance, web-vitals, metrics
Making VPATs and ACRs More Effective in Procurement (web)294
accessibility, vpat-acr, processes
Practice Safe DSD With “setHTMLUnsafe” (It’s Complicated) (jar/van)293
html, dom, shadow-dom, apis, security
Tackling Flaky Tests With Cypress and Playwright Through Network Synchronization292
testing, flakiness, cypress, playwright, network
The Art and Science of Annotations in Dev Mode (fig)291
figma, annotations
The Good, the Bad, the Web Components (zac)290
web-components, shadow-dom, dom
Why Not htmx? (cfe)289
htmx
PurePWA—a Radical U-Turn in Web Development288
web-apps, progressive-web-apps, simplicity, tooling
A Highly Configurable Switch Component Using Modern CSS Techniques (bel/pic)287
html, css
Celebrate a More Interoperable Web With Interop 2023 (rac/dev)286
web-platform, interoperability, browsers, support
“field-sizing” Just Works! (kil/pol)285
css, forms, comparisons
Going Beyond Pixels and (r)ems in CSS—Relative Length Units Based on Font (uti/iod)284
css, units, fonts
Is Generated Code Harder to Maintain?283
discussions, ai, maintainability, maintenance
Learn Testing (dev)282
courses, testing
New to the Web Platform in January (rac/dev)281
release-notes, web-platform, browsers, mozilla, firefox, google, chrome, apple, safari
Onboarding (mfo)280
processes, onboarding, productivity, engineering-management
Stop Burning Out Maintainers: An Empathetic Guide for Contributors (bek/ope)279
guides, foss, collaboration
The Psychology of Site Speed and Human Happiness (tam/spe)278
performance, usability
Tuesday, February 6, 2024 Security Releases (raf/nod)277
release-notes, nodejs, security
Understanding Signals in Django276
signals, django
Use CSS “accent-color” to Style Your Inputs (cas)275
css, forms
Web Platform Design Principles (lea/w3c)274
web-platform, software-design, principles, standards, w3c
Why Do Rubber Ducks Work?273
processes, productivity, creativity
At Last, Browser Choice * (dav)272
legal, browsers, apple, mobile
Debunking 10 Common Objections to Incremental Delivery for Software Teams271
agile, processes
Dynamic README Image Based on GitHub Activity270
readme, github
Express Forward269
discussions, outlooks, express
Git: The Basics of “git bisect” (ada)268
fundamentals, git
How to Favicon in 2024: Six Files That Fit Most Needs (sit/evi)267
how-tos, images, favicons
Next.js App Router Migration: The Good, Bad, and Ugly266
nextjs, routing, migrating
The EU Forces Open Apple’s Walled Garden265
legal, apple, browsers, mobile
The Web Component Success Story (jak)264
web-components
Practical Guide to Destructuring: TypeScript vs. Dart263
guides, typescript, dart, comparisons
The Loss of the Process in the Name of Progress (uxd)262
design, creativity, productivity, processes
ESG and DEI Policies Were Always Luxury Goods (blo)261
dei, sustainability, policies
A Guide to Styling Tables (sto)260
css, tables, responsive-design
Design Systems Burnout (fon)259
design-systems
Nicer Text Wrapping With CSS “text-wrap” (lon)258
css, typography
Apple Redecorates Its iPhone Prison to Appease Europe (tho/the)257
legal, browsers, apple, mobile
Apple, the DMA, and Malicious Compliance (bru)256
legal, browsers, apple, mobile
Big, Beautiful, Beefy Focus States With “:focus-visible” (dav)255
css, selectors, focus
Gold Text Effect With CSS (man)254
css, effects
Please, Don’t Force Me to Log In (ham)253
web, authentication, user-experience
Futuring With Design (uxd)252
design, creativity, processes
5 Web Design Disasters That Will Ruin Your 2024 (web)251
design, responsive-design, seo
7 Tips for Devs and Designers to Set Your Accessibility Efforts Up for Success (deq)250
accessibility, tips-and-tricks, processes
HTML Web Components on the Server Are Great (sco)249
html, web-components
Inside .git (b0r)248
git
Introducing Our Updated [Green Web Hosting] Directory (mrc)247
introductions, release-notes, sustainability, hosting
Mozilla Says Apple’s New Browser Rules Are “as Painful as Possible” for Firefox (ver)246
browsers, apple, mozilla, firefox, mobile
Overlays and Ethics: A Conference Panel That Hurt My Heart (lfl)245
accessibility, ethics, overlays, community