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#
Hardest Problem in Computer Science: Centering Things (nik)15598
css, design, centering
Why We Are Still Using 88×31 Buttons15597
images, history, design
Things That Can Break “aspect-ratio” in CSS (chr/fro)15596
css, aspect-ratio
[pnpm] v9.0.0 (pnp)15595
release-notes, pnpm
Electron 30.0.0 (kee/ele)15594
release-notes, electron
Open Source Security (OpenSSF) and OpenJS Foundations Issue Alert for Social Engineering Takeovers of Open Source Projects (rgi/ope)15593
foss, security, openjs
Ethics in Times of Growth Design15592
design, ethics
How a Successful Website Migration Led to a 20% Increase in Keyword Rankings (moz)15591
migrating, processes, seo, sem
Five Ways Cookie Consent Managers Hurt Web Performance (and How to Fix Them) (cli/spe)15590
cookies, consent-management, performance
Don’t Use the “maxlength” Attribute to Stop Users From Exceeding the Limit (ada)15589
html, attributes, forms, usability
Document Collaboration (With Comments!) (chr/fro)15588
documentation, collaboration, comparisons, link-lists
CSS in React Server Components (jos)15587
css, javascript, react, components, css-in-js
ARIA in HTML (sco+/w3c)15586
standards, accessibility, aria, html
An Intro to Flexbox (cfe)15585
introductions, css, flexbox, layout
10 Top Accessibility Errors and How to Avoid and Fix Them (sch)15584
accessibility
Interview With Senior JS Developer 202415583
videos, interviews, javascript, frameworks, libraries, tech-stacks, tooling, web-platform
Beware—Automatic Tools Over-Report Accessibility Issues and Steal Your Time (cer)15582
accessibility, auditing, tooling
Why Many Junior Developers Quit Programming (tip)15581
career, learning
What if You Had Real Control Over Light Mode / Dark Mode on a Per-Site Basis? (bra)15580
apis, dark-mode
Things You Should Do in Your Dev Journey15579
career
My “Skip to Content” Markup Was Breaking the Back Button on iOS (db)15578
html, skip-links, accessibility, mobile
How to Write a Code Formatter15577
how-tos, formatting
9 Signs Your Frontend Code Has Quality Issues That Affect Your Users (ang)15576
quality, craft, accessibility, usability, user-experience, conformance, performance
Mixins Three Ways (dut)15575
mixins, sass, less, css
Sliding 3D Image Frames in CSS (css/sma)15574
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)15573
guides, ci-cd, deploying, jenkins, docker, kubernetes, aws, github-actions, django
How Do Open Source Licenses Work? The Ultimate Guide15572
guides, foss, licensing
Naming Colors in Design Systems (ado)15571
naming, colors, design-systems
10 Things Software Developers Should Learn About Learning15570
research, learning
Monitoring BFCache Blocking Reasons (chr/mdn)15569
bfcache, monitoring, debugging, performance
Introducing JS Naked Day (mac)15568
introductions, javascript, awareness-days
How to Build a Reusable Grid System With CSS Grid (cfe)15567
how-tos, css, grids, layout, maintainability
Blockin’ Bots (bee)15566
scraping, ai, apache, configuration
Epic App Performance Starts With the Database15565
videos, performance, databases, optimization
Unleashing Designers With Tailwind CSS15564
videos, tailwind, design, processes
Why I’m Embracing the Arc Browser15563
browsers, arc
Socks, Lies, and Accessibility15562
accessibility, awareness-days, link-lists
Let Me Be15561
videos, javascript
Purging Design System “Rot” From Our Checkboxes (chu)15560
design-systems, maintenance, quality, accessibility, case-studies
CSS Tricks to Master the “clip-path” Property (css)15559
css, masking, clipping, tips-and-tricks
Web Accessibility Statement: How to Write One15558
how-tos, accessibility, documentation, writing
Zombie Estimation15557
agile, scrum, processes, project-management
npm Basics for New Developers (nim)15556
fundamentals, npm
Quick Tip: How to Animate Text Gradients and Patterns in CSS (ral)15555
tips-and-tricks, how-tos, animations, gradients, css
The Dos and Don’ts of Using “tabindex” in Web Design (a11)15554
accessibility, keyboard-navigation, html
Accessible Interactions in JavaScript Apps (san)15553
videos, accessibility, javascript, aria
Gap Is the New Margin (chr/fro)15552
css, margins, layout
Complete a VPAT: Show How Accessible Your Product Is (deq)15551
accessibility, vpat-acr, conformance, documentation
An Intro to CSS Grid (cfe)15550
introductions, css, grids, layout
A Comparison of Automated Testing Tools for Digital Accessibility (equ)15549
accessibility, testing, tooling, automation, comparisons
Control Your Vertigo—the Unspoken Rule for Defending Design Decisions15548
design, user-experience
Wednesday, April 10, 2024 Security Releases (raf/nod)15547
release-notes, nodejs, security
Optimizing WebKit and Safari for Speedometer 3.0 (pat+/web)15546
webkit, browsers, safari, performance, optimization
The Guide to Git I Never Had15545
guides, git, command-line, cheat-sheets
I Never Knew a Website Could Hurt Someone (kar)15544
videos, accessibility
Release Notes for Safari Technology Preview 192 (jon/web)15543
release-notes, browsers, safari
Frontend Development Beyond React: Svelte15542
svelte
The Future of Design Systems Is Marketing (fig)15541
design-systems, marketing, metrics
Notes on Git’s Error Messages (b0r)15540
git, errors
JS Naked Day (mac+)15539
websites, javascript, awareness-days
A Love Letter to Gen Z From Gen Y: Understanding React’s Evolution15538
react, history
Is the Party Over for Scrum Masters and Agile Coaches?15537
agile, scrum, career
Recapping ng-conf 202415536
angular
The ADA Now Has Regulations for Accessibility of Web Content and Mobile Apps (slo/tpg)15535
accessibility, ada, legal, web, mobile
React Server Components in a Nutshell15534
react, components
Sending Email Using Node.js (cra)15533
nodejs, email
An Introduction to the Node.js Performance API (bet)15532
introductions, nodejs, performance, apis
Happy CSS Naked Day 2024 (fro)15531
frontend-dogma, css, awareness-days
Understanding Interaction to Next Paint (INP) (wil/fro)15530
performance, web-vitals
Layered Toggles: Optional CSS Mixins (kiz)15529
css, mixins, techniques
Figma Prototypes vs. HTML Prototypes (ada)15528
design, processes, prototyping, figma, html, comparisons
Ableism and Related Terms You Need to Know (mer)15527
terminology, communication, dei
Building a CLI From Scratch With TypeScript and oclif15526
command-line, typescript
The Death of Creativity15525
creativity, ai
Misinformation and Disinformation Online: What Design Can Do to Remedy This Problem (uxm)15524
design, communication
How I Write Commits Like a Pro15523
version-control, git, commit-messages, conventions
DORA’s Software Delivery Metrics: The Four Keys (nat)15522
processes, metrics
Node.js Debugging in Chrome DevTools (chr/fro)15521
nodejs, debugging, tooling, browsers, chrome, dev-tools
Justice Department to Publish Final Rule to Strengthen Web and Mobile App Access for People With Disabilities15520
accessibility, legal, web, mobile
Creating a Navbar in React15519
navigation, react, css
Techniques for Fetching Data: Comparing Next.js (App and Pages API), Remix, and RedwoodJS (sel/red)15518
data-fetching, techniques, nextjs, remix, redwoodjs, comparisons
Node.js Secure Coding: Mitigate and Weaponize Code Injection Vulnerabilities15517
books, nodejs, security, vulnerabilities
What Is Whitespace? (nng)15516
videos, whitespace, design, concepts, terminology
User Experience in the Era of AI: Enhancing Human-Machine Interactions (uxm)15515
user-experience, ai, hci
Things That I Like Better in Vue Than in React15514
vuejs, react, frameworks, comparisons
Inclusive Digital Experiences: Redesign Strategies for Addressing Diverse Abilities and Accessibility Challenges (uxm)15513
redesigning, strategies, dei, accessibility
10 Must Know System Design Concepts for Interviews15512
interviewing, architecture, system-design, concepts, scalability
Demystifying the Shadow DOM15511
dom, shadow-dom
Blind Internet Users Struggle With Error-Prone AI Aids (fin)15510
accessibility, ai
Testing HTML With Modern CSS (hey)15509
html, css, testing, quality
Jekyll vs. Astro (koo)15508
site-generators, comparisons, jekyll, astro
Faster Websites With the “picture” Element (fra)15507
html, images, performance
[zx] 8.0.015506
release-notes, zx
21 HTML Tips You Must Know About15505
html, tips-and-tricks
Reviewing Polypane for Responsive Website Tweaks15504
videos, polypane, browsers
Why I’m Yet Another Woman Leaving the Tech Industry15503
career, community
WCAG Bypass Blocks (“Skip to Content”)—Improve User Interaction Speed and Even Prevent Pain (cer)15502
accessibility, user-experience, keyboard-navigation, skip-links, wcag
How to Think About HTML Responsive Images (db)15501
how-tos, html, images, responsive-design
How to Make Your Website Work Offline15500
how-tos, web-workers, offline, javascript
DevTools Tips and Tricks (pan/fro)15499
browsers, dev-tools, tips-and-tricks
Managing User Focus With “:focus-visible” (css)15498
css, selectors, focus
Creativity in Software Engineering15497
research, creativity, programming
Breakpoints in Responsive Design (nng)15496
design, responsive-design, breakpoints, usability
The Free Software Commons (jen)15495
foss, community, security
Should Designers Code? (bra)15494
design, career
ESLint v9.0.0 Released (nza/esl)15493
release-notes, eslint
Drive-By Accessibility Tweaks (bru)15492
accessibility
“AI” Won’t Solve Accessibility (yat)15491
accessibility, ai
Modern CSS Patterns in Campfire15490
css, case-studies
The Basics of Legibility15489
fundamentals, typography, legibility
Heat Death of the Internet15488
web
Building Components With Radix UI15487
radix, components
A Complete Guide to CSS Logical Properties, With Cheat Sheet (ral)15486
guides, css, logical-properties, cheat-sheets
AI and the Future of Web Accessibility Guidelines15485
discussions, accessibility, wcag, standards, ai, w3c
The V8 Sandbox15484
v8, security
JavaScript Visualized—Event Loop, Web APIs, (Micro)task Queue15483
videos, javascript, visualization, event-loop, events, apis
When to Use “tabindex="0"” (gra/tet)15482
accessibility, keyboard-navigation, focus, html
Rounded Tabs With Inner Curves (css)15481
css, effects, tips-and-tricks
How to Strongly Type process.env (mat)15480
how-tos, typescript, nodejs
Hanging Punctuation in CSS15479
css, typography
How to Build a Simple Web Server With Node.js15478
how-tos, servers, nodejs
BFCache Explained15477
bfcache, browsers, performance
Using JSON Web Tokens With Node.js15476
json-web-tokens, nodejs, security, authentication
Introducing Jpegli: A New JPEG Coding Library15475
introductions, jpeg, images, libraries, compression
Wednesday, April 3, 2024 Security Releases (nod)15474
release-notes, nodejs, security
Building a Digital Fortress: How to Strengthen DNS Against DDoS Attacks?15473
dns, security
In-Page Links: 3 Usability Tips (nng)15472
videos, links, usability, tips-and-tricks
Theming Design Systems (per)15471
design-systems, theming
The View Transitions API (cas/fro)15470
view-transitions, apis, astro
Svelte Parses HTML All Wrong (ric)15469
svelte, html, parsing
Fluid Typography With Discrete Steps (css)15468
css, typography, tips-and-tricks
Finally Understand Responsive Design15467
videos, responsive-design, css
“aspect-ratio” Gotcha (css)15466
css, aspect-ratio, images
An Advanced Way to Use CSS Variables (cfe)15465
css, custom-properties
AI and the Web: Understanding and Managing the Impact of Machine Learning Models on the Web (don/w3c)15464
ai, web
How to Get Somebody Fired Using Git15463
version-control, git, career
WebAssembly at Google (tom)15462
videos, webassembly, google
Learn JavaScript (wil)15461
courses, javascript
WordPress 6.5 “Regina” (pho/wor)15460
release-notes, wordpress
How-To: 5 Steps to Detect Invalid HTML Breaking Your [Site’s Performance] (erw)15459
how-tos, html, conformance, performance
Infinite-Scrolling Logos in Flat HTML and Pure CSS (cit/sma)15458
branding, scrolling, animations, techniques, css
How We’re Approaching Theming With Modern CSS (bel/pic)15457
css, theming
Drawing a Line to Connect Elements With CSS Anchor Positioning (cit/fro)15456
css, anchor-positioning
Authentication in Next.js (rwi)15455
authentication, nextjs
An Interactive Guide to CSS Container Queries (sha)15454
guides, css, container-queries
The Detail, the Quality15453
design, quality
What Even Is a JSON Number?15452
json, terminology
Micro Frontends With Native Federation15451
micro-frontends, comparisons
The Era of High-Paying Tech Jobs Is Over15450
programming, career, ai, economics
Introducing Root.js15449
introductions, tooling, content-management
Bun 1.1 (jar+/bun)15448
release-notes, bun
A Complete Guide for Content Creators to Start Making Accessible Content (pop)15447
guides, accessibility, content
14 Top UX Tools for Designers in 2024 (web)15446
user-experience, tooling, link-lists
10 JavaScript Sites Every Web Developer Should Know15445
javascript, learning, link-lists
The DevOps Basics15444
dev-ops, fundamentals
Disable AWS CloudFront Distributions if Budget Is Exceeded15443
aws, cloudfront, configuration, economics
Why I Use Node, Deno, Bun, [QuickJS], [txiki.js] at the Same Time15442
tooling, nodejs, deno, bun, quickjs
Why I Care Deeply About Web Accessibility and You Should Too (sch)15441
accessibility, web
Object Structure in JavaScript Engines15440
objects, javascript, javascript-engines
Latest WebAIM’s Million—Some Thoughts (cer)15439
accessibility
Kobold Letters (wed)15438
html, email, support
Some Samples Using UIkit15437
uikit
Design Is a Process of Getting Stuck (fon)15436
design, processes
The Power of “:has()” in CSS (css)15435
css, selectors
What Negative Effects Does a Bad Website Design Have on My Business? (web)15434
design, economics
The Easy Way to Access the Last JavaScript Array Element15433
javascript, arrays
“@scope” Is Coming to CSS and It’s Amazing (kev)15432
videos, css, scope
The WebAIM Million: The 2024 Report on the Accessibility of the Top 1,000,000 Home Pages (web)15431
studies, research, accessibility, homepages, metrics
The Curious Case of the CSS Monochrome Media Query (sea)15430
css, media-queries
On “disabled” and “aria-disabled” Attributes (kit)15429
accessibility, html, attributes, aria
Front-End Development’s Identity Crisis (ell)15428
career
Figma Plugins (tmc)15427
figma, plugins
New to the Web Platform in March15426
release-notes, web-platform, browsers, firefox, safari, chrome
A Guide to Building CLI Tools in JavaScript15425
guides, tooling, command-line, javascript, nodejs
Improving the Developer Experience of Enterprise Design Systems15424
design-systems, developer-experience, optimization
History of JS Interop in Dart15423
javascript, dart, interoperability, history
The Browser Company and Radical Transparency15422
the-browser-company, culture, communication
What’s New in DevTools, Chrome 12415421
release-notes, dev-tools, browsers, chrome
Release Notes for Safari Technology Preview 191 (jon/web)15420
release-notes, browsers, safari
CSS Color-Scheme-Dependent Colors With “light-dark()” (bra)15419
css, functions, colors, dark-mode
The Complete Guide to Captioned Videos (mer)15418
guides, accessibility, captions, multimedia
Finally Understanding How “Array.sort(comparator)” Works (jam)15417
javascript, arrays
Meet Angular’s New “output()” API (ang)15416
angular, apis
What Even Are Dragging Movements? (cat/spa)15415
accessibility, interaction-design, terminology
Iterator Helpers15414
ecmascript, javascript, javascript-engines, v8
How I Fixed My Brutal TTFB (whi/get)15413
performance, metrics, optimization
ai.robots.txt (cor)15412
ai, crawling, scraping, robotstxt, tooling
In-App Browsers Are Still a Privacy, Security, and Choice Problem (tho/the)15411
browsers, mobile, privacy, security
Flickering Glowing Text Effect With CSS (man)15410
css, effects
Node v20.12.0 (LTS) (nod)15409
release-notes, nodejs
How to Use jQuery’s “ajax()” Function for Asynchronous HTTP Requests15408
how-tos, jquery, ajax, functions, asynchrony
History of Web Accessibility15407
videos, accessibility, history
Quick Tip: How to Align Column Rows With CSS Subgrid (ral)15406
tips-and-tricks, how-tos, css, grids, layout, alignment
Convention Over Creativity? The Ups and Downs of UX Design15405
user-experience, design
Exploring the Power of ARIA Live Attribute in Web Accessibility15404
accessibility, aria, attributes
Animating Clip Paths on Scroll With “@property” in CSS (uti)15403
css, animations, scrolling, clipping, masking
What You Need to Know About Modern CSS (Spring 2024 Edition) (chr/fro)15402
css, overviews
How to Take Control of Flexbox (kev)15401
videos, how-tos, css, flexbox, layout
How Invalid HTML Elements Impact Web Performance (erw)15400
html, conformance, performance
How Does npx Actually Work and When to Use It15399
npx, nodejs
CSS Anchor Positioning (tab+/w3c)15398
standards, css, anchor-positioning
Be Flexible About What People Need (and Don’t Assume) (eri)15397
accessibility
How to Consolidate Multiple Design Systems15396
how-tos, design-systems, processes
7 Simple Rules for Better Data Visualization15395
information-design
Error Messages 101 (nng)15394
videos, usability, errors, microcontent
Setting and Persisting Color Scheme Preferences With CSS and a “Touch” of JavaScript (ole/sma)15393
colors, dark-mode, css, javascript
JavaScript Visualized: Promise Execution15392
javascript, promises, visualization
Diving Into the Node.js Website Redesign (bri/nod)15391
redesigning, case-studies
No One Actually Wants Accessibility (dav)15390
accessibility
CORS Finally Explained—Simply15389
security, csrf, cors, concepts
How Does Single Sign-On (SSO) Work? (mil)15388
authentication, security
Spicing Up Text With “text-emphasis” in CSS (ami)15387
css, typography, effects
New CSS That Can Actually Be Used in 2024 (tho)15386
css, logical-properties, container-queries, selectors, nesting, functions, cascade, grids
Incredible JavaScript Animation Libraries15385
javascript, animations, libraries, link-lists
AI Can Make a Code Review for Free15384
ai, code-reviews, tooling
Learn OAuth 2.0 by Building Your Own OAuth Client15383
authorization, oauth, functionality
Radix Themes 3.015382
release-notes, radix
Profile Node.js Performance With the Performance Panel (jec+)15381
nodejs, performance, debugging, browsers, chrome, dev-tools
ARIA “role=application” and Mobile Screen Readers (cer)15380
accessibility, aria, screen-readers, mobile
Accessible Forms With Pseudo Classes (css)15379
accessibility, forms, css, selectors
Don’t Get Scammed by Fake Performance Experts and Apps15378
performance, tooling
Quick Tip: How to Add Gradient Effects and Patterns to Text (ral)15377
tips-and-tricks, how-tos, css, gradients, effects
The Cost of Interrupted Work: More Speed and Stress15376
research, productivity, processes
12 Figma Tips to Work More Efficiently15375
figma, tips-and-tricks, efficiency
The “Current Branch” in Git (b0r)15374
git
Node.js TSC Confirms: No Intention to Remove npm From Distribution (sar/soc)15373
nodejs, npm
Going Beyond Pixels and (r)ems in CSS—Absolute Length Units (uti/iod)15372
css, units
CSS Values and Units Module Level 3 (tab+/w3c)15371
standards, css, units
CAPTCHA Excludes Disabled Web Users (zel)15370
accessibility, captcha
Optimizing JavaScript for Fun and for Profit15369
javascript, optimization
[Bulma] 1.0.015368
release-notes, bulma
Relicensing and Rug Pulls15367
foss, licensing, history
Node.js: The Documentary (isa+)15366
videos, nodejs, history
Welcome to Future of Web Accessibility Based on Predictors (jar+)15365
videos, accessibility, outlooks
Avoid These Design System Traps15364
design-systems
“__dirname” Is Back in Node.js With ES Modules (phi)15363
nodejs, esm
Microservices Promised Freedom but Delivered Dependencies (pur)15362
microservices, dependencies
This Pattern Will Wreck Your React App’s TS Performance (mat)15361
design-patterns, react, typescript, performance
On the Gift of OKR for Company Culture (j9t)15360
processes, okr, culture
On Popover Accessibility: What the Browser Does and Doesn’t Do (hdv+)15359
accessibility, pop-overs, html
How to Test 3.3.8 Accessible Authentication (Minimum) (sib/tpg)15358
how-tos, accessibility, testing, authentication
Building a Micro htmx SSR Framework (mco/pla)15357
frameworks, htmx, examples
Progressive Disclosure Defaults15356
css, forms, interaction-design
Folder Structures in React Projects15355
react, architecture
Angular Signals: Best Practices15354
angular, signals, best-practices
Understanding Memory Heap and Memory Leaks—How the JS Engine Works (fro)15353
javascript-engines, memory, garbage-collection, asynchrony
Psychology and UX: Decoding the Science Behind User Clicks15352
user-experience, design, principles
The Box Model and Box Sizing (bel/pic)15351
css, box-model, concepts
How to Plan Your First Successful Website (web)15350
how-tos, processes, project-management
How to Create a Website and a PDF From the Same Codebase (spa/clo)15349
how-tos, code-generation, pdf, functionality
Aesthetic Layouts: 2 Column Magazine With “shape-outside” (jhe)15348
code-pens, layout, css
Essential CSS Tools for Developers (nim)15347
css, tooling
Build a Full-Stack App With Node.js and htmx15346
web-apps, nodejs, htmx
How to Assess Your Fit for a Job Description: A Guide for Technologists (wom)15345
how-tos, guides, interviewing, career
Using Relative Colors (chr/mdn)15344
css, colors
Chill Scroll Snapping: Article Headers (chr/fro)15343
css, scrolling
The Power of Textual Content in UX Design (uxm)15342
content, user-experience
Comparing ECMAScript Modules and CommonJS15341
comparisons, esm, commonjs
The Ultimate Guide to Understanding npx vs. npm15340
guides, npx, npm, nodejs
How Web-Site Design and Social Media Work Together (uxm)15339
design, content, social-media
Oh Sh*t, My App Is Successful and I Didn’t Think About Accessibility15338
accessibility
Make a Web Browser: Beginner’s Guide (nim)15337
guides, browsers, browser-engines
Empowering the User Experience Through Microinteractions: 7 Best Practices (uxm)15336
user-experience, interaction-design, best-practices
A Designer’s Role Is Not “at the Table”15335
design, career
How Meta Improved Their Cache Consistency to 99.9999999915334
facebook+meta, caching
Accessibility Foundations (ihe/tpg)15333
accessibility, fundamentals, link-lists
Observability Is an Illusion (pur)15332
observability, logging, monitoring, alerting
“require(esm)” in Node.js (joy)15331
nodejs, ecmascript, esm, commonjs
I’m So Old: Web Edition (dav)15330
web, history
How to Kill the Cascade (fon)15329
css, cascade, resets, scope
Every React Concept Explained in 12 Minutes15328
videos, react, concepts
Build a Node App With TypeScript (mat)15327
nodejs, typescript, pnpm, esm
A Comparison of JavaScript CRDTs (alm)15326
javascript, types, comparisons
Why UI Designers Should Understand Flexbox and CSS Grid15325
design, layout, flexbox, grids, css
Time to Ditch Analytics? Tracking Scripts and Web Sustainability (mic)15324
embed-code, google, analytics, sustainability, performance, compliance
2024 Cheat Sheet Collection15323
cheat-sheets, link-lists
Mental Health in Open Source (ant)15322
foss, career
How Web Bloat Impacts Users With Slow Devices15321
performance, metrics, comparisons, web
Copy Objects Ways in JavaScript15320
javascript, objects
Migrating Away From Jest and Achieving Over 90% Reduction in Running Time (pat)15319
migrating, jest, testing, memory, performance
Webflow 101: A Guide for Beginners15318
introductions, guides, webflow, low-and-no-code
Deploying Remix to GitHub Pages (rem)15317
videos, deploying, remix, github-pages
How to Optimize Cumulative Layout Shift (CLS) on Shopify Sites (sia)15316
how-tos, performance, web-vitals, optimization, shopify
How (In)Efficient Are Engineering Organizations?15315
efficiency, processes, engineering-management
Quick Tip: Creating a Date Picker in React15314
tips-and-tricks, react, functionality
Accessibility in Design Systems: A Comprehensive Approach Through Documentation and Assets15313
accessibility, design-systems, documentation, dei
Skeuomorphism (nng)15312
design, terminology
Homepage Design: 5 Fundamental Principles (nng)15311
design, homepages, principles
When “Semantic Tokens” Are No Longer Semantic15310
design-tokens, semantics
Performance Tooling in 2024 and Beyond (pau)15309
performance, tooling, browsers, dev-tools, lighthouse
There Is No EU Cookie Banner Law15308
consent-management, cookies, legal
Qwik vs. Next.js: Which Framework Is Right for Your Next Web Project?15307
frameworks, comparisons, qwik, nextjs
What Is Safe Alignment in CSS? (chr/fro)15306
css, layout, user-experience
The Golden Age of Accessibility15305
accessibility
Make Your Functions More Reusable With Generics (mat)15304
typescript, functions, generics, maintainability
Arguments for Opening Links in a New Tab or Window (gri/clo)15303
links, usability
My New Favorite CSS Trick: “will-change”15302
css, animations, transitions, tips-and-tricks
Ruby Is Complicated15301
html
25 Unnoticeable Features of JavaScript15300
javascript
Refactoring My Ugliest Code With Signal View Queries15299
videos, refactoring, angular
WCAG 2.2 Detective Skills15298
accessibility, standards, wcag
How to Design Icons in Figma15297
how-tos, images, icons, figma, design
How to Avoid Flaky Tests in Playwright15296
how-tos, testing, flakiness, playwright
A Beginner’s Guide to Node.js Worker Threads (bet)15295
guides, nodejs, worker-threads
You Want “border-color: transparent”, Not “border: none” (dav/fro)15294
css, borders, transparency+opacity, accessibility, contrast
HTML Performance Optimization: Tips for Faster Loading Pages15293
html, landing-pages, performance, optimization, tips-and-tricks
What’s Next for a Global Design System (bra)15292
design-systems
There Are No Standards Police (mno)15291
standards, policies, processes
The Problem With Data Attributes for Text Effects (man)15290
html, custom-data, css, typography, effects
The Problem With AI (cfe)15289
ai
Another JS Registry—Seriously?! (den)15288
videos, jsr, dependencies, javascript
The Essential Guide to Microcopy and Becoming a More Literate Designer15287
guides, design, microcontent, content, writing
Runtime Compatibility (asc+)15286
websites, runtimes, interoperability, comparisons, bun, deno, netlify, nodejs
5 Exciting New JavaScript Features in 202415285
javascript
Marking the Web’s 35th Birthday: An Open Letter (tim)15284
open-letters, web, history, anniversaries
Interaction to Next Paint Is Officially a Core Web Vital (rvi)15283
performance, web-vitals
15 Years of Running a Personal Website (ste)15282
indieweb
Why Your Microservices Architecture Is Probably Overkill (and How I Learned to Love the Monolith Again) (pur)15281
architecture, microservices, monoliths
Thoughts on Embedding Alternative Text Metadata Into Images (eri)15280
accessibility, images, metadata
The “10× Engineer”: 50 Years Ago and Now (ger)15279
productivity, processes, career, history
Spread vs. Rest Operators in JavaScript15278
javascript, operators, comparisons
How to Read Files Quickly in JavaScript (lem)15277
how-tos, javascript, file-handling
Building Websites and Building Websites Well (j9t)15276
quality, craft, community
A Letter to My Younger Self, as an Accessibility Advocate (hbu)15275
accessibility, advocacy, retrospectives
Comparing JavaScript Frameworks: Templates15274
javascript, frameworks, templates, comparisons
A Gentle Introduction to Generics in TypeScript15273
introductions, typescript, generics
Express.js With TypeScript—Setup, Examples, Testing15272
videos, express, typescript, testing, examples
IDEs vs. Code Editors: Everything You Need to Know (jet)15271
code-editors, comparisons, concepts
Accessibility: Implementing Focus Traps15270
accessibility, focus, keyboard-navigation
JSON Canvas15269
websites, standards, json, canvas
Have You Optimized for INP?15268
performance, web-vitals, optimization
What Is INP and Why You Should Care (whi/get)15267
performance, web-vitals, monitoring
Streaming HTML (chr/fro)15266
html, php, streaming
Distinguishing Between ARIA and Native HTML Attributes (deq)15265
html, aria, attributes, accessibility, comparisons
Are We Watching the Internet Die? (edz)15264
web
Announcing Speedometer 3.0: A Shared Browser Benchmark for Web Application Responsiveness15263
performance, tooling, metrics
Alt Text for CSS Generated Content (tem)15262
css, generated-content, alt-text, accessibility
Things I Learned While Building My JS Library15261
javascript, libraries, lessons
Optimising Your Design System With Figma’s Variables15260
design-systems, optimization, variables, figma
CSS Button Styles You Might Not Know (dbu)15259
html, css, buttons
Replace ESLint and Prettier With Biome.js15258
biome, eslint, prettier, comparisons, tooling, remix
eslint-plugin-depend (430)15257
packages, npm, maintenance, simplicity
Jakob Has Jumped the Shark (aar)15256
accessibility, link-lists
How to Invert the Colors Using CSS (ron)15255
css, colors, filters, images
Access by a Thousand Curb Cuts (yat)15254
accessibility
Navigating the Future of Frontend15253
frameworks, web-platform, outlooks
Asking Users for Their Pronouns: A Guide for UX Designers15252
guides, user-experience, communication
Creating Color Palettes With the CSS “color-mix()” Function (mic)15251
css, functions, colors, color-palettes
Add Superpowers to Your CSS Variables With Style Queries (jar/van)15250
css, style-queries, custom-properties
Modern CSS Tooltips and Speech Bubbles II (css/sma)15249
tooltips, css, techniques
How “HEAD” Works in Git (b0r)15248
git
Dissecting Layered Architecture (yok)15247
architecture
Managing Static Files in Django: A Comprehensive Guide15246
guides, django, file-handling
How to Check and Set the “NODE_ENV” Environment Variable and Its Use in a Project15245
how-tos, nodejs, environments
AVIF Is the Future of Web Images15244
images, avif, performance, outlooks
The Quiet, Pervasive Devaluation of Frontend (col)15243
html, css, craft, career, community
Some Little Ways I’m Using CSS “:has()” in the Real World (bel/pic)15242
css, selectors, examples
How to Test 2.5.8 Target Size (Minimum) (sib/tpg)15241
how-tos, accessibility, testing
Internationalization With Remix (rem)15240
remix, internationalization
5 Ways Productivity Culture Kills Business Agility15239
productivity, agile, economics, culture
90% of Designers are Unhirable?15238
design, processes, career
Taming the Shadow DOM: Injecting Global Styles With Adopted Stylesheets15237
shadow-dom, dom, css
10 Figma Keyboard Shortcuts: A Cheat Sheet for UX Designers15236
figma, keyboard-shortcuts, cheat-sheets, design
Release Notes for Safari Technology Preview 190 (jon/web)15235
release-notes, browsers, safari
Leadership Is a Hell of a Drug (lud)15234
leadership, engineering-management
Exploring the Creative Power of CSS Filters and Blending15233
css, blend-modes, filters, effects
The Ultimate Guide to Choosing the Best React Website Builder15232
guides, react, tooling, comparisons, link-lists
WebAssembly JSPI Is Going to Origin Trial15231
webassembly, origin-trials
Sometimes, a Button Just Wants to Look Like a Button15230
design, usability, buttons
The End of My Gatsby Journey (mon)15229
gatsby, frameworks, comparisons
SSG, SSR, ISR, CSR Rendering Strategies in Next.js (fro)15228
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)15227
videos, css, selectors
Making Room for Long List Markers With Subgrid (nol)15226
html, lists, css, grids
Announcing TypeScript 5.4 (dan/typ)15225
release-notes, typescript
How to Ensure Your Designs Work if You Can’t Access Sample Data15224
how-tos, design, usability, metrics, testing
CSS-Tricks in Limbo: Chris Coyier Wants It Back and the Community Reacts15223
css-tricks, digitalocean, community
Best Practices for Inclusive Design (slo)15222
design, dei, accessibility, best-practices
WebKit Features in Safari 17.4 (jen+/web)15221
release-notes, browsers, safari, webkit
Data Table Design Patterns15220
information-design, tables, design-patterns
How to Use WebSockets in Node.js to Create Real-Time Apps (cra)15219
how-tos, websockets, nodejs
Modern Git Commands and Features You Should Be Using15218
git, command-line
Achieving Design Collegiality While Maintaining Psychological Safety (uxm)15217
design, collaboration
SemVer Simplified: An Introduction to Semantic Versioning15216
introductions, semver, versioning
When We Talk About Front-End Performance, What Are We Talking About15215
performance, metrics, web-vitals, lighthouse
JavaScript Runs the World—Maybe Even Literally (wir)15214
javascript, programming, web
WCAG? More Like, W-What?! (stv)15213
accessibility, wcag, link-lists
The 88×31 Archive15212
web, images, history
JSR: Second Look (dbu)15211
jsr
Designing for Mobile Accessibility: Enhancing the User Experience on Small Screens (uxm)15210
design, accessibility, user-experience, mobile
Tools That Make Me Productive as a Software Engineer15209
tooling, productivity, link-lists
VPS Showdown—March 2024—DigitalOcean vs. Linode vs. Vultr15208
servers, hosting, comparisons, metrics, digitalocean
How npm Install Scripts Can Be Weaponized: A Real-World Example of a Harmful npm Package (eth)15207
npm, dependencies, examples, security
Visualizing Frontend Architecture (max)15206
architecture, documentation, visualization
We Need to Talk About Jakob (mat)15205
accessibility
CSS for Printing to Paper15204
css, print
Bugs I’ve Filed on Browsers (nol)15203
browsers, chromium, firefox, webkit, quality
Accessibility Has Not Failed—It Has Not Even Started for Real (cer)15202
accessibility, ai
Accessibility Darkness (ste)15201
accessibility, overlays
The Faster Lambda Runtime—Node.js or LLRT? We Benchmarked15200
lambda, javascript, runtimes, nodejs, comparisons, metrics
Emerging UX Patterns in Generative AI Experiences15199
user-experience, design-patterns, ai
Planning a Design System Generation (nat)15198
design-systems, automation
The Hunt for the Missing Data Type (hil)15197
types, algorithms
Go Ahead and Block AI Web Crawlers (cor)15196
robotstxt, crawling, scraping, ai
A Love Letter to the Underrepresented in Tech (abb)15195
community
Introducing JSR—the JavaScript Registry (lca+/den)15194
introductions, jsr, deno, dependencies, javascript
Team Productivity Metrics for Engineering Managers15193
productivity, metrics, engineering-management
Apple Says iOS 17.4 Won’t Remove Home Screen Web Apps in the EU After All (9to)15192
browsers, apple, mobile, web-apps
An Introduction to Webflow—the No-Code Website Builder15191
introductions, webflow, low-and-no-code
Design System Generations (nat)15190
design-systems, processes
Retrofitting Fluid Typography (ric)15189
liquid-design, typography, css
Web Tech Trends to Watch in 2024 and Beyond (web)15188
trends, design, dark-mode, ai, sustainability, minimalism
TIL—“submit()” Versus “requestSubmit()” (ray)15187
javascript, comparisons
Modern CSS Tooltips and Speech Bubbles (css/sma)15186
tooltips, css, techniques
Eloquent JavaScript (mar)15185
websites, books, javascript
Apple Backs Off Killing Web Apps, but the Fight Continues (owa)15184
web-apps, apple
“AI” and Accessible Front-End Components: Is the Nuance Generatable? (hdv)15183
accessibility, web-components, ai
New to the Web Platform in February15182
release-notes, web-platform, browsers, firefox, chrome, safari
Why Does “is-number” Package Have 59M Weekly Downloads?15181
dependencies, npm
Understanding Cookies and Sessions in React15180
react, authentication, cookies
What You Need to Know About Software Requirements15179
software-design, best-practices
Diving Into CSS Interactivity (daw+/sto)15178
videos, css
What Is Inclusive Design, and How Does It Relate to Accessibility? (slo)15177
design, dei, accessibility
The Wax and the Wane of the Web (ste/ali)15176
web-platform, history
Techniques to Break Words (aar)15175
techniques, html, css, content
Keyboard Accessibility Testing on Mobile Devices15174
accessibility, testing, keyboard-navigation, mobile
Choosing the Right Node.js Package Manager in 2024: A Comparative Guide (nod)15173
guides, nodejs, dependencies, comparisons
Accessibility Has Failed: Try Generative UI = Individualized UX15172
accessibility, usability, ai, outlooks
Where I’m at on the Whole CSS-Tricks Thing (chr)15171
css-tricks, digitalocean
Ultimate Guide to Visual Testing With Playwright15170
guides, testing, regressions, playwright
How to Create a Sidebar Navigation With Astro, Tailwind CSS, and Alpine.js15169
how-tos, navigation, functionality, astro, tailwind, alpinejs
Top 8 Recent V8 in Node Updates (app)15168
nodejs, v8
Creativity Lies in the Paradoxes15167
creativity, design
Enhanced Internationalization (I18N) in Next.js 1415166
nextjs, internationalization
Test Quality vs. Bashing Tailwind CSS (mar)15165
tailwind, css, comparisons
So, What Exactly Did Apple Break in the EU? (tom)15164
browsers, apple, mobile, support, web-apps, apis
Making Math Accessible (ons/tpg)15163
accessibility, math
Going Beyond Pixels and (r)ems in CSS—Container Query Length Units (uti/iod)15162
css, container-queries, units
Apple vs. PWAs—Go Act Now and Help Avoid This Disaster… (cod)15161
apple, web-apps, progressive-web-apps, community
An HTML Switch Control (ann+/web)15160
html, css, forms
Here Lies the Internet, Murdered by Generative AI15159
web, content, ai
Tumblr and WordPress to Sell Users’ Data to Train AI Tools (404)15158
wordpress, ai
How to Lazy-Load CodePen and CanIUse Embeds15157
how-tos, embed-code, performance, codepen, caniuse
What Is Vuetify in Vue.js?15156
vuetify, vuejs
A Guide to CSS Cursor Types15155
guides, css, cursors
The 3 Capabilities Designers Need to Build for the AI Era15154
design, career, training, ai, link-lists
How to Use Server-Sent Events in Node.js (cra)15153
how-tos, nodejs, events
Screen Readers and Drag-and-Drop: Grabbing and Releasing Elements (dar)15152
drag-and-drop, accessibility, browsers, screen-readers, support
YouTube Video Embedding Harm Reduction (jvo)15151
multimedia, embed-code, youtube, html, privacy
ServerlessHorrors (and)15150
websites, serverless, cloud-computing
Reporting Core Web Vitals With the Performance API (geo/sma)15149
apis, performance, web-vitals
AI and Design Systems (bra)15148
ai, design-systems
A Simple Mistake That Can Screw Up Your Light/Dark Theme (and How to Fix It) (kev)15147
videos, mistakes, dark-mode, css
A Fun Line of Code (dbu)15146
javascript, apis, multimedia
No Outer Margin15145
css, margins, spacing, components
How to Build a Newthing15144
how-tos, processes, creativity, maintenance
Speaker Spotlight: Michelle Barker (mic)15143
interviews, css, sustainability
Why I Use Firefox (sim)15142
browsers, firefox
Advanced Figma Tips and Tricks 2024: Little Gems We Love15141
figma, tips-and-tricks
Open Letter to Tim Cook, Sabotaging Web Apps Is Indefensible (owa)15140
open-letters, apple, web-apps
CSS Foundations: What Is IACVT? (bra)15139
css, fundamentals
What Is a Single-Page Application? (hey)15138
single-page-apps, javascript, performance, user-experience
The CSS Cascade—a (Re)Introduction (mat)15137
videos, css, cascade
CSS-Only Bottom-Anchored Scrolling Area (kit)15136
css, scrolling
A Web Designer’s Accessibility Advocacy Toolkit (sma)15135
accessibility, advocacy, strategies
10 Takeaways From the WebAIM Screenreader Survey #10 (kar)15134
accessibility, screen-readers
Home Screen Advantage (sli)15133
browsers, apple, mobile, support, web-apps, web-platform
JSDoc as an Alternative TypeScript Syntax15132
typescript, documentation, jsdoc
Understanding Event-Driven Architecture (yok)15131
architecture, events
WebAIM Screen Reader User Survey 10 (den)15130
accessibility, screen-readers
The Power of Patterns and Playbooks in Content Design (kat)15129
design, content, design-patterns
Navigating Signals: An Efficient Alternative to React Hooks for Enhanced Performance and Optimization15128
react, hooks, signals
My WebAIM 10th SR User Survey Takeaways (aar)15127
accessibility, screen-readers
CSS “:has()” Interactive Guide (sha)15126
guides, css, selectors
CAPTCHA Is Still [the] Most Problematic Issue on the Web (cer)15125
accessibility, web, captcha
A Developer’s Guide for Web Accessibility15124
guides, accessibility
Why My Code Isn’t in TypeScript (rem)15123
typescript
Proposal: CSS Variable Groups (lea)15122
css, variables
UX Leadership Is Failing (and What We Can Do About It)15121
user-experience, leadership
Difference Between the Accessibility Page and the Accessibility Statement15120
accessibility, documentation, comparisons
htmx vs. React: A Complete Comparison15119
htmx, react, comparisons
Navbar Gallery15118
websites, navigation, design-patterns, examples
JavaScript Bloat in 2024 (nik)15117
javascript, performance
Vanilla JavaScript, Libraries, and the Quest for Stateful DOM Rendering (sma)15116
javascript, libraries, client-side-rendering, state-management
JSR: What We Know So Far About Deno’s New JavaScript Package Registry (sar/soc)15115
jsr, deno, dependencies, javascript
Filling Gaps With a Polyfill (jay)15114
polyfills, html, css, javascript, history
Building Dynamic Progress Bars Using Only CSS (ami)15113
css, progress-indicators
ARIA (Are Ya) Afraid of the Dark? Unmasking Common HTML Monsters to Create Better User Experiences (deq)15112
videos, accessibility, aria, html, user-experience
The One Trick Every Flutter Web Dev Needs to Know15111
tips-and-tricks, flutter, performance
Next.js vs. Remix—a Developer’s Dilemma15110
nextjs, remix, comparisons
Release Notes for Safari Technology Preview 189 (jon/web)15109
release-notes, browsers, safari
Discovering Web Automation and Scraping (gli)15108
scraping, automation, bots, tooling
Making of True Multi-Brand Design System15107
design-systems, theming
10 Best “Create React App” Alternatives for Different Use Cases15106
react, frameworks, tech-stacks, comparisons, link-lists
How to Optimize the Web for the Worst User Conditions?15105
how-tos, user-experience, responsive-design, performance, optimization
CSS “::backdrop” Now Inherits From Its Originating Element (bra)15104
css, selectors
View Transitions: Handling Aspect Ratio Changes (jaf)15103
css, view-transitions, aspect-ratio
Syntax Highlighting With No Spans?! (chr/fro)15102
css, apis, syntax-highlighting
Parallax Effect With CSS Custom Properties (fro)15101
css, custom-properties, effects, parallax
Node.js 2023 Year in an Article (raf)15100
nodejs, retrospectives
My Favourite Animation Trick: Exponential Smoothing (lis)15099
animations, tips-and-tricks