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

Frontend Dogma

News and Tools for Web Developers, 1990s to Now (17)

→ Stay up-to-date on all topics by various RSS feeds (main feed with exclusive news: only $1/month), on Mastodon, and on Bluesky

Entry (Sources) and TopicsDate#
Git Common Developer Pitfalls and Solutions (wom)15682
git
The End of an Era: Women Who Code Closing (wom)15681
community
What’s Going On in Dark Theme / Light Theme Land (chr/fro)15680
css, functions, dark-mode
My Code Formatting Guidelines (val)15679
guidelines, formatting, conventions, javascript, html, prettier, configuration
A Primer on the Cascade and Specificity (bel/pic)15678
introductions, css, selectors, cascade
Displaying HTML Web Components15677
web-components, css
Who Should Block AI Bots? (moz)15676
scraping, ai, seo
12 Tips From a Mid-Level Developer (abb)15675
career, tips-and-tricks
Webhooks and WebSockets15674
webhooks, websockets
Humans Do It Better: GitClear Analyzes 153M Lines of Code, Finds Risks of AI15673
ai, quality, craft, metrics, engineering-management
Building a GitHub Activity Feed With Node.js and Socket.IO15672
nodejs, github, functionality
The Impact of Color Contrast on Accessibility15671
accessibility, colors, contrast
JavaScript Code Quality Tools: See Qodana in Action (jet)15670
qodana, quality, javascript
How to Submit a Form in React Using FormData (wom)15669
how-tos, forms, react
When Security and Accessibility Clash: Why Are Banking Applications So Inaccessible? (nic)15668
accessibility, security
Upgrading jQuery: Working Towards a Healthy Web (tim/jqu)15667
jquery, maintenance, migrating
Property Hooks Are Coming in PHP 8.4 (ami)15666
php, hooks
How to Write World-Beating Web Content (web)15665
how-tos, writing, content
Converting Plain Text to Encoded HTML With Vanilla JavaScript (sma)15664
conversion, html, javascript
AI Isn’t Useless—but Is It Worth It? (mol)15663
ai, quality
The Making of a TypeScript Feature: Inferring Type Predicates15662
typescript
The Right Code for Your Design System (fig)15661
design-systems, figma
Making Disabled Buttons More Accessible15660
accessibility, buttons, html, aria
We Need to Rewild the Internet (rob/noe)15659
web, standards, collaboration, creativity, outlooks
The Biggest Lie in HTML15658
videos, html
The Invisible Seafaring Industry That Keeps the Internet Afloat (jos/ver)15657
web
Alternating Style Queries (kiz)15656
css, style-queries, techniques
Hardest Problem in Computer Science: Centering Things (nik)15655
css, design, centering
Why We Are Still Using 88×31 Buttons15654
images, history, design
Things That Can Break “aspect-ratio” in CSS (chr/fro)15653
css, aspect-ratio
[pnpm] v9.0.0 (pnp)15652
release-notes, pnpm
Electron 30.0.0 (kee/ele)15651
release-notes, electron
Open Source Security (OpenSSF) and OpenJS Foundations Issue Alert for Social Engineering Takeovers of Open Source Projects (rgi/ope)15650
foss, security, openjs
Ethics in Times of Growth Design15649
design, ethics
How a Successful Website Migration Led to a 20% Increase in Keyword Rankings (moz)15648
migrating, processes, seo, sem
Five Ways Cookie Consent Managers Hurt Web Performance (and How to Fix Them) (cli/spe)15647
cookies, consent-management, performance
Don’t Use the “maxlength” Attribute to Stop Users From Exceeding the Limit (ada)15646
html, attributes, forms, usability
Document Collaboration (With Comments!) (chr/fro)15645
documentation, collaboration, comparisons, link-lists
CSS in React Server Components (jos)15644
css, javascript, react, components, css-in-js
ARIA in HTML (sco+/w3c)15643
standards, accessibility, aria, html
An Intro to Flexbox (cfe)15642
introductions, css, flexbox, layout
10 Top Accessibility Errors and How to Avoid and Fix Them (sch)15641
accessibility
Interview With Senior JS Developer 202415640
videos, interviews, javascript, frameworks, libraries, tech-stacks, tooling, web-platform
Beware—Automatic Tools Over-Report Accessibility Issues and Steal Your Time (cer)15639
accessibility, auditing, tooling
Why Many Junior Developers Quit Programming (tip)15638
career, learning
What if You Had Real Control Over Light Mode / Dark Mode on a Per-Site Basis? (bra)15637
apis, dark-mode
Things You Should Do in Your Dev Journey15636
career
My “Skip to Content” Markup Was Breaking the Back Button on iOS (db)15635
html, skip-links, accessibility, mobile
How to Write a Code Formatter15634
how-tos, formatting
9 Signs Your Frontend Code Has Quality Issues That Affect Your Users (ang)15633
quality, craft, accessibility, usability, user-experience, conformance, performance
Mixins Three Ways (dut)15632
mixins, sass, less, css
Sliding 3D Image Frames in CSS (css/sma)15631
css, images, techniques, 3d
Technical Guide: End-to-End CI/CD DevOps With Jenkins, Terraform, Docker, Kubernetes, SonarQube, ArgoCD, AWS EC2, EKS, and GitHub Actions (Django Deployment)15630
guides, ci-cd, deploying, jenkins, docker, kubernetes, aws, github-actions, django
How Do Open Source Licenses Work? The Ultimate Guide15629
guides, foss, licensing
Naming Colors in Design Systems (ado)15628
naming, colors, design-systems
10 Things Software Developers Should Learn About Learning15627
research, learning
Monitoring BFCache Blocking Reasons (chr/mdn)15626
bfcache, monitoring, debugging, performance
Introducing JS Naked Day (mac)15625
introductions, javascript, awareness-days
How to Build a Reusable Grid System With CSS Grid (cfe)15624
how-tos, css, grids, layout, maintainability
Blockin’ Bots (bee)15623
scraping, ai, apache, configuration
Epic App Performance Starts With the Database15622
videos, performance, databases, optimization
Unleashing Designers With Tailwind CSS15621
videos, tailwind, design, processes
Why I’m Embracing the Arc Browser15620
browsers, arc
Socks, Lies, and Accessibility15619
accessibility, awareness-days, link-lists
Let Me Be15618
videos, javascript
Purging Design System “Rot” From Our Checkboxes (chu)15617
design-systems, maintenance, quality, accessibility, case-studies
CSS Tricks to Master the “clip-path” Property (css)15616
css, masking, clipping, tips-and-tricks
Web Accessibility Statement: How to Write One15615
how-tos, accessibility, documentation, writing
Zombie Estimation15614
agile, scrum, processes, project-management
npm Basics for New Developers (nim)15613
fundamentals, npm
Quick Tip: How to Animate Text Gradients and Patterns in CSS (ral)15612
tips-and-tricks, how-tos, animations, gradients, css
The Dos and Don’ts of Using “tabindex” in Web Design (a11)15611
accessibility, keyboard-navigation, html
Accessible Interactions in JavaScript Apps (san)15610
videos, accessibility, javascript, aria
Gap Is the New Margin (chr/fro)15609
css, margins, layout
Complete a VPAT: Show How Accessible Your Product Is (deq)15608
accessibility, vpat-acr, conformance, documentation
An Intro to CSS Grid (cfe)15607
introductions, css, grids, layout
A Comparison of Automated Testing Tools for Digital Accessibility (equ)15606
accessibility, testing, tooling, automation, comparisons
Control Your Vertigo—the Unspoken Rule for Defending Design Decisions15605
design, user-experience
Wednesday, April 10, 2024 Security Releases (raf/nod)15604
release-notes, nodejs, security
Optimizing WebKit and Safari for Speedometer 3.0 (pat+/web)15603
webkit, browsers, safari, performance, optimization
The Guide to Git I Never Had15602
guides, git, command-line, cheat-sheets
I Never Knew a Website Could Hurt Someone (kar)15601
videos, accessibility
Release Notes for Safari Technology Preview 192 (jon/web)15600
release-notes, browsers, safari
Frontend Development Beyond React: Svelte15599
svelte
The Future of Design Systems Is Marketing (fig)15598
design-systems, marketing, metrics
Notes on Git’s Error Messages (b0r)15597
git, errors
JS Naked Day (mac+)15596
websites, javascript, awareness-days
A Love Letter to Gen Z From Gen Y: Understanding React’s Evolution15595
react, history
Is the Party Over for Scrum Masters and Agile Coaches?15594
agile, scrum, career
Recapping ng-conf 202415593
angular
The ADA Now Has Regulations for Accessibility of Web Content and Mobile Apps (slo/tpg)15592
accessibility, ada, legal, web, mobile
React Server Components in a Nutshell15591
react, components
Sending Email Using Node.js (cra)15590
nodejs, email
An Introduction to the Node.js Performance API (bet)15589
introductions, nodejs, performance, apis
Happy CSS Naked Day 2024 (fro)15588
frontend-dogma, css, awareness-days
Understanding Interaction to Next Paint (INP) (wil/fro)15587
performance, web-vitals
Layered Toggles: Optional CSS Mixins (kiz)15586
css, mixins, techniques
Figma Prototypes vs. HTML Prototypes (ada)15585
design, processes, prototyping, figma, html, comparisons
Ableism and Related Terms You Need to Know (mer)15584
terminology, communication, dei
Building a CLI From Scratch With TypeScript and oclif15583
command-line, typescript
The Death of Creativity15582
creativity, ai
Misinformation and Disinformation Online: What Design Can Do to Remedy This Problem (uxm)15581
design, communication
How I Write Commits Like a Pro15580
version-control, git, commit-messages, conventions
DORA’s Software Delivery Metrics: The Four Keys (nat)15579
processes, metrics
Node.js Debugging in Chrome DevTools (chr/fro)15578
nodejs, debugging, tooling, browsers, chrome, dev-tools
Justice Department to Publish Final Rule to Strengthen Web and Mobile App Access for People With Disabilities15577
accessibility, legal, web, mobile
Creating a Navbar in React15576
navigation, react, css
Techniques for Fetching Data: Comparing Next.js (App and Pages API), Remix, and RedwoodJS (sel/red)15575
data-fetching, techniques, nextjs, remix, redwoodjs, comparisons
Node.js Secure Coding: Mitigate and Weaponize Code Injection Vulnerabilities15574
books, nodejs, security, vulnerabilities
What Is Whitespace? (nng)15573
videos, whitespace, design, concepts, terminology
User Experience in the Era of AI: Enhancing Human-Machine Interactions (uxm)15572
user-experience, ai, hci
Things That I Like Better in Vue Than in React15571
vuejs, react, frameworks, comparisons
Inclusive Digital Experiences: Redesign Strategies for Addressing Diverse Abilities and Accessibility Challenges (uxm)15570
redesigning, strategies, dei, accessibility
10 Must Know System Design Concepts for Interviews15569
interviewing, architecture, system-design, concepts, scalability
Demystifying the Shadow DOM15568
dom, shadow-dom
Blind Internet Users Struggle With Error-Prone AI Aids (fin)15567
accessibility, ai
Testing HTML With Modern CSS (hey)15566
html, css, testing, quality
Jekyll vs. Astro (koo)15565
site-generators, comparisons, jekyll, astro
Faster Websites With the “picture” Element (fra)15564
html, images, performance
[zx] 8.0.015563
release-notes, zx
21 HTML Tips You Must Know About15562
html, tips-and-tricks
Reviewing Polypane for Responsive Website Tweaks15561
videos, polypane, browsers
Why I’m Yet Another Woman Leaving the Tech Industry15560
career, community
WCAG Bypass Blocks (“Skip to Content”)—Improve User Interaction Speed and Even Prevent Pain (cer)15559
accessibility, user-experience, keyboard-navigation, skip-links, wcag
How to Think About HTML Responsive Images (db)15558
how-tos, html, images, responsive-design
How to Make Your Website Work Offline15557
how-tos, web-workers, offline, javascript
DevTools Tips and Tricks (pan/fro)15556
browsers, dev-tools, tips-and-tricks
Managing User Focus With “:focus-visible” (css)15555
css, selectors, focus
Creativity in Software Engineering15554
research, creativity, programming
Breakpoints in Responsive Design (nng)15553
design, responsive-design, breakpoints, usability
The Free Software Commons (jen)15552
foss, community, security
Should Designers Code? (bra)15551
design, career
ESLint v9.0.0 Released (nza/esl)15550
release-notes, eslint
Drive-By Accessibility Tweaks (bru)15549
accessibility
“AI” Won’t Solve Accessibility (yat)15548
accessibility, ai
Modern CSS Patterns in Campfire15547
css, case-studies
The Basics of Legibility15546
fundamentals, typography, legibility
Heat Death of the Internet15545
web
Building Components With Radix UI15544
radix, components
A Complete Guide to CSS Logical Properties, With Cheat Sheet (ral)15543
guides, css, logical-properties, cheat-sheets
AI and the Future of Web Accessibility Guidelines15542
discussions, accessibility, wcag, standards, ai, w3c
The V8 Sandbox15541
v8, security
JavaScript Visualized—Event Loop, Web APIs, (Micro)task Queue15540
videos, javascript, visualization, event-loop, events, apis
When to Use “tabindex="0"” (gra/tet)15539
accessibility, keyboard-navigation, focus, html
Rounded Tabs With Inner Curves (css)15538
css, effects, tips-and-tricks
How to Strongly Type process.env (mat)15537
how-tos, typescript, nodejs
Hanging Punctuation in CSS15536
css, typography
How to Build a Simple Web Server With Node.js15535
how-tos, servers, nodejs
BFCache Explained15534
bfcache, browsers, performance
Using JSON Web Tokens With Node.js15533
json-web-tokens, nodejs, security, authentication
Introducing Jpegli: A New JPEG Coding Library15532
introductions, jpeg, images, libraries, compression
Wednesday, April 3, 2024 Security Releases (nod)15531
release-notes, nodejs, security
Building a Digital Fortress: How to Strengthen DNS Against DDoS Attacks?15530
dns, security
In-Page Links: 3 Usability Tips (nng)15529
videos, links, usability, tips-and-tricks
Theming Design Systems (per)15528
design-systems, theming
The View Transitions API (cas/fro)15527
view-transitions, apis, astro
Svelte Parses HTML All Wrong (ric)15526
svelte, html, parsing
Fluid Typography With Discrete Steps (css)15525
css, typography, tips-and-tricks
Finally Understand Responsive Design15524
videos, responsive-design, css
“aspect-ratio” Gotcha (css)15523
css, aspect-ratio, images
An Advanced Way to Use CSS Variables (cfe)15522
css, custom-properties
AI and the Web: Understanding and Managing the Impact of Machine Learning Models on the Web (don/w3c)15521
ai, web
How to Get Somebody Fired Using Git15520
version-control, git, career
WebAssembly at Google (tom)15519
videos, webassembly, google
Learn JavaScript (wil)15518
courses, javascript
WordPress 6.5 “Regina” (pho/wor)15517
release-notes, wordpress
How-To: 5 Steps to Detect Invalid HTML Breaking Your [Site’s Performance] (erw)15516
how-tos, html, conformance, performance
Infinite-Scrolling Logos in Flat HTML and Pure CSS (cit/sma)15515
branding, scrolling, animations, techniques, css
How We’re Approaching Theming With Modern CSS (bel/pic)15514
css, theming
Drawing a Line to Connect Elements With CSS Anchor Positioning (cit/fro)15513
css, anchor-positioning
Authentication in Next.js (rwi)15512
authentication, nextjs
An Interactive Guide to CSS Container Queries (sha)15511
guides, css, container-queries
The Detail, the Quality15510
design, quality
What Even Is a JSON Number?15509
json, terminology
Micro Frontends With Native Federation15508
micro-frontends, comparisons
The Era of High-Paying Tech Jobs Is Over15507
programming, career, ai, economics
Introducing Root.js15506
introductions, tooling, content-management
Bun 1.1 (jar+/bun)15505
release-notes, bun
A Complete Guide for Content Creators to Start Making Accessible Content (pop)15504
guides, accessibility, content
14 Top UX Tools for Designers in 2024 (web)15503
user-experience, tooling, link-lists
10 JavaScript Sites Every Web Developer Should Know15502
javascript, learning, link-lists
The DevOps Basics15501
dev-ops, fundamentals
Disable AWS CloudFront Distributions if Budget Is Exceeded15500
aws, cloudfront, configuration, economics
Why I Use Node, Deno, Bun, [QuickJS], [txiki.js] at the Same Time15499
tooling, nodejs, deno, bun, quickjs
Why I Care Deeply About Web Accessibility and You Should Too (sch)15498
accessibility, web
Object Structure in JavaScript Engines15497
objects, javascript, javascript-engines
Latest WebAIM’s Million—Some Thoughts (cer)15496
accessibility
Kobold Letters (wed)15495
html, email, support
Some Samples Using UIkit15494
uikit
Design Is a Process of Getting Stuck (fon)15493
design, processes
The Power of “:has()” in CSS (css)15492
css, selectors
What Negative Effects Does a Bad Website Design Have on My Business? (web)15491
design, economics
The Easy Way to Access the Last JavaScript Array Element15490
javascript, arrays
“@scope” Is Coming to CSS and It’s Amazing (kev)15489
videos, css, scope
The WebAIM Million: The 2024 Report on the Accessibility of the Top 1,000,000 Home Pages (web)15488
studies, research, accessibility, homepages, metrics
The Curious Case of the CSS Monochrome Media Query (sea)15487
css, media-queries
On “disabled” and “aria-disabled” Attributes (kit)15486
accessibility, html, attributes, aria
Front-End Development’s Identity Crisis (ell)15485
career
Figma Plugins (tmc)15484
figma, plugins
New to the Web Platform in March15483
release-notes, web-platform, browsers, firefox, safari, chrome
A Guide to Building CLI Tools in JavaScript15482
guides, tooling, command-line, javascript, nodejs
Improving the Developer Experience of Enterprise Design Systems15481
design-systems, developer-experience, optimization
History of JS Interop in Dart15480
javascript, dart, interoperability, history
The Browser Company and Radical Transparency15479
the-browser-company, culture, communication
What’s New in DevTools, Chrome 12415478
release-notes, dev-tools, browsers, chrome
Release Notes for Safari Technology Preview 191 (jon/web)15477
release-notes, browsers, safari
CSS Color-Scheme-Dependent Colors With “light-dark()” (bra)15476
css, functions, colors, dark-mode
The Complete Guide to Captioned Videos (mer)15475
guides, accessibility, captions, multimedia
Finally Understanding How “Array.sort(comparator)” Works (jam)15474
javascript, arrays
Meet Angular’s New “output()” API (ang)15473
angular, apis
What Even Are Dragging Movements? (cat/spa)15472
accessibility, interaction-design, terminology
Iterator Helpers15471
ecmascript, javascript, javascript-engines, v8
How I Fixed My Brutal TTFB (whi/get)15470
performance, metrics, optimization
ai.robots.txt (cor)15469
ai, crawling, scraping, robotstxt, tooling
In-App Browsers Are Still a Privacy, Security, and Choice Problem (tho/the)15468
browsers, mobile, privacy, security
Flickering Glowing Text Effect With CSS (man)15467
css, effects
Node v20.12.0 (LTS) (nod)15466
release-notes, nodejs
How to Use jQuery’s “ajax()” Function for Asynchronous HTTP Requests15465
how-tos, jquery, ajax, functions, asynchrony
History of Web Accessibility15464
videos, accessibility, history
Quick Tip: How to Align Column Rows With CSS Subgrid (ral)15463
tips-and-tricks, how-tos, css, grids, layout, alignment
Convention Over Creativity? The Ups and Downs of UX Design15462
user-experience, design
Exploring the Power of ARIA Live Attribute in Web Accessibility15461
accessibility, aria, attributes
Animating Clip Paths on Scroll With “@property” in CSS (uti)15460
css, animations, scrolling, clipping, masking
What You Need to Know About Modern CSS (Spring 2024 Edition) (chr/fro)15459
css, overviews
How to Take Control of Flexbox (kev)15458
videos, how-tos, css, flexbox, layout
How Invalid HTML Elements Impact Web Performance (erw)15457
html, conformance, performance
How Does npx Actually Work and When to Use It15456
npx, nodejs
CSS Anchor Positioning (tab+/w3c)15455
standards, css, anchor-positioning
Be Flexible About What People Need (and Don’t Assume) (eri)15454
accessibility
How to Consolidate Multiple Design Systems15453
how-tos, design-systems, processes
7 Simple Rules for Better Data Visualization15452
information-design
Error Messages 101 (nng)15451
videos, usability, errors, microcontent
Setting and Persisting Color Scheme Preferences With CSS and a “Touch” of JavaScript (ole/sma)15450
colors, dark-mode, css, javascript
JavaScript Visualized: Promise Execution15449
javascript, promises, visualization
Diving Into the Node.js Website Redesign (bri/nod)15448
redesigning, case-studies
No One Actually Wants Accessibility (dav)15447
accessibility
CORS Finally Explained—Simply15446
security, csrf, cors, concepts
How Does Single Sign-On (SSO) Work? (mil)15445
authentication, security
Spicing Up Text With “text-emphasis” in CSS (ami)15444
css, typography, effects
New CSS That Can Actually Be Used in 2024 (tho)15443
css, logical-properties, container-queries, selectors, nesting, functions, cascade, grids
Incredible JavaScript Animation Libraries15442
javascript, animations, libraries, link-lists
AI Can Make a Code Review for Free15441
ai, code-reviews, tooling
Learn OAuth 2.0 by Building Your Own OAuth Client15440
authorization, oauth, functionality
Radix Themes 3.015439
release-notes, radix
Profile Node.js Performance With the Performance Panel (jec+)15438
nodejs, performance, debugging, browsers, chrome, dev-tools
ARIA “role=application” and Mobile Screen Readers (cer)15437
accessibility, aria, screen-readers, mobile
Accessible Forms With Pseudo Classes (css)15436
accessibility, forms, css, selectors
Don’t Get Scammed by Fake Performance Experts and Apps15435
performance, tooling
Quick Tip: How to Add Gradient Effects and Patterns to Text (ral)15434
tips-and-tricks, how-tos, css, gradients, effects
The Cost of Interrupted Work: More Speed and Stress15433
research, productivity, processes
12 Figma Tips to Work More Efficiently15432
figma, tips-and-tricks, efficiency
The “Current Branch” in Git (b0r)15431
git
Node.js TSC Confirms: No Intention to Remove npm From Distribution (sar/soc)15430
nodejs, npm
Going Beyond Pixels and (r)ems in CSS—Absolute Length Units (uti/iod)15429
css, units
CSS Values and Units Module Level 3 (tab+/w3c)15428
standards, css, units
CAPTCHA Excludes Disabled Web Users (zel)15427
accessibility, captcha
Optimizing JavaScript for Fun and for Profit15426
javascript, optimization
[Bulma] 1.0.015425
release-notes, bulma
Relicensing and Rug Pulls15424
foss, licensing, history
Node.js: The Documentary (isa+)15423
videos, nodejs, history
Welcome to Future of Web Accessibility Based on Predictors (jar+)15422
videos, accessibility, outlooks
Avoid These Design System Traps15421
design-systems
“__dirname” Is Back in Node.js With ES Modules (phi)15420
nodejs, esm
Microservices Promised Freedom but Delivered Dependencies (pur)15419
microservices, dependencies
This Pattern Will Wreck Your React App’s TS Performance (mat)15418
design-patterns, react, typescript, performance
On the Gift of OKR for Company Culture (j9t)15417
processes, okr, culture
On Popover Accessibility: What the Browser Does and Doesn’t Do (hdv+)15416
accessibility, pop-overs, html
How to Test 3.3.8 Accessible Authentication (Minimum) (sib/tpg)15415
how-tos, accessibility, testing, authentication
Building a Micro htmx SSR Framework (mco/pla)15414
frameworks, htmx, examples
Progressive Disclosure Defaults15413
css, forms, interaction-design
Folder Structures in React Projects15412
react, architecture
Angular Signals: Best Practices15411
angular, signals, best-practices
Understanding Memory Heap and Memory Leaks—How the JS Engine Works (fro)15410
javascript-engines, memory, garbage-collection, asynchrony
Psychology and UX: Decoding the Science Behind User Clicks15409
user-experience, design, principles
The Box Model and Box Sizing (bel/pic)15408
css, box-model, concepts
How to Plan Your First Successful Website (web)15407
how-tos, processes, project-management
How to Create a Website and a PDF From the Same Codebase (spa/clo)15406
how-tos, code-generation, pdf, functionality
Aesthetic Layouts: 2 Column Magazine With “shape-outside” (jhe)15405
code-pens, layout, css
Essential CSS Tools for Developers (nim)15404
css, tooling
Build a Full-Stack App With Node.js and htmx15403
web-apps, nodejs, htmx
How to Assess Your Fit for a Job Description: A Guide for Technologists (wom)15402
how-tos, guides, interviewing, career
Using Relative Colors (chr/mdn)15401
css, colors
Chill Scroll Snapping: Article Headers (chr/fro)15400
css, scrolling
The Power of Textual Content in UX Design (uxm)15399
content, user-experience
Comparing ECMAScript Modules and CommonJS15398
comparisons, esm, commonjs
The Ultimate Guide to Understanding npx vs. npm15397
guides, npx, npm, nodejs
How Web-Site Design and Social Media Work Together (uxm)15396
design, content, social-media
Oh Sh*t, My App Is Successful and I Didn’t Think About Accessibility15395
accessibility
Make a Web Browser: Beginner’s Guide (nim)15394
guides, browsers, browser-engines
Empowering the User Experience Through Microinteractions: 7 Best Practices (uxm)15393
user-experience, interaction-design, best-practices
A Designer’s Role Is Not “at the Table”15392
design, career
How Meta Improved Their Cache Consistency to 99.9999999915391
facebook+meta, caching
Accessibility Foundations (ihe/tpg)15390
accessibility, fundamentals, link-lists
Observability Is an Illusion (pur)15389
observability, logging, monitoring, alerting
“require(esm)” in Node.js (joy)15388
nodejs, ecmascript, esm, commonjs
I’m So Old: Web Edition (dav)15387
web, history
How to Kill the Cascade (fon)15386
css, cascade, resets, scope
Every React Concept Explained in 12 Minutes15385
videos, react, concepts
Build a Node App With TypeScript (mat)15384
nodejs, typescript, pnpm, esm
A Comparison of JavaScript CRDTs (alm)15383
javascript, types, comparisons
Why UI Designers Should Understand Flexbox and CSS Grid15382
design, layout, flexbox, grids, css
Time to Ditch Analytics? Tracking Scripts and Web Sustainability (mic)15381
embed-code, google, analytics, sustainability, performance, compliance
2024 Cheat Sheet Collection15380
cheat-sheets, link-lists
Mental Health in Open Source (ant)15379
foss, career
How Web Bloat Impacts Users With Slow Devices15378
performance, metrics, comparisons, web
Copy Objects Ways in JavaScript15377
javascript, objects
Migrating Away From Jest and Achieving Over 90% Reduction in Running Time (pat)15376
migrating, jest, testing, memory, performance
Webflow 101: A Guide for Beginners15375
introductions, guides, webflow, low-and-no-code
Deploying Remix to GitHub Pages (rem)15374
videos, deploying, remix, github-pages
How to Optimize Cumulative Layout Shift (CLS) on Shopify Sites (sia)15373
how-tos, performance, web-vitals, optimization, shopify
How (In)Efficient Are Engineering Organizations?15372
efficiency, processes, engineering-management
Quick Tip: Creating a Date Picker in React15371
tips-and-tricks, react, functionality
Accessibility in Design Systems: A Comprehensive Approach Through Documentation and Assets15370
accessibility, design-systems, documentation, dei
Skeuomorphism (nng)15369
design, terminology
Homepage Design: 5 Fundamental Principles (nng)15368
design, homepages, principles
When “Semantic Tokens” Are No Longer Semantic15367
design-tokens, semantics
Performance Tooling in 2024 and Beyond (pau)15366
performance, tooling, browsers, dev-tools, lighthouse
There Is No EU Cookie Banner Law15365
consent-management, cookies, legal
Qwik vs. Next.js: Which Framework Is Right for Your Next Web Project?15364
frameworks, comparisons, qwik, nextjs
What Is Safe Alignment in CSS? (chr/fro)15363
css, layout, user-experience
The Golden Age of Accessibility15362
accessibility
Make Your Functions More Reusable With Generics (mat)15361
typescript, functions, generics, maintainability
Arguments for Opening Links in a New Tab or Window (gri/clo)15360
links, usability
My New Favorite CSS Trick: “will-change”15359
css, animations, transitions, tips-and-tricks
Ruby Is Complicated15358
html
25 Unnoticeable Features of JavaScript15357
javascript
Refactoring My Ugliest Code With Signal View Queries15356
videos, refactoring, angular
WCAG 2.2 Detective Skills15355
accessibility, standards, wcag
How to Design Icons in Figma15354
how-tos, images, icons, figma, design
How to Avoid Flaky Tests in Playwright15353
how-tos, testing, flakiness, playwright
A Beginner’s Guide to Node.js Worker Threads (bet)15352
guides, nodejs, worker-threads
You Want “border-color: transparent”, Not “border: none” (dav/fro)15351
css, borders, transparency+opacity, accessibility, contrast
HTML Performance Optimization: Tips for Faster Loading Pages15350
html, landing-pages, performance, optimization, tips-and-tricks
What’s Next for a Global Design System (bra)15349
design-systems
There Are No Standards Police (mno)15348
standards, policies, processes
The Problem With Data Attributes for Text Effects (man)15347
html, custom-data, css, typography, effects
The Problem With AI (cfe)15346
ai
Another JS Registry—Seriously?! (den)15345
videos, jsr, dependencies, javascript
The Essential Guide to Microcopy and Becoming a More Literate Designer15344
guides, design, microcontent, content, writing
Runtime Compatibility (asc+)15343
websites, runtimes, interoperability, comparisons, bun, deno, netlify, nodejs
5 Exciting New JavaScript Features in 202415342
javascript
Marking the Web’s 35th Birthday: An Open Letter (tim)15341
open-letters, web, history, anniversaries
Interaction to Next Paint Is Officially a Core Web Vital (rvi)15340
performance, web-vitals
15 Years of Running a Personal Website (ste)15339
indieweb
Why Your Microservices Architecture Is Probably Overkill (and How I Learned to Love the Monolith Again) (pur)15338
architecture, microservices, monoliths
Thoughts on Embedding Alternative Text Metadata Into Images (eri)15337
accessibility, images, metadata
The “10× Engineer”: 50 Years Ago and Now (ger)15336
productivity, processes, career, history
Spread vs. Rest Operators in JavaScript15335
javascript, operators, comparisons
How to Read Files Quickly in JavaScript (lem)15334
how-tos, javascript, file-handling
Building Websites and Building Websites Well (j9t)15333
quality, craft, community
A Letter to My Younger Self, as an Accessibility Advocate (hbu)15332
accessibility, advocacy, retrospectives
Comparing JavaScript Frameworks: Templates15331
javascript, frameworks, templates, comparisons
A Gentle Introduction to Generics in TypeScript15330
introductions, typescript, generics
Express.js With TypeScript—Setup, Examples, Testing15329
videos, express, typescript, testing, examples
IDEs vs. Code Editors: Everything You Need to Know (jet)15328
code-editors, comparisons, concepts
Accessibility: Implementing Focus Traps15327
accessibility, focus, keyboard-navigation
JSON Canvas15326
websites, standards, json, canvas
Have You Optimized for INP?15325
performance, web-vitals, optimization
What Is INP and Why You Should Care (whi/get)15324
performance, web-vitals, monitoring
Streaming HTML (chr/fro)15323
html, php, streaming
Distinguishing Between ARIA and Native HTML Attributes (deq)15322
html, aria, attributes, accessibility, comparisons
Are We Watching the Internet Die? (edz)15321
web
Announcing Speedometer 3.0: A Shared Browser Benchmark for Web Application Responsiveness15320
performance, tooling, metrics
Alt Text for CSS Generated Content (tem)15319
css, generated-content, alt-text, accessibility
Things I Learned While Building My JS Library15318
javascript, libraries, lessons
Optimising Your Design System With Figma’s Variables15317
design-systems, optimization, variables, figma
CSS Button Styles You Might Not Know (dbu)15316
html, css, buttons
Replace ESLint and Prettier With Biome.js15315
biome, eslint, prettier, comparisons, tooling, remix
eslint-plugin-depend (430)15314
packages, npm, maintenance, simplicity
Jakob Has Jumped the Shark (aar)15313
accessibility, link-lists
How to Invert the Colors Using CSS (ron)15312
css, colors, filters, images
Access by a Thousand Curb Cuts (yat)15311
accessibility
Navigating the Future of Frontend15310
frameworks, web-platform, outlooks
Asking Users for Their Pronouns: A Guide for UX Designers15309
guides, user-experience, communication
Creating Color Palettes With the CSS “color-mix()” Function (mic)15308
css, functions, colors, color-palettes
Add Superpowers to Your CSS Variables With Style Queries (jar/van)15307
css, style-queries, custom-properties
Modern CSS Tooltips and Speech Bubbles II (css/sma)15306
tooltips, css, techniques
How “HEAD” Works in Git (b0r)15305
git
Dissecting Layered Architecture (yok)15304
architecture
Managing Static Files in Django: A Comprehensive Guide15303
guides, django, file-handling
How to Check and Set the “NODE_ENV” Environment Variable and Its Use in a Project15302
how-tos, nodejs, environments
AVIF Is the Future of Web Images15301
images, avif, performance, outlooks
The Quiet, Pervasive Devaluation of Frontend (col)15300
html, css, craft, career, community
Some Little Ways I’m Using CSS “:has()” in the Real World (bel/pic)15299
css, selectors, examples
How to Test 2.5.8 Target Size (Minimum) (sib/tpg)15298
how-tos, accessibility, testing
Internationalization With Remix (rem)15297
remix, internationalization
5 Ways Productivity Culture Kills Business Agility15296
productivity, agile, economics, culture
90% of Designers are Unhirable?15295
design, processes, career
Taming the Shadow DOM: Injecting Global Styles With Adopted Stylesheets15294
shadow-dom, dom, css
10 Figma Keyboard Shortcuts: A Cheat Sheet for UX Designers15293
figma, keyboard-shortcuts, cheat-sheets, design
Release Notes for Safari Technology Preview 190 (jon/web)15292
release-notes, browsers, safari
Leadership Is a Hell of a Drug (lud)15291
leadership, engineering-management
Exploring the Creative Power of CSS Filters and Blending15290
css, blend-modes, filters, effects
The Ultimate Guide to Choosing the Best React Website Builder15289
guides, react, tooling, comparisons, link-lists
WebAssembly JSPI Is Going to Origin Trial15288
webassembly, origin-trials
Sometimes, a Button Just Wants to Look Like a Button15287
design, usability, buttons
The End of My Gatsby Journey (mon)15286
gatsby, frameworks, comparisons
SSG, SSR, ISR, CSR Rendering Strategies in Next.js (fro)15285
static-site-generation, server-side-rendering, incremental-static-regeneration, client-side-rendering, rendering, strategies, comparisons, nextjs
Simplify Your CSS Using “:is()” and “:where()” Pseudo-Classes (zor/css)15284
videos, css, selectors
Making Room for Long List Markers With Subgrid (nol)15283
html, lists, css, grids
Announcing TypeScript 5.4 (dan/typ)15282
release-notes, typescript
WebKit Features in Safari 17.4 (jon/web)15281
release-notes, browsers, safari, webkit
How to Ensure Your Designs Work if You Can’t Access Sample Data15280
how-tos, design, usability, metrics, testing
CSS-Tricks in Limbo: Chris Coyier Wants It Back and the Community Reacts15279
css-tricks, digitalocean, community
Best Practices for Inclusive Design (slo)15278
design, dei, accessibility, best-practices
Data Table Design Patterns15277
information-design, tables, design-patterns
How to Use WebSockets in Node.js to Create Real-Time Apps (cra)15276
how-tos, websockets, nodejs
Modern Git Commands and Features You Should Be Using15275
git, command-line
Achieving Design Collegiality While Maintaining Psychological Safety (uxm)15274
design, collaboration
SemVer Simplified: An Introduction to Semantic Versioning15273
introductions, semver, versioning
When We Talk About Front-End Performance, What Are We Talking About15272
performance, metrics, web-vitals, lighthouse
JavaScript Runs the World—Maybe Even Literally (wir)15271
javascript, programming, web
WCAG? More Like, W-What?! (stv)15270
accessibility, wcag, link-lists
The 88×31 Archive15269
web, images, history
JSR: Second Look (dbu)15268
jsr
Designing for Mobile Accessibility: Enhancing the User Experience on Small Screens (uxm)15267
design, accessibility, user-experience, mobile
Tools That Make Me Productive as a Software Engineer15266
tooling, productivity, link-lists
VPS Showdown—March 2024—DigitalOcean vs. Linode vs. Vultr15265
servers, hosting, comparisons, metrics, digitalocean
How npm Install Scripts Can Be Weaponized: A Real-World Example of a Harmful npm Package (eth)15264
npm, dependencies, examples, security
Visualizing Frontend Architecture (max)15263
architecture, documentation, visualization
We Need to Talk About Jakob (mat)15262
accessibility
CSS for Printing to Paper15261
css, print
Bugs I’ve Filed on Browsers (nol)15260
browsers, chromium, firefox, webkit, quality
Accessibility Has Not Failed—It Has Not Even Started for Real (cer)15259
accessibility, ai
Accessibility Darkness (ste)15258
accessibility, overlays
The Faster Lambda Runtime—Node.js or LLRT? We Benchmarked15257
lambda, javascript, runtimes, nodejs, comparisons, metrics
Emerging UX Patterns in Generative AI Experiences15256
user-experience, design-patterns, ai
Planning a Design System Generation (nat)15255
design-systems, automation
The Hunt for the Missing Data Type (hil)15254
types, algorithms
Go Ahead and Block AI Web Crawlers (cor)15253
robotstxt, crawling, scraping, ai
A Love Letter to the Underrepresented in Tech (abb)15252
community
Introducing JSR—the JavaScript Registry (lca+/den)15251
introductions, jsr, deno, dependencies, javascript
Team Productivity Metrics for Engineering Managers15250
productivity, metrics, engineering-management
Apple Says iOS 17.4 Won’t Remove Home Screen Web Apps in the EU After All (9to)15249
browsers, apple, mobile, web-apps
An Introduction to Webflow—the No-Code Website Builder15248
introductions, webflow, low-and-no-code
Design System Generations (nat)15247
design-systems, processes
Retrofitting Fluid Typography (ric)15246
liquid-design, typography, css
Web Tech Trends to Watch in 2024 and Beyond (web)15245
trends, design, dark-mode, ai, sustainability, minimalism
TIL—“submit()” Versus “requestSubmit()” (ray)15244
javascript, comparisons
Modern CSS Tooltips and Speech Bubbles (css/sma)15243
tooltips, css, techniques
Eloquent JavaScript (mar)15242
websites, books, javascript
Apple Backs Off Killing Web Apps, but the Fight Continues (owa)15241
web-apps, apple
“AI” and Accessible Front-End Components: Is the Nuance Generatable? (hdv)15240
accessibility, web-components, ai
New to the Web Platform in February15239
release-notes, web-platform, browsers, firefox, chrome, safari
Why Does “is-number” Package Have 59M Weekly Downloads?15238
dependencies, npm
Understanding Cookies and Sessions in React15237
react, authentication, cookies
What You Need to Know About Software Requirements15236
software-design, best-practices
Diving Into CSS Interactivity (daw+/sto)15235
videos, css
What Is Inclusive Design, and How Does It Relate to Accessibility? (slo)15234
design, dei, accessibility
The Wax and the Wane of the Web (ste/ali)15233
web-platform, history
Techniques to Break Words (aar)15232
techniques, html, css, content
Keyboard Accessibility Testing on Mobile Devices15231
accessibility, testing, keyboard-navigation, mobile
Choosing the Right Node.js Package Manager in 2024: A Comparative Guide (nod)15230
guides, nodejs, dependencies, comparisons
Accessibility Has Failed: Try Generative UI = Individualized UX15229
accessibility, usability, ai, outlooks
Where I’m at on the Whole CSS-Tricks Thing (chr)15228
css-tricks, digitalocean
Ultimate Guide to Visual Testing With Playwright15227
guides, testing, regressions, playwright
How to Create a Sidebar Navigation With Astro, Tailwind CSS, and Alpine.js15226
how-tos, navigation, functionality, astro, tailwind, alpinejs
Top 8 Recent V8 in Node Updates (app)15225
nodejs, v8
Creativity Lies in the Paradoxes15224
creativity, design
Enhanced Internationalization (I18N) in Next.js 1415223
nextjs, internationalization
Test Quality vs. Bashing Tailwind CSS (mar)15222
tailwind, css, comparisons
So, What Exactly Did Apple Break in the EU? (tom)15221
browsers, apple, mobile, support, web-apps, apis
Making Math Accessible (ons/tpg)15220
accessibility, math
Going Beyond Pixels and (r)ems in CSS—Container Query Length Units (uti/iod)15219
css, container-queries, units
Apple vs. PWAs—Go Act Now and Help Avoid This Disaster… (cod)15218
apple, web-apps, progressive-web-apps, community
An HTML Switch Control (ann+/web)15217
html, css, forms
Here Lies the Internet, Murdered by Generative AI15216
web, content, ai
Tumblr and WordPress to Sell Users’ Data to Train AI Tools (404)15215
wordpress, ai
How to Lazy-Load CodePen and CanIUse Embeds15214
how-tos, embed-code, performance, codepen, caniuse
What Is Vuetify in Vue.js?15213
vuetify, vuejs
A Guide to CSS Cursor Types15212
guides, css, cursors
The 3 Capabilities Designers Need to Build for the AI Era15211
design, career, training, ai, link-lists
How to Use Server-Sent Events in Node.js (cra)15210
how-tos, nodejs, events
Screen Readers and Drag-and-Drop: Grabbing and Releasing Elements (dar)15209
drag-and-drop, accessibility, browsers, screen-readers, support
YouTube Video Embedding Harm Reduction (jvo)15208
multimedia, embed-code, youtube, html, privacy
ServerlessHorrors (and)15207
websites, serverless, cloud-computing
Reporting Core Web Vitals With the Performance API (geo/sma)15206
apis, performance, web-vitals
AI and Design Systems (bra)15205
ai, design-systems
A Simple Mistake That Can Screw Up Your Light/Dark Theme (and How to Fix It) (kev)15204
videos, mistakes, dark-mode, css
A Fun Line of Code (dbu)15203
javascript, apis, multimedia
No Outer Margin15202
css, margins, spacing, components
How to Build a Newthing15201
how-tos, processes, creativity, maintenance
Speaker Spotlight: Michelle Barker (mic)15200
interviews, css, sustainability
Why I Use Firefox (sim)15199
browsers, firefox
Advanced Figma Tips and Tricks 2024: Little Gems We Love15198
figma, tips-and-tricks
Open Letter to Tim Cook, Sabotaging Web Apps Is Indefensible (owa)15197
open-letters, apple, web-apps
CSS Foundations: What Is IACVT? (bra)15196
css, fundamentals
What Is a Single-Page Application? (hey)15195
single-page-apps, javascript, performance, user-experience
The CSS Cascade—a (Re)Introduction (mat)15194
videos, css, cascade
CSS-Only Bottom-Anchored Scrolling Area (kit)15193
css, scrolling
A Web Designer’s Accessibility Advocacy Toolkit (sma)15192
accessibility, advocacy, strategies
10 Takeaways From the WebAIM Screenreader Survey #10 (kar)15191
accessibility, screen-readers
Home Screen Advantage (sli)15190
browsers, apple, mobile, support, web-apps, web-platform
WebAIM Screen Reader User Survey 10 (den)15189
accessibility, screen-readers, metrics
JSDoc as an Alternative TypeScript Syntax15188
typescript, documentation, jsdoc
Understanding Event-Driven Architecture (yok)15187
architecture, events
The Power of Patterns and Playbooks in Content Design (kat)15186
design, content, design-patterns
Navigating Signals: An Efficient Alternative to React Hooks for Enhanced Performance and Optimization15185
react, hooks, signals
My WebAIM 10th SR User Survey Takeaways (aar)15184
accessibility, screen-readers
CSS “:has()” Interactive Guide (sha)15183
guides, css, selectors