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

The News Feed and Archive for Web Developers (18)

→ Stay up-to-date on all topics by various RSS feeds (main feed with complete coverage: $2/month), on Mastodon, and on Bluesky

Entry (Sources) and TopicsDate#
ai.robots.txt (cor)15915
ai, crawling, scraping, robotstxt, tooling
How to Use jQuery’s “ajax()” Function for Asynchronous HTTP Requests15914
how-tos, jquery, ajax, functions, asynchrony
Exploring the Power of ARIA Live Attribute in Web Accessibility15913
accessibility, aria, attributes
What You Need to Know About Modern CSS (Spring 2024 Edition) (chr/fro)15912
css, overviews
Convention Over Creativity? The Ups and Downs of UX Design15911
user-experience, design
Quick Tip: How to Align Column Rows With CSS Subgrid (ral)15910
tips-and-tricks, how-tos, css, grids, layout, alignment
Animating Clip Paths on Scroll With “@property” in CSS (uti)15909
css, animations, scrolling, clipping, masking
Be Flexible About What People Need (and Don’t Assume) (eri)15908
accessibility
How Invalid HTML Elements Impact Web Performance (erw)15907
html, conformance, performance
How Does npx Actually Work and When to Use It15906
npx, nodejs
How to Take Control of Flexbox (kev)15905
videos, how-tos, css, flexbox, layout
History of Web Accessibility15904
videos, accessibility, history
CSS Anchor Positioning (tab+/w3c)15903
standards, css, anchor-positioning
Node v20.12.0 (LTS) (nod)15902
release-notes, nodejs
Setting and Persisting Color Scheme Preferences With CSS and a “Touch” of JavaScript (ole/sma)15901
colors, dark-mode, css, javascript
7 Simple Rules for Better Data Visualization15900
information-design
How to Consolidate Multiple Design Systems15899
how-tos, design-systems, processes
Error Messages 101 (nng)15898
videos, introductions, usability, errors, microcontent
Spicing Up Text With “text-emphasis” in CSS (ami)15897
css, typography, effects
New CSS That Can Actually Be Used in 2024 (tho)15896
css, logical-properties, container-queries, selectors, nesting, functions, cascade, grids
Incredible JavaScript Animation Libraries15895
javascript, animations, libraries, link-lists
JavaScript Visualized: Promise Execution15894
javascript, promises, visualization
Diving Into the Node.js Website Redesign (bri/nod)15893
redesigning, case-studies
No One Actually Wants Accessibility (dav)15892
accessibility
How Does Single Sign-On (SSO) Work? (mil)15891
authentication, security
CORS Finally Explained—Simply15890
security, csrf, cors, concepts
Profile Node.js Performance With the Performance Panel (jec+)15889
nodejs, performance, debugging, browsers, chrome, dev-tools
Learn OAuth 2.0 by Building Your Own OAuth Client15888
authorization, oauth, functionality
ARIA “role=application” and Mobile Screen Readers (cer)15887
accessibility, aria, screen-readers, mobile
AI Can Make a Code Review for Free15886
ai, code-reviews, tooling
Radix Themes 3.015885
release-notes, radix
Node.js TSC Confirms: No Intention to Remove npm From Distribution (sar/soc)15884
nodejs, npm
Quick Tip: How to Add Gradient Effects and Patterns to Text (ral)15883
tips-and-tricks, how-tos, css, gradients, effects
Going Beyond Pixels and (r)ems in CSS—Absolute Length Units (uti/iod)15882
css, units
Don’t Get Scammed by Fake Performance Experts and Apps15881
performance, tooling
The Cost of Interrupted Work: More Speed and Stress15880
research, productivity, processes
12 Figma Tips to Work More Efficiently15879
figma, tips-and-tricks, efficiency
Accessible Forms With Pseudo Classes (css)15878
accessibility, forms, css, selectors
CSS Values and Units Module Level 3 (tab+/w3c)15877
standards, css, units
CAPTCHA Excludes Disabled Web Users (zel)15876
accessibility, captcha
The “Current Branch” in Git (b0r)15875
git
On Popover Accessibility: What the Browser Does and Doesn’t Do (hdv+)15874
accessibility, pop-overs, html
Welcome to Future of Web Accessibility Based on Predictors (jar+)15873
videos, accessibility, outlooks
Microservices Promised Freedom but Delivered Dependencies (pur)15872
microservices, dependencies
This Pattern Will Wreck Your React App’s TS Performance (mat)15871
design-patterns, react, typescript, performance
How to Test 3.3.8 Accessible Authentication (Minimum) (sib/tpg)15870
how-tos, accessibility, testing, authentication
Optimizing JavaScript for Fun and for Profit15869
javascript, optimization
“__dirname” Is Back in Node.js With ES Modules (phi)15868
nodejs, esm
On the Gift of OKR for Company Culture (j9t)15867
processes, okr, culture
Building a Micro htmx SSR Framework (mco/pla)15866
frameworks, htmx, examples
Avoid These Design System Traps15865
design-systems
Relicensing and Rug Pulls15864
foss, licensing, history
Node.js: The Documentary (isa+)15863
videos, nodejs, history
[Bulma] 1.0.015862
release-notes, bulma
Understanding Memory Heap and Memory Leaks—How the JS Engine Works (fro)15861
javascript-engines, memory, garbage-collection, asynchrony
Psychology and UX: Decoding the Science Behind User Clicks15860
user-experience, design, principles
How to Create a Website and a PDF From the Same Codebase (spa/clo)15859
how-tos, code-generation, pdf, functionality
Aesthetic Layouts: 2 Column Magazine With “shape-outside” (jhe)15858
code-pens, layout, css
How to Plan Your First Successful Website (web)15857
how-tos, processes, project-management
Folder Structures in React Projects15856
react, architecture
Progressive Disclosure Defaults15855
css, forms, interaction-design
Angular Signals: Best Practices15854
angular, signals, best-practices
The Box Model and Box Sizing (bel/pic)15853
css, box-model, concepts
How to Assess Your Fit for a Job Description: A Guide for Technologists (wom)15852
how-tos, guides, interviewing, career
Build a Full-Stack App With Node.js and htmx15851
web-apps, nodejs, htmx
Chill Scroll Snapping: Article Headers (chr/fro)15850
css, scrolling
Essential CSS Tools for Developers (nim)15849
css, tooling
Using Relative Colors (chr/mdn)15848
css, colors
Empowering the User Experience Through Microinteractions: 7 Best Practices (uxm)15847
user-experience, interaction-design, best-practices
Oh Sh*t, My App Is Successful and I Didn’t Think About Accessibility15846
accessibility
How Meta Improved Their Cache Consistency to 99.9999999915845
facebook+meta, caching
How Web-Site Design and Social Media Work Together (uxm)15844
design, content, social-media
The Ultimate Guide to Understanding npx vs. npm15843
guides, npx, npm, nodejs
Every React Concept Explained in 12 Minutes15842
videos, react, concepts
The Power of Textual Content in UX Design (uxm)15841
content, user-experience
Comparing ECMAScript Modules and CommonJS15840
comparisons, esm, commonjs
A Designer’s Role Is Not “at the Table”15839
design, career
Make a Web Browser: Beginner’s Guide (nim)15838
guides, browsers, browser-engines
Build a Node App With TypeScript (mat)15837
nodejs, typescript, pnpm, esm
A Comparison of JavaScript CRDTs (alm)15836
javascript, types, comparisons
Observability Is an Illusion (pur)15835
observability, logging, monitoring, alerting
Accessibility Foundations (ihe/tpg)15834
accessibility, fundamentals, link-lists
How to Kill the Cascade (fon)15833
css, cascade, resets, scope
“require(esm)” in Node.js (joy)15832
nodejs, ecmascript, esm, commonjs
I’m So Old: Web Edition (dav)15831
web, history
Time to Ditch Analytics? Tracking Scripts and Web Sustainability (mic)15830
embed-code, google, analytics, sustainability, performance, compliance
Why UI Designers Should Understand Flexbox and CSS Grid15829
design, layout, flexbox, grids, css
2024 Cheat Sheet Collection15828
cheat-sheets, link-lists
Migrating Away From Jest and Achieving Over 90% Reduction in Running Time (pat)15827
migrating, jest, testing, memory, performance
How Web Bloat Impacts Users With Slow Devices15826
performance, metrics, comparisons, web
Copy Objects Ways in JavaScript15825
javascript, objects
Mental Health in Open Source (ant)15824
foss, career
Accessibility in Design Systems: A Comprehensive Approach Through Documentation and Assets15823
accessibility, design-systems, documentation, dei
How to Optimize Cumulative Layout Shift (CLS) on Shopify Sites (sia)15822
how-tos, performance, web-vitals, optimization, shopify
How (In)Efficient Are Engineering Organizations?15821
efficiency, processes, engineering-management
Quick Tip: Creating a Date Picker in React15820
tips-and-tricks, react, functionality
Homepage Design: 5 Fundamental Principles (nng)15819
design, homepages, principles
Webflow 101: A Guide for Beginners15818
introductions, guides, webflow, low-and-no-code
Deploying Remix to GitHub Pages (rem)15817
videos, deploying, remix, github-pages
Skeuomorphism (nng)15816
design, terminology
Qwik vs. Next.js: Which Framework Is Right for Your Next Web Project?15815
frameworks, comparisons, qwik, nextjs
Arguments for Opening Links in a New Tab or Window (gri/clo)15814
links, usability
Make Your Functions More Reusable With Generics (mat)15813
typescript, functions, generics, maintainability
When “Semantic Tokens” Are No Longer Semantic15812
design-tokens, semantics
Performance Tooling in 2024 and Beyond (pau)15811
performance, tooling, browsers, dev-tools, lighthouse
There Is No EU Cookie Banner Law15810
consent-management, cookies, legal
The Golden Age of Accessibility15809
accessibility
What Is Safe Alignment in CSS? (chr/fro)15808
css, layout, user-experience
HTML Performance Optimization: Tips for Faster Loading Pages15807
html, landing-pages, performance, optimization, tips-and-tricks
Refactoring My Ugliest Code With Signal View Queries15806
videos, refactoring, angular
You Want “border-color: transparent”, Not “border: none” (dav/fro)15805
css, borders, transparency+opacity, accessibility, contrast
The Problem With Data Attributes for Text Effects (man)15804
html, custom-data, css, typography, effects
A Beginner’s Guide to Node.js Worker Threads (bet)15803
guides, nodejs, worker-threads
How to Avoid Flaky Tests in Playwright15802
how-tos, testing, flakiness, playwright
25 Unnoticeable Features of JavaScript15801
javascript
What’s Next for a Global Design System (bra)15800
design-systems
My New Favorite CSS Trick: “will-change”15799
css, animations, transitions, tips-and-tricks
There Are No Standards Police (mno)15798
standards, policies, processes
Another JS Registry—Seriously?! (den)15797
videos, jsr, dependencies, javascript
How to Design Icons in Figma15796
how-tos, images, icons, figma, design
WCAG 2.2 Detective Skills15795
accessibility, standards, wcag
The Problem With AI (cfe)15794
ai
Ruby Is Complicated15793
html
Why Your Microservices Architecture Is Probably Overkill (and How I Learned to Love the Monolith Again) (pur)15792
architecture, microservices, monoliths
The Essential Guide to Microcopy and Becoming a More Literate Designer15791
guides, design, microcontent, content, writing
Thoughts on Embedding Alternative Text Metadata Into Images (eri)15790
accessibility, images, metadata
Interaction to Next Paint Is Officially a Core Web Vital (rvi)15789
performance, web-vitals
A Letter to My Younger Self, as an Accessibility Advocate (hbu)15788
accessibility, advocacy, retrospectives
Marking the Web’s 35th Birthday: An Open Letter (tim)15787
open-letters, web, history, anniversaries
Building Websites and Building Websites Well (j9t)15786
quality, craft, community
5 Exciting New JavaScript Features in 202415785
javascript
How to Read Files Quickly in JavaScript (lem)15784
how-tos, javascript, file-handling
Spread vs. Rest Operators in JavaScript15783
javascript, operators, comparisons
15 Years of Running a Personal Website (ste)15782
indieweb
The “10× Engineer”: 50 Years Ago and Now (ger)15781
productivity, processes, career, history
Runtime Compatibility (asc+)15780
websites, runtimes, interoperability, comparisons, bun, deno, netlify, nodejs
Announcing Speedometer 3.0: A Shared Browser Benchmark for Web Application Responsiveness15779
performance, tooling, metrics
Distinguishing Between ARIA and Native HTML Attributes (deq)15778
html, aria, attributes, accessibility, comparisons
IDEs vs. Code Editors: Everything You Need to Know (jet)15777
code-editors, comparisons, concepts
Express.js With TypeScript—Setup, Examples, Testing15776
videos, express, typescript, testing, examples
A Gentle Introduction to Generics in TypeScript15775
introductions, typescript, generics
Comparing JavaScript Frameworks: Templates15774
javascript, frameworks, templates, comparisons
Accessibility: Implementing Focus Traps15773
accessibility, focus, keyboard-navigation
What Is INP and Why You Should Care (whi/get)15772
performance, web-vitals, monitoring
Alt Text for CSS Generated Content (tem)15771
css, generated-content, alt-text, accessibility
Are We Watching the Internet Die? (edz)15770
web
Have You Optimized for INP?15769
performance, web-vitals, optimization
Streaming HTML (chr/fro)15768
html, php, streaming
JSON Canvas15767
websites, standards, json, canvas
Optimising Your Design System With Figma’s Variables15766
design-systems, optimization, variables, figma
Things I Learned While Building My JS Library15765
javascript, libraries, lessons
CSS Button Styles You Might Not Know (dbu)15764
html, css, buttons
Replace ESLint and Prettier With Biome.js15763
biome, eslint, prettier, comparisons, tooling, remix
How to Invert the Colors Using CSS (ron)15762
css, colors, filters, images
Access by a Thousand Curb Cuts (yat)15761
accessibility
Jakob Has Jumped the Shark (aar)15760
accessibility, link-lists
eslint-plugin-depend (430)15759
packages, npm, maintenance, simplicity
Asking Users for Their Pronouns: A Guide for UX Designers15758
guides, user-experience, communication
Add Superpowers to Your CSS Variables With Style Queries (jar/van)15757
css, style-queries, custom-properties
Creating Color Palettes With the CSS “color-mix()” Function (mic)15756
css, functions, colors, color-palettes
Modern CSS Tooltips and Speech Bubbles II (css/sma)15755
tooltips, css, techniques
Navigating the Future of Frontend15754
frameworks, web-platform, outlooks
Dissecting Layered Architecture (yok)15753
architecture
How “HEAD” Works in Git (b0r)15752
git
How to Check and Set the “NODE_ENV” Environment Variable and Its Use in a Project15751
how-tos, nodejs, environments
Managing Static Files in Django: A Comprehensive Guide15750
guides, django, file-handling
Some Little Ways I’m Using CSS “:has()” in the Real World (bel/pic)15749
css, selectors, examples
The Quiet, Pervasive Devaluation of Frontend (col)15748
html, css, craft, career, community
How to Test 2.5.8 Target Size (Minimum) (sib/tpg)15747
how-tos, accessibility, testing
AVIF Is the Future of Web Images15746
images, avif, performance, outlooks
Taming the Shadow DOM: Injecting Global Styles With Adopted Stylesheets15745
shadow-dom, dom, css
The Ultimate Guide to Choosing the Best React Website Builder15744
guides, react, tooling, comparisons, link-lists
10 Figma Keyboard Shortcuts: A Cheat Sheet for UX Designers15743
figma, keyboard-shortcuts, cheat-sheets, design
Exploring the Creative Power of CSS Filters and Blending15742
css, blend-modes, filters, effects
Sometimes, a Button Just Wants to Look Like a Button15741
design, usability, buttons
Simplify Your CSS Using “:is()” and “:where()” Pseudo-Classes (zor/css)15740
videos, css, selectors
5 Ways Productivity Culture Kills Business Agility15739
productivity, agile, economics, culture
Release Notes for Safari Technology Preview 190 (jon/web)15738
release-notes, browsers, safari
SSG, SSR, ISR, CSR Rendering Strategies in Next.js (fro)15737
static-site-generation, server-side-rendering, incremental-static-regeneration, client-side-rendering, rendering, strategies, comparisons, nextjs
Making Room for Long List Markers With Subgrid (nol)15736
html, lists, css, grids
WebAssembly JSPI Is Going to Origin Trial15735
webassembly, origin-trials
90% of Designers are Unhirable?15734
design, processes, career
Internationalization With Remix (rem)15733
remix, internationalization
Leadership Is a Hell of a Drug (lud)15732
leadership, engineering-management
The End of My Gatsby Journey (mon)15731
gatsby, frameworks, comparisons
Announcing TypeScript 5.4 (dan/typ)15730
release-notes, typescript
CSS-Tricks in Limbo: Chris Coyier Wants It Back and the Community Reacts15729
css-tricks, digitalocean, community
How to Ensure Your Designs Work if You Can’t Access Sample Data15728
how-tos, design, usability, metrics, testing
How to Use WebSockets in Node.js to Create Real-Time Apps (cra)15727
how-tos, websockets, nodejs
Best Practices for Inclusive Design (slo)15726
design, dei, accessibility, best-practices
WebKit Features in Safari 17.4 (jon/web)15725
release-notes, browsers, safari, webkit
Data Table Design Patterns15724
information-design, tables, design-patterns
Designing for Mobile Accessibility: Enhancing the User Experience on Small Screens (uxm)15723
design, accessibility, user-experience, mobile
Achieving Design Collegiality While Maintaining Psychological Safety (uxm)15722
design, collaboration
When We Talk About Front-End Performance, What Are We Talking About15721
performance, metrics, web-vitals, lighthouse
SemVer Simplified: An Introduction to Semantic Versioning15720
introductions, semver, versioning
Modern Git Commands and Features You Should Be Using15719
git, command-line
JavaScript Runs the World—Maybe Even Literally (wir)15718
javascript, programming, web
WCAG? More Like, W-What?! (stv)15717
accessibility, wcag, link-lists
The 88×31 Archive15716
web, images, history
JSR: Second Look (dbu)15715
jsr
How npm Install Scripts Can Be Weaponized: A Real-World Example of a Harmful npm Package (eth)15714
npm, dependencies, examples, security
Accessibility Has Not Failed—It Has Not Even Started for Real (cer)15713
accessibility, ai
VPS Showdown—March 2024—DigitalOcean vs. Linode vs. Vultr15712
servers, hosting, comparisons, metrics, digitalocean
Tools That Make Me Productive as a Software Engineer15711
tooling, productivity, link-lists
Visualizing Frontend Architecture (max)15710
architecture, documentation, visualization
We Need to Talk About Jakob (mat)15709
accessibility
Bugs I’ve Filed on Browsers (nol)15708
browsers, chromium, firefox, webkit, quality
CSS for Printing to Paper15707
css, print
Accessibility Darkness (ste)15706
accessibility, overlays
The Faster Lambda Runtime—Node.js or LLRT? We Benchmarked15705
lambda, javascript, runtimes, nodejs, comparisons, metrics
Emerging UX Patterns in Generative AI Experiences15704
user-experience, design-patterns, ai
Planning a Design System Generation (nat)15703
design-systems, automation
The Hunt for the Missing Data Type (hil)15702
types, algorithms
Go Ahead and Block AI Web Crawlers (cor)15701
robotstxt, crawling, scraping, ai
Apple Says iOS 17.4 Won’t Remove Home Screen Web Apps in the EU After All (9to)15700
browsers, apple, ios, web-apps
“AI” and Accessible Front-End Components: Is the Nuance Generatable? (hdv)15699
accessibility, web-components, ai
Apple Backs Off Killing Web Apps, but the Fight Continues (owa)15698
web-apps, apple
An Introduction to Webflow—the No-Code Website Builder15697
introductions, webflow, low-and-no-code
Team Productivity Metrics for Engineering Managers15696
productivity, metrics, engineering-management
A Love Letter to the Underrepresented in Tech (abb)15695
community
Web Tech Trends to Watch in 2024 and Beyond (web)15694
trends, design, dark-mode, ai, sustainability, minimalism
Introducing JSR—the JavaScript Registry (lca+/den)15693
introductions, jsr, deno, dependencies, javascript
Modern CSS Tooltips and Speech Bubbles (css/sma)15692
tooltips, css, techniques
TIL—“submit()” Versus “requestSubmit()” (ray)15691
javascript, comparisons
Retrofitting Fluid Typography (ric)15690
liquid-design, typography, css
Design System Generations (nat)15689
design-systems, processes
Eloquent JavaScript (mar)15688
websites, books, javascript
Choosing the Right Node.js Package Manager in 2024: A Comparative Guide (nod)15687
guides, nodejs, dependencies, comparisons
What Is Inclusive Design, and How Does It Relate to Accessibility? (slo)15686
design, dei, accessibility
Accessibility Has Failed: Try Generative UI = Individualized UX15685
accessibility, usability, ai, outlooks
Why Does “is-number” Package Have 59M Weekly Downloads?15684
dependencies, npm
What You Need to Know About Software Requirements15683
software-design, best-practices
Keyboard Accessibility Testing on Mobile Devices15682
accessibility, testing, keyboard-navigation, mobile
Understanding Cookies and Sessions in React15681
react, authentication, cookies
New to the Web Platform in February15680
release-notes, web-platform, browsers, firefox, chrome, safari
The Wax and the Wane of the Web (ste/ali)15679
web-platform, history
Diving Into CSS Interactivity (daw+/sto)15678
videos, css
Techniques to Break Words (aar)15677
techniques, html, css, content
How to Create a Sidebar Navigation With Astro, Tailwind CSS, and Alpine.js15676
how-tos, navigation, functionality, astro, tailwind, alpinejs
Going Beyond Pixels and (r)ems in CSS—Container Query Length Units (uti/iod)15675
css, container-queries, units
Apple vs. PWAs—Go Act Now and Help Avoid This Disaster… (cod)15674
apple, web-apps, progressive-web-apps, community
Ultimate Guide to Visual Testing With Playwright15673
guides, testing, regressions, playwright
Enhanced Internationalization (I18N) in Next.js 1415672
nextjs, internationalization
Where I’m at on the Whole CSS-Tricks Thing (chr)15671
css-tricks, digitalocean
So, What Exactly Did Apple Break in the EU? (tom)15670
browsers, apple, mobile, support, web-apps, apis
Test Quality vs. Bashing Tailwind CSS (mar)15669
tailwind, css, comparisons
Creativity Lies in the Paradoxes15668
creativity, design
Top 8 Recent V8 in Node Updates (app)15667
nodejs, v8
Making Math Accessible (ons/tpg)15666
accessibility, math
An HTML Switch Control (ann+/web)15665
html, css, forms
A Simple Mistake That Can Screw Up Your Light/Dark Theme (and How to Fix It) (kev)15664
videos, mistakes, dark-mode, css
Screen Readers and Drag-and-Drop: Grabbing and Releasing Elements (dar)15663
drag-and-drop, accessibility, browsers, screen-readers, support
Tumblr and WordPress to Sell Users’ Data to Train AI Tools (404)15662
wordpress, ai
The 3 Capabilities Designers Need to Build for the AI Era15661
design, career, training, ai, link-lists
Reporting Core Web Vitals With the Performance API (geo/sma)15660
apis, performance, web-vitals
Here Lies the Internet, Murdered by Generative AI15659
web, content, ai
How to Lazy-Load CodePen and CanIUse Embeds15658
how-tos, embed-code, performance, codepen, caniuse
How to Use Server-Sent Events in Node.js (cra)15657
how-tos, nodejs, events
YouTube Video Embedding Harm Reduction (jvo)15656
multimedia, embed-code, youtube, html, privacy
A Guide to CSS Cursor Types15655
guides, css, cursors
What Is Vuetify in Vue.js?15654
vuetify, vuejs
AI and Design Systems (bra)15653
ai, design-systems
A Fun Line of Code (dbu)15652
javascript, apis, multimedia
ServerlessHorrors (and)15651
websites, serverless, cloud-computing
Open Letter to Tim Cook, Sabotaging Web Apps Is Indefensible (owa)15650
open-letters, apple, web-apps
Advanced Figma Tips and Tricks 2024: Little Gems We Love15649
figma, tips-and-tricks
10 Takeaways From the WebAIM Screenreader Survey #10 (kar)15648
accessibility, screen-readers
A Web Designer’s Accessibility Advocacy Toolkit (sma)15647
accessibility, advocacy, strategies
CSS-Only Bottom-Anchored Scrolling Area (kit)15646
css, scrolling
What Is a Single-Page Application? (hey)15645
single-page-apps, javascript, performance, user-experience
The CSS Cascade—a (Re)Introduction (mat)15644
videos, css, cascade
Speaker Spotlight: Michelle Barker (mic)15643
interviews, css, sustainability
CSS Foundations: What Is IACVT? (bra)15642
css, fundamentals
How to Build a Newthing15641
how-tos, processes, creativity, maintenance
Why I Use Firefox (sim)15640
browsers, firefox
No Outer Margin15639
css, margins, spacing, components
Home Screen Advantage (sli)15638
browsers, apple, mobile, support, web-apps, web-platform
Navigating Signals: An Efficient Alternative to React Hooks for Enhanced Performance and Optimization15637
react, hooks, signals
CAPTCHA Is Still [the] Most Problematic Issue on the Web (cer)15636
accessibility, web, captcha
The Power of Patterns and Playbooks in Content Design (kat)15635
design, content, design-patterns
JSDoc as an Alternative TypeScript Syntax15634
typescript, documentation, jsdoc
Understanding Event-Driven Architecture (yok)15633
architecture, events
My WebAIM 10th SR User Survey Takeaways (aar)15632
accessibility, screen-readers
WebAIM Screen Reader User Survey 10 (den)15631
accessibility, screen-readers, metrics
CSS “:has()” Interactive Guide (sha)15630
guides, css, selectors
A Developer’s Guide for Web Accessibility15629
guides, accessibility
Why My Code Isn’t in TypeScript (rem)15628
typescript
Proposal: CSS Variable Groups (lea)15627
css, variables
ARIA (Are Ya) Afraid of the Dark? Unmasking Common HTML Monsters to Create Better User Experiences (deq)15626
videos, accessibility, aria, html, user-experience
Difference Between the Accessibility Page and the Accessibility Statement15625
accessibility, documentation, comparisons
Vanilla JavaScript, Libraries, and the Quest for Stateful DOM Rendering (sma)15624
javascript, libraries, client-side-rendering, state-management
JSR: What We Know So Far About Deno’s New JavaScript Package Registry (sar/soc)15623
jsr, deno, dependencies, javascript
UX Leadership Is Failing (and What We Can Do About It)15622
user-experience, leadership
Building Dynamic Progress Bars Using Only CSS (ami)15621
css, progress-indicators
htmx vs. React: A Complete Comparison15620
htmx, react, comparisons
Filling Gaps With a Polyfill (jay)15619
polyfills, html, css, javascript, history
JavaScript Bloat in 2024 (nik)15618
javascript, performance
Navbar Gallery15617
websites, navigation, design-patterns, examples
10 Best “Create React App” Alternatives for Different Use Cases15616
react, frameworks, tech-stacks, comparisons, link-lists
CSS “::backdrop” Now Inherits From Its Originating Element (bra)15615
css, selectors
How to Optimize the Web for the Worst User Conditions?15614
how-tos, user-experience, responsive-design, performance, optimization
My Favourite Animation Trick: Exponential Smoothing (lis)15613
animations, tips-and-tricks
The One Trick Every Flutter Web Dev Needs to Know15612
tips-and-tricks, flutter, performance
Release Notes for Safari Technology Preview 189 (jon/web)15611
release-notes, browsers, safari
View Transitions: Handling Aspect Ratio Changes (jaf)15610
css, view-transitions, aspect-ratio
Parallax Effect With CSS Custom Properties (fro)15609
css, custom-properties, effects, parallax
Making of True Multi-Brand Design System15608
design-systems, theming
Discovering Web Automation and Scraping (gli)15607
scraping, automation, bots, tooling
Next.js vs. Remix—a Developer’s Dilemma15606
nextjs, remix, comparisons
Syntax Highlighting With No Spans?! (chr/fro)15605
css, apis, syntax-highlighting
Node.js 2023 Year in an Article (raf)15604
nodejs, retrospectives
Does Your Design Conform With WCAG Accessibility Guidelines—or Does It Comply? (deq)15603
videos, accessibility, wcag, guidelines, compliance
How to Transfer Binary Data Efficiently Across Worker Threads in Node.js15602
how-tos, nodejs, worker-threads
Control Lazy Load, Infinite Scroll, and Animations in React15601
react, lazy-loading, scrolling, animations, javascript
My Design System Journey: Building the Plane While Flying15600
design-systems, collaboration, processes
How to Make a Cursor Image Hover Effect With CSS and JS15599
how-tos, css, javascript, images, cursors, hover
A Practical Guide to Designing for Colorblind People (sma)15598
guides, accessibility, design, colors, color-blindness
CSS-Only Radial Progress Bars Using Conic Gradients15597
videos, css, gradients, progress-indicators
Preventing SQL Injection Attacks in Node.js15596
security, nodejs, databases, sql
Design Patterns That Encourage Junk Data (mic)15595
design-patterns, sustainability, economics, storage, email
How to Use Local Storage in JavaScript (fre)15594
how-tos, browser-storage, javascript
A Practical Guide to Using Shadow DOM (may)15593
guides, dom, shadow-dom
“random()” Distribution Visualizer15592
javascript, randomness, visualization
Why Is JavaScript Fragile? (cfe)15591
javascript
Okay, Color Spaces (eee)15590
colors, oklch
Fostering a Collaborative Onboarding Team to Design Better Onboarding Experiences (uxm)15589
collaboration, onboarding, user-experience
How to Design an Accessible Web Site for People With Color-Deficient Vision (uxm)15588
how-tos, accessibility, dei, user-experience, colors, contrast, readability
7 Effective Ways to Craft Compelling Problem Statements for UX Design (uxm)15587
user-experience, product-management, processes
17 Equations That Changed the World—Rewritten in JavaScript15586
javascript, math
100 Things You Can Do on Your Personal Website (cap)15585
blogging, writing, indieweb
Responsive Web Design: 3 Key Fundamentals (nng)15584
videos, responsive-design, fundamentals
The Fifty-Fifty Split and Overflow (hex)15583
css, overflow, layout
“Web Design as a Process” in Charts: Maintenance, Decay, Tech Debt, and Big Bang Launching (j9t)15582
content, design, design-debt, technical-debt, maintenance, processes, visualization
[Web Accessibility] Survey Results15581
accessibility, surveys
What Is Utility-First CSS? (hey)15580
css, presentational-html, principles
Syntax Highlighting Code Snippets With Prism and the Custom Highlight API (bra)15579
apis, javascript, css, syntax-highlighting
Don’t Care About Accessibility? Resistance Is Futile! (cer)15578
accessibility
Tailwind Marketing and Misinformation Engine15577
tailwind, css, semantics, principles, maintainability, marketing
JavaScript on Demand: How Qwik Differs From React Hydration15576
javascript, qwik, react, hydration, comparisons
A Manifesto for Small, Static, Web Apps (ros)15575
manifestos, web-apps, principles
Understanding React “useEffect”15574
react, hooks
JavaScript Workers15573
videos, javascript, web-workers
How to Set Up a Node Server With TypeScript in 2024 (jle)15572
how-tos, nodejs, servers, typescript
Be a Better Developer With These Git Good Practices15571
git, best-practices, conventions, consistency, code-reviews
Frontend Application Security: Tips and Tricks15570
web-apps, security, xss, csrf, authentication, dependencies, csp, validation, tips-and-tricks
It’s Official, Apple Kills Web Apps in the EU (owa)15569
web-apps, apple
Popular Git Config Options (b0r)15568
git, configuration
UI = ƒ(statesⁿ) (dav)15567
design, state-management
Full Guide on How to Hire Front-End Developers Effectively15566
guides, how-tos, hiring, career
Top 20 JavaScript One-Liners That Don’t Actually Work (dar)15565
javascript
React Labs: What We’ve Been Working On—February 2024 (rea)15564
react
How I Developed the 10 Usability Heuristics15563
usability, heuristics, history
Getting to an Accessibility Strategy15562
accessibility, strategies, processes
Future of CSS: Functions and Mixins15561
css, functions, mixins
Playing With Infinity in CSS (lon)15560
css, math
Making the Most of Ligatures (man)15559
css, typography
A Dozen Thoughts About AI (dav)15558
ai
CSS “:is(.awesome)” (mar/cfe)15557
videos, css, selectors, techniques
ARIA “note” (aar)15556
accessibility, aria, browsers, screen-readers, support
When It Says “Name From Author” It Means From You, Not Boll or Bukowski (ste)15555
accessibility, aria, naming
Scroll-Driven Animations: You Want “overflow: clip”, not “overflow: hidden” (bra)15554
css, overflow, scrolling, animations
How Accessibility Standards Can Empower Better Chart Visual Design (sma)15553
accessibility, contrast, colors, information-design
What Is Lighthouse Speed Index (SI) and How to Reduce It15552
performance, metrics, lighthouse
Input Type “date”: The Accessibility of HTML Date Picker15551
accessibility, forms
What Is the Difference Between ASP and ASP.NET?15550
asp, asp-net, comparisons
Wednesday, February 14, 2024 Security Releases (raf+/nod)15549
release-notes, nodejs, security
The Text File That Runs the Internet (dav/ver)15548
robotstxt, crawling, scraping, ai, web
Reasonable WCAG Additions (a11)15547
accessibility, wcag
The Best CSS Frameworks to Use in Your Projects for 2024 and Beyond (fre)15546
css, frameworks, comparisons, bootstrap, tailwind, foundation, bulma, pure
Selenium Automation Testing: A Step-by-Step Beginners Guide15545
guides, selenium, testing, automation
How to Fix the Invisible Scrollbar Issue in iOS Browsers (sim/fro)15544
how-tos, browsers, ios, scrolling, css
Building htmx and Go Web Apps With Gemini Advanced15543
videos, web-apps, htmx, go, ai, gemini
The New CSS Math: “pow()”, “sqrt()”, and Exponential Friends (dan)15542
css, functions, math
Advanced Architecture for AI Application (aka AAAA) (aus)15541
ai, architecture, edge-computing, optimization
A Practical Guide to Designing for Children (sma)15540
guides, design, link-lists
An Introduction to Node.js Multithreading (cra)15539
introductions, nodejs, multithreading
Be Aware of Arrays—V8 Engine Advice15538
javascript, javascript-engines, v8, arrays
CSS Color Module Level 4 (tab+/w3c)15537
standards, css, colors
Why I Like Scrumban (j9t)15536
processes, agile, scrum, kanban
How to Center a Div (jos)15535
how-tos, css, centering
You Want to Make It Easy to Feature Your Content (dxs)15534
frontend-dogma, content, community
How to Boost WordPress Security and Protect Your SEO Ranking15533
how-tos, wordpress, security, seo
How to Choose the Best Static Site Generator in 202415532
how-tos, site-generators, gatsby, jekyll, nuxt, nextjs, hugo, eleventy, vuejs
Can Generative AI Help Write Accessible Code? (tin/tet)15531
accessibility, code-generation, ai
The Anatomy of Addictive Content (moz)15530
content, writing, seo
The ü/ü Conundrum15529
javascript, unicode, encoding
A CSS Project Boilerplate (bel/pic)15528
css, tailwind, templates
React, Solid, htmx15527
react, solidjs, htmx, comparisons
Learn TypeScript (jad)15526
websites, courses, typescript
Names Are Complex: Displaying Initials for an Avatar Component in a Design System (hey)15525
naming, design, case-studies
Dynamic Text Color Contrast Based on Background Lightness With CSS/SVG Filters (miu)15524
css, svg, filters, colors, contrast
Using Recursive CSS to Change Styles Based on Depth (cri)15523
css, selectors
CSS Mixins and Functions Explainer (mia/odd)15522
css, mixins, functions
Navigating Prioritization: Four Approaches (cwo)15521
project-management, prioritization, processes
Don’t Disable Form Controls (aar)15520
accessibility, usability, forms, buttons
Have We Forgotten How to Build Ethical Things for the Web? (nic)15519
web, ethics
Everything You Need to Know About Image Formats in 2024 (web)15518
images, jpeg, png, gif, webp, avif, pdf, svg
The Front-End Development We’re Used to Is Dying15517
career, simplicity, complexity
Accelerating Code Reviews With Nudges15516
research, code-reviews, productivity, experiments, facebook+meta
HTML as the Baseline (cfe)15515
html, progressive-enhancement
Node.js Community Debate Intensifies Over Enabling Corepack by Default and Potentially Unbundling npm (sar/soc)15514
nodejs, corepack, npm, yarn, pnpm, dependencies
In Its Tantrum With Europe, Apple Broke Web Apps in iOS 17 Beta, Still Hasn’t Fixed Them (tho/the)15513
web-apps, browsers, apple, ios
Going Beyond Pixels and (r)ems in CSS—Relative Length Units Based on the Viewport (uti/iod)15512
viewport, css, units
The Accessibility Mindset: Moving Beyond Remediating, Fixing, and Reacting (a11)15511
videos, accessibility
Frequently Heard in My Beginning Front-End Web Development Class (geo/sma)15510
learning, career
Format Nunjucks Files With Prettier (san)15509
nunjucks, prettier
Git Tips: Really Large Repositories (git)15508
git, monorepos, tips-and-tricks
What Is a Descriptive Transcript?15507
accessibility, multimedia
Is [“* { min-width: 0; }”] a Good Idea? (kev)15506
videos, css
So You Think You Know Git (git)15505
videos, git
Web Development Is Getting Too Complex, and It May Be Our Fault (mon/sma)15504
web-platform, frameworks, tech-stacks, complexity
Release Notes for Safari Technology Preview 188 (jon/web)15503
release-notes, browsers, safari
Offloading JavaScript With Custom Properties (hey)15502
javascript, css, custom-properties
10 Best Automated AI Code Review Tools 202415501
ai, automation, code-reviews, tooling, comparisons, link-lists
Opportunities for AI in Accessibility (aar/ali)15500
accessibility, ai
Patterns in Design Systems (ikn)15499
design-systems, design-patterns, components
CSS Is Logical (geo)15498
css
Malicious npm Package Masquerades as Noblox.js, Targeting Roblox Users for Data Theft (sar/soc)15497
npm, dependencies, security
Lines of Code—How to Not Measure Code Quality and Developer Efficiency (cod)15496
metrics, quality, efficiency, productivity
Doing What’s Required: Indicating Mandatory Fields in an Accessible Way (tpg)15495
accessibility, usability, forms, errors
Designing User Onboarding: Lessons From Figma, Duolingo, and More15494
lessons, onboarding, design, user-experience, figma
Lessons Learned Moving Eleventy From CommonJS to ESM in 2024 (zac/cfe)15493
videos, lessons, eleventy, commonjs, esm, refactoring
Remix Takes on Next.js in Battle of the React Frameworks15492
frameworks, react, remix, nextjs
A Beginner’s Guide to Seamless Open-Source Contributions (wom)15491
guides, foss
JavaScript vs. Python: Which One Should You Learn First?15490
javascript, python, comparisons
Immutable Array Updates With “Array.prototype.with” (jad)15489
javascript, arrays, prototypes, browsers, support
A Guide to Designing for Older Adults (sma)15488
guides, design, accessibility
When to Use the “min()” or “max()” Function (css)15487
css, functions, tips-and-tricks
UI Elements Are Not So Elementary15486
design, design-patterns
In Praise of the “switch” Statement (chi)15485
javascript
Detect Caps Lock With JavaScript (dav)15484
javascript
JavaScript Promises Demystified (mar)15483
javascript, promises
jQuery 4.0.0 Beta (tim/jqu)15482
release-notes, jquery
How to Create Rounded Gradient Borders With Any Background in CSS (ben)15481
how-tos, css, borders, gradients, backgrounds
Visual Hierarchy: Making User Experiences Easier to Understand (uxm)15480
user-experience, design, hierarchy
13 Best Books, Courses, and Communities for Learning React15479
react, books, courses, link-lists
Revolutionizing Usability Testing With Machine Learning (uxm)15478
usability, testing, ai
Exciting New Tools for Designers, February 2024 (web)15477
design, tooling, link-lists
The Most Demanded Frontend Frameworks in 202315476
frameworks, comparisons, react, angular, vuejs
Everything You Need to Know About Git15475
git, command-line
Getting Into Web Components—an Intro (uti)15474
introductions, web-components
Bookmarklet: Load All GitHub Comments (mey)15473
bookmarklets, github, code-reviews
Thoughts on a Global Design System (chr)15472
design-systems
It’s the Hope That Kills You (yat)15471
accessibility, career, community
The Decision to Leave Tech (col)15470
career, retrospectives
You Won’t Scale (cfe)15469
maintainability, scalability
The Importance of Web Performance to Information Equity (sch/fos)15468
videos, performance, accessibility
HTML Attributes That Every Web Developer Should Know15467
html, attributes, pop-overs, forms, custom-data
Why Disabled People’s Needs Aren’t “Special”15466
accessibility
“X” Marks the Spot: Landmark Elements (stv)15465
html, semantics, accessibility, assistive-tech, aria
htmx Deep Dive With Carson Gross15464
videos, htmx, deep-dives
A View Source Web (gar)15463
websites, view-source, browsers
Making Your SVG Icons CSS Masks Instead of Inline HTML or Backgrounds Has Some Benefits (chr/fro)15462
images, svg, css, masking, performance
From Many to One: Moving Our JavaScript Code Into a Monorepo15461
migrating, monorepos, javascript, git
SOLID Principles: They’re Rock-Solid for Good Reason15460
programming, principles, solid
5 Hidden Risks of Your Inaccessible Website (deq)15459
accessibility
The SEO Starter Guide Got a Makeover (liz+)15458
guides, seo, search, google
All Art Is a Copy of Something (chr)15457
art
What Is WAP?15456
wap, mobile
Is the Increasing Amount of Shit Code All the Fault of AI-Generated Code?15455
ai, quality, technical-debt
How to Make a Great Framework Better?—Svelte 5 With Rich Harris (ric)15454
videos, frameworks, svelte
Drupal Creator: Websites Needed More Than Ever in the AI Era15453
web, ai, complexity
Dynamically Adding Text Alternatives to Images With AI (kar)15452
automation, ai, accessibility, images, alt-text
What’s the Difference Between “localhost” and “127.0.0.1”?15451
network, ip, testing
Tracking Your Interviews Is Extremely Important15450
career, interviewing
A Complete Guide to Open Source—100× Simpler15449
guides, foss
The Web Just Gets Better With Interop 2024 (web)15448
web-platform, interoperability, browsers, support
A Look at the New WAI–ARIA 1.3 Draft (cra)15447
accessibility, aria, standards
Everyone’s a Sellout Now15446
career, culture
Career Retrospective15445
career, retrospectives
Interop 202415444
interoperability, web-platform, browsers, support
Tackling Flaky Tests With Cypress and Playwright Through Network Synchronization15443
testing, flakiness, cypress, playwright, network
Designing Accessible Color Palettes in Figma: A Guide for Web Accessibility (kno)15442
guides, accessibility, colors, color-palettes, figma
Interaction to Next Paint Becomes a Core Web Vital on March 12 (mal+)15441
performance, web-vitals, metrics
Implementing User Authentication in React Apps With Appwrite15440
react, authentication, tooling
5 Essential DevTools Console Hacks for Every Web Developer15439
videos, browsers, dev-tools
Practice Safe DSD With “setHTMLUnsafe” (It’s Complicated) (jar/van)15438
html, dom, shadow-dom, apis, security
Making VPATs and ACRs More Effective in Procurement (web)15437
accessibility, vpat-acr, processes
The Art and Science of Annotations in Dev Mode (fig)15436
figma, annotations
How to Stream Files From Next.js Route Handlers (eri)15435
how-tos, nextjs, routing, streaming
PurePWA—a Radical U-Turn in Web Development15434
web-apps, progressive-web-apps, simplicity, tooling
GitLab vs. GitHub: Which Is Better in 2024?15433
version-control, gitlab, github, comparisons
The Good, the Bad, the Web Components (zac)15432
web-components, shadow-dom, dom
Be Purposeful About Your Content15431
accessibility, content, writing
Why Not htmx? (cfe)15430
htmx
Going Beyond Pixels and (r)ems in CSS—Relative Length Units Based on Font (uti/iod)15429
css, units, fonts
A Highly Configurable Switch Component Using Modern CSS Techniques (bel/pic)15428
html, css
Stop Burning Out Maintainers: An Empathetic Guide for Contributors (bek/ope)15427
guides, foss, collaboration
Celebrate a More Interoperable Web With Interop 202315426
web-platform, interoperability, browsers, support
The Psychology of Site Speed and Human Happiness (tam/spe)15425
performance, usability
Use CSS “accent-color” to Style Your Inputs (cas)15424
css, forms
Tuesday, February 6, 2024 Security Releases (raf/nod)15423
release-notes, nodejs, security
Is Generated Code Harder to Maintain?15422
discussions, ai, maintainability, maintenance
New to the Web Platform in January15421
release-notes, web-platform, browsers, firefox, chrome, safari
Understanding Signals in Django15420
signals, django
Web Platform Design Principles (lea/w3c)15419
web-platform, software-design, principles, standards, w3c
Why Do Rubber Ducks Work?15418
processes, productivity, creativity
“field-sizing” Just Works! (kil/pol)15417
css, forms, comparisons
Learn Testing15416
courses, testing