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#
Why Many Junior Developers Quit Programming (tip)15537
career, learning
What if You Had Real Control Over Light Mode / Dark Mode on a Per-Site Basis? (bra)15536
apis, dark-mode
Things You Should Do in Your Dev Journey15535
career
My “Skip to Content” Markup Was Breaking the Back Button on iOS (db)15534
html, skip-links, accessibility, mobile
How to Write a Code Formatter15533
how-tos, formatting
9 Signs Your Frontend Code Has Quality Issues That Affect Your Users (ang)15532
quality, craft, accessibility, usability, user-experience, conformance, performance
Mixins Three Ways (dut)15531
mixins, sass, less, css
Sliding 3D Image Frames in CSS (css/sma)15530
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)15529
guides, ci-cd, deploying, jenkins, docker, kubernetes, aws, github-actions, django
How Do Open Source Licenses Work? The Ultimate Guide15528
guides, foss, licensing
Naming Colors in Design Systems (ado)15527
naming, colors, design-systems
10 Things Software Developers Should Learn About Learning15526
research, learning
Monitoring BFCache Blocking Reasons (chr/mdn)15525
bfcache, monitoring, debugging, performance
Introducing JS Naked Day (mac)15524
introductions, javascript, awareness-days
How to Build a Reusable Grid System With CSS Grid (cfe)15523
how-tos, css, grids, layout, maintainability
Blockin’ Bots (bee)15522
scraping, ai, apache, configuration
Epic App Performance Starts With the Database15521
videos, performance, databases, optimization
Unleashing Designers With Tailwind CSS15520
videos, tailwind, design, processes
Why I’m Embracing the Arc Browser15519
browsers, arc
Socks, Lies, and Accessibility15518
accessibility, awareness-days, link-lists
Let Me Be15517
videos, javascript
Purging Design System “Rot” From Our Checkboxes (chu)15516
design-systems, maintenance, quality, accessibility, case-studies
CSS Tricks to Master the “clip-path” Property (css)15515
css, masking, clipping, tips-and-tricks
Web Accessibility Statement: How to Write One15514
how-tos, accessibility, documentation, writing
Zombie Estimation15513
agile, scrum, processes, project-management
npm Basics for New Developers (nim)15512
fundamentals, npm
Quick Tip: How to Animate Text Gradients and Patterns in CSS (ral)15511
tips-and-tricks, how-tos, animations, gradients, css
The Dos and Don’ts of Using “tabindex” in Web Design (a11)15510
accessibility, keyboard-navigation, html
Accessible Interactions in JavaScript Apps (san)15509
videos, accessibility, javascript, aria
Gap Is the New Margin (chr/fro)15508
css, margins, layout
Complete a VPAT: Show How Accessible Your Product Is (deq)15507
accessibility, vpat-acr, conformance, documentation
An Intro to CSS Grid (cfe)15506
introductions, css, grids, layout
A Comparison of Automated Testing Tools for Digital Accessibility (equ)15505
accessibility, testing, tooling, automation, comparisons
Control Your Vertigo—the Unspoken Rule for Defending Design Decisions15504
design, user-experience
Wednesday, April 10, 2024 Security Releases (raf/nod)15503
release-notes, nodejs, security
Optimizing WebKit and Safari for Speedometer 3.0 (pat+/web)15502
webkit, browsers, safari, performance, optimization
The Guide to Git I Never Had15501
guides, git, command-line, cheat-sheets
I Never Knew a Website Could Hurt Someone (kar)15500
videos, accessibility
Release Notes for Safari Technology Preview 192 (jon/web)15499
release-notes, browsers, safari
Frontend Development Beyond React: Svelte15498
svelte
The Future of Design Systems Is Marketing (fig)15497
design-systems, marketing, metrics
Notes on Git’s Error Messages (b0r)15496
git, errors
JS Naked Day (mac+)15495
websites, javascript, awareness-days
A Love Letter to Gen Z From Gen Y: Understanding React’s Evolution15494
react, history
Is the Party Over for Scrum Masters and Agile Coaches?15493
agile, scrum, career
Recapping ng-conf 202415492
angular
The ADA Now Has Regulations for Accessibility of Web Content and Mobile Apps (slo/tpg)15491
accessibility, ada, legal, web, mobile
React Server Components in a Nutshell15490
react, components
Sending Email Using Node.js (cra)15489
nodejs, email
An Introduction to the Node.js Performance API (bet)15488
introductions, nodejs, performance, apis
Happy CSS Naked Day 2024 (fro)15487
frontend-dogma, css, awareness-days
Understanding Interaction to Next Paint (INP) (wil/fro)15486
performance, web-vitals
Layered Toggles: Optional CSS Mixins (kiz)15485
css, mixins, techniques
Figma Prototypes vs. HTML Prototypes (ada)15484
design, processes, prototyping, figma, html, comparisons
Ableism and Related Terms You Need to Know (mer)15483
terminology, communication, dei
Building a CLI From Scratch With TypeScript and oclif15482
command-line, typescript
The Death of Creativity15481
creativity, ai
Misinformation and Disinformation Online: What Design Can Do to Remedy This Problem (uxm)15480
design, communication
How I Write Commits Like a Pro15479
version-control, git, commit-messages, conventions
DORA’s Software Delivery Metrics: The Four Keys (nat)15478
processes, metrics
Node.js Debugging in Chrome DevTools (chr/fro)15477
nodejs, debugging, tooling, browsers, chrome, dev-tools
Justice Department to Publish Final Rule to Strengthen Web and Mobile App Access for People With Disabilities15476
accessibility, legal, web, mobile
Creating a Navbar in React15475
navigation, react, css
Techniques for Fetching Data: Comparing Next.js (App and Pages API), Remix, and RedwoodJS (sel/red)15474
data-fetching, techniques, nextjs, remix, redwoodjs, comparisons
Node.js Secure Coding: Mitigate and Weaponize Code Injection Vulnerabilities15473
books, nodejs, security, vulnerabilities
What Is Whitespace? (nng)15472
videos, whitespace, design, concepts, terminology
User Experience in the Era of AI: Enhancing Human-Machine Interactions (uxm)15471
user-experience, ai, hci
Things That I Like Better in Vue Than in React15470
vuejs, react, frameworks, comparisons
Inclusive Digital Experiences: Redesign Strategies for Addressing Diverse Abilities and Accessibility Challenges (uxm)15469
redesigning, strategies, dei, accessibility
10 Must Know System Design Concepts for Interviews15468
interviewing, architecture, system-design, concepts, scalability
Demystifying the Shadow DOM15467
dom, shadow-dom
Blind Internet Users Struggle With Error-Prone AI Aids (fin)15466
accessibility, ai
Testing HTML With Modern CSS (hey)15465
html, css, testing, quality
Jekyll vs. Astro (koo)15464
site-generators, comparisons, jekyll, astro
Faster Websites With the “picture” Element (fra)15463
html, images, performance
[zx] 8.0.015462
release-notes, zx
21 HTML Tips You Must Know About15461
html, tips-and-tricks
Reviewing Polypane for Responsive Website Tweaks15460
videos, polypane, browsers
Why I’m Yet Another Woman Leaving the Tech Industry15459
career, community
WCAG Bypass Blocks (“Skip to Content”)—Improve User Interaction Speed and Even Prevent Pain (cer)15458
accessibility, user-experience, keyboard-navigation, skip-links, wcag
How to Think About HTML Responsive Images (db)15457
how-tos, html, images, responsive-design
How to Make Your Website Work Offline15456
how-tos, web-workers, offline, javascript
DevTools Tips and Tricks (pan/fro)15455
browsers, dev-tools, tips-and-tricks
Managing User Focus With “:focus-visible” (css)15454
css, selectors, focus
Creativity in Software Engineering15453
research, creativity, programming
Breakpoints in Responsive Design (nng)15452
design, responsive-design, breakpoints, usability
The Free Software Commons (jen)15451
foss, community, security
Should Designers Code? (bra)15450
design, career
ESLint v9.0.0 Released (nza/esl)15449
release-notes, eslint
Drive-By Accessibility Tweaks (bru)15448
accessibility
“AI” Won’t Solve Accessibility (yat)15447
accessibility, ai
Modern CSS Patterns in Campfire15446
css, case-studies
The Basics of Legibility15445
fundamentals, typography, legibility
Heat Death of the Internet15444
web
Building Components With Radix UI15443
radix, components
A Complete Guide to CSS Logical Properties, With Cheat Sheet (ral)15442
guides, css, logical-properties, cheat-sheets
AI and the Future of Web Accessibility Guidelines15441
discussions, accessibility, wcag, standards, ai, w3c
The V8 Sandbox15440
v8, security
JavaScript Visualized—Event Loop, Web APIs, (Micro)task Queue15439
videos, javascript, visualization, event-loop, events, apis
When to Use “tabindex="0"” (gra/tet)15438
accessibility, keyboard-navigation, focus, html
Rounded Tabs With Inner Curves (css)15437
css, effects, tips-and-tricks
How to Strongly Type process.env (mat)15436
how-tos, typescript, nodejs
Hanging Punctuation in CSS15435
css, typography
How to Build a Simple Web Server With Node.js15434
how-tos, servers, nodejs
BFCache Explained15433
bfcache, browsers, performance
Using JSON Web Tokens With Node.js15432
json-web-tokens, nodejs, security, authentication
Introducing Jpegli: A New JPEG Coding Library15431
introductions, jpeg, images, libraries, compression
Wednesday, April 3, 2024 Security Releases (nod)15430
release-notes, nodejs, security
Building a Digital Fortress: How to Strengthen DNS Against DDoS Attacks?15429
dns, security
In-Page Links: 3 Usability Tips (nng)15428
videos, links, usability, tips-and-tricks
Theming Design Systems (per)15427
design-systems, theming
The View Transitions API (cas/fro)15426
view-transitions, apis, astro
Svelte Parses HTML All Wrong (ric)15425
svelte, html, parsing
Fluid Typography With Discrete Steps (css)15424
css, typography, tips-and-tricks
Finally Understand Responsive Design15423
videos, responsive-design, css
“aspect-ratio” Gotcha (css)15422
css, aspect-ratio, images
An Advanced Way to Use CSS Variables (cfe)15421
css, custom-properties
AI and the Web: Understanding and Managing the Impact of Machine Learning Models on the Web (don/w3c)15420
ai, web
How to Get Somebody Fired Using Git15419
version-control, git, career
WebAssembly at Google (tom)15418
videos, webassembly, google
Learn JavaScript (wil)15417
courses, javascript
WordPress 6.5 “Regina” (pho/wor)15416
release-notes, wordpress
How-To: 5 Steps to Detect Invalid HTML Breaking Your [Site’s Performance] (erw)15415
how-tos, html, conformance, performance
Infinite-Scrolling Logos in Flat HTML and Pure CSS (cit/sma)15414
branding, scrolling, animations, techniques, css
How We’re Approaching Theming With Modern CSS (bel/pic)15413
css, theming
Drawing a Line to Connect Elements With CSS Anchor Positioning (cit/fro)15412
css, anchor-positioning
Authentication in Next.js (rwi)15411
authentication, nextjs
An Interactive Guide to CSS Container Queries (sha)15410
guides, css, container-queries
The Detail, the Quality15409
design, quality
What Even Is a JSON Number?15408
json, terminology
Micro Frontends With Native Federation15407
micro-frontends, comparisons
The Era of High-Paying Tech Jobs Is Over15406
programming, career, ai, economics
Introducing Root.js15405
introductions, tooling, content-management
Bun 1.1 (jar+/bun)15404
release-notes, bun
A Complete Guide for Content Creators to Start Making Accessible Content (pop)15403
guides, accessibility, content
14 Top UX Tools for Designers in 2024 (web)15402
user-experience, tooling, link-lists
10 JavaScript Sites Every Web Developer Should Know15401
javascript, learning, link-lists
The DevOps Basics15400
dev-ops, fundamentals
Disable AWS CloudFront Distributions if Budget Is Exceeded15399
aws, cloudfront, configuration, economics
Why I Use Node, Deno, Bun, [QuickJS], [txiki.js] at the Same Time15398
tooling, nodejs, deno, bun, quickjs
Why I Care Deeply About Web Accessibility and You Should Too (sch)15397
accessibility, web
Object Structure in JavaScript Engines15396
objects, javascript, javascript-engines
Latest WebAIM’s Million—Some Thoughts (cer)15395
accessibility
Kobold Letters (wed)15394
html, email, support
Some Samples Using UIkit15393
uikit
Design Is a Process of Getting Stuck (fon)15392
design, processes
The Power of “:has()” in CSS (css)15391
css, selectors
What Negative Effects Does a Bad Website Design Have on My Business? (web)15390
design, economics
The Easy Way to Access the Last JavaScript Array Element15389
javascript, arrays
“@scope” Is Coming to CSS and It’s Amazing (kev)15388
videos, css, scope
The WebAIM Million: The 2024 Report on the Accessibility of the Top 1,000,000 Home Pages (web)15387
studies, research, accessibility, homepages, metrics
The Curious Case of the CSS Monochrome Media Query (sea)15386
css, media-queries
On “disabled” and “aria-disabled” Attributes (kit)15385
accessibility, html, attributes, aria
Front-End Development’s Identity Crisis (ell)15384
career
Figma Plugins (tmc)15383
figma, plugins
New to the Web Platform in March15382
release-notes, web-platform, browsers, firefox, safari, chrome
A Guide to Building CLI Tools in JavaScript15381
guides, tooling, command-line, javascript, nodejs
Improving the Developer Experience of Enterprise Design Systems15380
design-systems, developer-experience, optimization
History of JS Interop in Dart15379
javascript, dart, interoperability, history
The Browser Company and Radical Transparency15378
the-browser-company, culture, communication
What’s New in DevTools, Chrome 12415377
release-notes, dev-tools, browsers, chrome
Release Notes for Safari Technology Preview 191 (jon/web)15376
release-notes, browsers, safari
CSS Color-Scheme-Dependent Colors With “light-dark()” (bra)15375
css, functions, colors, dark-mode
The Complete Guide to Captioned Videos (mer)15374
guides, accessibility, captions, multimedia
Finally Understanding How “Array.sort(comparator)” Works (jam)15373
javascript, arrays
Meet Angular’s New “output()” API (ang)15372
angular, apis
What Even Are Dragging Movements? (cat/spa)15371
accessibility, interaction-design, terminology
Iterator Helpers15370
ecmascript, javascript, javascript-engines, v8
How I Fixed My Brutal TTFB (whi/get)15369
performance, metrics, optimization
ai.robots.txt (cor)15368
ai, crawling, scraping, robotstxt, tooling
In-App Browsers Are Still a Privacy, Security, and Choice Problem (tho/the)15367
browsers, mobile, privacy, security
Flickering Glowing Text Effect With CSS (man)15366
css, effects
Node v20.12.0 (LTS) (nod)15365
release-notes, nodejs
How to Use jQuery’s “ajax()” Function for Asynchronous HTTP Requests15364
how-tos, jquery, ajax, functions, asynchrony
History of Web Accessibility15363
videos, accessibility, history
Quick Tip: How to Align Column Rows With CSS Subgrid (ral)15362
tips-and-tricks, how-tos, css, grids, layout, alignment
Convention Over Creativity? The Ups and Downs of UX Design15361
user-experience, design
Exploring the Power of ARIA Live Attribute in Web Accessibility15360
accessibility, aria, attributes
Animating Clip Paths on Scroll With “@property” in CSS (uti)15359
css, animations, scrolling, clipping, masking
What You Need to Know About Modern CSS (Spring 2024 Edition) (chr/fro)15358
css, overviews
How to Take Control of Flexbox (kev)15357
videos, how-tos, css, flexbox, layout
How Invalid HTML Elements Impact Web Performance (erw)15356
html, conformance, performance
How Does npx Actually Work and When to Use It15355
npx, nodejs
CSS Anchor Positioning (tab+/w3c)15354
standards, css, anchor-positioning
Be Flexible About What People Need (and Don’t Assume) (eri)15353
accessibility
How to Consolidate Multiple Design Systems15352
how-tos, design-systems, processes
7 Simple Rules for Better Data Visualization15351
information-design
Error Messages 101 (nng)15350
videos, usability, errors, microcontent
Setting and Persisting Color Scheme Preferences With CSS and a “Touch” of JavaScript (ole/sma)15349
colors, dark-mode, css, javascript
JavaScript Visualized: Promise Execution15348
javascript, promises, visualization
Diving Into the Node.js Website Redesign (bri/nod)15347
redesigning, case-studies
No One Actually Wants Accessibility (dav)15346
accessibility
CORS Finally Explained—Simply15345
security, csrf, cors, concepts
How Does Single Sign-On (SSO) Work? (mil)15344
authentication, security
Spicing Up Text With “text-emphasis” in CSS (ami)15343
css, typography, effects
New CSS That Can Actually Be Used in 2024 (tho)15342
css, logical-properties, container-queries, selectors, nesting, functions, cascade, grids
Incredible JavaScript Animation Libraries15341
javascript, animations, libraries, link-lists
AI Can Make a Code Review for Free15340
ai, code-reviews, tooling
Learn OAuth 2.0 by Building Your Own OAuth Client15339
authorization, oauth, functionality
Radix Themes 3.015338
release-notes, radix
Profile Node.js Performance With the Performance Panel (jec+)15337
nodejs, performance, debugging, browsers, chrome, dev-tools
ARIA “role=application” and Mobile Screen Readers (cer)15336
accessibility, aria, screen-readers, mobile
Accessible Forms With Pseudo Classes (css)15335
accessibility, forms, css, selectors
Don’t Get Scammed by Fake Performance Experts and Apps15334
performance, tooling
Quick Tip: How to Add Gradient Effects and Patterns to Text (ral)15333
tips-and-tricks, how-tos, css, gradients, effects
The Cost of Interrupted Work: More Speed and Stress15332
research, productivity, processes
12 Figma Tips to Work More Efficiently15331
figma, tips-and-tricks, efficiency
The “Current Branch” in Git (b0r)15330
git
Node.js TSC Confirms: No Intention to Remove npm From Distribution (sar/soc)15329
nodejs, npm
Going Beyond Pixels and (r)ems in CSS—Absolute Length Units (uti/iod)15328
css, units
CSS Values and Units Module Level 3 (tab+/w3c)15327
standards, css, units
CAPTCHA Excludes Disabled Web Users (zel)15326
accessibility, captcha
Optimizing JavaScript for Fun and for Profit15325
javascript, optimization
[Bulma] 1.0.015324
release-notes, bulma
Relicensing and Rug Pulls15323
foss, licensing, history
Node.js: The Documentary (isa+)15322
videos, nodejs, history
Welcome to Future of Web Accessibility Based on Predictors (jar+)15321
videos, accessibility, outlooks
Avoid These Design System Traps15320
design-systems
“__dirname” Is Back in Node.js With ES Modules (phi)15319
nodejs, esm
Microservices Promised Freedom but Delivered Dependencies (pur)15318
microservices, dependencies
This Pattern Will Wreck Your React App’s TS Performance (mat)15317
design-patterns, react, typescript, performance
On the Gift of OKR for Company Culture (j9t)15316
processes, okr, culture
On Popover Accessibility: What the Browser Does and Doesn’t Do (hdv+)15315
accessibility, pop-overs, html
How to Test 3.3.8 Accessible Authentication (Minimum) (sib/tpg)15314
how-tos, accessibility, testing, authentication
Building a Micro htmx SSR Framework (mco/pla)15313
frameworks, htmx, examples
Progressive Disclosure Defaults15312
css, forms, interaction-design
Folder Structures in React Projects15311
react, architecture
Angular Signals: Best Practices15310
angular, signals, best-practices
Understanding Memory Heap and Memory Leaks—How the JS Engine Works (fro)15309
javascript-engines, memory, garbage-collection, asynchrony
Psychology and UX: Decoding the Science Behind User Clicks15308
user-experience, design, principles
The Box Model and Box Sizing (bel/pic)15307
css, box-model, concepts
How to Plan Your First Successful Website (web)15306
how-tos, processes, project-management
How to Create a Website and a PDF From the Same Codebase (spa/clo)15305
how-tos, code-generation, pdf, functionality
Aesthetic Layouts: 2 Column Magazine With “shape-outside” (jhe)15304
code-pens, layout, css
Essential CSS Tools for Developers (nim)15303
css, tooling
Build a Full-Stack App With Node.js and htmx15302
web-apps, nodejs, htmx
How to Assess Your Fit for a Job Description: A Guide for Technologists (wom)15301
how-tos, guides, interviewing, career
Using Relative Colors (chr/mdn)15300
css, colors
Chill Scroll Snapping: Article Headers (chr/fro)15299
css, scrolling
The Power of Textual Content in UX Design (uxm)15298
content, user-experience
Comparing ECMAScript Modules and CommonJS15297
comparisons, esm, commonjs
The Ultimate Guide to Understanding npx vs. npm15296
guides, npx, npm, nodejs
How Web-Site Design and Social Media Work Together (uxm)15295
design, content, social-media
Oh Sh*t, My App Is Successful and I Didn’t Think About Accessibility15294
accessibility
Make a Web Browser: Beginner’s Guide (nim)15293
guides, browsers, browser-engines
Empowering the User Experience Through Microinteractions: 7 Best Practices (uxm)15292
user-experience, interaction-design, best-practices
A Designer’s Role Is Not “at the Table”15291
design, career
How Meta Improved Their Cache Consistency to 99.9999999915290
facebook+meta, caching
Accessibility Foundations (ihe/tpg)15289
accessibility, fundamentals, link-lists
Observability Is an Illusion (pur)15288
observability, logging, monitoring, alerting
“require(esm)” in Node.js (joy)15287
nodejs, ecmascript, esm, commonjs
I’m So Old: Web Edition (dav)15286
web, history
How to Kill the Cascade (fon)15285
css, cascade, resets, scope
Every React Concept Explained in 12 Minutes15284
videos, react, concepts
Build a Node App With TypeScript (mat)15283
nodejs, typescript, pnpm, esm
A Comparison of JavaScript CRDTs (alm)15282
javascript, types, comparisons
Why UI Designers Should Understand Flexbox and CSS Grid15281
design, layout, flexbox, grids, css
Time to Ditch Analytics? Tracking Scripts and Web Sustainability (mic)15280
embed-code, google, analytics, sustainability, performance, compliance
2024 Cheat Sheet Collection15279
cheat-sheets, link-lists
Mental Health in Open Source (ant)15278
foss, career
How Web Bloat Impacts Users With Slow Devices15277
performance, metrics, comparisons, web
Copy Objects Ways in JavaScript15276
javascript, objects
Migrating Away From Jest and Achieving Over 90% Reduction in Running Time (pat)15275
migrating, jest, testing, memory, performance
Webflow 101: A Guide for Beginners15274
introductions, guides, webflow, low-and-no-code
Deploying Remix to GitHub Pages (rem)15273
videos, deploying, remix, github-pages
How to Optimize Cumulative Layout Shift (CLS) on Shopify Sites (sia)15272
how-tos, performance, web-vitals, optimization, shopify
How (In)Efficient Are Engineering Organizations?15271
efficiency, processes, engineering-management
Quick Tip: Creating a Date Picker in React15270
tips-and-tricks, react, functionality
Accessibility in Design Systems: A Comprehensive Approach Through Documentation and Assets15269
accessibility, design-systems, documentation, dei
Skeuomorphism (nng)15268
design, terminology
Homepage Design: 5 Fundamental Principles (nng)15267
design, homepages, principles
When “Semantic Tokens” Are No Longer Semantic15266
design-tokens, semantics
Performance Tooling in 2024 and Beyond (pau)15265
performance, tooling, browsers, dev-tools, lighthouse
There Is No EU Cookie Banner Law15264
consent-management, cookies, legal
Qwik vs. Next.js: Which Framework Is Right for Your Next Web Project?15263
frameworks, comparisons, qwik, nextjs
What Is Safe Alignment in CSS? (chr/fro)15262
css, layout, user-experience
The Golden Age of Accessibility15261
accessibility
Make Your Functions More Reusable With Generics (mat)15260
typescript, functions, generics, maintainability
Arguments for Opening Links in a New Tab or Window (gri/clo)15259
links, usability
My New Favorite CSS Trick: “will-change”15258
css, animations, transitions, tips-and-tricks
Ruby Is Complicated15257
html
25 Unnoticeable Features of JavaScript15256
javascript
Refactoring My Ugliest Code With Signal View Queries15255
videos, refactoring, angular
WCAG 2.2 Detective Skills15254
accessibility, standards, wcag
How to Design Icons in Figma15253
how-tos, images, icons, figma, design
How to Avoid Flaky Tests in Playwright15252
how-tos, testing, flakiness, playwright
A Beginner’s Guide to Node.js Worker Threads (bet)15251
guides, nodejs, worker-threads
You Want “border-color: transparent”, Not “border: none” (dav/fro)15250
css, borders, transparency+opacity, accessibility, contrast
HTML Performance Optimization: Tips for Faster Loading Pages15249
html, landing-pages, performance, optimization, tips-and-tricks
What’s Next for a Global Design System (bra)15248
design-systems
There Are No Standards Police (mno)15247
standards, policies, processes
The Problem With Data Attributes for Text Effects (man)15246
html, custom-data, css, typography, effects
The Problem With AI (cfe)15245
ai
Another JS Registry—Seriously?! (den)15244
videos, jsr, dependencies, javascript
The Essential Guide to Microcopy and Becoming a More Literate Designer15243
guides, design, microcontent, content, writing
Runtime Compatibility (asc+)15242
websites, runtimes, interoperability, comparisons, bun, deno, netlify, nodejs
5 Exciting New JavaScript Features in 202415241
javascript
Marking the Web’s 35th Birthday: An Open Letter (tim)15240
open-letters, web, history, anniversaries
Interaction to Next Paint Is Officially a Core Web Vital (rvi)15239
performance, web-vitals
15 Years of Running a Personal Website (ste)15238
indieweb
Why Your Microservices Architecture Is Probably Overkill (and How I Learned to Love the Monolith Again) (pur)15237
architecture, microservices, monoliths
Thoughts on Embedding Alternative Text Metadata Into Images (eri)15236
accessibility, images, metadata
The “10× Engineer”: 50 Years Ago and Now (ger)15235
productivity, processes, career, history
Spread vs. Rest Operators in JavaScript15234
javascript, operators, comparisons
How to Read Files Quickly in JavaScript (lem)15233
how-tos, javascript, file-handling
Building Websites and Building Websites Well (j9t)15232
quality, craft, community
A Letter to My Younger Self, as an Accessibility Advocate (hbu)15231
accessibility, advocacy, retrospectives
Comparing JavaScript Frameworks: Templates15230
javascript, frameworks, templates, comparisons
A Gentle Introduction to Generics in TypeScript15229
introductions, typescript, generics
Express.js With TypeScript—Setup, Examples, Testing15228
videos, express, typescript, testing, examples
IDEs vs. Code Editors: Everything You Need to Know (jet)15227
code-editors, comparisons, concepts
Accessibility: Implementing Focus Traps15226
accessibility, focus, keyboard-navigation
JSON Canvas15225
websites, standards, json, canvas
Have You Optimized for INP?15224
performance, web-vitals, optimization
What Is INP and Why You Should Care (whi/get)15223
performance, web-vitals, monitoring
Streaming HTML (chr/fro)15222
html, php, streaming
Distinguishing Between ARIA and Native HTML Attributes (deq)15221
html, aria, attributes, accessibility, comparisons
Are We Watching the Internet Die? (edz)15220
web
Announcing Speedometer 3.0: A Shared Browser Benchmark for Web Application Responsiveness15219
performance, tooling, metrics
Alt Text for CSS Generated Content (tem)15218
css, generated-content, alt-text, accessibility
Things I Learned While Building My JS Library15217
javascript, libraries, lessons
Optimising Your Design System With Figma’s Variables15216
design-systems, optimization, variables, figma
CSS Button Styles You Might Not Know (dbu)15215
html, css, buttons
Replace ESLint and Prettier With Biome.js15214
biome, eslint, prettier, comparisons, tooling, remix
eslint-plugin-depend (430)15213
packages, npm, maintenance, simplicity
Jakob Has Jumped the Shark (aar)15212
accessibility, link-lists
How to Invert the Colors Using CSS (ron)15211
css, colors, filters, images
Access by a Thousand Curb Cuts (yat)15210
accessibility
Navigating the Future of Frontend15209
frameworks, web-platform, outlooks
Asking Users for Their Pronouns: A Guide for UX Designers15208
guides, user-experience, communication
Creating Color Palettes With the CSS “color-mix()” Function (mic)15207
css, functions, colors, color-palettes
Add Superpowers to Your CSS Variables With Style Queries (jar/van)15206
css, style-queries, custom-properties
Modern CSS Tooltips and Speech Bubbles II (css/sma)15205
tooltips, css, techniques
How “HEAD” Works in Git (b0r)15204
git
Dissecting Layered Architecture (yok)15203
architecture
Managing Static Files in Django: A Comprehensive Guide15202
guides, django, file-handling
How to Check and Set the “NODE_ENV” Environment Variable and Its Use in a Project15201
how-tos, nodejs, environments
AVIF Is the Future of Web Images15200
images, avif, performance, outlooks
The Quiet, Pervasive Devaluation of Frontend (col)15199
html, css, craft, career, community
Some Little Ways I’m Using CSS “:has()” in the Real World (bel/pic)15198
css, selectors, examples
How to Test 2.5.8 Target Size (Minimum) (sib/tpg)15197
how-tos, accessibility, testing
Internationalization With Remix (rem)15196
remix, internationalization
5 Ways Productivity Culture Kills Business Agility15195
productivity, agile, economics, culture
90% of Designers are Unhirable?15194
design, processes, career
Taming the Shadow DOM: Injecting Global Styles With Adopted Stylesheets15193
shadow-dom, dom, css
10 Figma Keyboard Shortcuts: A Cheat Sheet for UX Designers15192
figma, keyboard-shortcuts, cheat-sheets, design
Release Notes for Safari Technology Preview 190 (jon/web)15191
release-notes, browsers, safari
Leadership Is a Hell of a Drug (lud)15190
leadership, engineering-management
Exploring the Creative Power of CSS Filters and Blending15189
css, blend-modes, filters, effects
The Ultimate Guide to Choosing the Best React Website Builder15188
guides, react, tooling, comparisons, link-lists
WebAssembly JSPI Is Going to Origin Trial15187
webassembly, origin-trials
Sometimes, a Button Just Wants to Look Like a Button15186
design, usability, buttons
The End of My Gatsby Journey (mon)15185
gatsby, frameworks, comparisons
SSG, SSR, ISR, CSR Rendering Strategies in Next.js (fro)15184
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)15183
videos, css, selectors
Making Room for Long List Markers With Subgrid (nol)15182
html, lists, css, grids
Announcing TypeScript 5.4 (dan/typ)15181
release-notes, typescript
How to Ensure Your Designs Work if You Can’t Access Sample Data15180
how-tos, design, usability, metrics, testing
CSS-Tricks in Limbo: Chris Coyier Wants It Back and the Community Reacts15179
css-tricks, digitalocean, community
Best Practices for Inclusive Design (slo)15178
design, dei, accessibility, best-practices
WebKit Features in Safari 17.4 (jen+/web)15177
release-notes, browsers, safari, webkit
Data Table Design Patterns15176
information-design, tables, design-patterns
How to Use WebSockets in Node.js to Create Real-Time Apps (cra)15175
how-tos, websockets, nodejs
Modern Git Commands and Features You Should Be Using15174
git, command-line
Achieving Design Collegiality While Maintaining Psychological Safety (uxm)15173
design, collaboration
SemVer Simplified: An Introduction to Semantic Versioning15172
introductions, semver, versioning
When We Talk About Front-End Performance, What Are We Talking About15171
performance, metrics, web-vitals, lighthouse
JavaScript Runs the World—Maybe Even Literally (wir)15170
javascript, programming, web
WCAG? More Like, W-What?! (stv)15169
accessibility, wcag, link-lists
The 88×31 Archive15168
web, images, history
JSR: Second Look (dbu)15167
jsr
Designing for Mobile Accessibility: Enhancing the User Experience on Small Screens (uxm)15166
design, accessibility, user-experience, mobile
Tools That Make Me Productive as a Software Engineer15165
tooling, productivity, link-lists
VPS Showdown—March 2024—DigitalOcean vs. Linode vs. Vultr15164
servers, hosting, comparisons, metrics, digitalocean
How npm Install Scripts Can Be Weaponized: A Real-World Example of a Harmful npm Package (eth)15163
npm, dependencies, examples, security
Visualizing Frontend Architecture (max)15162
architecture, documentation, visualization
We Need to Talk About Jakob (mat)15161
accessibility
CSS for Printing to Paper15160
css, print
Bugs I’ve Filed on Browsers (nol)15159
browsers, chromium, firefox, webkit, quality
Accessibility Has Not Failed—It Has Not Even Started for Real (cer)15158
accessibility, ai
Accessibility Darkness (ste)15157
accessibility, overlays
The Faster Lambda Runtime—Node.js or LLRT? We Benchmarked15156
lambda, javascript, runtimes, nodejs, comparisons, metrics
Emerging UX Patterns in Generative AI Experiences15155
user-experience, design-patterns, ai
Planning a Design System Generation (nat)15154
design-systems, automation
The Hunt for the Missing Data Type (hil)15153
types, algorithms
Go Ahead and Block AI Web Crawlers (cor)15152
robotstxt, crawling, scraping, ai
A Love Letter to the Underrepresented in Tech (abb)15151
community
Introducing JSR—the JavaScript Registry (lca+/den)15150
introductions, jsr, deno, dependencies, javascript
Team Productivity Metrics for Engineering Managers15149
productivity, metrics, engineering-management
Apple Says iOS 17.4 Won’t Remove Home Screen Web Apps in the EU After All (9to)15148
browsers, apple, mobile, web-apps
An Introduction to Webflow—the No-Code Website Builder15147
introductions, webflow, low-and-no-code
Design System Generations (nat)15146
design-systems, processes
Retrofitting Fluid Typography (ric)15145
liquid-design, typography, css
Web Tech Trends to Watch in 2024 and Beyond (web)15144
trends, design, dark-mode, ai, sustainability, minimalism
TIL—“submit()” Versus “requestSubmit()” (ray)15143
javascript, comparisons
Modern CSS Tooltips and Speech Bubbles (css/sma)15142
tooltips, css, techniques
Eloquent JavaScript (mar)15141
websites, books, javascript
Apple Backs Off Killing Web Apps, but the Fight Continues (owa)15140
web-apps, apple
“AI” and Accessible Front-End Components: Is the Nuance Generatable? (hdv)15139
accessibility, web-components, ai
New to the Web Platform in February15138
release-notes, web-platform, browsers, firefox, chrome, safari
Why Does “is-number” Package Have 59M Weekly Downloads?15137
dependencies, npm
Understanding Cookies and Sessions in React15136
react, authentication, cookies
What You Need to Know About Software Requirements15135
software-design, best-practices
Diving Into CSS Interactivity (daw+/sto)15134
videos, css
What Is Inclusive Design, and How Does It Relate to Accessibility? (slo)15133
design, dei, accessibility
The Wax and the Wane of the Web (ste/ali)15132
web-platform, history
Techniques to Break Words (aar)15131
techniques, html, css, content
Keyboard Accessibility Testing on Mobile Devices15130
accessibility, testing, keyboard-navigation, mobile
Choosing the Right Node.js Package Manager in 2024: A Comparative Guide (nod)15129
guides, nodejs, dependencies, comparisons
Accessibility Has Failed: Try Generative UI = Individualized UX15128
accessibility, usability, ai, outlooks
Where I’m at on the Whole CSS-Tricks Thing (chr)15127
css-tricks, digitalocean
Ultimate Guide to Visual Testing With Playwright15126
guides, testing, regressions, playwright
How to Create a Sidebar Navigation With Astro, Tailwind CSS, and Alpine.js15125
how-tos, navigation, functionality, astro, tailwind, alpinejs
Top 8 Recent V8 in Node Updates (app)15124
nodejs, v8
Creativity Lies in the Paradoxes15123
creativity, design
Enhanced Internationalization (I18N) in Next.js 1415122
nextjs, internationalization
Test Quality vs. Bashing Tailwind CSS (mar)15121
tailwind, css, comparisons
So, What Exactly Did Apple Break in the EU? (tom)15120
browsers, apple, mobile, support, web-apps, apis
Making Math Accessible (ons/tpg)15119
accessibility, math
Going Beyond Pixels and (r)ems in CSS—Container Query Length Units (uti/iod)15118
css, container-queries, units
Apple vs. PWAs—Go Act Now and Help Avoid This Disaster… (cod)15117
apple, web-apps, progressive-web-apps, community
An HTML Switch Control (ann+/web)15116
html, css, forms
Here Lies the Internet, Murdered by Generative AI15115
web, content, ai
Tumblr and WordPress to Sell Users’ Data to Train AI Tools (404)15114
wordpress, ai
How to Lazy-Load CodePen and CanIUse Embeds15113
how-tos, embed-code, performance, codepen, caniuse
What Is Vuetify in Vue.js?15112
vuetify, vuejs
A Guide to CSS Cursor Types15111
guides, css, cursors
The 3 Capabilities Designers Need to Build for the AI Era15110
design, career, training, ai, link-lists
How to Use Server-Sent Events in Node.js (cra)15109
how-tos, nodejs, events
Screen Readers and Drag-and-Drop: Grabbing and Releasing Elements (dar)15108
drag-and-drop, accessibility, browsers, screen-readers, support
YouTube Video Embedding Harm Reduction (jvo)15107
multimedia, embed-code, youtube, html, privacy
ServerlessHorrors (and)15106
websites, serverless, cloud-computing
Reporting Core Web Vitals With the Performance API (geo/sma)15105
apis, performance, web-vitals
AI and Design Systems (bra)15104
ai, design-systems
A Simple Mistake That Can Screw Up Your Light/Dark Theme (and How to Fix It) (kev)15103
videos, mistakes, dark-mode, css
A Fun Line of Code (dbu)15102
javascript, apis, multimedia
No Outer Margin15101
css, margins, spacing, components
How to Build a Newthing15100
how-tos, processes, creativity, maintenance
Speaker Spotlight: Michelle Barker (mic)15099
interviews, css, sustainability
Why I Use Firefox (sim)15098
browsers, firefox
Advanced Figma Tips and Tricks 2024: Little Gems We Love15097
figma, tips-and-tricks
Open Letter to Tim Cook, Sabotaging Web Apps Is Indefensible (owa)15096
open-letters, apple, web-apps
CSS Foundations: What Is IACVT? (bra)15095
css, fundamentals
What Is a Single-Page Application? (hey)15094
single-page-apps, javascript, performance, user-experience
The CSS Cascade—a (Re)Introduction (mat)15093
videos, css, cascade
CSS-Only Bottom-Anchored Scrolling Area (kit)15092
css, scrolling
A Web Designer’s Accessibility Advocacy Toolkit (sma)15091
accessibility, advocacy, strategies
10 Takeaways From the WebAIM Screenreader Survey #10 (kar)15090
accessibility, screen-readers
Home Screen Advantage (sli)15089
browsers, apple, mobile, support, web-apps, web-platform
JSDoc as an Alternative TypeScript Syntax15088
typescript, documentation, jsdoc
Understanding Event-Driven Architecture (yok)15087
architecture, events
WebAIM Screen Reader User Survey 10 (den)15086
accessibility, screen-readers
The Power of Patterns and Playbooks in Content Design (kat)15085
design, content, design-patterns
Navigating Signals: An Efficient Alternative to React Hooks for Enhanced Performance and Optimization15084
react, hooks, signals
My WebAIM 10th SR User Survey Takeaways (aar)15083
accessibility, screen-readers
CSS “:has()” Interactive Guide (sha)15082
guides, css, selectors
CAPTCHA Is Still [the] Most Problematic Issue on the Web (cer)15081
accessibility, web, captcha
A Developer’s Guide for Web Accessibility15080
guides, accessibility
Why My Code Isn’t in TypeScript (rem)15079
typescript
Proposal: CSS Variable Groups (lea)15078
css, variables
UX Leadership Is Failing (and What We Can Do About It)15077
user-experience, leadership
Difference Between the Accessibility Page and the Accessibility Statement15076
accessibility, documentation, comparisons
htmx vs. React: A Complete Comparison15075
htmx, react, comparisons
Navbar Gallery15074
websites, navigation, design-patterns, examples
JavaScript Bloat in 2024 (nik)15073
javascript, performance
Vanilla JavaScript, Libraries, and the Quest for Stateful DOM Rendering (sma)15072
javascript, libraries, client-side-rendering, state-management
JSR: What We Know So Far About Deno’s New JavaScript Package Registry (sar/soc)15071
jsr, deno, dependencies, javascript
Filling Gaps With a Polyfill (jay)15070
polyfills, html, css, javascript, history
Building Dynamic Progress Bars Using Only CSS (ami)15069
css, progress-indicators
ARIA (Are Ya) Afraid of the Dark? Unmasking Common HTML Monsters to Create Better User Experiences (deq)15068
videos, accessibility, aria, html, user-experience
The One Trick Every Flutter Web Dev Needs to Know15067
tips-and-tricks, flutter, performance
Next.js vs. Remix—a Developer’s Dilemma15066
nextjs, remix, comparisons
Release Notes for Safari Technology Preview 189 (jon/web)15065
release-notes, browsers, safari
Discovering Web Automation and Scraping (gli)15064
scraping, automation, bots, tooling
Making of True Multi-Brand Design System15063
design-systems, theming
10 Best “Create React App” Alternatives for Different Use Cases15062
react, frameworks, tech-stacks, comparisons, link-lists
How to Optimize the Web for the Worst User Conditions?15061
how-tos, user-experience, responsive-design, performance, optimization
CSS “::backdrop” Now Inherits From Its Originating Element (bra)15060
css, selectors
View Transitions: Handling Aspect Ratio Changes (jaf)15059
css, view-transitions, aspect-ratio
Syntax Highlighting With No Spans?! (chr/fro)15058
css, apis, syntax-highlighting
Parallax Effect With CSS Custom Properties (fro)15057
css, custom-properties, effects, parallax
Node.js 2023 Year in an Article (raf)15056
nodejs, retrospectives
My Favourite Animation Trick: Exponential Smoothing (lis)15055
animations, tips-and-tricks
How to Make a Cursor Image Hover Effect With CSS and JS15054
how-tos, css, javascript, images, cursors, hover
Control Lazy Load, Infinite Scroll, and Animations in React15053
react, lazy-loading, scrolling, animations, javascript
“random()” Distribution Visualizer15052
javascript, randomness, visualization
Does Your Design Conform With WCAG Accessibility Guidelines—or Does It Comply? (deq)15051
videos, accessibility, wcag, guidelines, compliance
CSS-Only Radial Progress Bars Using Conic Gradients15050
videos, css, gradients, progress-indicators
My Design System Journey: Building the Plane While Flying15049
design-systems, collaboration, processes
Design Patterns That Encourage Junk Data (mic)15048
design-patterns, sustainability, economics, storage, email
Preventing SQL Injection Attacks in Node.js15047
security, nodejs, databases, sql
Why Is JavaScript Fragile? (cfe)15046
javascript
Okay, Color Spaces (eee)15045
colors, oklch
How to Use Local Storage in JavaScript (fre)15044
how-tos, browser-storage, javascript
How to Transfer Binary Data Efficiently Across Worker Threads in Node.js15043
how-tos, nodejs, worker-threads
A Practical Guide to Using Shadow DOM (may)15042
guides, dom, shadow-dom
A Practical Guide to Designing for Colorblind People (vit/sma)15041
guides, accessibility, design, colors, color-blindness
Fostering a Collaborative Onboarding Team to Design Better Onboarding Experiences (uxm)15040
collaboration, onboarding, user-experience
17 Equations That Changed the World—Rewritten in JavaScript15039
javascript, math
7 Effective Ways to Craft Compelling Problem Statements for UX Design (uxm)15038
user-experience, product-management, processes