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 and included. Hide

Frontend Dogma

“2024” News Archive (6)

Entry (Sources) and Additional TopicsDate#
Error Messages 101 (nng)754
videos, usability, errors, microcontent
7 Simple Rules for Better Data Visualization753
information-design
Diving Into the Node.js Website Redesign (bri/nod)752
redesigning, case-studies
Incredible JavaScript Animation Libraries751
javascript, animations, libraries, link-lists
New CSS That Can Actually Be Used in 2024 (tho)750
css, logical-properties, container-queries, selectors, nesting, functions, cascade, grids
Spicing Up Text With “text-emphasis” in CSS (ami)749
css, typography, effects
How Does Single Sign-On (SSO) Work? (mil)748
authentication, security
JavaScript Visualized: Promise Execution747
javascript, promises, visualization
CORS Finally Explained—Simply746
security, csrf, cors, concepts
No One Actually Wants Accessibility (dav)745
accessibility
ARIA “role=application” and Mobile Screen Readers (cer)744
accessibility, aria, screen-readers, mobile
Learn OAuth 2.0 by Building Your Own OAuth Client743
authorization, oauth, functionality
Radix Themes 3.0742
release-notes, radix
AI Can Make a Code Review for Free741
ai, code-reviews, tooling
Profile Node.js Performance With the Performance Panel (jec+)740
nodejs, performance, debugging, browsers, google, chrome, dev-tools
Accessible Forms With Pseudo Classes (css)739
accessibility, forms, css, selectors
CAPTCHA Excludes Disabled Web Users (zel)738
accessibility, captcha
CSS Values and Units Module Level 3 (tab+/w3c)737
standards, css, units
Don’t Get Scammed by Fake Performance Experts and Apps736
performance, tooling
Going Beyond Pixels and (r)ems in CSS—Absolute Length Units (uti/iod)735
css, units
Node.js TSC Confirms: No Intention to Remove npm From Distribution (sar/soc)734
nodejs, npm
The Cost of Interrupted Work: More Speed and Stress733
research, productivity, processes
The “Current Branch” in Git (b0r)732
git
12 Figma Tips to Work More Efficiently731
figma, tips-and-tricks, efficiency
Quick Tip: How to Add Gradient Effects and Patterns to Text730
tips-and-tricks, how-tos, css, gradients, effects
Building a Micro htmx SSR Framework (mco/pla)729
frameworks, htmx, examples
[Bulma] 1.0.0728
release-notes, bulma
“__dirname” Is Back in Node.js With ES Modules (phi)727
nodejs, esm
How to Test 3.3.8 Accessible Authentication (Minimum) (sib/tpg)726
how-tos, accessibility, testing, authentication
On Popover Accessibility: What the Browser Does and Doesn’t Do (hdv+)725
accessibility, pop-overs, html
On the Gift of OKR for Company Culture (j9t)724
processes, okr, culture
Optimizing JavaScript for Fun and for Profit723
javascript, optimization
Relicensing and Rug Pulls722
foss, licensing, history
This Pattern Will Wreck Your React App’s TS Performance (mat)721
design-patterns, react, typescript, performance
Welcome to Future of Web Accessibility Based on Predictors (jar+)720
videos, accessibility, outlooks
Avoid These Design System Traps719
design-systems
Microservices Promised Freedom but Delivered Dependencies (pur)718
microservices, dependencies
Node.js: The Documentary (isa+)717
videos, nodejs, history
Aesthetic Layouts: 2 Column Magazine With “shape-outside” (jhe)716
code-pens, layout, css
Folder Structures in React Projects715
react, architecture
How to Create a Website and a PDF From the Same Codebase (spa/clo)714
how-tos, code-generation, pdf, functionality
How to Plan Your First Successful Website (web)713
how-tos, processes, project-management
Progressive Disclosure Defaults (ada)712
css, forms, interaction-design
The Box Model and Box Sizing (bel/pic)711
css, box-model, concepts
Understanding Memory Heap and Memory Leaks—How the JS Engine Works (fro)710
javascript-engines, memory, garbage-collection, asynchronicity
Angular Signals: Best Practices709
angular, signals, best-practices
Psychology and UX: Decoding the Science Behind User Clicks708
user-experience, design, principles
Chill Scroll Snapping: Article Headers (chr/fro)707
css, scrolling
Using Relative Colors (chr/mdn)706
css, colors
How to Assess Your Fit for a Job Description: A Guide for Technologists (wom)705
how-tos, guides, interviewing, career
Build a Full-Stack App With Node.js and htmx704
web-apps, nodejs, htmx
A Comparison of JavaScript CRDTs (alm)703
javascript, types, comparisons
Build a Node App With TypeScript (mat)702
nodejs, typescript, pnpm, esm
Comparing ECMAScript Modules and CommonJS701
comparisons, esm, commonjs
Empowering the User Experience Through Microinteractions: 7 Best Practices (uxm)700
user-experience, interaction-design, best-practices
Every React Concept Explained in 12 Minutes699
videos, react, concepts
How to Kill the Cascade (fon)698
css, cascade, resets, scope
How Web-Site Design and Social Media Work Together (uxm)697
design, content, social-media
I’m So Old: Web Edition (dav)696
web, history
Make a Web Browser: Beginner’s Guide (nim)695
guides, browsers, browser-engines
Oh Sh*t, My App Is Successful and I Didn’t Think About Accessibility694
accessibility
The Power of Textual Content in UX Design (uxm)693
content, user-experience
The Ultimate Guide to Understanding npx vs. npm692
guides, npx, npm, nodejs
“require(esm)” in Node.js (joy)691
nodejs, ecmascript, esm, commonjs
A Designer’s Role Is Not “at the Table”690
design, career
Observability Is an Illusion (pur)689
observability, logging, monitoring, alerting
Accessibility Foundations (ihe/tpg)688
accessibility, fundamentals, link-lists
How Meta Improved Their Cache Consistency to 99.99999999687
facebook+meta, caching
2024 Cheat Sheet Collection686
cheat-sheets, link-lists
Why UI Designers Should Understand Flexbox and CSS Grid685
design, layout, flexbox, grids, css
Time to Ditch Analytics? Tracking Scripts and Web Sustainability (mic)684
embed-code, google, analytics, sustainability, performance, compliance
Copy Objects Ways in JavaScript683
javascript, objects
How Web Bloat Impacts Users With Slow Devices682
performance, metrics, comparisons, web
Migrating Away From Jest and Achieving Over 90% Reduction in Running Time (pat)681
migrating, jest, testing, memory, performance
Deploying Remix to GitHub Pages680
videos, deploying, remix, github-pages
How (In)Efficient Are Engineering Organizations?679
efficiency, processes, engineering-management
How to Optimize Cumulative Layout Shift (CLS) on Shopify Sites (sia)678
how-tos, performance, web-vitals, optimization, shopify
Homepage Design: 5 Fundamental Principles (nng)677
design, homepages, principles
Skeuomorphism (nng)676
design, terminology
Webflow 101: A Guide for Beginners675
introductions, guides, webflow, low-and-no-code
Accessibility in Design Systems: A Comprehensive Approach Through Documentation and Assets674
accessibility, design-systems, documentation, dei
Quick Tip: Creating a Date Picker in React673
tips-and-tricks, react, functionality
Arguments for Opening Links in a New Tab or Window (gri/clo)672
links, usability
Make Your Functions More Reusable With Generics (mat)671
typescript, functions, generics, maintainability
Qwik vs. Next.js: Which Framework Is Right for Your Next Web Project?670
frameworks, comparisons, qwik, nextjs
The Golden Age of Accessibility669
accessibility
There Is No EU Cookie Banner Law668
consent-management, cookies, legal
What Is Safe Alignment in CSS? (chr/fro)667
css, layout, user-experience
When “Semantic Tokens” Are No Longer Semantic666
design-tokens, semantics
Performance Tooling in 2024 and Beyond665
performance, tooling, browsers, dev-tools, lighthouse, google
25 Unnoticeable Features of JavaScript664
javascript
Another JS Registry—Seriously?! (den)663
videos, jsr, dependencies, javascript
How to Avoid Flaky Tests in Playwright662
how-tos, testing, flakiness, playwright
How to Design Icons in Figma661
how-tos, images, icons, figma, design
My New Favorite CSS Trick: “will-change”660
css, animations, transitions, tips-and-tricks
Refactoring My Ugliest Code With Signal View Queries659
videos, refactoring, angular
Ruby Is Complicated658
html
The Problem With AI (cfe)657
ai
The Problem With Data Attributes for Text Effects (man)656
html, custom-data, css, typography, effects
There Are No Standards Police (mno)655
standards, policies, processes
WCAG 2.2 Detective Skills654
accessibility, standards, wcag
What’s Next for a Global Design System (bra)653
design-systems
HTML Performance Optimization: Tips for Faster Loading Pages652
html, landing-pages, performance, optimization, tips-and-tricks
You Want “border-color: transparent”, Not “border: none” (dav/fro)651
css, borders, transparency+opacity, accessibility, contrast
A Beginner’s Guide to Node.js Worker Threads (bet)650
guides, nodejs, worker-threads
A Letter to My Younger Self, as an Accessibility Advocate (hbu)649
accessibility, advocacy, retrospectives
Building Websites and Building Websites Well (j9t)648
quality, craft, community
How to Read Files Quickly in JavaScript (lem)647
how-tos, javascript, file-handling
Runtime Compatibility (asc+)646
websites, runtimes, interoperability, comparisons, bun, deno, netlify, nodejs
Spread vs. Rest Operators in JavaScript645
javascript, operators, comparisons
The “10× Engineer”: 50 Years Ago and Now (ger)644
productivity, processes, career, history
The Essential Guide to Microcopy and Becoming a More Literate Designer643
guides, design, microcontent, content, writing
Thoughts on Embedding Alternative Text Metadata Into Images (eri)642
accessibility, images, metadata
Why Your Microservices Architecture Is Probably Overkill (and How I Learned to Love the Monolith Again) (pur)641
architecture, microservices, monoliths
15 Years of Running a Personal Website (ste)640
indieweb
Interaction to Next Paint Is Officially a Core Web Vital (rvi)639
performance, web-vitals
Marking the Web’s 35th Birthday: An Open Letter (tim)638
open-letters, web, history, anniversaries
5 Exciting New JavaScript Features in 2024637
javascript
A Gentle Introduction to Generics in TypeScript636
introductions, typescript, generics
Accessibility: Implementing Focus Traps635
accessibility, focus, keyboard-navigation
Alt Text for CSS Generated Content (tem)634
css, generated-content, alt-text, accessibility
Announcing Speedometer 3.0: A Shared Browser Benchmark for Web Application Responsiveness633
performance, tooling, metrics
Are We Watching the Internet Die? (edz)632
web
Comparing JavaScript Frameworks: Templates631
javascript, frameworks, templates, comparisons
Distinguishing Between ARIA and Native HTML Attributes (deq)630
html, aria, attributes, accessibility, comparisons
Express.js With TypeScript—Setup, Examples, Testing629
videos, express, typescript, testing, examples
IDEs vs. Code Editors: Everything You Need to Know (jet)628
code-editors, comparisons, concepts
JSON Canvas627
websites, standards, json, canvas
Streaming HTML (chr/fro)626
html, php, streaming
What Is INP and Why You Should Care (whi/get)625
performance, web-vitals, monitoring
Have You Optimized for INP?624
performance, web-vitals, optimization
CSS Button Styles You Might Not Know (dbu)623
html, css, buttons
Things I Learned While Building My JS Library622
javascript, libraries, lessons
Optimising Your Design System With Figma’s Variables621
design-systems, optimization, variables, figma
Access by a Thousand Curb Cuts (yat)620
accessibility
eslint-plugin-depend619
packages, npm, maintenance, simplicity
How to Invert the Colors Using CSS (ron)618
css, colors, filters, images
Jakob Has Jumped the Shark (aar)617
accessibility, link-lists
Replace ESLint and Prettier With Biome.js616
biome, eslint, prettier, comparisons, tooling, remix
Dissecting Layered Architecture (yok)615
architecture
How “HEAD” Works in Git (b0r)614
git
Modern CSS Tooltips and Speech Bubbles II (css/sma)613
tooltips, css, techniques
Navigating the Future of Frontend612
frameworks, web-platform, outlooks
Add Superpowers to Your CSS Variables With Style Queries (jar/van)611
css, style-queries, custom-properties
Creating Color Palettes With the CSS “color-mix()” Function (mic)610
css, functions, colors, color-palettes
Asking Users for Their Pronouns: A Guide for UX Designers609
guides, user-experience, communication
How to Test 2.5.8 Target Size (Minimum) (sib/tpg)608
how-tos, accessibility, testing
Some Little Ways I’m Using CSS “:has()” in the Real World (bel/pic)607
css, selectors, examples
The Quiet, Pervasive Devaluation of Frontend (col)606
html, css, craft, career, community
AVIF Is the Future of Web Images605
images, avif, performance, outlooks
How to Check and Set the “NODE_ENV” Environment Variable and Its Use in a Project604
how-tos, nodejs, environments
Managing Static Files in Django: A Comprehensive Guide603
guides, django, file-handling
10 Figma Keyboard Shortcuts: A Cheat Sheet for UX Designers602
figma, keyboard-shortcuts, cheat-sheets, design
5 Ways Productivity Culture Kills Business Agility601
productivity, agile, economics, culture
Announcing TypeScript 5.4 (dan/typ)600
release-notes, typescript
Internationalization With Remix (rem)599
remix, internationalization
Making Room for Long List Markers With Subgrid (nol)598
html, lists, css, grids
Release Notes for Safari Technology Preview 190 (jon/web)597
release-notes, browsers, apple, safari
Simplify Your CSS Using “:is()” and “:where()” Pseudo-Classes (zor/css)596
videos, css, selectors
SSG, SSR, ISR, CSR Rendering Strategies in Next.js (fro)595
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 Stylesheets594
shadow-dom, dom, css
The End of My Gatsby Journey (mon)593
gatsby, frameworks, comparisons
90% of Designers are Unhirable?592
design, processes, career
Sometimes, a Button Just Wants to Look Like a Button591
design, usability, buttons
WebAssembly JSPI Is Going to Origin Trial590
webassembly, origin-trials
The Ultimate Guide to Choosing the Best React Website Builder589
guides, react, tooling, comparisons, link-lists
Exploring the Creative Power of CSS Filters and Blending588
css, blend-modes, filters, effects
Best Practices for Inclusive Design587
design, dei, accessibility, best-practices
WebKit Features in Safari 17.4 (jen+/web)586
release-notes, browsers, apple, safari, webkit
How to Ensure Your Designs Work if You Can’t Access Sample Data585
how-tos, design, usability, metrics, testing
Data Table Design Patterns584
information-design, tables, design-patterns
How to Use WebSockets in Node.js to Create Real-Time Apps (cra)583
how-tos, websockets, nodejs
Achieving Design Collegiality While Maintaining Psychological Safety (uxm)582
design, collaboration
Designing for Mobile Accessibility: Enhancing the User Experience on Small Screens (uxm)581
design, accessibility, user-experience, mobile
JavaScript Runs the World—Maybe Even Literally (wir)580
javascript, programming, web
JSR: Second Look (dbu)579
jsr
Modern Git Commands and Features You Should Be Using578
git, command-line
The 88×31 Archive577
web, images, history
WCAG? More Like, W-What?! (stv)576
accessibility, wcag, link-lists
SemVer Simplified: An Introduction to Semantic Versioning575
introductions, semver, versioning
When We Talk About Front-End Performance, What Are We Talking About574
performance, metrics, web-vitals, lighthouse, google
Accessibility Darkness (ste)573
accessibility, overlays
Accessibility Has Not Failed—It Has Not Even Started for Real (cer)572
accessibility, ai
Bugs I’ve Filed on Browsers (nol)571
browsers, chromium, firefox, webkit, quality
CSS for Printing to Paper570
css, print
Tools That Make Me Productive as a Software Engineer569
tooling, productivity, link-lists
We Need to Talk About Jakob (mat)568
accessibility
Visualizing Frontend Architecture (max)567
architecture, documentation, visualization
VPS Showdown—March 2024—DigitalOcean vs. Linode vs. Vultr566
servers, hosting, comparisons, metrics
How npm Install Scripts Can Be Weaponized: A Real-World Example of a Harmful npm Package (eth)565
npm, dependencies, examples, security
Go Ahead and Block AI Web Crawlers (cor)564
robotstxt, crawling, scraping, ai
The Faster Lambda Runtime—Node.js or LLRT? We Benchmarked563
aws, lambda, javascript, runtimes, nodejs, comparisons, metrics
The Hunt for the Missing Data Type (hil)562
types, algorithms
Emerging UX Patterns in Generative AI Experiences561
user-experience, design-patterns, ai
Planning a Design System Generation (nat)560
design-systems, automation
A Love Letter to the Underrepresented in Tech559
community
“AI” and Accessible Front-End Components: Is the Nuance Generatable? (hdv)558
accessibility, web-components, ai
An Introduction to Webflow—the No-Code Website Builder557
introductions, webflow, low-and-no-code
Apple Backs Off Killing Web Apps, but the Fight Continues (owa)556
web-apps, apple
Apple Says iOS 17.4 Won’t Remove Home Screen Web Apps in the EU After All555
browsers, apple, mobile, web-apps
Eloquent JavaScript (mar)554
websites, books, javascript
Introducing JSR—the JavaScript Registry (lca+/den)553
introductions, jsr, deno, dependencies, javascript
Modern CSS Tooltips and Speech Bubbles (css/sma)552
tooltips, css, techniques
Team Productivity Metrics for Engineering Managers551
productivity, metrics, engineering-management
TIL—“submit()” Versus “requestSubmit()” (ray)550
javascript, comparisons
Web Tech Trends to Watch in 2024 and Beyond (web)549
trends, design, dark-mode, ai, sustainability, minimalism
Retrofitting Fluid Typography (ric)548
liquid-design, typography, css
Design System Generations (nat)547
design-systems, processes
Accessibility Has Failed: Try Generative UI = Individualized UX546
accessibility, usability, ai, outlooks
Choosing the Right Node.js Package Manager in 2024: A Comparative Guide (nod)545
guides, nodejs, dependencies, comparisons
Diving Into CSS Interactivity (daw+/sto)544
videos, css
Keyboard Accessibility Testing on Mobile Devices543
accessibility, testing, keyboard-navigation, mobile
Techniques to Break Words (aar)542
techniques, html, css, content
The Wax and the Wane of the Web (ste/ali)541
web-platform, history
What Is Inclusive Design, and How Does It Relate to Accessibility?540
design, dei, accessibility
What You Need to Know About Software Requirements539
software-design, best-practices
Why Does “is-number” Package Have 59M Weekly Downloads?538
dependencies, npm
New to the Web Platform in February (rac)537
release-notes, web-platform, browsers, mozilla, firefox, google, chrome, apple, safari
Understanding Cookies and Sessions in React536
react, authentication, cookies
An HTML Switch Control (ann+/web)535
html, css, forms
Apple vs. PWAs—Go Act Now and Help Avoid This Disaster… (cod)534
apple, web-apps, progressive-web-apps, community
Going Beyond Pixels and (r)ems in CSS—Container Query Length Units (uti/iod)533
css, container-queries, units
How to Create a Sidebar Navigation With Astro, Tailwind CSS, and Alpine.js532
how-tos, navigation, functionality, astro, tailwind, alpinejs
Making Math Accessible (ons/tpg)531
accessibility, math
So, What Exactly Did Apple Break in the EU? (tom)530
browsers, apple, mobile, support, web-apps, apis
Test Quality vs. Bashing Tailwind CSS (mar)529
tailwind, css, comparisons
Top 8 Recent V8 in Node Updates (app)528
nodejs, v8
Ultimate Guide to Visual Testing With Playwright527
guides, testing, regressions, playwright
Creativity Lies in the Paradoxes526
creativity, design
Enhanced Internationalization (I18N) in Next.js 14525
nextjs, internationalization
A Fun Line of Code (dbu)524
javascript, apis, multimedia
A Guide to CSS Cursor Types523
guides, css, cursors
A Simple Mistake That Can Screw Up Your Light/Dark Theme (and How to Fix It) (kev)522
videos, mistakes, dark-mode, css
AI and Design Systems (bra)521
ai, design-systems
Here Lies the Internet, Murdered by Generative AI520
web, content, ai
How to Lazy-Load CodePen and CanIUse Embeds519
how-tos, embed-code, performance, codepen, caniuse
Reporting Core Web Vitals With the Performance API (geo/sma)518
apis, performance, web-vitals
ServerlessHorrors (and)517
websites, serverless, cloud-computing
What Is Vuetify in Vue.js?516
vuetify, vuejs
YouTube Video Embedding Harm Reduction (jvo)515
multimedia, embed-code, youtube, html, privacy
Tumblr and WordPress to Sell Users’ Data to Train AI Tools (404)514
wordpress, ai
The 3 Capabilities Designers Need to Build for the AI Era513
design, career, training, ai, link-lists
Screen Readers and Drag-and-Drop: Grabbing and Releasing Elements (dar)512
drag-and-drop, accessibility, browsers, screen-readers, support
How to Use Server-Sent Events in Node.js (cra)511
how-tos, nodejs, events
10 Takeaways From the WebAIM Screenreader Survey #10 (kar)510
accessibility, screen-readers
A Web Designer’s Accessibility Advocacy Toolkit (sma)509
accessibility, advocacy, strategies
CSS-Only Bottom-Anchored Scrolling Area (kit)508
css, scrolling
How to Build a Newthing507
how-tos, processes, creativity, maintenance
No Outer Margin506
css, margins, spacing, components
Speaker Spotlight: Michelle Barker (mic)505
interviews, css, sustainability
The CSS Cascade—a (Re)Introduction (mat)504
videos, css, cascade
What Is a Single-Page Application? (hey)503
single-page-apps, javascript, performance, user-experience
Why I Use Firefox (sim)502
browsers, mozilla, firefox
CSS Foundations: What Is IACVT? (bra)501
css, fundamentals
Advanced Figma Tips and Tricks 2024: Little Gems We Love500
figma, tips-and-tricks
Open Letter to Tim Cook, Sabotaging Web Apps Is Indefensible (owa)499
open-letters, apple, web-apps
Home Screen Advantage (sli)498
browsers, apple, mobile, support, web-apps, web-platform
CAPTCHA Is Still [the] Most Problematic Issue on the Web (cer)497
accessibility, web, captcha
CSS “:has()” Interactive Guide (sha)496
guides, css, selectors
JSDoc as an Alternative TypeScript Syntax495
typescript, documentation, jsdoc
My WebAIM 10th SR User Survey Takeaways (aar)494
accessibility, screen-readers
Navigating Signals: An Efficient Alternative to React Hooks for Enhanced Performance and Optimization493
react, hooks, signals
Understanding Event-Driven Architecture492
architecture, events
WebAIM Screen Reader User Survey 10 (den)491
accessibility, screen-readers
The Power of Patterns and Playbooks in Content Design (kat)490
design, content, design-patterns
Proposal: CSS Variable Groups (lea)489
css, variables
Why My Code Isn’t in TypeScript (rem)488
typescript
A Developer’s Guide for Web Accessibility487
guides, accessibility
ARIA (Are Ya) Afraid of the Dark? Unmasking Common HTML Monsters to Create Better User Experiences (deq)486
videos, accessibility, aria, html, user-experience
Building Dynamic Progress Bars Using Only CSS (ami)485
css, progress-indicators
Difference Between the Accessibility Page and the Accessibility Statement484
accessibility, documentation, comparisons
Filling Gaps With a Polyfill (jay)483
polyfills, html, css, javascript, history
htmx vs. React: A Complete Comparison482
htmx, react, comparisons
JSR: What We Know So Far About Deno’s New JavaScript Package Registry (sar/soc)481
jsr, deno, dependencies, javascript
Vanilla JavaScript, Libraries, and the Quest for Stateful DOM Rendering (sma)480
javascript, libraries, client-side-rendering, state-management
UX Leadership Is Failing (and What We Can Do About It)479
user-experience, leadership
JavaScript Bloat in 2024 (nik)478
javascript, performance
Navbar Gallery477
websites, navigation, design-patterns, examples
My Favourite Animation Trick: Exponential Smoothing (lis)476
animations, tips-and-tricks
Next.js vs. Remix—a Developer’s Dilemma475
nextjs, remix, comparisons
Node.js 2023 Year in an Article (raf)474
nodejs, retrospectives
Parallax Effect With CSS Custom Properties (fro)473
css, custom-properties, effects, parallax
Release Notes for Safari Technology Preview 189 (jon/web)472
release-notes, browsers, apple, safari
Syntax Highlighting With No Spans?! (chr/fro)471
css, apis, syntax-highlighting
View Transitions: Handling Aspect Ratio Changes (jaf)470
css, view-transitions, aspect-ratio
CSS “::backdrop” Now Inherits From Its Originating Element (bra)469
css, selectors
Making of True Multi-Brand Design System468
design-systems, theming
The One Trick Every Flutter Web Dev Needs to Know467
tips-and-tricks, flutter, performance
Discovering Web Automation and Scraping (gli)466
scraping, automation, tooling
How to Optimize the Web for the Worst User Conditions?465
how-tos, user-experience, responsive-design, performance, optimization
10 Best “Create React App” Alternatives for Different Use Cases464
react, frameworks, tech-stacks, comparisons, link-lists
A Practical Guide to Designing for Colorblind People (vit/sma)463
guides, accessibility, design, colors, color-blindness
A Practical Guide to Using Shadow DOM (may)462
guides, dom, shadow-dom
CSS-Only Radial Progress Bars Using Conic Gradients461
videos, css, gradients, progress-indicators
Does Your Design Conform With WCAG Accessibility Guidelines—or Does It Comply? (deq)460
videos, accessibility, wcag, guidelines, compliance
How to Transfer Binary Data Efficiently Across Worker Threads in Node.js459
how-tos, nodejs, worker-threads
How to Use Local Storage in JavaScript (fre)458
how-tos, browser-storage, javascript
Okay, Color Spaces (eee)457
colors, oklch
“random()” Distribution Visualizer456
javascript, randomness, visualization
Why Is JavaScript Fragile? (cfe)455
javascript
My Design System Journey: Building the Plane While Flying454
design-systems, collaboration, processes
Preventing SQL Injection Attacks in Node.js453
security, nodejs, databases, sql
Design Patterns That Encourage Junk Data (mic)452
design-patterns, sustainability, economics, storage, email
How to Make a Cursor Image Hover Effect With CSS and JS451
how-tos, css, javascript, images, cursors, hover
Control Lazy Load, Infinite Scroll, and Animations in React450
react, lazy-loading, scrolling, animations, javascript
100 Things You Can Do on Your Personal Website (cap)449
blogging, writing, indieweb
17 Equations That Changed the World—Rewritten in JavaScript448
javascript, math
7 Effective Ways to Craft Compelling Problem Statements for UX Design (uxm)447
user-experience, product-management, processes
Fostering a Collaborative Onboarding Team to Design Better Onboarding Experiences (uxm)446
collaboration, onboarding, user-experience
How to Design an Accessible Web Site for People With Color-Deficient Vision (uxm)445
how-tos, accessibility, dei, user-experience, colors, contrast, readability
The Fifty-Fifty Split and Overflow (hex)444
css, overflow, layout
[Web Accessibility] Survey Results443
accessibility, surveys
“Web Design as a Process” in Charts: Maintenance, Decay, Tech Debt, and Big Bang Launching (j9t)442
content, design, design-debt, technical-debt, maintenance, processes, visualization
What Is Utility-First CSS? (hey)441
css, presentational-html, principles
Responsive Web Design: 3 Key Fundamentals (nng)440
videos, responsive-design, fundamentals
Don’t Care About Accessibility? Resistance Is Futile! (cer)439
accessibility
Tailwind Marketing and Misinformation Engine438
tailwind, css, semantics, principles, maintainability, marketing
Syntax Highlighting Code Snippets With Prism and the Custom Highlight API (bra)437
apis, javascript, css, syntax-highlighting
A Manifesto for Small, Static, Web Apps (ros)436
manifestos, web-apps, principles
JavaScript on Demand: How Qwik Differs From React Hydration435
javascript, qwik, react, hydration, comparisons
JavaScript Workers434
videos, javascript, web-workers
Understanding React “useEffect”433
react, hooks
Be a Better Developer With These Git Good Practices432
git, best-practices, conventions, consistency, code-reviews
Frontend Application Security: Tips and Tricks431
web-apps, security, xss, csrf, authentication, dependencies, csp, validation, tips-and-tricks
How to Set Up a Node Server With TypeScript in 2024 (jle)430
how-tos, nodejs, servers, typescript
It’s Official, Apple Kills Web Apps in the EU (owa)429
web-apps, apple
Popular Git Config Options (b0r)428
git, configuration
UI = ƒ(statesⁿ) (dav)427
design, state-management
A Dozen Thoughts About AI (dav)426
ai
ARIA “note” (aar)425
accessibility, aria, browsers, screen-readers, support
CSS “:is(.awesome)” (mar/cfe)424
videos, css, selectors, techniques
Full Guide on How to Hire Front-End Developers Effectively423
guides, how-tos, hiring, career
Future of CSS: Functions and Mixins422
css, functions, mixins
Getting to an Accessibility Strategy421
accessibility, strategies, processes
How I Developed the 10 Usability Heuristics420
usability, heuristics, history
Making the Most of Ligatures (man)419
css, typography
Playing With Infinity in CSS (lon)418
css, math
React Labs: What We’ve Been Working On—February 2024 (rea)417
react
Top 20 JavaScript One-Liners That Don’t Actually Work (dar)416
javascript
How Accessibility Standards Can Empower Better Chart Visual Design (sma)415
accessibility, contrast, colors, information-design
Reasonable WCAG Additions (a11)414
accessibility, wcag
The Text File That Runs the Internet (dav/ver)413
robotstxt, crawling, scraping, ai, web
Wednesday, February 14, 2024 Security Releases (raf+/nod)412
release-notes, nodejs, security
What Is Lighthouse Speed Index (SI) and How to Reduce It411
performance, metrics, lighthouse, google
What Is the Difference Between ASP and ASP.NET?410
asp, asp-net, comparisons
When It Says “Name From Author” It Means From You, Not Boll or Bukowski (ste)409
accessibility, aria, naming
Scroll-Driven Animations: You Want “overflow: clip”, not “overflow: hidden” (bra)408
css, overflow, scrolling, animations
Input Type “date”: The Accessibility of HTML Date Picker407
accessibility, forms
A Practical Guide to Designing for Children (vit/sma)406
guides, design, link-lists
Advanced Architecture for AI Application (aka AAAA) (aus)405
ai, architecture, edge-computing, optimization
Be Aware of Arrays—V8 Engine Advice404
javascript, javascript-engines, v8, arrays
CSS Color Module Level 4 (tab+/w3c)403
standards, css, colors
How to Center a Div (jos)402
how-tos, css, centering
How to Fix the Invisible Scrollbar Issue in iOS Browsers (sim/fro)401
how-tos, browsers, mobile, scrolling, css
The Best CSS Frameworks to Use in Your Projects for 2024 and Beyond (fre)400
css, frameworks, comparisons, bootstrap, tailwind, foundation, bulma, pure
The New CSS Math: “pow()”, “sqrt()”, and Exponential Friends (dan)399
css, functions, math
Why I Like Scrumban (j9t)398
processes, agile, scrum, kanban
Building htmx and Go Web Apps With Gemini Advanced397
videos, web-apps, htmx, go, ai, gemini
Selenium Automation Testing: A Step-by-Step Beginners Guide396
guides, selenium, testing, automation
An Introduction to Node.js Multithreading (cra)395
introductions, nodejs, multithreading
A CSS Project Boilerplate (bel/pic)394
css, tailwind, templates
Can Generative AI Help Write Accessible Code? (tin/tet)393
accessibility, code-generation, ai
How to Choose the Best Static Site Generator in 2024392
how-tos, site-generators, gatsby, jekyll, nuxt, nextjs, hugo, eleventy, vuejs
Learn TypeScript (jad)391
websites, courses, typescript
React, Solid, htmx390
react, solidjs, htmx, comparisons
The Anatomy of Addictive Content (moz)389
content, writing, seo
The ü/ü Conundrum388
javascript, unicode, encoding
You Want to Make It Easy to Feature Your Content (fro)387
frontend-dogma, content, community
How to Boost WordPress Security and Protect Your SEO Ranking386
how-tos, wordpress, security, seo
CSS Mixins and Functions Explainer (mia/odd)385
css, mixins, functions
Dynamic Text Color Contrast Based on Background Lightness With CSS/SVG Filters (miu)384
css, svg, filters, colors, contrast
Names Are Complex: Displaying Initials for an Avatar Component in a Design System (hey)383
naming, design, case-studies
Using Recursive CSS to Change Styles Based on Depth (cri)382
css, selectors
Don’t Disable Form Controls (aar)381
accessibility, usability, forms, buttons
Navigating Prioritization: Four Approaches (cwo)380
project-management, prioritization, processes
Accelerating Code Reviews With Nudges379
research, code-reviews, productivity, experiments, facebook+meta
Everything You Need to Know About Image Formats in 2024 (web)378
images, jpeg, png, gif, webp, avif, pdf, svg
Have We Forgotten How to Build Ethical Things for the Web? (nic)377
web, ethics
HTML as the Baseline (cfe)376
html, progressive-enhancement
The Front-End Development We’re Used to Is Dying375
career, simplicity, complexity
Frequently Heard in My Beginning Front-End Web Development Class (geo/sma)374
learning, career
Git Tips: Really Large Repositories373
git, monorepos, tips-and-tricks
Going Beyond Pixels and (r)ems in CSS—Relative Length Units Based on the Viewport (uti/iod)372
viewport, css, units
In Its Tantrum With Europe, Apple Broke Web Apps in iOS 17 Beta, Still Hasn’t Fixed Them (tho/the)371
web-apps, browsers, apple, mobile
Is [“* { min-width: 0; }”] a Good Idea? (kev)370
videos, css
Node.js Community Debate Intensifies Over Enabling Corepack by Default and Potentially Unbundling npm (sar/soc)369
nodejs, corepack, npm, yarn, pnpm, dependencies
So You Think You Know Git368
videos, git
The Accessibility Mindset: Moving Beyond Remediating, Fixing, and Reacting (a11)367
videos, accessibility
What Is a Descriptive Transcript?366
accessibility, multimedia
Format Nunjucks Files With Prettier (san)365
nunjucks, prettier
10 Best Automated AI Code Review Tools 2024364
ai, automation, code-reviews, tooling, comparisons, link-lists
CSS Is Logical (geo)363
css
Offloading JavaScript With Custom Properties (hey)362
javascript, css, custom-properties
Opportunities for AI in Accessibility (aar/ali)361
accessibility, ai
Release Notes for Safari Technology Preview 188 (jon/web)360
release-notes, browsers, apple, safari
Web Development Is Getting Too Complex, and It May Be Our Fault (mon/sma)359
web-platform, frameworks, tech-stacks, complexity
Patterns in Design Systems (ikn)358
design-systems, design-patterns, components
A Guide to Designing for Older Adults (vit/sma)357
guides, design, accessibility
Detect Caps Lock With JavaScript (dav)356
javascript
Doing What’s Required: Indicating Mandatory Fields in an Accessible Way (tpg)355
accessibility, usability, forms, errors
In Praise of the “switch” Statement (chi)354
javascript
JavaScript Promises Demystified353
javascript, promises
jQuery 4.0.0 Beta (tim/jqu)352
release-notes, jquery
Lessons Learned Moving Eleventy From CommonJS to ESM in 2024 (zac/cfe)351
videos, lessons, eleventy, commonjs, esm, refactoring
Lines of Code—How to Not Measure Code Quality and Developer Efficiency (cod)350
metrics, quality, efficiency, productivity
Malicious npm Package Masquerades as Noblox.js, Targeting Roblox Users for Data Theft (sar/soc)349
npm, dependencies, security
Remix Takes on Next.js in Battle of the React Frameworks (ric)348
frameworks, react, remix, nextjs
When to Use the “min()” or “max()” Function (css)347
css, functions, tips-and-tricks
A Beginner’s Guide to Seamless Open-Source Contributions (wom)346
guides, foss
Designing User Onboarding: Lessons From Figma, Duolingo, and More345
lessons, onboarding, design, user-experience, figma
UI Elements Are Not So Elementary344
design, design-patterns
Immutable Array Updates With “Array.prototype.with” (jad)343
javascript, arrays, prototypes, browsers, support
JavaScript vs. Python: Which One Should You Learn First?342
javascript, python, comparisons
Bookmarklet: Load All GitHub Comments (mey)341
bookmarklets, github, code-reviews
Everything You Need to Know About Git340
git, command-line
Exciting New Tools for Designers, February 2024 (web)339
design, tooling, link-lists
Getting Into Web Components—an Intro (uti)338
introductions, web-components
How to Create Rounded Gradient Borders With Any Background in CSS (ben)337
how-tos, css, borders, gradients, backgrounds
It’s the Hope That Kills You (yat)336
accessibility, career, community
Revolutionizing Usability Testing With Machine Learning (uxm)335
usability, testing, ai
The Decision to Leave Tech (col)334
career, retrospectives
The Most Demanded Frontend Frameworks in 2023333
frameworks, comparisons, react, angular, vuejs
Thoughts on a Global Design System (chr)332
design-systems
Visual Hierarchy: Making User Experiences Easier to Understand (uxm)331
user-experience, design, hierarchy
You Won’t Scale (cfe)330
maintainability, scalability
13 Best Books, Courses, and Communities for Learning React329
react, books, courses, link-lists
htmx Deep Dive With Carson Gross328
videos, htmx, deep-dives
The Importance of Web Performance to Information Equity (sch/fos)327
videos, performance, accessibility
Why Disabled People’s Needs Aren’t “Special”326
accessibility
“X” Marks the Spot: Landmark Elements (stv)325
html, semantics, accessibility, assistive-tech, aria
HTML Attributes That Every Web Developer Should Know324
html, attributes, pop-overs, forms, custom-data
A View Source Web (gar)323
websites, view-source, browsers
5 Hidden Risks of Your Inaccessible Website (deq)322
accessibility
All Art Is a Copy of Something (chr)321
art
From Many to One: Moving Our JavaScript Code Into a Monorepo320
migrating, monorepos, javascript, git
Making Your SVG Icons CSS Masks Instead of Inline HTML or Backgrounds Has Some Benefits (chr/fro)319
images, svg, css, masking, performance
SOLID Principles: They’re Rock-Solid for Good Reason318
programming, principles, solid
What Is WAP?317
wap, mobile
The SEO Starter Guide Got a Makeover (liz+)316
guides, seo, search, google
A Complete Guide to Open Source—100× Simpler315
guides, foss
A Look at the New WAI–ARIA 1.3 Draft (cra)314
accessibility, aria, standards
Career Retrospective313
career, retrospectives
Drupal Creator: Websites Needed More Than Ever in the AI Era (ric)312
web, ai, complexity
Dynamically Adding Text Alternatives to Images With AI (kar)311
automation, ai, accessibility, images, alt-text
Everyone’s a Sellout Now310
career, culture
How to Make a Great Framework Better?—Svelte 5 With Rich Harris (ric)309
videos, frameworks, svelte
The Web Just Gets Better With Interop 2024 (jen/web)308
web-platform, interoperability, browsers, support
Is the Increasing Amount of Shit Code All the Fault of AI-Generated Code?307
ai, quality, technical-debt
What’s the Difference Between “localhost” and “127.0.0.1”?306
network, ip, testing
Interop 2024 (rac)305
interoperability, web-platform, browsers, support
Tracking Your Interviews Is Extremely Important304
career, interviewing
5 Essential DevTools Console Hacks for Every Web Developer303
videos, browsers, dev-tools
Be Purposeful About Your Content302
accessibility, content, writing
Designing Accessible Color Palettes in Figma: A Guide for Web Accessibility (kno)301
guides, accessibility, colors, color-palettes, figma
GitLab vs. GitHub: Which Is Better in 2024?300
version-control, gitlab, github, comparisons
How to Stream Files From Next.js Route Handlers (eri)299
how-tos, nextjs, routing, streaming
Making VPATs and ACRs More Effective in Procurement (web)298
accessibility, vpat-acr, processes
Practice Safe DSD With “setHTMLUnsafe” (It’s Complicated) (jar/van)297
html, dom, shadow-dom, apis, security
Tackling Flaky Tests With Cypress and Playwright Through Network Synchronization296
testing, flakiness, cypress, playwright, network
The Art and Science of Annotations in Dev Mode (fig)295
figma, annotations
The Good, the Bad, the Web Components (zac)294
web-components, shadow-dom, dom
Why Not htmx? (cfe)293
htmx
PurePWA—a Radical U-Turn in Web Development292
web-apps, progressive-web-apps, simplicity, tooling
Interaction to Next Paint Becomes a Core Web Vital on March 12 (mal+)291
performance, web-vitals, metrics
Implementing User Authentication in React Apps With Appwrite290
react, authentication, tooling
A Highly Configurable Switch Component Using Modern CSS Techniques (bel/pic)289
html, css
“field-sizing” Just Works! (kil/pol)288
css, forms, comparisons
Going Beyond Pixels and (r)ems in CSS—Relative Length Units Based on Font (uti/iod)287
css, units, fonts
Is Generated Code Harder to Maintain?286
discussions, ai, maintainability, maintenance
Onboarding (mfo)285
processes, onboarding, productivity, engineering-management
Stop Burning Out Maintainers: An Empathetic Guide for Contributors (bek/ope)284
guides, foss, collaboration
The Psychology of Site Speed and Human Happiness (tam/spe)283
performance, usability
Tuesday, February 6, 2024 Security Releases (raf/nod)282
release-notes, nodejs, security
Use CSS “accent-color” to Style Your Inputs (cas)281
css, forms
Web Platform Design Principles (lea/w3c)280
web-platform, software-design, principles, standards, w3c
Why Do Rubber Ducks Work?279
processes, productivity, creativity
Learn Testing278
courses, testing
Celebrate a More Interoperable Web With Interop 2023 (rac)277
web-platform, interoperability, browsers, support
New to the Web Platform in January (rac)276
release-notes, web-platform, browsers, mozilla, firefox, google, chrome, apple, safari
Understanding Signals in Django275
signals, django
At Last, Browser Choice * (dav)274
legal, browsers, apple, mobile
Dynamic README Image Based on GitHub Activity273
readme, github
Express Forward272
discussions, outlooks, express
Git: The Basics of “git bisect” (ada)271
fundamentals, git
How to Favicon in 2024: Six Files That Fit Most Needs (sit/evi)270
how-tos, images, favicons
Next.js App Router Migration: The Good, Bad, and Ugly269
nextjs, routing, migrating
The EU Forces Open Apple’s Walled Garden268
legal, apple, browsers, mobile
The Web Component Success Story (jak)267
web-components
Practical Guide to Destructuring: TypeScript vs. Dart266
guides, typescript, dart, comparisons
The Loss of the Process in the Name of Progress265
design, creativity, productivity, processes
ESG and DEI Policies Were Always Luxury Goods (blo)264
dei, sustainability, policies
Debunking 10 Common Objections to Incremental Delivery for Software Teams263
agile, processes
A Guide to Styling Tables (sto)262
css, tables, responsive-design
Design Systems Burnout (fon)261
design-systems
Nicer Text Wrapping With CSS “text-wrap” (lon)260
css, typography
Apple Redecorates Its iPhone Prison to Appease Europe (tho/the)259
legal, browsers, apple, mobile
Apple, the DMA, and Malicious Compliance (bru)258
legal, browsers, apple, mobile
Big, Beautiful, Beefy Focus States With “:focus-visible” (dav)257
css, selectors, focus
Gold Text Effect With CSS (man)256
css, effects
Please, Don’t Force Me to Log In (ham)255
web, authentication, user-experience