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 respect, accountability, and support. Hide

dxsrc

“2024” News Archive (6)

Entry (Sources) and Additional TopicsDate#
Improving the Developer Experience of Enterprise Design Systems785
design-systems, developer-experience, optimization
ai.robots.txt (cor)784
ai, crawling, scraping, robotstxt, tooling
Iterator Helpers783
ecmascript, javascript, javascript-engines, v8
How I Fixed My Brutal TTFB (whi/get)782
performance, metrics, optimization
Meet Angular’s New “output()” API (ang)781
angular, apis
What Even Are Dragging Movements? (cat/spa)780
accessibility, interaction-design, terminology
Flickering Glowing Text Effect With CSS (man)779
css, effects
In-App Browsers Are Still a Privacy, Security, and Choice Problem (tho/the)778
browsers, mobile, privacy, security
Node v20.12.0 (LTS) (nod)777
release-notes, nodejs
CSS Anchor Positioning (tab+/w3c)776
standards, css, anchor-positioning
History of Web Accessibility775
videos, accessibility, history
How to Take Control of Flexbox (kev)774
videos, how-tos, css, flexbox, layout
How Does npx Actually Work and When to Use It773
npx, nodejs
How Invalid HTML Elements Impact Web Performance (erw)772
html, conformance, performance
Be Flexible About What People Need (and Don’t Assume) (eri)771
accessibility
Animating Clip Paths on Scroll With “@property” in CSS (uti)770
css, animations, scrolling, clipping, masking
Quick Tip: How to Align Column Rows With CSS Subgrid (ral)769
tips-and-tricks, how-tos, css, grids, layout, alignment
Convention Over Creativity? The Ups and Downs of UX Design768
user-experience, design
What You Need to Know About Modern CSS (Spring 2024 Edition) (chr/fro)767
css, overviews
Exploring the Power of ARIA Live Attribute in Web Accessibility766
accessibility, aria, attributes
How to Use jQuery’s “ajax()” Function for Asynchronous HTTP Requests765
how-tos, jquery, ajax, functions, asynchrony
Error Messages 101 (nng)764
videos, introductions, usability, errors, microcontent
How to Consolidate Multiple Design Systems763
how-tos, design-systems, processes
7 Simple Rules for Better Data Visualization762
information-design
Setting and Persisting Color Scheme Preferences With CSS and a “Touch” of JavaScript (ole/sma)761
colors, dark-mode, css, javascript
CORS Finally Explained—Simply760
security, csrf, cors, concepts
How Does Single Sign-On (SSO) Work? (mil)759
authentication, security
No One Actually Wants Accessibility (dav)758
accessibility
Diving Into the Node.js Website Redesign (bri/nod)757
redesigning, case-studies
JavaScript Visualized: Promise Execution756
javascript, promises, visualization
Incredible JavaScript Animation Libraries755
javascript, animations, libraries, link-lists
New CSS That Can Actually Be Used in 2024 (tho)754
css, logical-properties, container-queries, selectors, nesting, functions, cascade, grids
Spicing Up Text With “text-emphasis” in CSS (ami)753
css, typography, effects
Radix Themes 3.0752
release-notes, radix
AI Can Make a Code Review for Free751
ai, code-reviews, tooling
ARIA “role=application” and Mobile Screen Readers (cer)750
accessibility, aria, screen-readers, mobile
Learn OAuth 2.0 by Building Your Own OAuth Client749
authorization, oauth, functionality
Profile Node.js Performance With the Performance Panel (jec+)748
nodejs, performance, debugging, browsers, chrome, dev-tools
The “Current Branch” in Git (b0r)747
git
CAPTCHA Excludes Disabled Web Users (zel)746
accessibility, captcha
CSS Values and Units Module Level 3 (tab+/w3c)745
standards, css, units
Accessible Forms With Pseudo Classes (css)744
accessibility, forms, css, selectors
12 Figma Tips to Work More Efficiently743
figma, tips-and-tricks, efficiency
The Cost of Interrupted Work: More Speed and Stress742
research, productivity, processes
Don’t Get Scammed by Fake Performance Experts and Apps741
performance, tooling
Going Beyond Pixels and (r)ems in CSS—Absolute Length Units (uti/iod)740
css, units
Quick Tip: How to Add Gradient Effects and Patterns to Text (ral)739
tips-and-tricks, how-tos, css, gradients, effects
Node.js TSC Confirms: No Intention to Remove npm From Distribution (sar/soc)738
nodejs, npm
[Bulma] 1.0.0737
release-notes, bulma
Node.js: The Documentary (isa+)736
videos, nodejs, history
Relicensing and Rug Pulls735
foss, licensing, history
Avoid These Design System Traps734
design-systems
Building a Micro htmx SSR Framework (mco/pla)733
frameworks, htmx, examples
On the Gift of OKR for Company Culture (j9t)732
processes, okr, culture
“__dirname” Is Back in Node.js With ES Modules (phi)731
nodejs, esm
Optimizing JavaScript for Fun and for Profit730
javascript, optimization
How to Test 3.3.8 Accessible Authentication (Minimum) (sib/tpg)729
how-tos, accessibility, testing, authentication
This Pattern Will Wreck Your React App’s TS Performance (mat)728
design-patterns, react, typescript, performance
Microservices Promised Freedom but Delivered Dependencies (pur)727
microservices, dependencies
Welcome to Future of Web Accessibility Based on Predictors (jar+)726
videos, accessibility, outlooks
On Popover Accessibility: What the Browser Does and Doesn’t Do (hdv+)725
accessibility, pop-overs, html
The Box Model and Box Sizing (bel/pic)724
css, box-model, concepts
Angular Signals: Best Practices723
angular, signals, best-practices
Progressive Disclosure Defaults722
css, forms, interaction-design
Folder Structures in React Projects721
react, architecture
How to Plan Your First Successful Website (web)720
how-tos, processes, project-management
Aesthetic Layouts: 2 Column Magazine With “shape-outside” (jhe)719
code-pens, layout, css
How to Create a Website and a PDF From the Same Codebase (spa/clo)718
how-tos, code-generation, pdf, functionality
Psychology and UX: Decoding the Science Behind User Clicks717
user-experience, design, principles
Understanding Memory Heap and Memory Leaks—How the JS Engine Works (fro)716
javascript-engines, memory, garbage-collection, asynchrony
Using Relative Colors (chr/mdn)715
css, colors
Essential CSS Tools for Developers (nim)714
css, tooling
Chill Scroll Snapping: Article Headers (chr/fro)713
css, scrolling
Build a Full-Stack App With Node.js and htmx712
web-apps, nodejs, htmx
How to Assess Your Fit for a Job Description: A Guide for Technologists (wom)711
how-tos, guides, interviewing, career
I’m So Old: Web Edition (dav)710
web, history
“require(esm)” in Node.js (joy)709
nodejs, ecmascript, esm, commonjs
How to Kill the Cascade (fon)708
css, cascade, resets, scope
Accessibility Foundations (ihe/tpg)707
accessibility, fundamentals, link-lists
Observability Is an Illusion (pur)706
observability, logging, monitoring, alerting
A Comparison of JavaScript CRDTs (alm)705
javascript, types, comparisons
Build a Node App With TypeScript (mat)704
nodejs, typescript, pnpm, esm
Make a Web Browser: Beginner’s Guide (nim)703
guides, browsers, browser-engines
A Designer’s Role Is Not “at the Table”702
design, career
Comparing ECMAScript Modules and CommonJS701
comparisons, esm, commonjs
The Power of Textual Content in UX Design (uxm)700
content, user-experience
Every React Concept Explained in 12 Minutes699
videos, react, concepts
The Ultimate Guide to Understanding npx vs. npm698
guides, npx, npm, nodejs
How Web-Site Design and Social Media Work Together (uxm)697
design, content, social-media
How Meta Improved Their Cache Consistency to 99.99999999696
facebook+meta, caching
Oh Sh*t, My App Is Successful and I Didn’t Think About Accessibility695
accessibility
Empowering the User Experience Through Microinteractions: 7 Best Practices (uxm)694
user-experience, interaction-design, best-practices
2024 Cheat Sheet Collection693
cheat-sheets, link-lists
Why UI Designers Should Understand Flexbox and CSS Grid692
design, layout, flexbox, grids, css
Time to Ditch Analytics? Tracking Scripts and Web Sustainability (mic)691
embed-code, google, analytics, sustainability, performance, compliance
Mental Health in Open Source (ant)690
foss, career
Copy Objects Ways in JavaScript689
javascript, objects
How Web Bloat Impacts Users With Slow Devices688
performance, metrics, comparisons, web
Migrating Away From Jest and Achieving Over 90% Reduction in Running Time (pat)687
migrating, jest, testing, memory, performance
Skeuomorphism (nng)686
design, terminology
Deploying Remix to GitHub Pages (rem)685
videos, deploying, remix, github-pages
Webflow 101: A Guide for Beginners684
introductions, guides, webflow, low-and-no-code
Homepage Design: 5 Fundamental Principles (nng)683
design, homepages, principles
Quick Tip: Creating a Date Picker in React682
tips-and-tricks, react, functionality
How (In)Efficient Are Engineering Organizations?681
efficiency, processes, engineering-management
How to Optimize Cumulative Layout Shift (CLS) on Shopify Sites (sia)680
how-tos, performance, web-vitals, optimization, shopify
Accessibility in Design Systems: A Comprehensive Approach Through Documentation and Assets679
accessibility, design-systems, documentation, dei
What Is Safe Alignment in CSS? (chr/fro)678
css, layout, user-experience
The Golden Age of Accessibility677
accessibility
There Is No EU Cookie Banner Law676
consent-management, cookies, legal
Performance Tooling in 2024 and Beyond (pau)675
performance, tooling, browsers, dev-tools, lighthouse
When “Semantic Tokens” Are No Longer Semantic674
design-tokens, semantics
Make Your Functions More Reusable With Generics (mat)673
typescript, functions, generics, maintainability
Arguments for Opening Links in a New Tab or Window (gri/clo)672
links, usability
Qwik vs. Next.js: Which Framework Is Right for Your Next Web Project?671
frameworks, comparisons, qwik, nextjs
Ruby Is Complicated670
html
The Problem With AI (cfe)669
ai
WCAG 2.2 Detective Skills668
accessibility, standards, wcag
How to Design Icons in Figma667
how-tos, images, icons, figma, design
Another JS Registry—Seriously?! (den)666
videos, jsr, dependencies, javascript
There Are No Standards Police (mno)665
standards, policies, processes
My New Favorite CSS Trick: “will-change”664
css, animations, transitions, tips-and-tricks
What’s Next for a Global Design System (bra)663
design-systems
25 Unnoticeable Features of JavaScript662
javascript
How to Avoid Flaky Tests in Playwright661
how-tos, testing, flakiness, playwright
A Beginner’s Guide to Node.js Worker Threads (bet)660
guides, nodejs, worker-threads
The Problem With Data Attributes for Text Effects (man)659
html, custom-data, css, typography, effects
You Want “border-color: transparent”, Not “border: none” (dav/fro)658
css, borders, transparency+opacity, accessibility, contrast
Refactoring My Ugliest Code With Signal View Queries657
videos, refactoring, angular
HTML Performance Optimization: Tips for Faster Loading Pages656
html, landing-pages, performance, optimization, tips-and-tricks
Runtime Compatibility (asc+)655
websites, runtimes, interoperability, comparisons, bun, deno, netlify, nodejs
The “10× Engineer”: 50 Years Ago and Now (ger)654
productivity, processes, career, history
15 Years of Running a Personal Website (ste)653
indieweb
Spread vs. Rest Operators in JavaScript652
javascript, operators, comparisons
How to Read Files Quickly in JavaScript (lem)651
how-tos, javascript, file-handling
5 Exciting New JavaScript Features in 2024650
javascript
Building Websites and Building Websites Well (j9t)649
quality, craft, community
Marking the Web’s 35th Birthday: An Open Letter (tim)648
open-letters, web, history, anniversaries
A Letter to My Younger Self, as an Accessibility Advocate (hbu)647
accessibility, advocacy, retrospectives
Interaction to Next Paint Is Officially a Core Web Vital (rvi)646
performance, web-vitals
Thoughts on Embedding Alternative Text Metadata Into Images (eri)645
accessibility, images, metadata
The Essential Guide to Microcopy and Becoming a More Literate Designer644
guides, design, microcontent, content, writing
Why Your Microservices Architecture Is Probably Overkill (and How I Learned to Love the Monolith Again) (pur)643
architecture, microservices, monoliths
JSON Canvas642
websites, standards, json, canvas
Streaming HTML (chr/fro)641
html, php, streaming
Have You Optimized for INP?640
performance, web-vitals, optimization
Are We Watching the Internet Die? (edz)639
web
Alt Text for CSS Generated Content (tem)638
css, generated-content, alt-text, accessibility
What Is INP and Why You Should Care (whi/get)637
performance, web-vitals, monitoring
Accessibility: Implementing Focus Traps636
accessibility, focus, keyboard-navigation
Comparing JavaScript Frameworks: Templates635
javascript, frameworks, templates, comparisons
A Gentle Introduction to Generics in TypeScript634
introductions, typescript, generics
Express.js With TypeScript—Setup, Examples, Testing633
videos, express, typescript, testing, examples
IDEs vs. Code Editors: Everything You Need to Know (jet)632
code-editors, comparisons, concepts
Distinguishing Between ARIA and Native HTML Attributes (deq)631
html, aria, attributes, accessibility, comparisons
Announcing Speedometer 3.0: A Shared Browser Benchmark for Web Application Responsiveness630
performance, tooling, metrics
CSS Button Styles You Might Not Know (dbu)629
html, css, buttons
Things I Learned While Building My JS Library628
javascript, libraries, lessons
Optimising Your Design System With Figma’s Variables627
design-systems, optimization, variables, figma
eslint-plugin-depend (430)626
packages, npm, maintenance, simplicity
Jakob Has Jumped the Shark (aar)625
accessibility, link-lists
Access by a Thousand Curb Cuts (yat)624
accessibility
How to Invert the Colors Using CSS (ron)623
css, colors, filters, images
Replace ESLint and Prettier With Biome.js622
biome, eslint, prettier, comparisons, tooling, remix
How “HEAD” Works in Git (b0r)621
git
Dissecting Layered Architecture (yok)620
architecture
Navigating the Future of Frontend619
frameworks, web-platform, outlooks
Modern CSS Tooltips and Speech Bubbles II (css/sma)618
tooltips, css, techniques
Creating Color Palettes With the CSS “color-mix()” Function (mic)617
css, functions, colors, color-palettes
Add Superpowers to Your CSS Variables With Style Queries (jar/van)616
css, style-queries, custom-properties
Asking Users for Their Pronouns: A Guide for UX Designers615
guides, user-experience, communication
AVIF Is the Future of Web Images614
images, avif, performance, outlooks
How to Test 2.5.8 Target Size (Minimum) (sib/tpg)613
how-tos, accessibility, testing
The Quiet, Pervasive Devaluation of Frontend (col)612
html, css, craft, career, community
Some Little Ways I’m Using CSS “:has()” in the Real World (bel/pic)611
css, selectors, examples
Managing Static Files in Django: A Comprehensive Guide610
guides, django, file-handling
How to Check and Set the “NODE_ENV” Environment Variable and Its Use in a Project609
how-tos, nodejs, environments
Announcing TypeScript 5.4 (dan/typ)608
release-notes, typescript
The End of My Gatsby Journey (mon)607
gatsby, frameworks, comparisons
Leadership Is a Hell of a Drug (lud)606
leadership, engineering-management
Internationalization With Remix (rem)605
remix, internationalization
90% of Designers are Unhirable?604
design, processes, career
WebAssembly JSPI Is Going to Origin Trial603
webassembly, origin-trials
Making Room for Long List Markers With Subgrid (nol)602
html, lists, css, grids
SSG, SSR, ISR, CSR Rendering Strategies in Next.js (fro)601
static-site-generation, server-side-rendering, incremental-static-regeneration, client-side-rendering, rendering, strategies, comparisons, nextjs
Release Notes for Safari Technology Preview 190 (jon/web)600
release-notes, browsers, safari
5 Ways Productivity Culture Kills Business Agility599
productivity, agile, economics, culture
Simplify Your CSS Using “:is()” and “:where()” Pseudo-Classes (zor/css)598
videos, css, selectors
Sometimes, a Button Just Wants to Look Like a Button597
design, usability, buttons
Exploring the Creative Power of CSS Filters and Blending596
css, blend-modes, filters, effects
10 Figma Keyboard Shortcuts: A Cheat Sheet for UX Designers595
figma, keyboard-shortcuts, cheat-sheets, design
The Ultimate Guide to Choosing the Best React Website Builder594
guides, react, tooling, comparisons, link-lists
Taming the Shadow DOM: Injecting Global Styles With Adopted Stylesheets593
shadow-dom, dom, css
Data Table Design Patterns592
information-design, tables, design-patterns
WebKit Features in Safari 17.4 (jon/web)591
release-notes, browsers, safari, webkit
Best Practices for Inclusive Design (slo)590
design, dei, accessibility, best-practices
How to Use WebSockets in Node.js to Create Real-Time Apps (cra)589
how-tos, websockets, nodejs
How to Ensure Your Designs Work if You Can’t Access Sample Data588
how-tos, design, usability, metrics, testing
CSS-Tricks in Limbo: Chris Coyier Wants It Back and the Community Reacts587
css-tricks, digitalocean, community
JSR: Second Look (dbu)586
jsr
The 88×31 Archive585
web, images, history
WCAG? More Like, W-What?! (stv)584
accessibility, wcag, link-lists
JavaScript Runs the World—Maybe Even Literally (wir)583
javascript, programming, web
Modern Git Commands and Features You Should Be Using582
git, command-line
SemVer Simplified: An Introduction to Semantic Versioning581
introductions, semver, versioning
When We Talk About Front-End Performance, What Are We Talking About580
performance, metrics, web-vitals, lighthouse
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
Accessibility Darkness (ste)577
accessibility, overlays
CSS for Printing to Paper576
css, print
Bugs I’ve Filed on Browsers (nol)575
browsers, chromium, firefox, webkit, quality
We Need to Talk About Jakob (mat)574
accessibility
Visualizing Frontend Architecture (max)573
architecture, documentation, visualization
Tools That Make Me Productive as a Software Engineer572
tooling, productivity, link-lists
VPS Showdown—March 2024—DigitalOcean vs. Linode vs. Vultr571
servers, hosting, comparisons, metrics, digitalocean
Accessibility Has Not Failed—It Has Not Even Started for Real (cer)570
accessibility, ai
How npm Install Scripts Can Be Weaponized: A Real-World Example of a Harmful npm Package (eth)569
npm, dependencies, examples, security
Go Ahead and Block AI Web Crawlers (cor)568
robotstxt, crawling, scraping, ai
The Hunt for the Missing Data Type (hil)567
types, algorithms
Planning a Design System Generation (nat)566
design-systems, automation
Emerging UX Patterns in Generative AI Experiences565
user-experience, design-patterns, ai
The Faster Lambda Runtime—Node.js or LLRT? We Benchmarked564
lambda, javascript, runtimes, nodejs, comparisons, metrics
Eloquent JavaScript (mar)563
websites, books, javascript
Design System Generations (nat)562
design-systems, processes
Retrofitting Fluid Typography (ric)561
liquid-design, typography, css
TIL—“submit()” Versus “requestSubmit()” (ray)560
javascript, comparisons
Modern CSS Tooltips and Speech Bubbles (css/sma)559
tooltips, css, techniques
Introducing JSR—the JavaScript Registry (lca+/den)558
introductions, jsr, deno, dependencies, javascript
Web Tech Trends to Watch in 2024 and Beyond (web)557
trends, design, dark-mode, ai, sustainability, minimalism
A Love Letter to the Underrepresented in Tech (abb)556
community
Team Productivity Metrics for Engineering Managers555
productivity, metrics, engineering-management
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
“AI” and Accessible Front-End Components: Is the Nuance Generatable? (hdv)552
accessibility, web-components, ai
Apple Says iOS 17.4 Won’t Remove Home Screen Web Apps in the EU After All (9to)551
browsers, apple, ios, web-apps
Techniques to Break Words (aar)550
techniques, html, css, content
Diving Into CSS Interactivity (daw+/sto)549
videos, css
The Wax and the Wane of the Web (ste/ali)548
web-platform, history
New to the Web Platform in February547
release-notes, web-platform, browsers, firefox, chrome, safari
Understanding Cookies and Sessions in React546
react, authentication, cookies
Keyboard Accessibility Testing on Mobile Devices545
accessibility, testing, keyboard-navigation, mobile
What You Need to Know About Software Requirements544
software-design, best-practices
Why Does “is-number” Package Have 59M Weekly Downloads?543
dependencies, npm
Accessibility Has Failed: Try Generative UI = Individualized UX542
accessibility, usability, ai, outlooks
What Is Inclusive Design, and How Does It Relate to Accessibility? (slo)541
design, dei, accessibility
Choosing the Right Node.js Package Manager in 2024: A Comparative Guide (nod)540
guides, nodejs, dependencies, comparisons
An HTML Switch Control (ann+/web)539
html, css, forms
Making Math Accessible (ons/tpg)538
accessibility, math
Top 8 Recent V8 in Node Updates (app)537
nodejs, v8
Creativity Lies in the Paradoxes536
creativity, design
Test Quality vs. Bashing Tailwind CSS (mar)535
tailwind, css, comparisons
So, What Exactly Did Apple Break in the EU? (tom)534
browsers, apple, mobile, support, web-apps, apis
Where I’m at on the Whole CSS-Tricks Thing (chr)533
css-tricks, digitalocean
Enhanced Internationalization (I18N) in Next.js 14532
nextjs, internationalization
Ultimate Guide to Visual Testing With Playwright531
guides, testing, regressions, playwright
Apple vs. PWAs—Go Act Now and Help Avoid This Disaster… (cod)530
apple, web-apps, progressive-web-apps, community
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
ServerlessHorrors (and)527
websites, serverless, cloud-computing
A Fun Line of Code (dbu)526
javascript, apis, multimedia
AI and Design Systems (bra)525
ai, design-systems
What Is Vuetify in Vue.js?524
vuetify, vuejs
A Guide to CSS Cursor Types523
guides, css, cursors
YouTube Video Embedding Harm Reduction (jvo)522
multimedia, embed-code, youtube, html, privacy
How to Use Server-Sent Events in Node.js (cra)521
how-tos, nodejs, events
How to Lazy-Load CodePen and CanIUse Embeds520
how-tos, embed-code, performance, codepen, caniuse
Here Lies the Internet, Murdered by Generative AI519
web, content, ai
Reporting Core Web Vitals With the Performance API (geo/sma)518
apis, performance, web-vitals
The 3 Capabilities Designers Need to Build for the AI Era517
design, career, training, ai, link-lists
Tumblr and WordPress to Sell Users’ Data to Train AI Tools (404)516
wordpress, ai
Screen Readers and Drag-and-Drop: Grabbing and Releasing Elements (dar)515
drag-and-drop, accessibility, browsers, screen-readers, support
A Simple Mistake That Can Screw Up Your Light/Dark Theme (and How to Fix It) (kev)514
videos, mistakes, dark-mode, css
No Outer Margin513
css, margins, spacing, components
Why I Use Firefox (sim)512
browsers, firefox
How to Build a Newthing511
how-tos, processes, creativity, maintenance
CSS Foundations: What Is IACVT? (bra)510
css, fundamentals
Speaker Spotlight: Michelle Barker (mic)509
interviews, css, sustainability
The CSS Cascade—a (Re)Introduction (mat)508
videos, css, cascade
What Is a Single-Page Application? (hey)507
single-page-apps, javascript, performance, user-experience
CSS-Only Bottom-Anchored Scrolling Area (kit)506
css, scrolling
A Web Designer’s Accessibility Advocacy Toolkit (sma)505
accessibility, advocacy, strategies
10 Takeaways From the WebAIM Screenreader Survey #10 (kar)504
accessibility, screen-readers
Advanced Figma Tips and Tricks 2024: Little Gems We Love503
figma, tips-and-tricks
Open Letter to Tim Cook, Sabotaging Web Apps Is Indefensible (owa)502
open-letters, apple, web-apps
Home Screen Advantage (sli)501
browsers, apple, mobile, support, web-apps, web-platform
CSS “:has()” Interactive Guide (sha)500
guides, css, selectors
WebAIM Screen Reader User Survey 10 (den)499
accessibility, screen-readers, metrics
My WebAIM 10th SR User Survey Takeaways (aar)498
accessibility, screen-readers
Understanding Event-Driven Architecture (yok)497
architecture, events
JSDoc as an Alternative TypeScript Syntax496
typescript, documentation, jsdoc
The Power of Patterns and Playbooks in Content Design (kat)495
design, content, design-patterns
CAPTCHA Is Still [the] Most Problematic Issue on the Web (cer)494
accessibility, web, captcha
Navigating Signals: An Efficient Alternative to React Hooks for Enhanced Performance and Optimization493
react, hooks, signals
Proposal: CSS Variable Groups (lea)492
css, variables
Why My Code Isn’t in TypeScript (rem)491
typescript
A Developer’s Guide for Web Accessibility490
guides, accessibility
Navbar Gallery489
websites, navigation, design-patterns, examples
JavaScript Bloat in 2024 (nik)488
javascript, performance
Filling Gaps With a Polyfill (jay)487
polyfills, html, css, javascript, history
htmx vs. React: A Complete Comparison486
htmx, react, comparisons
Building Dynamic Progress Bars Using Only CSS (ami)485
css, progress-indicators
UX Leadership Is Failing (and What We Can Do About It)484
user-experience, leadership
JSR: What We Know So Far About Deno’s New JavaScript Package Registry (sar/soc)483
jsr, deno, dependencies, javascript
Vanilla JavaScript, Libraries, and the Quest for Stateful DOM Rendering (sma)482
javascript, libraries, client-side-rendering, state-management
Difference Between the Accessibility Page and the Accessibility Statement481
accessibility, documentation, comparisons
ARIA (Are Ya) Afraid of the Dark? Unmasking Common HTML Monsters to Create Better User Experiences (deq)480
videos, accessibility, aria, html, user-experience
Node.js 2023 Year in an Article (raf)479
nodejs, retrospectives
Syntax Highlighting With No Spans?! (chr/fro)478
css, apis, syntax-highlighting
Next.js vs. Remix—a Developer’s Dilemma477
nextjs, remix, comparisons
Discovering Web Automation and Scraping (gli)476
scraping, automation, bots, tooling
Making of True Multi-Brand Design System475
design-systems, theming
Parallax Effect With CSS Custom Properties (fro)474
css, custom-properties, effects, parallax
View Transitions: Handling Aspect Ratio Changes (jaf)473
css, view-transitions, aspect-ratio
Release Notes for Safari Technology Preview 189 (jon/web)472
release-notes, browsers, safari
The One Trick Every Flutter Web Dev Needs to Know471
tips-and-tricks, flutter, performance
My Favourite Animation Trick: Exponential Smoothing (lis)470
animations, tips-and-tricks
How to Optimize the Web for the Worst User Conditions?469
how-tos, user-experience, responsive-design, performance, optimization
CSS “::backdrop” Now Inherits From Its Originating Element (bra)468
css, selectors
10 Best “Create React App” Alternatives for Different Use Cases467
react, frameworks, tech-stacks, comparisons, link-lists
Okay, Color Spaces (eee)466
colors, oklch
Why Is JavaScript Fragile? (cfe)465
javascript
“random()” Distribution Visualizer464
javascript, randomness, visualization
A Practical Guide to Using Shadow DOM (may)463
guides, dom, shadow-dom
How to Use Local Storage in JavaScript (fre)462
how-tos, browser-storage, javascript
Design Patterns That Encourage Junk Data (mic)461
design-patterns, sustainability, economics, storage, email
Preventing SQL Injection Attacks in Node.js460
security, nodejs, databases, sql
CSS-Only Radial Progress Bars Using Conic Gradients459
videos, css, gradients, progress-indicators
A Practical Guide to Designing for Colorblind People (sma)458
guides, accessibility, design, colors, color-blindness
How to Make a Cursor Image Hover Effect With CSS and JS457
how-tos, css, javascript, images, cursors, hover
My Design System Journey: Building the Plane While Flying456
design-systems, collaboration, processes
Control Lazy Load, Infinite Scroll, and Animations in React455
react, lazy-loading, scrolling, animations, javascript
How to Transfer Binary Data Efficiently Across Worker Threads in Node.js454
how-tos, nodejs, worker-threads
Does Your Design Conform With WCAG Accessibility Guidelines—or Does It Comply? (deq)453
videos, accessibility, wcag, guidelines, compliance
What Is Utility-First CSS? (hey)452
css, presentational-html, principles
[Web Accessibility] Survey Results451
accessibility, surveys
“Web Design as a Process” in Charts: Maintenance, Decay, Tech Debt, and Big Bang Launching (j9t)450
content, design, design-debt, technical-debt, maintenance, processes, visualization
The Fifty-Fifty Split and Overflow (hex)449
css, overflow, layout
Responsive Web Design: 3 Key Fundamentals (nng)448
videos, responsive-design, fundamentals
100 Things You Can Do on Your Personal Website (cap)447
blogging, writing, indieweb
17 Equations That Changed the World—Rewritten in JavaScript446
javascript, math
7 Effective Ways to Craft Compelling Problem Statements for UX Design (uxm)445
user-experience, product-management, processes
How to Design an Accessible Web Site for People With Color-Deficient Vision (uxm)444
how-tos, accessibility, dei, user-experience, colors, contrast, readability
Fostering a Collaborative Onboarding Team to Design Better Onboarding Experiences (uxm)443
collaboration, onboarding, user-experience
Tailwind Marketing and Misinformation Engine442
tailwind, css, semantics, principles, maintainability, marketing
Don’t Care About Accessibility? Resistance Is Futile! (cer)441
accessibility
Syntax Highlighting Code Snippets With Prism and the Custom Highlight API (bra)440
apis, javascript, css, syntax-highlighting
JavaScript Workers439
videos, javascript, web-workers
Understanding React “useEffect”438
react, hooks
A Manifesto for Small, Static, Web Apps (ros)437
manifestos, web-apps, principles
JavaScript on Demand: How Qwik Differs From React Hydration436
javascript, qwik, react, hydration, comparisons
UI = ƒ(statesⁿ) (dav)435
design, state-management
Popular Git Config Options (b0r)434
git, configuration
It’s Official, Apple Kills Web Apps in the EU (owa)433
web-apps, apple
Frontend Application Security: Tips and Tricks432
web-apps, security, xss, csrf, authentication, dependencies, csp, validation, tips-and-tricks
Be a Better Developer With These Git Good Practices431
git, best-practices, conventions, consistency, code-reviews
How to Set Up a Node Server With TypeScript in 2024 (jle)430
how-tos, nodejs, servers, typescript
ARIA “note” (aar)429
accessibility, aria, browsers, screen-readers, support
CSS “:is(.awesome)” (mar/cfe)428
videos, css, selectors, techniques
A Dozen Thoughts About AI (dav)427
ai
Making the Most of Ligatures (man)426
css, typography
Playing With Infinity in CSS (lon)425
css, math
Future of CSS: Functions and Mixins424
css, functions, mixins
Getting to an Accessibility Strategy423
accessibility, strategies, processes
How I Developed the 10 Usability Heuristics422
usability, heuristics, history
React Labs: What We’ve Been Working On—February 2024 (rea)421
react
Top 20 JavaScript One-Liners That Don’t Actually Work (dar)420
javascript
Full Guide on How to Hire Front-End Developers Effectively419
guides, how-tos, hiring, career
Reasonable WCAG Additions (a11)418
accessibility, wcag
The Text File That Runs the Internet (dav/ver)417
robotstxt, crawling, scraping, ai, web
Wednesday, February 14, 2024 Security Releases (raf+/nod)416
release-notes, nodejs, security
What Is the Difference Between ASP and ASP.NET?415
asp, asp-net, comparisons
Input Type “date”: The Accessibility of HTML Date Picker414
accessibility, forms
What Is Lighthouse Speed Index (SI) and How to Reduce It413
performance, metrics, lighthouse
How Accessibility Standards Can Empower Better Chart Visual Design (sma)412
accessibility, contrast, colors, information-design
Scroll-Driven Animations: You Want “overflow: clip”, not “overflow: hidden” (bra)411
css, overflow, scrolling, animations
When It Says “Name From Author” It Means From You, Not Boll or Bukowski (ste)410
accessibility, aria, naming
How to Center a Div (jos)409
how-tos, css, centering
Why I Like Scrumban (j9t)408
processes, agile, scrum, kanban
CSS Color Module Level 4 (tab+/w3c)407
standards, css, colors
Be Aware of Arrays—V8 Engine Advice406
javascript, javascript-engines, v8, arrays
An Introduction to Node.js Multithreading (cra)405
introductions, nodejs, multithreading
A Practical Guide to Designing for Children (sma)404
guides, design, link-lists
Advanced Architecture for AI Application (aka AAAA) (aus)403
ai, architecture, edge-computing, optimization
The New CSS Math: “pow()”, “sqrt()”, and Exponential Friends (dan)402
css, functions, math
Building htmx and Go Web Apps With Gemini Advanced401
videos, web-apps, htmx, go, ai, gemini
How to Fix the Invisible Scrollbar Issue in iOS Browsers (sim/fro)400
how-tos, browsers, ios, scrolling, css
Selenium Automation Testing: A Step-by-Step Beginners Guide399
guides, selenium, testing, automation
The Best CSS Frameworks to Use in Your Projects for 2024 and Beyond (fre)398
css, frameworks, comparisons, bootstrap, tailwind, foundation, bulma, pure
Learn TypeScript (jad)397
websites, courses, typescript
React, Solid, htmx396
react, solidjs, htmx, comparisons
A CSS Project Boilerplate (bel/pic)395
css, tailwind, templates
The ü/ü Conundrum394
javascript, unicode, encoding
The Anatomy of Addictive Content (moz)393
content, writing, seo
Can Generative AI Help Write Accessible Code? (tin/tet)392
accessibility, code-generation, ai
How to Choose the Best Static Site Generator in 2024391
how-tos, site-generators, gatsby, jekyll, nuxt, nextjs, hugo, eleventy, vuejs
How to Boost WordPress Security and Protect Your SEO Ranking390
how-tos, wordpress, security, seo
You Want to Make It Easy to Feature Your Content (dxs)389
frontend-dogma, content, community
CSS Mixins and Functions Explainer (mia/odd)388
css, mixins, functions
Using Recursive CSS to Change Styles Based on Depth (cri)387
css, selectors
Dynamic Text Color Contrast Based on Background Lightness With CSS/SVG Filters (miu)386
css, svg, filters, colors, contrast
Names Are Complex: Displaying Initials for an Avatar Component in a Design System (hey)385
naming, design, case-studies
Don’t Disable Form Controls (aar)384
accessibility, usability, forms, buttons
Navigating Prioritization: Four Approaches (cwo)383
project-management, prioritization, processes
HTML as the Baseline (cfe)382
html, progressive-enhancement
Accelerating Code Reviews With Nudges381
research, code-reviews, productivity, experiments, facebook+meta
The Front-End Development We’re Used to Is Dying380
career, simplicity, complexity
Everything You Need to Know About Image Formats in 2024 (web)379
images, jpeg, png, gif, webp, avif, pdf, svg
Have We Forgotten How to Build Ethical Things for the Web? (nic)378
web, ethics
So You Think You Know Git (git)377
videos, git
Is [“* { min-width: 0; }”] a Good Idea? (kev)376
videos, css
What Is a Descriptive Transcript?375
accessibility, multimedia
Git Tips: Really Large Repositories (git)374
git, monorepos, tips-and-tricks
Format Nunjucks Files With Prettier (san)373
nunjucks, prettier
Frequently Heard in My Beginning Front-End Web Development Class (geo/sma)372
learning, career
The Accessibility Mindset: Moving Beyond Remediating, Fixing, and Reacting (a11)371
videos, accessibility
Going Beyond Pixels and (r)ems in CSS—Relative Length Units Based on the Viewport (uti/iod)370
viewport, css, units
In Its Tantrum With Europe, Apple Broke Web Apps in iOS 17 Beta, Still Hasn’t Fixed Them (tho/the)369
web-apps, browsers, apple, ios
Node.js Community Debate Intensifies Over Enabling Corepack by Default and Potentially Unbundling npm (sar/soc)368
nodejs, corepack, npm, yarn, pnpm, dependencies
CSS Is Logical (geo)367
css
Patterns in Design Systems (ikn)366
design-systems, design-patterns, components
Opportunities for AI in Accessibility (aar/ali)365
accessibility, ai
10 Best Automated AI Code Review Tools 2024364
ai, automation, code-reviews, tooling, comparisons, link-lists
Offloading JavaScript With Custom Properties (hey)363
javascript, css, custom-properties
Release Notes for Safari Technology Preview 188 (jon/web)362
release-notes, browsers, safari
Web Development Is Getting Too Complex, and It May Be Our Fault (mon/sma)361
web-platform, frameworks, tech-stacks, complexity
jQuery 4.0.0 Beta (tim/jqu)360
release-notes, jquery
JavaScript Promises Demystified (mar)359
javascript, promises
Detect Caps Lock With JavaScript (dav)358
javascript
In Praise of the “switch” Statement (chi)357
javascript
UI Elements Are Not So Elementary356
design, design-patterns
When to Use the “min()” or “max()” Function (css)355
css, functions, tips-and-tricks
A Guide to Designing for Older Adults (sma)354
guides, design, accessibility
Immutable Array Updates With “Array.prototype.with” (jad)353
javascript, arrays, prototypes, browsers, support
JavaScript vs. Python: Which One Should You Learn First?352
javascript, python, comparisons
A Beginner’s Guide to Seamless Open-Source Contributions (wom)351
guides, foss
Remix Takes on Next.js in Battle of the React Frameworks350
frameworks, react, remix, nextjs
Lessons Learned Moving Eleventy From CommonJS to ESM in 2024 (zac/cfe)349
videos, lessons, eleventy, commonjs, esm, refactoring
Designing User Onboarding: Lessons From Figma, Duolingo, and More348
lessons, onboarding, design, user-experience, figma
Doing What’s Required: Indicating Mandatory Fields in an Accessible Way (tpg)347
accessibility, usability, forms, errors
Lines of Code—How to Not Measure Code Quality and Developer Efficiency (cod)346
metrics, quality, efficiency, productivity
Malicious npm Package Masquerades as Noblox.js, Targeting Roblox Users for Data Theft (sar/soc)345
npm, dependencies, security
You Won’t Scale (cfe)344
maintainability, scalability
The Decision to Leave Tech (col)343
career, retrospectives
It’s the Hope That Kills You (yat)342
accessibility, career, community
Thoughts on a Global Design System (chr)341
design-systems
Bookmarklet: Load All GitHub Comments (mey)340
bookmarklets, github, code-reviews
Getting Into Web Components—an Intro (uti)339
introductions, web-components
Everything You Need to Know About Git338
git, command-line
The Most Demanded Frontend Frameworks in 2023337
frameworks, comparisons, react, angular, vuejs
Exciting New Tools for Designers, February 2024 (web)336
design, tooling, link-lists
Revolutionizing Usability Testing With Machine Learning (uxm)335
usability, testing, ai
13 Best Books, Courses, and Communities for Learning React334
react, books, courses, link-lists
Visual Hierarchy: Making User Experiences Easier to Understand (uxm)333
user-experience, design, hierarchy
How to Create Rounded Gradient Borders With Any Background in CSS (ben)332
how-tos, css, borders, gradients, backgrounds
htmx Deep Dive With Carson Gross331
videos, htmx, deep-dives
“X” Marks the Spot: Landmark Elements (stv)330
html, semantics, accessibility, assistive-tech, aria
Why Disabled People’s Needs Aren’t “Special”329
accessibility
HTML Attributes That Every Web Developer Should Know328
html, attributes, pop-overs, forms, custom-data
The Importance of Web Performance to Information Equity (sch/fos)327
videos, performance, accessibility
A View Source Web (gar)326
websites, view-source, browsers
What Is WAP?325
wap, mobile
All Art Is a Copy of Something (chr)324
art
The SEO Starter Guide Got a Makeover (liz+)323
guides, seo, search, google
5 Hidden Risks of Your Inaccessible Website (deq)322
accessibility
SOLID Principles: They’re Rock-Solid for Good Reason321
programming, principles, solid
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
Interop 2024318
interoperability, web-platform, browsers, support
Career Retrospective317
career, retrospectives
Everyone’s a Sellout Now316
career, culture
A Look at the New WAI–ARIA 1.3 Draft (cra)315
accessibility, aria, standards
The Web Just Gets Better With Interop 2024 (web)314
web-platform, interoperability, browsers, support
A Complete Guide to Open Source—100× Simpler313
guides, foss
Tracking Your Interviews Is Extremely Important312
career, interviewing
What’s the Difference Between “localhost” and “127.0.0.1”?311
network, ip, testing
Dynamically Adding Text Alternatives to Images With AI (kar)310
automation, ai, accessibility, images, alt-text
Drupal Creator: Websites Needed More Than Ever in the AI Era309
web, ai, complexity
How to Make a Great Framework Better?—Svelte 5 With Rich Harris (ric)308
videos, frameworks, svelte
Is the Increasing Amount of Shit Code All the Fault of AI-Generated Code?307
ai, quality, technical-debt
Why Not htmx? (cfe)306
htmx
Be Purposeful About Your Content305
accessibility, content, writing
The Good, the Bad, the Web Components (zac)304
web-components, shadow-dom, dom
GitLab vs. GitHub: Which Is Better in 2024?303
version-control, gitlab, github, comparisons
PurePWA—a Radical U-Turn in Web Development302
web-apps, progressive-web-apps, simplicity, tooling
How to Stream Files From Next.js Route Handlers (eri)301
how-tos, nextjs, routing, streaming
The Art and Science of Annotations in Dev Mode (fig)300
figma, annotations
Making VPATs and ACRs More Effective in Procurement (web)299
accessibility, vpat-acr, processes
Practice Safe DSD With “setHTMLUnsafe” (It’s Complicated) (jar/van)298
html, dom, shadow-dom, apis, security
5 Essential DevTools Console Hacks for Every Web Developer297
videos, browsers, dev-tools
Implementing User Authentication in React Apps With Appwrite296
react, authentication, tooling
Interaction to Next Paint Becomes a Core Web Vital on March 12 (mal+)295
performance, web-vitals, metrics
Designing Accessible Color Palettes in Figma: A Guide for Web Accessibility (kno)294
guides, accessibility, colors, color-palettes, figma
Tackling Flaky Tests With Cypress and Playwright Through Network Synchronization293
testing, flakiness, cypress, playwright, network
Onboarding (mfo)292
processes, onboarding, productivity, engineering-management
Learn Testing291
courses, testing
“field-sizing” Just Works! (kil/pol)290
css, forms, comparisons
Why Do Rubber Ducks Work?289
processes, productivity, creativity
Web Platform Design Principles (lea/w3c)288
web-platform, software-design, principles, standards, w3c
Understanding Signals in Django287
signals, django
New to the Web Platform in January286
release-notes, web-platform, browsers, firefox, chrome, safari