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#
Mixins Three Ways (dut)15520
mixins, sass, less, css
Sliding 3D Image Frames in CSS (css/sma)15519
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)15518
guides, ci-cd, deploying, jenkins, docker, kubernetes, aws, github-actions, django
How Do Open Source Licenses Work? The Ultimate Guide15517
guides, foss, licensing
Naming Colors in Design Systems (ado)15516
naming, colors, design-systems
10 Things Software Developers Should Learn About Learning15515
research, learning
Monitoring BFCache Blocking Reasons (chr/mdn)15514
bfcache, monitoring, debugging, performance
Introducing JS Naked Day (mac)15513
introductions, javascript, awareness-days
How to Build a Reusable Grid System With CSS Grid (cfe)15512
how-tos, css, grids, layout, maintainability
Blockin’ Bots (bee)15511
scraping, ai, apache, configuration
Epic App Performance Starts With the Database15510
videos, performance, databases, optimization
Unleashing Designers With Tailwind CSS15509
videos, tailwind, design, processes
Why I’m Embracing the Arc Browser15508
browsers, arc
Socks, Lies, and Accessibility15507
accessibility, awareness-days, link-lists
Let Me Be15506
videos, javascript
Purging Design System “Rot” From Our Checkboxes (chu)15505
design-systems, maintenance, quality, accessibility, case-studies
CSS Tricks to Master the “clip-path” Property (css)15504
css, masking, clipping, tips-and-tricks
Web Accessibility Statement: How to Write One15503
how-tos, accessibility, documentation, writing
Zombie Estimation15502
agile, scrum, processes, project-management
npm Basics for New Developers (nim)15501
fundamentals, npm
Quick Tip: How to Animate Text Gradients and Patterns in CSS (ral)15500
tips-and-tricks, how-tos, animations, gradients, css
The Dos and Don’ts of Using “tabindex” in Web Design (a11)15499
accessibility, keyboard-navigation, html
Accessible Interactions in JavaScript Apps (san)15498
videos, accessibility, javascript, aria
Gap Is the New Margin (chr/fro)15497
css, margins, layout
Complete a VPAT: Show How Accessible Your Product Is (deq)15496
accessibility, vpat-acr, conformance, documentation
An Intro to CSS Grid (cfe)15495
introductions, css, grids, layout
A Comparison of Automated Testing Tools for Digital Accessibility (equ)15494
accessibility, testing, tooling, automation, comparisons
Control Your Vertigo—the Unspoken Rule for Defending Design Decisions15493
design, user-experience
Wednesday, April 10, 2024 Security Releases (raf/nod)15492
release-notes, nodejs, security
Optimizing WebKit and Safari for Speedometer 3.0 (pat+/web)15491
webkit, browsers, safari, performance, optimization
The Guide to Git I Never Had15490
guides, git, command-line, cheat-sheets
I Never Knew a Website Could Hurt Someone (kar)15489
videos, accessibility
Release Notes for Safari Technology Preview 192 (jon/web)15488
release-notes, browsers, safari
Frontend Development Beyond React: Svelte15487
svelte
The Future of Design Systems Is Marketing (fig)15486
design-systems, marketing, metrics
Notes on Git’s Error Messages (b0r)15485
git, errors
JS Naked Day (mac+)15484
websites, javascript, awareness-days
A Love Letter to Gen Z From Gen Y: Understanding React’s Evolution15483
react, history
Is the Party Over for Scrum Masters and Agile Coaches?15482
agile, scrum, career
Recapping ng-conf 202415481
angular
The ADA Now Has Regulations for Accessibility of Web Content and Mobile Apps (slo/tpg)15480
accessibility, ada, legal, web, mobile
React Server Components in a Nutshell15479
react, components
Sending Email Using Node.js (cra)15478
nodejs, email
An Introduction to the Node.js Performance API (bet)15477
introductions, nodejs, performance, apis
Happy CSS Naked Day 2024 (fro)15476
frontend-dogma, css, awareness-days
Understanding Interaction to Next Paint (INP) (wil/fro)15475
performance, web-vitals
Layered Toggles: Optional CSS Mixins (kiz)15474
css, mixins, techniques
Figma Prototypes vs. HTML Prototypes (ada)15473
design, processes, prototyping, figma, html, comparisons
Ableism and Related Terms You Need to Know (mer)15472
terminology, communication, dei
Building a CLI From Scratch With TypeScript and oclif15471
command-line, typescript
The Death of Creativity15470
creativity, ai
Misinformation and Disinformation Online: What Design Can Do to Remedy This Problem (uxm)15469
design, communication
How I Write Commits Like a Pro15468
version-control, git, commit-messages, conventions
DORA’s Software Delivery Metrics: The Four Keys (nat)15467
processes, metrics
Node.js Debugging in Chrome DevTools (chr/fro)15466
nodejs, debugging, tooling, browsers, chrome, dev-tools
Justice Department to Publish Final Rule to Strengthen Web and Mobile App Access for People With Disabilities15465
accessibility, legal, web, mobile
Creating a Navbar in React15464
navigation, react, css
Techniques for Fetching Data: Comparing Next.js (App and Pages API), Remix, and RedwoodJS (sel/red)15463
data-fetching, techniques, nextjs, remix, redwoodjs, comparisons
Node.js Secure Coding: Mitigate and Weaponize Code Injection Vulnerabilities15462
books, nodejs, security, vulnerabilities
What Is Whitespace? (nng)15461
videos, whitespace, design, concepts, terminology
User Experience in the Era of AI: Enhancing Human-Machine Interactions (uxm)15460
user-experience, ai, hci
Things That I Like Better in Vue Than in React15459
vuejs, react, frameworks, comparisons
Inclusive Digital Experiences: Redesign Strategies for Addressing Diverse Abilities and Accessibility Challenges (uxm)15458
redesigning, strategies, dei, accessibility
10 Must Know System Design Concepts for Interviews15457
interviewing, architecture, system-design, concepts, scalability
Demystifying the Shadow DOM15456
dom, shadow-dom
Blind Internet Users Struggle With Error-Prone AI Aids (fin)15455
accessibility, ai
Testing HTML With Modern CSS (hey)15454
html, css, testing, quality
Jekyll vs. Astro (koo)15453
site-generators, comparisons, jekyll, astro
Faster Websites With the “picture” Element (fra)15452
html, images, performance
[zx] 8.0.015451
release-notes, zx
21 HTML Tips You Must Know About15450
html, tips-and-tricks
Reviewing Polypane for Responsive Website Tweaks15449
videos, polypane, browsers
Why I’m Yet Another Woman Leaving the Tech Industry15448
career, community
WCAG Bypass Blocks (“Skip to Content”)—Improve User Interaction Speed and Even Prevent Pain (cer)15447
accessibility, user-experience, keyboard-navigation, skip-links, wcag
How to Think About HTML Responsive Images (db)15446
how-tos, html, images, responsive-design
How to Make Your Website Work Offline15445
how-tos, web-workers, offline, javascript
DevTools Tips and Tricks (pan/fro)15444
browsers, dev-tools, tips-and-tricks
Managing User Focus With “:focus-visible” (css)15443
css, selectors, focus
Creativity in Software Engineering15442
research, creativity, programming
Breakpoints in Responsive Design (nng)15441
design, responsive-design, breakpoints, usability
The Free Software Commons (jen)15440
foss, community, security
Should Designers Code? (bra)15439
design, career
ESLint v9.0.0 Released (nza/esl)15438
release-notes, eslint
Drive-By Accessibility Tweaks (bru)15437
accessibility
“AI” Won’t Solve Accessibility (yat)15436
accessibility, ai
Modern CSS Patterns in Campfire15435
css, case-studies
The Basics of Legibility15434
fundamentals, typography, legibility
Heat Death of the Internet15433
web
Building Components With Radix UI15432
radix, components
A Complete Guide to CSS Logical Properties, With Cheat Sheet (ral)15431
guides, css, logical-properties, cheat-sheets
AI and the Future of Web Accessibility Guidelines15430
discussions, accessibility, wcag, standards, ai, w3c
The V8 Sandbox15429
v8, security
JavaScript Visualized—Event Loop, Web APIs, (Micro)task Queue15428
videos, javascript, visualization, event-loop, events, apis
When to Use “tabindex="0"” (gra/tet)15427
accessibility, keyboard-navigation, focus, html
Rounded Tabs With Inner Curves (css)15426
css, effects, tips-and-tricks
How to Strongly Type process.env (mat)15425
how-tos, typescript, nodejs
Hanging Punctuation in CSS15424
css, typography
How to Build a Simple Web Server With Node.js15423
how-tos, servers, nodejs
BFCache Explained15422
bfcache, browsers, performance
Using JSON Web Tokens With Node.js15421
json-web-tokens, nodejs, security, authentication
Introducing Jpegli: A New JPEG Coding Library15420
introductions, jpeg, images, libraries, compression
Wednesday, April 3, 2024 Security Releases (nod)15419
release-notes, nodejs, security
Building a Digital Fortress: How to Strengthen DNS Against DDoS Attacks?15418
dns, security
In-Page Links: 3 Usability Tips (nng)15417
videos, links, usability, tips-and-tricks
Theming Design Systems (per)15416
design-systems, theming
The View Transitions API (cas/fro)15415
view-transitions, apis, astro
Svelte Parses HTML All Wrong (ric)15414
svelte, html, parsing
Fluid Typography With Discrete Steps (css)15413
css, typography, tips-and-tricks
Finally Understand Responsive Design15412
videos, responsive-design, css
“aspect-ratio” Gotcha (css)15411
css, aspect-ratio, images
An Advanced Way to Use CSS Variables (cfe)15410
css, custom-properties
AI and the Web: Understanding and Managing the Impact of Machine Learning Models on the Web (don/w3c)15409
ai, web
How to Get Somebody Fired Using Git15408
version-control, git, career
WebAssembly at Google (tom)15407
videos, webassembly, google
Learn JavaScript (wil)15406
courses, javascript
WordPress 6.5 “Regina” (pho/wor)15405
release-notes, wordpress
How-To: 5 Steps to Detect Invalid HTML Breaking Your [Site’s Performance] (erw)15404
how-tos, html, conformance, performance
Infinite-Scrolling Logos in Flat HTML and Pure CSS (cit/sma)15403
branding, scrolling, animations, techniques, css
How We’re Approaching Theming With Modern CSS (bel/pic)15402
css, theming
Drawing a Line to Connect Elements With CSS Anchor Positioning (cit/fro)15401
css, anchor-positioning
Authentication in Next.js (rwi)15400
authentication, nextjs
An Interactive Guide to CSS Container Queries (sha)15399
guides, css, container-queries
The Detail, the Quality15398
design, quality
What Even Is a JSON Number?15397
json, terminology
Micro Frontends With Native Federation15396
micro-frontends, comparisons
The Era of High-Paying Tech Jobs Is Over15395
programming, career, ai, economics
Introducing Root.js15394
introductions, tooling, content-management
Bun 1.1 (jar+/bun)15393
release-notes, bun
A Complete Guide for Content Creators to Start Making Accessible Content (pop)15392
guides, accessibility, content
14 Top UX Tools for Designers in 2024 (web)15391
user-experience, tooling, link-lists
10 JavaScript Sites Every Web Developer Should Know15390
javascript, learning, link-lists
The DevOps Basics15389
dev-ops, fundamentals
Disable AWS CloudFront Distributions if Budget Is Exceeded15388
aws, cloudfront, configuration, economics
Why I Use Node, Deno, Bun, [QuickJS], [txiki.js] at the Same Time15387
tooling, nodejs, deno, bun, quickjs
Why I Care Deeply About Web Accessibility and You Should Too (sch)15386
accessibility, web
Object Structure in JavaScript Engines15385
objects, javascript, javascript-engines
Latest WebAIM’s Million—Some Thoughts (cer)15384
accessibility
Kobold Letters (wed)15383
html, email, support
Some Samples Using UIkit15382
uikit
Design Is a Process of Getting Stuck (fon)15381
design, processes
The Power of “:has()” in CSS (css)15380
css, selectors
What Negative Effects Does a Bad Website Design Have on My Business? (web)15379
design, economics
The Easy Way to Access the Last JavaScript Array Element15378
javascript, arrays
“@scope” Is Coming to CSS and It’s Amazing (kev)15377
videos, css, scope
The WebAIM Million: The 2024 Report on the Accessibility of the Top 1,000,000 Home Pages (web)15376
studies, research, accessibility, homepages, metrics
The Curious Case of the CSS Monochrome Media Query (sea)15375
css, media-queries
On “disabled” and “aria-disabled” Attributes (kit)15374
accessibility, html, attributes, aria
Front-End Development’s Identity Crisis (ell)15373
career
Figma Plugins (tmc)15372
figma, plugins
New to the Web Platform in March15371
release-notes, web-platform, browsers, firefox, safari, chrome
A Guide to Building CLI Tools in JavaScript15370
guides, tooling, command-line, javascript, nodejs
Improving the Developer Experience of Enterprise Design Systems15369
design-systems, developer-experience, optimization
History of JS Interop in Dart15368
javascript, dart, interoperability, history
The Browser Company and Radical Transparency15367
the-browser-company, culture, communication
What’s New in DevTools, Chrome 12415366
release-notes, dev-tools, browsers, chrome
Release Notes for Safari Technology Preview 191 (jon/web)15365
release-notes, browsers, safari
CSS Color-Scheme-Dependent Colors With “light-dark()” (bra)15364
css, functions, colors, dark-mode
The Complete Guide to Captioned Videos (mer)15363
guides, accessibility, captions, multimedia
Finally Understanding How “Array.sort(comparator)” Works (jam)15362
javascript, arrays
Meet Angular’s New “output()” API (ang)15361
angular, apis
What Even Are Dragging Movements? (cat/spa)15360
accessibility, interaction-design, terminology
Iterator Helpers15359
ecmascript, javascript, javascript-engines, v8
How I Fixed My Brutal TTFB (whi/get)15358
performance, metrics, optimization
ai.robots.txt (cor)15357
ai, crawling, scraping, robotstxt, tooling
In-App Browsers Are Still a Privacy, Security, and Choice Problem (tho/the)15356
browsers, mobile, privacy, security
Flickering Glowing Text Effect With CSS (man)15355
css, effects
Node v20.12.0 (LTS) (nod)15354
release-notes, nodejs
How to Use jQuery’s “ajax()” Function for Asynchronous HTTP Requests15353
how-tos, jquery, ajax, functions, asynchrony
History of Web Accessibility15352
videos, accessibility, history
Quick Tip: How to Align Column Rows With CSS Subgrid (ral)15351
tips-and-tricks, how-tos, css, grids, layout, alignment
Convention Over Creativity? The Ups and Downs of UX Design15350
user-experience, design
Exploring the Power of ARIA Live Attribute in Web Accessibility15349
accessibility, aria, attributes
Animating Clip Paths on Scroll With “@property” in CSS (uti)15348
css, animations, scrolling, clipping, masking
What You Need to Know About Modern CSS (Spring 2024 Edition) (chr/fro)15347
css, overviews
How to Take Control of Flexbox (kev)15346
videos, how-tos, css, flexbox, layout
How Invalid HTML Elements Impact Web Performance (erw)15345
html, conformance, performance
How Does npx Actually Work and When to Use It15344
npx, nodejs
CSS Anchor Positioning (tab+/w3c)15343
standards, css, anchor-positioning
Be Flexible About What People Need (and Don’t Assume) (eri)15342
accessibility
How to Consolidate Multiple Design Systems15341
how-tos, design-systems, processes
7 Simple Rules for Better Data Visualization15340
information-design
Error Messages 101 (nng)15339
videos, usability, errors, microcontent
Setting and Persisting Color Scheme Preferences With CSS and a “Touch” of JavaScript (ole/sma)15338
colors, dark-mode, css, javascript
JavaScript Visualized: Promise Execution15337
javascript, promises, visualization
Diving Into the Node.js Website Redesign (bri/nod)15336
redesigning, case-studies
No One Actually Wants Accessibility (dav)15335
accessibility
CORS Finally Explained—Simply15334
security, csrf, cors, concepts
How Does Single Sign-On (SSO) Work? (mil)15333
authentication, security
Spicing Up Text With “text-emphasis” in CSS (ami)15332
css, typography, effects
New CSS That Can Actually Be Used in 2024 (tho)15331
css, logical-properties, container-queries, selectors, nesting, functions, cascade, grids
Incredible JavaScript Animation Libraries15330
javascript, animations, libraries, link-lists
AI Can Make a Code Review for Free15329
ai, code-reviews, tooling
Learn OAuth 2.0 by Building Your Own OAuth Client15328
authorization, oauth, functionality
Radix Themes 3.015327
release-notes, radix
Profile Node.js Performance With the Performance Panel (jec+)15326
nodejs, performance, debugging, browsers, chrome, dev-tools
ARIA “role=application” and Mobile Screen Readers (cer)15325
accessibility, aria, screen-readers, mobile
Accessible Forms With Pseudo Classes (css)15324
accessibility, forms, css, selectors
Don’t Get Scammed by Fake Performance Experts and Apps15323
performance, tooling
Quick Tip: How to Add Gradient Effects and Patterns to Text (ral)15322
tips-and-tricks, how-tos, css, gradients, effects
The Cost of Interrupted Work: More Speed and Stress15321
research, productivity, processes
12 Figma Tips to Work More Efficiently15320
figma, tips-and-tricks, efficiency
The “Current Branch” in Git (b0r)15319
git
Node.js TSC Confirms: No Intention to Remove npm From Distribution (sar/soc)15318
nodejs, npm
Going Beyond Pixels and (r)ems in CSS—Absolute Length Units (uti/iod)15317
css, units
CSS Values and Units Module Level 3 (tab+/w3c)15316
standards, css, units
CAPTCHA Excludes Disabled Web Users (zel)15315
accessibility, captcha
Optimizing JavaScript for Fun and for Profit15314
javascript, optimization
[Bulma] 1.0.015313
release-notes, bulma
Relicensing and Rug Pulls15312
foss, licensing, history
Node.js: The Documentary (isa+)15311
videos, nodejs, history
Welcome to Future of Web Accessibility Based on Predictors (jar+)15310
videos, accessibility, outlooks
Avoid These Design System Traps15309
design-systems
“__dirname” Is Back in Node.js With ES Modules (phi)15308
nodejs, esm
Microservices Promised Freedom but Delivered Dependencies (pur)15307
microservices, dependencies
This Pattern Will Wreck Your React App’s TS Performance (mat)15306
design-patterns, react, typescript, performance
On the Gift of OKR for Company Culture (j9t)15305
processes, okr, culture
On Popover Accessibility: What the Browser Does and Doesn’t Do (hdv+)15304
accessibility, pop-overs, html
How to Test 3.3.8 Accessible Authentication (Minimum) (sib/tpg)15303
how-tos, accessibility, testing, authentication
Building a Micro htmx SSR Framework (mco/pla)15302
frameworks, htmx, examples
Progressive Disclosure Defaults15301
css, forms, interaction-design
Folder Structures in React Projects15300
react, architecture
Angular Signals: Best Practices15299
angular, signals, best-practices
Understanding Memory Heap and Memory Leaks—How the JS Engine Works (fro)15298
javascript-engines, memory, garbage-collection, asynchrony
Psychology and UX: Decoding the Science Behind User Clicks15297
user-experience, design, principles
The Box Model and Box Sizing (bel/pic)15296
css, box-model, concepts
How to Plan Your First Successful Website (web)15295
how-tos, processes, project-management
How to Create a Website and a PDF From the Same Codebase (spa/clo)15294
how-tos, code-generation, pdf, functionality
Aesthetic Layouts: 2 Column Magazine With “shape-outside” (jhe)15293
code-pens, layout, css
Essential CSS Tools for Developers (nim)15292
css, tooling
Build a Full-Stack App With Node.js and htmx15291
web-apps, nodejs, htmx
How to Assess Your Fit for a Job Description: A Guide for Technologists (wom)15290
how-tos, guides, interviewing, career
Using Relative Colors (chr/mdn)15289
css, colors
Chill Scroll Snapping: Article Headers (chr/fro)15288
css, scrolling
The Power of Textual Content in UX Design (uxm)15287
content, user-experience
Comparing ECMAScript Modules and CommonJS15286
comparisons, esm, commonjs
The Ultimate Guide to Understanding npx vs. npm15285
guides, npx, npm, nodejs
How Web-Site Design and Social Media Work Together (uxm)15284
design, content, social-media
Oh Sh*t, My App Is Successful and I Didn’t Think About Accessibility15283
accessibility
Make a Web Browser: Beginner’s Guide (nim)15282
guides, browsers, browser-engines
Empowering the User Experience Through Microinteractions: 7 Best Practices (uxm)15281
user-experience, interaction-design, best-practices
A Designer’s Role Is Not “at the Table”15280
design, career
How Meta Improved Their Cache Consistency to 99.9999999915279
facebook+meta, caching
Accessibility Foundations (ihe/tpg)15278
accessibility, fundamentals, link-lists
Observability Is an Illusion (pur)15277
observability, logging, monitoring, alerting
“require(esm)” in Node.js (joy)15276
nodejs, ecmascript, esm, commonjs
I’m So Old: Web Edition (dav)15275
web, history
How to Kill the Cascade (fon)15274
css, cascade, resets, scope
Every React Concept Explained in 12 Minutes15273
videos, react, concepts
Build a Node App With TypeScript (mat)15272
nodejs, typescript, pnpm, esm
A Comparison of JavaScript CRDTs (alm)15271
javascript, types, comparisons
Why UI Designers Should Understand Flexbox and CSS Grid15270
design, layout, flexbox, grids, css
Time to Ditch Analytics? Tracking Scripts and Web Sustainability (mic)15269
embed-code, google, analytics, sustainability, performance, compliance
2024 Cheat Sheet Collection15268
cheat-sheets, link-lists
How Web Bloat Impacts Users With Slow Devices15267
performance, metrics, comparisons, web
Copy Objects Ways in JavaScript15266
javascript, objects
Migrating Away From Jest and Achieving Over 90% Reduction in Running Time (pat)15265
migrating, jest, testing, memory, performance
Webflow 101: A Guide for Beginners15264
introductions, guides, webflow, low-and-no-code
Deploying Remix to GitHub Pages (rem)15263
videos, deploying, remix, github-pages
How to Optimize Cumulative Layout Shift (CLS) on Shopify Sites (sia)15262
how-tos, performance, web-vitals, optimization, shopify
How (In)Efficient Are Engineering Organizations?15261
efficiency, processes, engineering-management
Quick Tip: Creating a Date Picker in React15260
tips-and-tricks, react, functionality
Accessibility in Design Systems: A Comprehensive Approach Through Documentation and Assets15259
accessibility, design-systems, documentation, dei
Skeuomorphism (nng)15258
design, terminology
Homepage Design: 5 Fundamental Principles (nng)15257
design, homepages, principles
When “Semantic Tokens” Are No Longer Semantic15256
design-tokens, semantics
Performance Tooling in 2024 and Beyond (pau)15255
performance, tooling, browsers, dev-tools, lighthouse
There Is No EU Cookie Banner Law15254
consent-management, cookies, legal
Qwik vs. Next.js: Which Framework Is Right for Your Next Web Project?15253
frameworks, comparisons, qwik, nextjs
What Is Safe Alignment in CSS? (chr/fro)15252
css, layout, user-experience
The Golden Age of Accessibility15251
accessibility
Make Your Functions More Reusable With Generics (mat)15250
typescript, functions, generics, maintainability
Arguments for Opening Links in a New Tab or Window (gri/clo)15249
links, usability
My New Favorite CSS Trick: “will-change”15248
css, animations, transitions, tips-and-tricks
Ruby Is Complicated15247
html
25 Unnoticeable Features of JavaScript15246
javascript
Refactoring My Ugliest Code With Signal View Queries15245
videos, refactoring, angular
WCAG 2.2 Detective Skills15244
accessibility, standards, wcag
How to Design Icons in Figma15243
how-tos, images, icons, figma, design
How to Avoid Flaky Tests in Playwright15242
how-tos, testing, flakiness, playwright
A Beginner’s Guide to Node.js Worker Threads (bet)15241
guides, nodejs, worker-threads
You Want “border-color: transparent”, Not “border: none” (dav/fro)15240
css, borders, transparency+opacity, accessibility, contrast
HTML Performance Optimization: Tips for Faster Loading Pages15239
html, landing-pages, performance, optimization, tips-and-tricks
What’s Next for a Global Design System (bra)15238
design-systems
There Are No Standards Police (mno)15237
standards, policies, processes
The Problem With Data Attributes for Text Effects (man)15236
html, custom-data, css, typography, effects
The Problem With AI (cfe)15235
ai
Another JS Registry—Seriously?! (den)15234
videos, jsr, dependencies, javascript
The Essential Guide to Microcopy and Becoming a More Literate Designer15233
guides, design, microcontent, content, writing
Runtime Compatibility (asc+)15232
websites, runtimes, interoperability, comparisons, bun, deno, netlify, nodejs
5 Exciting New JavaScript Features in 202415231
javascript
Marking the Web’s 35th Birthday: An Open Letter (tim)15230
open-letters, web, history, anniversaries
Interaction to Next Paint Is Officially a Core Web Vital (rvi)15229
performance, web-vitals
15 Years of Running a Personal Website (ste)15228
indieweb
Why Your Microservices Architecture Is Probably Overkill (and How I Learned to Love the Monolith Again) (pur)15227
architecture, microservices, monoliths
Thoughts on Embedding Alternative Text Metadata Into Images (eri)15226
accessibility, images, metadata
The “10× Engineer”: 50 Years Ago and Now (ger)15225
productivity, processes, career, history
Spread vs. Rest Operators in JavaScript15224
javascript, operators, comparisons
How to Read Files Quickly in JavaScript (lem)15223
how-tos, javascript, file-handling
Building Websites and Building Websites Well (j9t)15222
quality, craft, community
A Letter to My Younger Self, as an Accessibility Advocate (hbu)15221
accessibility, advocacy, retrospectives
Comparing JavaScript Frameworks: Templates15220
javascript, frameworks, templates, comparisons
A Gentle Introduction to Generics in TypeScript15219
introductions, typescript, generics
Express.js With TypeScript—Setup, Examples, Testing15218
videos, express, typescript, testing, examples
IDEs vs. Code Editors: Everything You Need to Know (jet)15217
code-editors, comparisons, concepts
Accessibility: Implementing Focus Traps15216
accessibility, focus, keyboard-navigation
JSON Canvas15215
websites, standards, json, canvas
Have You Optimized for INP?15214
performance, web-vitals, optimization
What Is INP and Why You Should Care (whi/get)15213
performance, web-vitals, monitoring
Streaming HTML (chr/fro)15212
html, php, streaming
Distinguishing Between ARIA and Native HTML Attributes (deq)15211
html, aria, attributes, accessibility, comparisons
Are We Watching the Internet Die? (edz)15210
web
Announcing Speedometer 3.0: A Shared Browser Benchmark for Web Application Responsiveness15209
performance, tooling, metrics
Alt Text for CSS Generated Content (tem)15208
css, generated-content, alt-text, accessibility
Things I Learned While Building My JS Library15207
javascript, libraries, lessons
Optimising Your Design System With Figma’s Variables15206
design-systems, optimization, variables, figma
CSS Button Styles You Might Not Know (dbu)15205
html, css, buttons
Replace ESLint and Prettier With Biome.js15204
biome, eslint, prettier, comparisons, tooling, remix
eslint-plugin-depend (430)15203
packages, npm, maintenance, simplicity
Jakob Has Jumped the Shark (aar)15202
accessibility, link-lists
How to Invert the Colors Using CSS (ron)15201
css, colors, filters, images
Access by a Thousand Curb Cuts (yat)15200
accessibility
Navigating the Future of Frontend15199
frameworks, web-platform, outlooks
Asking Users for Their Pronouns: A Guide for UX Designers15198
guides, user-experience, communication
Creating Color Palettes With the CSS “color-mix()” Function (mic)15197
css, functions, colors, color-palettes
Add Superpowers to Your CSS Variables With Style Queries (jar/van)15196
css, style-queries, custom-properties
Modern CSS Tooltips and Speech Bubbles II (css/sma)15195
tooltips, css, techniques
How “HEAD” Works in Git (b0r)15194
git
Dissecting Layered Architecture (yok)15193
architecture
Managing Static Files in Django: A Comprehensive Guide15192
guides, django, file-handling
How to Check and Set the “NODE_ENV” Environment Variable and Its Use in a Project15191
how-tos, nodejs, environments
AVIF Is the Future of Web Images15190
images, avif, performance, outlooks
The Quiet, Pervasive Devaluation of Frontend (col)15189
html, css, craft, career, community
Some Little Ways I’m Using CSS “:has()” in the Real World (bel/pic)15188
css, selectors, examples
How to Test 2.5.8 Target Size (Minimum) (sib/tpg)15187
how-tos, accessibility, testing
Internationalization With Remix (rem)15186
remix, internationalization
5 Ways Productivity Culture Kills Business Agility15185
productivity, agile, economics, culture
90% of Designers are Unhirable?15184
design, processes, career
Taming the Shadow DOM: Injecting Global Styles With Adopted Stylesheets15183
shadow-dom, dom, css
10 Figma Keyboard Shortcuts: A Cheat Sheet for UX Designers15182
figma, keyboard-shortcuts, cheat-sheets, design
Release Notes for Safari Technology Preview 190 (jon/web)15181
release-notes, browsers, safari
Leadership Is a Hell of a Drug (lud)15180
leadership, engineering-management
Exploring the Creative Power of CSS Filters and Blending15179
css, blend-modes, filters, effects
The Ultimate Guide to Choosing the Best React Website Builder15178
guides, react, tooling, comparisons, link-lists
WebAssembly JSPI Is Going to Origin Trial15177
webassembly, origin-trials
Sometimes, a Button Just Wants to Look Like a Button15176
design, usability, buttons
The End of My Gatsby Journey (mon)15175
gatsby, frameworks, comparisons
SSG, SSR, ISR, CSR Rendering Strategies in Next.js (fro)15174
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)15173
videos, css, selectors
Making Room for Long List Markers With Subgrid (nol)15172
html, lists, css, grids
Announcing TypeScript 5.4 (dan/typ)15171
release-notes, typescript
How to Ensure Your Designs Work if You Can’t Access Sample Data15170
how-tos, design, usability, metrics, testing
CSS-Tricks in Limbo: Chris Coyier Wants It Back and the Community Reacts15169
css-tricks, digitalocean, community
Best Practices for Inclusive Design (slo)15168
design, dei, accessibility, best-practices
WebKit Features in Safari 17.4 (jen+/web)15167
release-notes, browsers, safari, webkit
Data Table Design Patterns15166
information-design, tables, design-patterns
How to Use WebSockets in Node.js to Create Real-Time Apps (cra)15165
how-tos, websockets, nodejs
Modern Git Commands and Features You Should Be Using15164
git, command-line
Achieving Design Collegiality While Maintaining Psychological Safety (uxm)15163
design, collaboration
SemVer Simplified: An Introduction to Semantic Versioning15162
introductions, semver, versioning
When We Talk About Front-End Performance, What Are We Talking About15161
performance, metrics, web-vitals, lighthouse
JavaScript Runs the World—Maybe Even Literally (wir)15160
javascript, programming, web
WCAG? More Like, W-What?! (stv)15159
accessibility, wcag, link-lists
The 88×31 Archive15158
web, images, history
JSR: Second Look (dbu)15157
jsr
Designing for Mobile Accessibility: Enhancing the User Experience on Small Screens (uxm)15156
design, accessibility, user-experience, mobile
Tools That Make Me Productive as a Software Engineer15155
tooling, productivity, link-lists
VPS Showdown—March 2024—DigitalOcean vs. Linode vs. Vultr15154
servers, hosting, comparisons, metrics, digitalocean
How npm Install Scripts Can Be Weaponized: A Real-World Example of a Harmful npm Package (eth)15153
npm, dependencies, examples, security
Visualizing Frontend Architecture (max)15152
architecture, documentation, visualization
We Need to Talk About Jakob (mat)15151
accessibility
CSS for Printing to Paper15150
css, print
Bugs I’ve Filed on Browsers (nol)15149
browsers, chromium, firefox, webkit, quality
Accessibility Has Not Failed—It Has Not Even Started for Real (cer)15148
accessibility, ai
Accessibility Darkness (ste)15147
accessibility, overlays
The Faster Lambda Runtime—Node.js or LLRT? We Benchmarked15146
lambda, javascript, runtimes, nodejs, comparisons, metrics
Emerging UX Patterns in Generative AI Experiences15145
user-experience, design-patterns, ai
Planning a Design System Generation (nat)15144
design-systems, automation
The Hunt for the Missing Data Type (hil)15143
types, algorithms
Go Ahead and Block AI Web Crawlers (cor)15142
robotstxt, crawling, scraping, ai
A Love Letter to the Underrepresented in Tech (abb)15141
community
Introducing JSR—the JavaScript Registry (lca+/den)15140
introductions, jsr, deno, dependencies, javascript
Team Productivity Metrics for Engineering Managers15139
productivity, metrics, engineering-management
Apple Says iOS 17.4 Won’t Remove Home Screen Web Apps in the EU After All (9to)15138
browsers, apple, mobile, web-apps
An Introduction to Webflow—the No-Code Website Builder15137
introductions, webflow, low-and-no-code
Design System Generations (nat)15136
design-systems, processes
Retrofitting Fluid Typography (ric)15135
liquid-design, typography, css
Web Tech Trends to Watch in 2024 and Beyond (web)15134
trends, design, dark-mode, ai, sustainability, minimalism
TIL—“submit()” Versus “requestSubmit()” (ray)15133
javascript, comparisons
Modern CSS Tooltips and Speech Bubbles (css/sma)15132
tooltips, css, techniques
Eloquent JavaScript (mar)15131
websites, books, javascript
Apple Backs Off Killing Web Apps, but the Fight Continues (owa)15130
web-apps, apple
“AI” and Accessible Front-End Components: Is the Nuance Generatable? (hdv)15129
accessibility, web-components, ai
New to the Web Platform in February15128
release-notes, web-platform, browsers, firefox, chrome, safari
Why Does “is-number” Package Have 59M Weekly Downloads?15127
dependencies, npm
Understanding Cookies and Sessions in React15126
react, authentication, cookies
What You Need to Know About Software Requirements15125
software-design, best-practices
Diving Into CSS Interactivity (daw+/sto)15124
videos, css
What Is Inclusive Design, and How Does It Relate to Accessibility? (slo)15123
design, dei, accessibility
The Wax and the Wane of the Web (ste/ali)15122
web-platform, history
Techniques to Break Words (aar)15121
techniques, html, css, content
Keyboard Accessibility Testing on Mobile Devices15120
accessibility, testing, keyboard-navigation, mobile
Choosing the Right Node.js Package Manager in 2024: A Comparative Guide (nod)15119
guides, nodejs, dependencies, comparisons
Accessibility Has Failed: Try Generative UI = Individualized UX15118
accessibility, usability, ai, outlooks
Where I’m at on the Whole CSS-Tricks Thing (chr)15117
css-tricks, digitalocean
Ultimate Guide to Visual Testing With Playwright15116
guides, testing, regressions, playwright
How to Create a Sidebar Navigation With Astro, Tailwind CSS, and Alpine.js15115
how-tos, navigation, functionality, astro, tailwind, alpinejs
Top 8 Recent V8 in Node Updates (app)15114
nodejs, v8
Creativity Lies in the Paradoxes15113
creativity, design
Enhanced Internationalization (I18N) in Next.js 1415112
nextjs, internationalization
Test Quality vs. Bashing Tailwind CSS (mar)15111
tailwind, css, comparisons
So, What Exactly Did Apple Break in the EU? (tom)15110
browsers, apple, mobile, support, web-apps, apis
Making Math Accessible (ons/tpg)15109
accessibility, math
Going Beyond Pixels and (r)ems in CSS—Container Query Length Units (uti/iod)15108
css, container-queries, units
Apple vs. PWAs—Go Act Now and Help Avoid This Disaster… (cod)15107
apple, web-apps, progressive-web-apps, community
An HTML Switch Control (ann+/web)15106
html, css, forms
Here Lies the Internet, Murdered by Generative AI15105
web, content, ai
Tumblr and WordPress to Sell Users’ Data to Train AI Tools (404)15104
wordpress, ai
How to Lazy-Load CodePen and CanIUse Embeds15103
how-tos, embed-code, performance, codepen, caniuse
What Is Vuetify in Vue.js?15102
vuetify, vuejs
A Guide to CSS Cursor Types15101
guides, css, cursors
The 3 Capabilities Designers Need to Build for the AI Era15100
design, career, training, ai, link-lists
How to Use Server-Sent Events in Node.js (cra)15099
how-tos, nodejs, events
Screen Readers and Drag-and-Drop: Grabbing and Releasing Elements (dar)15098
drag-and-drop, accessibility, browsers, screen-readers, support
YouTube Video Embedding Harm Reduction (jvo)15097
multimedia, embed-code, youtube, html, privacy
ServerlessHorrors (and)15096
websites, serverless, cloud-computing
Reporting Core Web Vitals With the Performance API (geo/sma)15095
apis, performance, web-vitals
AI and Design Systems (bra)15094
ai, design-systems
A Simple Mistake That Can Screw Up Your Light/Dark Theme (and How to Fix It) (kev)15093
videos, mistakes, dark-mode, css
A Fun Line of Code (dbu)15092
javascript, apis, multimedia
No Outer Margin15091
css, margins, spacing, components
How to Build a Newthing15090
how-tos, processes, creativity, maintenance
Speaker Spotlight: Michelle Barker (mic)15089
interviews, css, sustainability
Why I Use Firefox (sim)15088
browsers, firefox
Advanced Figma Tips and Tricks 2024: Little Gems We Love15087
figma, tips-and-tricks
Open Letter to Tim Cook, Sabotaging Web Apps Is Indefensible (owa)15086
open-letters, apple, web-apps
CSS Foundations: What Is IACVT? (bra)15085
css, fundamentals
What Is a Single-Page Application? (hey)15084
single-page-apps, javascript, performance, user-experience
The CSS Cascade—a (Re)Introduction (mat)15083
videos, css, cascade
CSS-Only Bottom-Anchored Scrolling Area (kit)15082
css, scrolling
A Web Designer’s Accessibility Advocacy Toolkit (sma)15081
accessibility, advocacy, strategies
10 Takeaways From the WebAIM Screenreader Survey #10 (kar)15080
accessibility, screen-readers
Home Screen Advantage (sli)15079
browsers, apple, mobile, support, web-apps, web-platform
JSDoc as an Alternative TypeScript Syntax15078
typescript, documentation, jsdoc
Understanding Event-Driven Architecture (yok)15077
architecture, events
WebAIM Screen Reader User Survey 10 (den)15076
accessibility, screen-readers
The Power of Patterns and Playbooks in Content Design (kat)15075
design, content, design-patterns
Navigating Signals: An Efficient Alternative to React Hooks for Enhanced Performance and Optimization15074
react, hooks, signals
My WebAIM 10th SR User Survey Takeaways (aar)15073
accessibility, screen-readers
CSS “:has()” Interactive Guide (sha)15072
guides, css, selectors
CAPTCHA Is Still [the] Most Problematic Issue on the Web (cer)15071
accessibility, web, captcha
A Developer’s Guide for Web Accessibility15070
guides, accessibility
Why My Code Isn’t in TypeScript (rem)15069
typescript
Proposal: CSS Variable Groups (lea)15068
css, variables
UX Leadership Is Failing (and What We Can Do About It)15067
user-experience, leadership
Difference Between the Accessibility Page and the Accessibility Statement15066
accessibility, documentation, comparisons
htmx vs. React: A Complete Comparison15065
htmx, react, comparisons
Navbar Gallery15064
websites, navigation, design-patterns, examples
JavaScript Bloat in 2024 (nik)15063
javascript, performance
Vanilla JavaScript, Libraries, and the Quest for Stateful DOM Rendering (sma)15062
javascript, libraries, client-side-rendering, state-management
JSR: What We Know So Far About Deno’s New JavaScript Package Registry (sar/soc)15061
jsr, deno, dependencies, javascript
Filling Gaps With a Polyfill (jay)15060
polyfills, html, css, javascript, history
Building Dynamic Progress Bars Using Only CSS (ami)15059
css, progress-indicators
ARIA (Are Ya) Afraid of the Dark? Unmasking Common HTML Monsters to Create Better User Experiences (deq)15058
videos, accessibility, aria, html, user-experience
The One Trick Every Flutter Web Dev Needs to Know15057
tips-and-tricks, flutter, performance
Next.js vs. Remix—a Developer’s Dilemma15056
nextjs, remix, comparisons
Release Notes for Safari Technology Preview 189 (jon/web)15055
release-notes, browsers, safari
Discovering Web Automation and Scraping (gli)15054
scraping, automation, bots, tooling
Making of True Multi-Brand Design System15053
design-systems, theming
10 Best “Create React App” Alternatives for Different Use Cases15052
react, frameworks, tech-stacks, comparisons, link-lists
How to Optimize the Web for the Worst User Conditions?15051
how-tos, user-experience, responsive-design, performance, optimization
CSS “::backdrop” Now Inherits From Its Originating Element (bra)15050
css, selectors
View Transitions: Handling Aspect Ratio Changes (jaf)15049
css, view-transitions, aspect-ratio
Syntax Highlighting With No Spans?! (chr/fro)15048
css, apis, syntax-highlighting
Parallax Effect With CSS Custom Properties (fro)15047
css, custom-properties, effects, parallax
Node.js 2023 Year in an Article (raf)15046
nodejs, retrospectives
My Favourite Animation Trick: Exponential Smoothing (lis)15045
animations, tips-and-tricks
How to Make a Cursor Image Hover Effect With CSS and JS15044
how-tos, css, javascript, images, cursors, hover
Control Lazy Load, Infinite Scroll, and Animations in React15043
react, lazy-loading, scrolling, animations, javascript
“random()” Distribution Visualizer15042
javascript, randomness, visualization
Does Your Design Conform With WCAG Accessibility Guidelines—or Does It Comply? (deq)15041
videos, accessibility, wcag, guidelines, compliance
CSS-Only Radial Progress Bars Using Conic Gradients15040
videos, css, gradients, progress-indicators
My Design System Journey: Building the Plane While Flying15039
design-systems, collaboration, processes
Design Patterns That Encourage Junk Data (mic)15038
design-patterns, sustainability, economics, storage, email
Preventing SQL Injection Attacks in Node.js15037
security, nodejs, databases, sql
Why Is JavaScript Fragile? (cfe)15036
javascript
Okay, Color Spaces (eee)15035
colors, oklch
How to Use Local Storage in JavaScript (fre)15034
how-tos, browser-storage, javascript
How to Transfer Binary Data Efficiently Across Worker Threads in Node.js15033
how-tos, nodejs, worker-threads
A Practical Guide to Using Shadow DOM (may)15032
guides, dom, shadow-dom
A Practical Guide to Designing for Colorblind People (vit/sma)15031
guides, accessibility, design, colors, color-blindness
Fostering a Collaborative Onboarding Team to Design Better Onboarding Experiences (uxm)15030
collaboration, onboarding, user-experience
17 Equations That Changed the World—Rewritten in JavaScript15029
javascript, math
7 Effective Ways to Craft Compelling Problem Statements for UX Design (uxm)15028
user-experience, product-management, processes
Responsive Web Design: 3 Key Fundamentals (nng)15027
videos, responsive-design, fundamentals
What Is Utility-First CSS? (hey)15026
css, presentational-html, principles
“Web Design as a Process” in Charts: Maintenance, Decay, Tech Debt, and Big Bang Launching (j9t)15025
content, design, design-debt, technical-debt, maintenance, processes, visualization
[Web Accessibility] Survey Results15024
accessibility, surveys
The Fifty-Fifty Split and Overflow (hex)15023
css, overflow, layout
How to Design an Accessible Web Site for People With Color-Deficient Vision (uxm)15022
how-tos, accessibility, dei, user-experience, colors, contrast, readability
100 Things You Can Do on Your Personal Website (cap)15021
blogging, writing, indieweb