Life is about deciding who we 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#
Spicing Up Text With “text-emphasis” in CSS (ami)748
css, typography, effects
How Does Single Sign-On (SSO) Work? (mil)747
authentication, security
JavaScript Visualized: Promise Execution746
javascript, promises, visualization
CORS Finally Explained—Simply745
security, csrf, cors, concepts
No One Actually Wants Accessibility (dav)744
accessibility
ARIA “role=application” and Mobile Screen Readers (cer)743
accessibility, aria, screen-readers, mobile
Learn OAuth 2.0 by Building Your Own OAuth Client742
authorization, oauth, functionality
Radix Themes 3.0741
release-notes, radix
AI Can Make a Code Review for Free740
ai, code-reviews, tooling
Profile Node.js Performance With the Performance Panel (jec+)739
nodejs, performance, debugging, browsers, google, chrome, dev-tools
Accessible Forms With Pseudo Classes (css)738
accessibility, forms, css, selectors
CAPTCHA Excludes Disabled Web Users (zel)737
accessibility, captcha
CSS Values and Units Module Level 3 (tab+/w3c)736
standards, css, units
Don’t Get Scammed by Fake Performance Experts and Apps735
performance, tooling
Going Beyond Pixels and (r)ems in CSS—Absolute Length Units (uti/iod)734
css, units
Node.js TSC Confirms: No Intention to Remove npm From Distribution (sar/soc)733
nodejs, npm
Quick Tip: How to Add Gradient Effects and Patterns to Text732
tips-and-tricks, how-tos, css, gradients, effects
The Cost of Interrupted Work: More Speed and Stress731
research, productivity, processes
The “Current Branch” in Git (b0r)730
git
12 Figma Tips to Work More Efficiently (uxd)729
figma, tips-and-tricks, efficiency
Building a Micro htmx SSR Framework (mco/pla)728
frameworks, htmx, examples
[Bulma] 1.0.0727
release-notes, bulma
“__dirname” Is Back in Node.js With ES Modules (phi)726
nodejs, esm
How to Test 3.3.8 Accessible Authentication (Minimum) (sib/tpg)725
how-tos, accessibility, testing, authentication
Node.js: The Documentary (isa+)724
videos, nodejs, history
On Popover Accessibility: What the Browser Does and Doesn’t Do (hdv+)723
accessibility, pop-overs, html
On the Gift of OKR for Company Culture (j9t)722
processes, okr, culture
Optimizing JavaScript for Fun and for Profit721
javascript, optimization
Relicensing and Rug Pulls720
foss, licensing, history
This Pattern Will Wreck Your React App’s TS Performance (mat)719
design-patterns, react, typescript, performance
Welcome to Future of Web Accessibility Based on Predictors (jar+)718
videos, accessibility, outlooks
Avoid These Design System Traps717
design-systems
Microservices Promised Freedom but Delivered Dependencies (pur)716
microservices, dependencies
Aesthetic Layouts: 2 Column Magazine With “shape-outside” (jhe)715
code-pens, layout, css
Folder Structures in React Projects714
react, architecture
How to Create a Website and a PDF From the Same Codebase (spa/clo)713
how-tos, code-generation, pdf, functionality
How to Plan Your First Successful Website (web)712
how-tos, processes, project-management
Progressive Disclosure Defaults (ada)711
css, forms, interaction-design
Psychology and UX: Decoding the Science Behind User Clicks710
user-experience, design, principles
The Box Model and Box Sizing (bel/pic)709
css, box-model, concepts
Understanding Memory Heap and Memory Leaks—How the JS Engine Works (fro)708
javascript-engines, memory, garbage-collection, asynchronicity
Angular Signals: Best Practices707
angular, signals, best-practices
Chill Scroll Snapping: Article Headers (chr/fro)706
css, scrolling
Using Relative Colors (chr/mdn)705
css, colors
How to Assess Your Fit for a Job Description: A Guide for Technologists (wom)704
how-tos, guides, interviewing, career
Build a Full-Stack App With Node.js and htmx703
web-apps, nodejs, htmx
A Comparison of JavaScript CRDTs (alm)702
javascript, types, comparisons
Build a Node App With TypeScript (mat)701
nodejs, typescript, pnpm, esm
Comparing ECMAScript Modules and CommonJS700
comparisons, esm, commonjs
Empowering the User Experience Through Microinteractions: 7 Best Practices (uxm)699
user-experience, interaction-design, best-practices
Every React Concept Explained in 12 Minutes698
videos, react, concepts
How to Kill the Cascade (fon)697
css, cascade, resets, scope
How Web-Site Design and Social Media Work Together (uxm)696
design, content, social-media
I’m So Old: Web Edition (dav)695
web, history
Make a Web Browser: Beginner’s Guide (nim)694
guides, browsers, browser-engines
Oh Sh*t, My App Is Successful and I Didn’t Think About Accessibility693
accessibility
The Power of Textual Content in UX Design (uxm)692
content, user-experience
The Ultimate Guide to Understanding npx vs. npm691
guides, npx, npm, nodejs
“require(esm)” in Node.js (joy)690
nodejs, ecmascript, esm, commonjs
A Designer’s Role Is Not “at the Table” (uxd)689
design, career
Observability Is an Illusion (pur)688
observability, logging, monitoring, alerting
Accessibility Foundations (ihe/tpg)687
accessibility, fundamentals, link-lists
How Meta Improved Their Cache Consistency to 99.99999999686
facebook+meta, caching
2024 Cheat Sheet Collection685
cheat-sheets, link-lists
Why UI Designers Should Understand Flexbox and CSS Grid (uxd)684
design, layout, flexbox, grids, css
Time to Ditch Analytics? Tracking Scripts and Web Sustainability (mic)683
embed-code, google, analytics, sustainability, performance, compliance
Copy Objects Ways in JavaScript682
javascript, objects
How Web Bloat Impacts Users With Slow Devices681
performance, metrics, comparisons, web
Migrating Away From Jest and Achieving Over 90% Reduction in Running Time (pat)680
migrating, jest, testing, memory, performance
Deploying Remix to GitHub Pages679
videos, deploying, remix, github-pages
How (In)Efficient Are Engineering Organizations?678
efficiency, processes, engineering-management
How to Optimize Cumulative Layout Shift (CLS) on Shopify Sites (sia)677
how-tos, performance, web-vitals, optimization, shopify
Quick Tip: Creating a Date Picker in React676
tips-and-tricks, react, functionality
Homepage Design: 5 Fundamental Principles (nng)675
design, homepages, principles
Skeuomorphism (nng)674
design, terminology
Webflow 101: A Guide for Beginners673
introductions, guides, webflow, low-and-no-code
Accessibility in Design Systems: A Comprehensive Approach Through Documentation and Assets672
accessibility, design-systems, documentation, dei
Arguments for Opening Links in a New Tab or Window (gri/clo)671
links, usability
Make Your Functions More Reusable With Generics (mat)670
typescript, functions, generics, maintainability
Qwik vs. Next.js: Which Framework Is Right for Your Next Web Project?669
frameworks, comparisons, qwik, nextjs
The Golden Age of Accessibility668
accessibility
There Is No EU Cookie Banner Law667
consent-management, cookies, legal
What Is Safe Alignment in CSS? (chr/fro)666
css, layout, user-experience
When “Semantic Tokens” Are No Longer Semantic665
design-tokens, semantics
Performance Tooling in 2024 and Beyond664
performance, tooling, browsers, dev-tools, lighthouse, google
25 Unnoticeable Features of JavaScript663
javascript
A Beginner’s Guide to Node.js Worker Threads (bet)662
guides, nodejs, worker-threads
Another JS Registry—Seriously?! (den)661
videos, jsr, dependencies, javascript
How to Avoid Flaky Tests in Playwright660
how-tos, testing, flakiness, playwright
How to Design Icons in Figma659
how-tos, images, icons, figma, design
My New Favorite CSS Trick: “will-change”658
css, animations, transitions, tips-and-tricks
Refactoring My Ugliest Code With Signal View Queries657
videos, refactoring, angular
Ruby Is Complicated656
html
The Problem With AI (cfe)655
ai
The Problem With Data Attributes for Text Effects (man)654
html, custom-data, css, typography, effects
There Are No Standards Police (mno)653
standards, policies, processes
WCAG 2.2 Detective Skills652
accessibility, standards, wcag
What’s Next for a Global Design System (bra)651
design-systems
HTML Performance Optimization: Tips for Faster Loading Pages650
html, landing-pages, performance, optimization, tips-and-tricks
You Want “border-color: transparent”, Not “border: none” (dav/fro)649
css, borders, transparency+opacity, accessibility, contrast
5 Exciting New JavaScript Features in 2024648
javascript
A Letter to My Younger Self, as an Accessibility Advocate (hbu)647
accessibility, advocacy, retrospectives
Building Websites and Building Websites Well (j9t)646
quality, craft, community
How to Read Files Quickly in JavaScript (lem)645
how-tos, javascript, file-handling
Runtime Compatibility (asc+)644
websites, runtimes, interoperability, comparisons, bun, deno, netlify, nodejs
Spread vs. Rest Operators in JavaScript643
javascript, operators, comparisons
The “10× Engineer”: 50 Years Ago and Now (ger)642
productivity, processes, career, history
The Essential Guide to Microcopy and Becoming a More Literate Designer641
guides, design, microcontent, content, writing
Thoughts on Embedding Alternative Text Metadata Into Images (eri)640
accessibility, images, metadata
Why Your Microservices Architecture Is Probably Overkill (and How I Learned to Love the Monolith Again) (pur)639
architecture, microservices, monoliths
15 Years of Running a Personal Website (ste)638
indieweb
Marking the Web’s 35th Birthday: An Open Letter (tim)637
open-letters, web, history, anniversaries
Interaction to Next Paint Is Officially a Core Web Vital (rvi)636
performance, web-vitals
A Gentle Introduction to Generics in TypeScript635
introductions, typescript, generics
Accessibility: Implementing Focus Traps634
accessibility, focus, keyboard-navigation
Alt Text for CSS Generated Content (tem)633
css, generated-content, alt-text, accessibility
Announcing Speedometer 3.0: A Shared Browser Benchmark for Web Application Responsiveness632
performance, tooling, metrics
Are We Watching the Internet Die? (edz)631
web
Comparing JavaScript Frameworks: Templates630
javascript, frameworks, templates, comparisons
Distinguishing Between ARIA and Native HTML Attributes (deq)629
html, aria, attributes, accessibility, comparisons
Express.js With TypeScript—Setup, Examples, Testing628
videos, express, typescript, testing, examples
Have You Optimized for INP?627
performance, web-vitals, optimization
IDEs vs. Code Editors: Everything You Need to Know (jet)626
code-editors, comparisons, concepts
JSON Canvas625
websites, standards, json, canvas
Streaming HTML (chr/fro)624
html, php, streaming
What Is INP and Why You Should Care (whi/get)623
performance, web-vitals, monitoring
CSS Button Styles You Might Not Know (dbu)622
html, css, buttons
Things I Learned While Building My JS Library621
javascript, libraries, lessons
Optimising Your Design System With Figma’s Variables (uxd)620
design-systems, optimization, variables, figma
Access by a Thousand Curb Cuts (yat)619
accessibility
eslint-plugin-depend618
packages, npm, maintenance, simplicity
How to Invert the Colors Using CSS (ron)617
css, colors, filters, images
Jakob Has Jumped the Shark (aar)616
accessibility, link-lists
Replace ESLint and Prettier With Biome.js615
biome, eslint, prettier, comparisons, tooling, remix
Asking Users for Their Pronouns: A Guide for UX Designers614
guides, user-experience, communication
Dissecting Layered Architecture (yok)613
architecture
How “HEAD” Works in Git (b0r)612
git
Modern CSS Tooltips and Speech Bubbles II (css/sma)611
tooltips, css, techniques
Navigating the Future of Frontend610
frameworks, web-platform, outlooks
Add Superpowers to Your CSS Variables With Style Queries (jar/van)609
css, style-queries, custom-properties
Creating Color Palettes With the CSS “color-mix()” Function (mic)608
css, functions, colors, color-palettes
How to Test 2.5.8 Target Size (Minimum) (sib/tpg)607
how-tos, accessibility, testing
Managing Static Files in Django: A Comprehensive Guide606
guides, django, file-handling
Some Little Ways I’m Using CSS “:has()” in the Real World (bel/pic)605
css, selectors, examples
The Quiet, Pervasive Devaluation of Frontend (col)604
html, css, craft, career, community
AVIF Is the Future of Web Images603
images, avif, performance, outlooks
How to Check and Set the “NODE_ENV” Environment Variable and Its Use in a Project602
how-tos, nodejs, environments
10 Figma Keyboard Shortcuts: A Cheat Sheet for UX Designers601
figma, keyboard-shortcuts, cheat-sheets, design
5 Ways Productivity Culture Kills Business Agility600
productivity, agile, economics, culture
Announcing TypeScript 5.4 (dan/typ)599
release-notes, typescript
Exploring the Creative Power of CSS Filters and Blending598
css, blend-modes, filters, effects
Internationalization With Remix (rem)597
remix, internationalization
Making Room for Long List Markers With Subgrid (nol)596
html, lists, css, grids
Release Notes for Safari Technology Preview 190 (jon/web)595
release-notes, browsers, apple, safari
Simplify Your CSS Using “:is()” and “:where()” Pseudo-Classes (zor/css)594
videos, css, selectors
Sometimes, a Button Just Wants to Look Like a Button593
design, usability, buttons
SSG, SSR, ISR, CSR Rendering Strategies in Next.js (fro)592
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 Stylesheets591
shadow-dom, dom, css
The End of My Gatsby Journey (mon)590
gatsby, frameworks, comparisons
The Ultimate Guide to Choosing the Best React Website Builder589
guides, react, tooling, comparisons, link-lists
90% of Designers are Unhirable? (uxd)588
design, processes, career
WebAssembly JSPI Is Going to Origin Trial587
webassembly
Best Practices for Inclusive Design586
design, dei, accessibility, best-practices
How to Use WebSockets in Node.js to Create Real-Time Apps (cra)585
how-tos, websockets, nodejs
WebKit Features in Safari 17.4 (jen+/web)584
release-notes, browsers, apple, safari, webkit
How to Ensure Your Designs Work if You Can’t Access Sample Data (uxd)583
how-tos, design, usability, metrics, testing
Data Table Design Patterns (uxd)582
information-design, tables, design-patterns
Achieving Design Collegiality While Maintaining Psychological Safety (uxm)581
design, collaboration
Designing for Mobile Accessibility: Enhancing the User Experience on Small Screens (uxm)580
design, accessibility, user-experience, mobile
JavaScript Runs the World—Maybe Even Literally (wir)579
javascript, programming, web
JSR: Second Look (dbu)578
jsr
Modern Git Commands and Features You Should Be Using577
git, command-line
The 88×31 Archive576
web, images, history
WCAG? More Like, W-What?! (stv)575
accessibility, wcag, link-lists
SemVer Simplified: An Introduction to Semantic Versioning574
introductions, semver, versioning
When We Talk About Front-End Performance, What Are We Talking About573
performance, metrics, web-vitals, lighthouse, google
Accessibility Darkness (ste)572
accessibility, overlays
Accessibility Has Not Failed—It Has Not Even Started for Real (cer)571
accessibility, ai
Bugs I’ve Filed on Browsers (nol)570
browsers, chromium, firefox, webkit, quality
CSS for Printing to Paper569
css, print
How npm Install Scripts Can Be Weaponized: A Real-World Example of a Harmful npm Package (eth)568
npm, dependencies, examples, security
Tools That Make Me Productive as a Software Engineer567
tooling, productivity, link-lists
We Need to Talk About Jakob (mat)566
accessibility
Visualizing Frontend Architecture (max)565
architecture, documentation, visualization
VPS Showdown—March 2024—DigitalOcean vs. Linode vs. Vultr564
servers, hosting, comparisons, metrics
Go Ahead and Block AI Web Crawlers (cor)563
robotstxt, crawling, scraping, ai
The Faster Lambda Runtime—Node.js or LLRT? We Benchmarked562
aws, lambda, javascript, runtimes, nodejs, comparisons, metrics
The Hunt for the Missing Data Type (hil)561
types, algorithms
Emerging UX Patterns in Generative AI Experiences (uxd)560
user-experience, design-patterns, ai
Planning a Design System Generation (nat)559
design-systems, automation
A Love Letter to the Underrepresented in Tech558
community
“AI” and Accessible Front-End Components: Is the Nuance Generatable? (hdv)557
accessibility, web-components, ai
An Introduction to Webflow—the No-Code Website Builder556
introductions, webflow, low-and-no-code
Apple Backs Off Killing Web Apps, but the Fight Continues (owa)555
web-apps, apple
Apple Says iOS 17.4 Won’t Remove Home Screen Web Apps in the EU After All554
browsers, apple, mobile, web-apps
Eloquent JavaScript (mar)553
websites, books, javascript
Introducing JSR—the JavaScript Registry (lca+/den)552
introductions, jsr, deno, dependencies, javascript
Modern CSS Tooltips and Speech Bubbles (css/sma)551
tooltips, css, techniques
Team Productivity Metrics for Engineering Managers550
productivity, metrics, engineering-management
TIL—“submit()” Versus “requestSubmit()” (ray)549
javascript, comparisons
Web Tech Trends to Watch in 2024 and Beyond (web)548
trends, design, dark-mode, ai, sustainability, minimalism
Retrofitting Fluid Typography (ric)547
liquid-design, typography, css
Design System Generations (nat)546
design-systems, processes
Accessibility Has Failed: Try Generative UI = Individualized UX545
accessibility, usability, ai, outlooks
Choosing the Right Node.js Package Manager in 2024: A Comparative Guide (nod)544
guides, nodejs, dependencies, comparisons
Diving Into CSS Interactivity (daw+/sto)543
videos, css
Keyboard Accessibility Testing on Mobile Devices542
accessibility, testing, keyboard-navigation, mobile
Techniques to Break Words (aar)541
techniques, html, css, content
The Wax and the Wane of the Web (ste/ali)540
web-platform, history
Understanding Cookies and Sessions in React539
react, authentication, cookies
What Is Inclusive Design, and How Does It Relate to Accessibility?538
design, dei, accessibility
What You Need to Know About Software Requirements537
software-design, best-practices
Why Does “is-number” Package Have 59M Weekly Downloads?536
dependencies, npm
New to the Web Platform in February (rac)535
release-notes, web-platform, browsers, mozilla, firefox, google, chrome, apple, safari
An HTML Switch Control (ann+/web)534
html, css, forms
Apple vs. PWAs—Go Act Now and Help Avoid This Disaster… (cod)533
apple, web-apps, progressive-web-apps, community
Enhanced Internationalization (I18N) in Next.js 14532
nextjs, internationalization
Going Beyond Pixels and (r)ems in CSS—Container Query Length Units (uti/iod)531
css, container-queries, units
How to Create a Sidebar Navigation With Astro, Tailwind CSS, and Alpine.js530
how-tos, navigation, functionality, astro, tailwind, alpinejs
Making Math Accessible (ons/tpg)529
accessibility, math
So, What Exactly Did Apple Break in the EU? (tom)528
browsers, apple, mobile, support, web-apps, apis
Test Quality vs. Bashing Tailwind CSS (mar)527
tailwind, css, comparisons
Top 8 Recent V8 in Node Updates (app)526
nodejs, v8
Ultimate Guide to Visual Testing With Playwright525
guides, testing, regressions, playwright
Creativity Lies in the Paradoxes (uxd)524
creativity, design
A Fun Line of Code (dbu)523
javascript, apis, multimedia
A Guide to CSS Cursor Types522
guides, css, cursors
A Simple Mistake That Can Screw Up Your Light/Dark Theme (and How to Fix It) (kev)521
videos, mistakes, dark-mode, css
AI and Design Systems (bra)520
ai, design-systems
Here Lies the Internet, Murdered by Generative AI519
web, content, ai
How to Lazy-Load CodePen and CanIUse Embeds518
how-tos, embed-code, performance, codepen, caniuse
How to Use Server-Sent Events in Node.js (cra)517
how-tos, nodejs, events
Reporting Core Web Vitals With the Performance API (geo/sma)516
apis, performance, web-vitals
ServerlessHorrors (and)515
websites, serverless, cloud-computing
What Is Vuetify in Vue.js?514
vuetify, vuejs
YouTube Video Embedding Harm Reduction (jvo)513
multimedia, embed-code, youtube, html, privacy
Tumblr and WordPress to Sell Users’ Data to Train AI Tools (404)512
wordpress, ai
The 3 Capabilities Designers Need to Build for the AI Era (uxd)511
design, career, training, ai, link-lists
Screen Readers and Drag-and-Drop: Grabbing and Releasing Elements (dar)510
drag-and-drop, accessibility, browsers, screen-readers, support
10 Takeaways From the WebAIM Screenreader Survey #10 (kar)509
accessibility, screen-readers
A Web Designer’s Accessibility Advocacy Toolkit (sma)508
accessibility, advocacy, strategies
CSS-Only Bottom-Anchored Scrolling Area (kit)507
css, scrolling
How to Build a Newthing506
how-tos, processes, creativity, maintenance
No Outer Margin505
css, margins, spacing, components
Speaker Spotlight: Michelle Barker (mic)504
interviews, css, sustainability
The CSS Cascade—a (Re)Introduction (mat)503
videos, css, cascade
What Is a Single-Page Application? (hey)502
single-page-apps, javascript, performance, user-experience
Why I Use Firefox (sim)501
browsers, mozilla, firefox
CSS Foundations: What Is IACVT? (bra)500
css, fundamentals
Advanced Figma Tips and Tricks 2024: Little Gems We Love (uxd)499
figma, tips-and-tricks
Open Letter to Tim Cook, Sabotaging Web Apps Is Indefensible (owa)498
open-letters, apple, web-apps
Home Screen Advantage (sli)497
browsers, apple, mobile, support, web-apps, web-platform
CAPTCHA Is Still [the] Most Problematic Issue on the Web (cer)496
accessibility, web, captcha
CSS “:has()” Interactive Guide (sha)495
guides, css, selectors
JSDoc as an Alternative TypeScript Syntax494
typescript, documentation, jsdoc
My WebAIM 10th SR User Survey Takeaways (aar)493
accessibility, screen-readers
Navigating Signals: An Efficient Alternative to React Hooks for Enhanced Performance and Optimization492
react, hooks, signals
Understanding Event-Driven Architecture491
architecture, events
WebAIM Screen Reader User Survey 10 (den)490
accessibility, screen-readers
The Power of Patterns and Playbooks in Content Design (kat/uxd)489
design, content, design-patterns
A Developer’s Guide for Web Accessibility488
guides, accessibility
Proposal: CSS Variable Groups (lea)487
css, variables
Why My Code Isn’t in TypeScript (rem)486
typescript
ARIA (Are Ya) Afraid of the Dark? Unmasking Common HTML Monsters to Create Better User Experiences (deq)485
videos, accessibility, aria, html, user-experience
Building Dynamic Progress Bars Using Only CSS (ami)484
css, progress-indicators
Difference Between the Accessibility Page and the Accessibility Statement483
accessibility, documentation, comparisons
Filling Gaps With a Polyfill (jay)482
polyfills, html, css, javascript, history
htmx vs. React: A Complete Comparison481
htmx, react, comparisons
JSR: What We Know So Far About Deno’s New JavaScript Package Registry (sar/soc)480
jsr, deno, dependencies, javascript
Vanilla JavaScript, Libraries, and the Quest for Stateful DOM Rendering (sma)479
javascript, libraries, client-side-rendering, state-management
UX Leadership Is Failing (and What We Can Do About It) (uxd)478
user-experience, leadership
JavaScript Bloat in 2024 (nik)477
javascript, performance
Navbar Gallery476
websites, navigation, design-patterns, examples
10 Best “Create React App” Alternatives for Different Use Cases475
react, frameworks, tech-stacks, comparisons, link-lists
How to Optimize the Web for the Worst User Conditions?474
how-tos, user-experience, responsive-design, performance, optimization
My Favourite Animation Trick: Exponential Smoothing (lis)473
animations, tips-and-tricks
Next.js vs. Remix—a Developer’s Dilemma472
nextjs, remix, comparisons
Node.js 2023 Year in an Article (raf)471
nodejs, retrospectives
Parallax Effect With CSS Custom Properties (fro)470
css, custom-properties, effects, parallax
Release Notes for Safari Technology Preview 189 (jon/web)469
release-notes, browsers, apple, safari
Syntax Highlighting With No Spans?! (chr/fro)468
css, apis, syntax-highlighting
View Transitions: Handling Aspect Ratio Changes (jaf)467
css, view-transitions, aspect-ratio
CSS “::backdrop” Now Inherits From Its Originating Element (bra)466
css, selectors
Making of True Multi-Brand Design System (uxd)465
design-systems, theming
The One Trick Every Flutter Web Dev Needs to Know464
tips-and-tricks, flutter, performance
Discovering Web Automation and Scraping (gli)463
scraping, automation, tooling
A Practical Guide to Designing for Colorblind People (vit/sma)462
guides, accessibility, design, colors, color-blindness
A Practical Guide to Using Shadow DOM (may)461
guides, dom, shadow-dom
Control Lazy Load, Infinite Scroll, and Animations in React460
react, lazy-loading, scrolling, animations, javascript
CSS-Only Radial Progress Bars Using Conic Gradients459
videos, css, gradients, progress-indicators
Does Your Design Conform With WCAG Accessibility Guidelines—or Does It Comply? (deq)458
videos, accessibility, wcag, guidelines, compliance
How to Transfer Binary Data Efficiently Across Worker Threads in Node.js457
how-tos, nodejs, worker-threads
How to Use Local Storage in JavaScript (fre)456
how-tos, browser-storage, javascript
Okay, Color Spaces (eee)455
colors, oklch
“random()” Distribution Visualizer454
javascript, randomness, visualization
Why Is JavaScript Fragile? (cfe)453
javascript
My Design System Journey: Building the Plane While Flying (uxd)452
design-systems, collaboration, processes
Preventing SQL Injection Attacks in Node.js451
security, nodejs, databases, sql
Design Patterns That Encourage Junk Data (mic)450
design-patterns, sustainability, economics, storage, email
How to Make a Cursor Image Hover Effect With CSS and JS449
how-tos, css, javascript, images, cursors, hover
100 Things You Can Do on Your Personal Website (cap)448
blogging, writing, indieweb
17 Equations That Changed the World—Rewritten in JavaScript447
javascript, math
7 Effective Ways to Craft Compelling Problem Statements for UX Design (uxm)446
user-experience, product-management, processes
Fostering a Collaborative Onboarding Team to Design Better Onboarding Experiences (uxm)445
collaboration, onboarding, user-experience
How to Design an Accessible Web Site for People With Color-Deficient Vision (uxm)444
how-tos, accessibility, dei, user-experience, colors, contrast, readability
The Fifty-Fifty Split and Overflow (hex)443
css, overflow, layout
[Web Accessibility] Survey Results442
accessibility, surveys
“Web Design as a Process” in Charts: Maintenance, Decay, Tech Debt, and Big Bang Launching (j9t)441
content, design, design-debt, technical-debt, maintenance, processes, visualization
What Is Utility-First CSS? (hey)440
css, presentational-html, principles
Responsive Web Design: 3 Key Fundamentals (nng)439
videos, responsive-design, fundamentals
Don’t Care About Accessibility? Resistance Is Futile! (cer)438
accessibility
Tailwind Marketing and Misinformation Engine437
tailwind, css, semantics, principles, maintainability, marketing
Syntax Highlighting Code Snippets With Prism and the Custom Highlight API (bra)436
apis, javascript, css, syntax-highlighting
A Manifesto for Small, Static, Web Apps (ros)435
manifestos, web-apps, principles
JavaScript on Demand: How Qwik Differs From React Hydration (the)434
javascript, qwik, react, hydration, comparisons
JavaScript Workers433
videos, javascript, web-workers
Understanding React “useEffect”432
react, hooks
Be a Better Developer With These Git Good Practices431
git, best-practices, conventions, consistency, code-reviews
Frontend Application Security: Tips and Tricks430
web-apps, security, xss, csrf, authentication, dependencies, csp, validation, tips-and-tricks
How to Set Up a Node Server With TypeScript in 2024 (jle)429
how-tos, nodejs, servers, typescript
It’s Official, Apple Kills Web Apps in the EU (owa)428
web-apps, apple
Popular Git Config Options (b0r)427
git, configuration
UI = ƒ(statesⁿ) (dav)426
design, state-management
A Dozen Thoughts About AI (dav)425
ai
ARIA “note” (aar)424
accessibility, aria, browsers, screen-readers, support
CSS “:is(.awesome)” (mar/cfe)423
videos, css, selectors, techniques
Full Guide on How to Hire Front-End Developers Effectively422
guides, how-tos, hiring, career
Future of CSS: Functions and Mixins421
css, functions, mixins
Getting to an Accessibility Strategy420
accessibility, strategies, processes
How I Developed the 10 Usability Heuristics419
usability, heuristics, history
Making the Most of Ligatures (man)418
css, typography
Playing With Infinity in CSS (lon)417
css, math
React Labs: What We’ve Been Working On—February 2024 (rea)416
react
Top 20 JavaScript One-Liners That Don’t Actually Work (dar)415
javascript
How Accessibility Standards Can Empower Better Chart Visual Design (sma)414
accessibility, contrast, colors, information-design
Reasonable WCAG Additions (a11)413
accessibility, wcag
The Text File That Runs the Internet (dav/ver)412
robotstxt, crawling, scraping, ai, web
Wednesday, February 14, 2024 Security Releases (raf+/nod)411
release-notes, nodejs, security
What Is Lighthouse Speed Index (SI) and How to Reduce It410
performance, metrics, lighthouse, google
What Is the Difference Between ASP and ASP.NET?409
asp, asp-net, comparisons
When It Says “Name From Author” It Means From You, Not Boll or Bukowski (ste)408
accessibility, aria, naming
Scroll-Driven Animations: You Want “overflow: clip”, not “overflow: hidden” (bra)407
css, overflow, scrolling, animations
Input Type “date”: The Accessibility of HTML Date Picker406
accessibility, forms
A Practical Guide to Designing for Children (vit/sma)405
guides, design, link-lists
Advanced Architecture for AI Application (aka AAAA) (aus)404
ai, architecture, edge-computing, optimization
An Introduction to Node.js Multithreading (cra)403
introductions, nodejs, multithreading
Be Aware of Arrays—V8 Engine Advice402
javascript, javascript-engines, v8, arrays
CSS Color Module Level 4 (tab+/w3c)401
standards, css, colors
How to Center a Div (jos)400
how-tos, css, centering
How to Fix the Invisible Scrollbar Issue in iOS Browsers (sim/fro)399
how-tos, browsers, mobile, scrolling, css
The Best CSS Frameworks to Use in Your Projects for 2024 and Beyond (fre)398
css, frameworks, comparisons, bootstrap, tailwind, foundation, bulma, pure
The New CSS Math: “pow()”, “sqrt()”, and Exponential Friends (dan)397
css, functions, math
Why I Like Scrumban (j9t)396
processes, agile, scrum, kanban
Building htmx and Go Web Apps With Gemini Advanced395
videos, web-apps, htmx, go, ai, gemini
Selenium Automation Testing: A Step-by-Step Beginners Guide394
guides, selenium, testing, automation
A CSS Project Boilerplate (bel/pic)393
css, tailwind, templates
Can Generative AI Help Write Accessible Code? (tin/tet)392
accessibility, code-generation, ai
How to Boost WordPress Security and Protect Your SEO Ranking391
how-tos, wordpress, security, seo
How to Choose the Best Static Site Generator in 2024390
how-tos, site-generators, gatsby, jekyll, nuxt, nextjs, hugo, eleventy, vuejs
Learn TypeScript (jad)389
websites, courses, typescript
React, Solid, htmx388
react, solidjs, htmx, comparisons
The Anatomy of Addictive Content (moz)387
content, writing, seo
The ü/ü Conundrum386
javascript, unicode, encoding
You Want to Make It Easy to Feature Your Content (fro)385
frontend-dogma, content, community
CSS Mixins and Functions Explainer (mia/odd)384
css, mixins, functions
Dynamic Text Color Contrast Based on Background Lightness With CSS/SVG Filters (miu)383
css, svg, filters, colors, contrast
Names Are Complex: Displaying Initials for an Avatar Component in a Design System (hey)382
naming, design, case-studies
Using Recursive CSS to Change Styles Based on Depth (cri)381
css, selectors
Don’t Disable Form Controls (aar)380
accessibility, usability, forms, buttons
Navigating Prioritization: Four Approaches (cwo)379
project-management, prioritization, processes
Accelerating Code Reviews With Nudges378
research, code-reviews, productivity, experiments, facebook+meta
Everything You Need to Know About Image Formats in 2024 (web)377
images, jpeg, png, gif, webp, avif, pdf, svg
Have We Forgotten How to Build Ethical Things for the Web? (nic)376
web, ethics
HTML as the Baseline (cfe)375
html, progressive-enhancement
The Front-End Development We’re Used to Is Dying374
career, simplicity, complexity
Frequently Heard in My Beginning Front-End Web Development Class (geo/sma)373
learning, career
Git Tips: Really Large Repositories372
git, monorepos, tips-and-tricks
Going Beyond Pixels and (r)ems in CSS—Relative Length Units Based on the Viewport (uti/iod)371
viewport, css, units
In Its Tantrum With Europe, Apple Broke Web Apps in iOS 17 Beta, Still Hasn’t Fixed Them (tho/the)370
web-apps, browsers, apple, mobile
Is [“* { min-width: 0; }”] a Good Idea? (kev)369
videos, css
Node.js Community Debate Intensifies Over Enabling Corepack by Default and Potentially Unbundling npm (sar/soc)368
nodejs, corepack, npm, yarn, pnpm, dependencies
So You Think You Know Git367
videos, git
The Accessibility Mindset: Moving Beyond Remediating, Fixing, and Reacting (a11)366
videos, accessibility
What Is a Descriptive Transcript?365
accessibility, multimedia
Format Nunjucks Files With Prettier (san)364
nunjucks, prettier
10 Best Automated AI Code Review Tools 2024363
ai, automation, code-reviews, tooling, comparisons, link-lists
CSS Is Logical (geo)362
css
Offloading JavaScript With Custom Properties (hey)361
javascript, css, custom-properties
Opportunities for AI in Accessibility (aar/ali)360
accessibility, ai
Release Notes for Safari Technology Preview 188 (jon/web)359
release-notes, browsers, apple, safari
Web Development Is Getting Too Complex, and It May Be Our Fault (mon/sma)358
web-platform, frameworks, tech-stacks, complexity
Patterns in Design Systems (ikn)357
design-systems, design-patterns, components
A Guide to Designing for Older Adults (vit/sma)356
guides, design, accessibility
Detect Caps Lock With JavaScript (dav)355
javascript
Doing What’s Required: Indicating Mandatory Fields in an Accessible Way (tpg)354
accessibility, usability, forms, errors
In Praise of the “switch” Statement (chi)353
javascript
JavaScript Promises Demystified352
javascript, promises
JavaScript vs. Python: Which One Should You Learn First?351
javascript, python, comparisons
jQuery 4.0.0 Beta (tim/jqu)350
release-notes, jquery
Lessons Learned Moving Eleventy From CommonJS to ESM in 2024 (zac/cfe)349
videos, lessons, eleventy, commonjs, esm, refactoring
Lines of Code—How to Not Measure Code Quality and Developer Efficiency (cod)348
metrics, quality, efficiency, productivity
Malicious npm Package Masquerades as Noblox.js, Targeting Roblox Users for Data Theft (sar/soc)347
npm, dependencies, security
Remix Takes on Next.js in Battle of the React Frameworks (ric/the)346
frameworks, react, remix, nextjs
When to Use the “min()” or “max()” Function (css)345
css, functions, tips-and-tricks
A Beginner’s Guide to Seamless Open-Source Contributions (wom)344
guides, foss
Designing User Onboarding: Lessons From Figma, Duolingo, and More (uxd)343
lessons, onboarding, design, user-experience, figma
UI Elements Are Not So Elementary (uxd)342
design, design-patterns
Immutable Array Updates With “Array.prototype.with” (jad)341
javascript, arrays, prototypes, browsers, support
13 Best Books, Courses, and Communities for Learning React340
react, books, courses, link-lists
Bookmarklet: Load All GitHub Comments (mey)339
bookmarklets, github, code-reviews
Everything You Need to Know About Git338
git, command-line
Exciting New Tools for Designers, February 2024 (web)337
design, tooling, link-lists
Getting Into Web Components—an Intro (uti)336
introductions, web-components
How to Create Rounded Gradient Borders With Any Background in CSS (ben)335
how-tos, css, borders, gradients, backgrounds
It’s the Hope That Kills You (yat)334
accessibility, career, community
Revolutionizing Usability Testing With Machine Learning (uxm)333
usability, testing, ai
The Decision to Leave Tech (col)332
career, retrospectives
The Most Demanded Frontend Frameworks in 2023331
frameworks, comparisons, react, angular, vuejs
Thoughts on a Global Design System (chr)330
design-systems
Visual Hierarchy: Making User Experiences Easier to Understand (uxm)329
user-experience, design, hierarchy
You Won’t Scale (cfe)328
maintainability, scalability
htmx Deep Dive With Carson Gross327
videos, htmx, deep-dives
The Importance of Web Performance to Information Equity (sch/fos)326
videos, performance, accessibility
Why Disabled People’s Needs Aren’t “Special”325
accessibility
“X” Marks the Spot: Landmark Elements (stv)324
html, semantics, accessibility, assistive-tech, aria
HTML Attributes That Every Web Developer Should Know323
html, attributes, pop-overs, forms, custom-data
A View Source Web (gar)322
websites, view-source, browsers
5 Hidden Risks of Your Inaccessible Website (deq)321
accessibility
All Art Is a Copy of Something (chr)320
art
From Many to One: Moving Our JavaScript Code Into a Monorepo319
migrating, monorepos, javascript, git
Making Your SVG Icons CSS Masks Instead of Inline HTML or Backgrounds Has Some Benefits (chr/fro)318
images, svg, css, masking, performance
SOLID Principles: They’re Rock-Solid for Good Reason317
programming, principles, solid
What Is WAP?316
wap, mobile
The SEO Starter Guide Got a Makeover (liz+)315
guides, seo, search, google
A Complete Guide to Open Source—100× Simpler314
guides, foss
A Look at the New WAI–ARIA 1.3 Draft (cra)313
accessibility, aria, standards
Career Retrospective312
career, retrospectives
Drupal Creator: Websites Needed More Than Ever in the AI Era (ric/the)311
web, ai, complexity
Dynamically Adding Text Alternatives to Images With AI (kar)310
automation, ai, accessibility, images, alt-text
Everyone’s a Sellout Now309
career, culture
How to Make a Great Framework Better?—Svelte 5 With Rich Harris (ric)308
videos, frameworks, svelte
The Web Just Gets Better With Interop 2024 (jen/web)307
web-platform, interoperability, browsers, support
Tracking Your Interviews Is Extremely Important306
career, interviewing
Is the Increasing Amount of Shit Code All the Fault of AI-Generated Code?305
ai, quality, technical-debt
What’s the Difference Between “localhost” and “127.0.0.1”?304
network, ip, testing
Interop 2024 (rac)303
interoperability, web-platform, browsers, support
5 Essential DevTools Console Hacks for Every Web Developer302
videos, browsers, dev-tools
Be Purposeful About Your Content301
accessibility, content, writing
Designing Accessible Color Palettes in Figma: A Guide for Web Accessibility (kno)300
guides, accessibility, colors, color-palettes, figma
GitLab vs. GitHub: Which Is Better in 2024?299
version-control, gitlab, github, comparisons
How to Stream Files From Next.js Route Handlers (eri)298
how-tos, nextjs, routing, streaming
Implementing User Authentication in React Apps With Appwrite297
react, authentication, tooling
Making VPATs and ACRs More Effective in Procurement (web)296
accessibility, vpat-acr, processes
Practice Safe DSD With “setHTMLUnsafe” (It’s Complicated) (jar/van)295
html, dom, shadow-dom, apis, security
Tackling Flaky Tests With Cypress and Playwright Through Network Synchronization294
testing, flakiness, cypress, playwright, network
The Art and Science of Annotations in Dev Mode (fig)293
figma, annotations
The Good, the Bad, the Web Components (zac)292
web-components, shadow-dom, dom
Why Not htmx? (cfe)291
htmx
PurePWA—a Radical U-Turn in Web Development290
web-apps, progressive-web-apps, simplicity, tooling
Interaction to Next Paint Becomes a Core Web Vital on March 12 (mal+)289
performance, web-vitals, metrics
A Highly Configurable Switch Component Using Modern CSS Techniques (bel/pic)288
html, css
“field-sizing” Just Works! (kil/pol)287
css, forms, comparisons
Going Beyond Pixels and (r)ems in CSS—Relative Length Units Based on Font (uti/iod)286
css, units, fonts
Is Generated Code Harder to Maintain?285
discussions, ai, maintainability, maintenance
Onboarding (mfo)284
processes, onboarding, productivity, engineering-management
Stop Burning Out Maintainers: An Empathetic Guide for Contributors (bek/ope)283
guides, foss, collaboration
The Psychology of Site Speed and Human Happiness (tam/spe)282
performance, usability
Tuesday, February 6, 2024 Security Releases (raf/nod)281
release-notes, nodejs, security
Understanding Signals in Django280
signals, django
Use CSS “accent-color” to Style Your Inputs (cas)279
css, forms
Web Platform Design Principles (lea/w3c)278
web-platform, software-design, principles, standards, w3c
Why Do Rubber Ducks Work?277
processes, productivity, creativity
Learn Testing276
courses, testing
Celebrate a More Interoperable Web With Interop 2023 (rac)275
web-platform, interoperability, browsers, support
New to the Web Platform in January (rac)274
release-notes, web-platform, browsers, mozilla, firefox, google, chrome, apple, safari
At Last, Browser Choice * (dav)273
legal, browsers, apple, mobile
Dynamic README Image Based on GitHub Activity272
readme, github
Express Forward271
discussions, outlooks, express
Git: The Basics of “git bisect” (ada)270
fundamentals, git
How to Favicon in 2024: Six Files That Fit Most Needs (sit/evi)269
how-tos, images, favicons
Next.js App Router Migration: The Good, Bad, and Ugly268
nextjs, routing, migrating
The EU Forces Open Apple’s Walled Garden267
legal, apple, browsers, mobile
The Web Component Success Story (jak)266
web-components
Practical Guide to Destructuring: TypeScript vs. Dart265
guides, typescript, dart, comparisons
The Loss of the Process in the Name of Progress (uxd)264
design, creativity, productivity, processes
ESG and DEI Policies Were Always Luxury Goods (blo)263
dei, sustainability, policies
Debunking 10 Common Objections to Incremental Delivery for Software Teams262
agile, processes
A Guide to Styling Tables (sto)261
css, tables, responsive-design
Design Systems Burnout (fon)260
design-systems
Nicer Text Wrapping With CSS “text-wrap” (lon)259
css, typography
Apple Redecorates Its iPhone Prison to Appease Europe (tho/the)258
legal, browsers, apple, mobile
Apple, the DMA, and Malicious Compliance (bru)257
legal, browsers, apple, mobile
Big, Beautiful, Beefy Focus States With “:focus-visible” (dav)256
css, selectors, focus
Gold Text Effect With CSS (man)255
css, effects
Please, Don’t Force Me to Log In (ham)254
web, authentication, user-experience
Futuring With Design (uxd)253
design, creativity, processes
5 Web Design Disasters That Will Ruin Your 2024 (web)252
design, responsive-design, seo
7 Tips for Devs and Designers to Set Your Accessibility Efforts Up for Success (deq)251
accessibility, tips-and-tricks, processes
HTML Web Components on the Server Are Great (sco)250
html, web-components
Inside .git (b0r)249
git