Frontend Dogma

News and Tools for Frontend Developers (10)

(Stay up-to-date on all topics by RSS feed, on Mastodon, and through other channels.)

Entry (With Sources) and TopicsDate#
Accessible Interactions in JavaScript Apps (by/via)10552
, , ,
npm Basics for New Developers (by/via)10551
,
Zombie Estimation (via)10550
, , ,
Web Accessibility Statement: How to Write One (via)10549
, ,
Quick Tip: How to Animate Text Gradients and Patterns in CSS (by/via)10548
, , , ,
Purging Design System “Rot” From Our Checkboxes (by/via)10547
, , , ,
CSS Tricks to Master the “clip-path” Property (by/via)10546
, ,
Complete a VPAT: Show How Accessible Your Product Is (via)10545
, , ,
A Comparison of Automated Testing Tools for Digital Accessibility (via)10544
, , , ,
Optimizing WebKit and Safari for Speedometer 3.0 (by+/via)10543
, , , , ,
JS Naked Day (by+)10542
, , , ,
The Guide to Git I Never Had (by/via)10541
, , ,
Release Notes for Safari Technology Preview 192 (by/via)10540
, , ,
Wednesday, April 10, 2024 Security Releases (by/via)10539
, ,
I Never Knew a Website Could Hurt Someone (by/via)10538
,
Control Your Vertigo—the Unspoken Rule for Defending Design Decisions (by/via)10537
,
Notes on Git’s Error Messages (by)10536
,
Frontend Development Beyond React: Svelte (by/via)10535
React Server Components in a Nutshell (by/via)10534
,
The ADA Now Has Regulations for Accessibility of Web Content and Mobile Apps (by/via)10533
, , , ,
Understanding Interaction to Next Paint (INP) (by/via)10532
,
Sending Email Using Node.js (by/via)10531
,
Figma Prototypes vs. HTML Prototypes (by)10530
, , , , ,
Happy CSS Naked Day 2024 (via)10529
, , ,
Ableism and Related Terms You Need to Know (by)10528
, ,
Recapping ng-conf 2024 (by/via)10527
Layered Toggles: Optional CSS Mixins (by)10526
, ,
Is the Party Over for Scrum Masters and Agile Coaches? (by)10525
, ,
An Introduction to the Node.js Performance API (by/via)10524
, , ,
A Love Letter to Gen Z From Gen Y: Understanding React’s Evolution (by)10523
,
Inclusive Digital Experiences: Redesign Strategies for Addressing Diverse Abilities and Accessibility Challenges (via)10522
, , ,
What Is Whitespace? (via)10521
, , , ,
Misinformation and Disinformation Online: What Design Can Do to Remedy This Problem (by/via)10520
,
User Experience in the Era of AI: Enhancing Human-Machine Interactions (via)10519
, ,
Node.js Debugging in Chrome DevTools (by/via)10518
, , , , , ,
Things That I Like Better in Vue Than in React10517
, , ,
The Death of Creativity (by)10516
,
Node.js Secure Coding: Mitigate and Weaponize Code Injection Vulnerabilities (by)10515
, , ,
Justice Department to Publish Final Rule to Strengthen Web and Mobile App Access for People With Disabilities (via)10514
, , ,
How I Write Commits Like a Pro (by)10513
, ,
DORA’s Software Delivery Metrics: The Four Keys (by/via)10512
,
Creating a Navbar in React (via)10511
, ,
Building a CLI From Scratch With TypeScript and oclif (by)10510
,
10 Must Know System Design Concepts for Interviews (by)10509
, , ,
Testing HTML With Modern CSS (by)10508
, , ,
Jekyll vs. Astro (by)10507
, , ,
Faster Websites With the “picture” Element (by)10506
, ,
Demystifying the Shadow DOM (by)10505
,
Blind Internet Users Struggle With Error-Prone AI Aids (by/via)10504
,
WCAG Bypass Blocks (“Skip to Content”)—Improve User Interaction Speed and Even Prevent Pain (by)10503
, , , ,
Reviewing Polypane for Responsive Website Tweaks (via)10502
, ,
[zx] 8.0.0 (by/via)10501
,
Why I’m Yet Another Woman Leaving the Tech Industry (by/via)10500
,
How to Think About HTML Responsive Images (by)10499
, , ,
21 HTML Tips You Must Know About (by)10498
,
DevTools Tips and Tricks (by/via)10497
, ,
The Free Software Commons (by)10496
, ,
Should Designers Code? (by)10495
,
Managing User Focus With “:focus-visible” (by/via)10494
, ,
How to Make Your Website Work Offline (by)10493
, , ,
ESLint v9.0.0 Released (by/via)10492
,
Drive-By Accessibility Tweaks (by)10491
Creativity in Software Engineering (by)10490
, ,
Breakpoints in Responsive Design (via)10489
, ,
“AI” Won’t Solve Accessibility (by)10488
,
Rounded Tabs With Inner Curves (by)10487
, ,
A Complete Guide to CSS Logical Properties, With Cheat Sheet (by/via)10486
, , ,
How to Strongly Type process.env (by)10485
, ,
JavaScript Visualized—Event Loop, Web APIs, (Micro)task Queue (by)10484
, , , , ,
When to Use “tabindex="0"” (by/via)10483
, , ,
The V8 Sandbox (by/via)10482
,
The Basics of Legibility (by/via)10481
, ,
Modern CSS Patterns in Campfire (by/via)10480
,
Heat Death of the Internet (by/via)10479
Building Components With Radix UI (via)10478
,
AI and the Future of Web Accessibility Guidelines (by)10477
, , , , ,
Theming Design Systems (by)10476
,
Fluid Typography With Discrete Steps (by)10475
, ,
Introducing Jpegli: A New JPEG Coding Library (by+/via)10474
, , , ,
How to Build a Simple Web Server With Node.js (by/via)10473
, ,
BFCache Explained (by)10472
, ,
The View Transitions API (by/via)10471
, ,
Wednesday, April 3, 2024 Security Releases (via)10470
, ,
Using JSON Web Tokens With Node.js (by/via)10469
, , ,
Svelte Parses HTML All Wrong (by)10468
, ,
In-Page Links: 3 Usability Tips (via)10467
, , ,
Hanging Punctuation in CSS (by)10466
,
Finally Understand Responsive Design10465
, ,
Building a Digital Fortress: How to Strengthen DNS Against DDoS Attacks? (via)10464
,
“aspect-ratio” Gotcha (by)10463
,
An Advanced Way to Use CSS Variables (by)10462
,
AI and the Web: Understanding and Managing the Impact of Machine Learning Models on the Web (by/via)10461
,
Drawing a Line to Connect Elements With CSS Anchor Positioning (by/via)10460
,
WordPress 6.5 “Regina” (by/via)10459
,
WebAssembly at Google (by+/via)10458
, ,
Learn JavaScript (by/via)10457
,
Infinite-Scrolling Logos in Flat HTML and Pure CSS (by/via)10456
, , , ,
How We’re Approaching Theming With Modern CSS (by/via)10455
,
How to Get Somebody Fired Using Git (by)10454
, ,
Authentication in Next.js (by)10453
,
An Interactive Guide to CSS Container Queries (by)10452
, ,
Bun 1.1 (by+/via)10451
,
A Complete Guide for Content Creators to Start Making Accessible Content (via)10450
, ,
14 Top UX Tools for Designers in 2024 (via)10449
, ,
What Even Is a JSON Number? (by)10448
,
The Detail, the Quality (by)10447
,
Micro Frontends With Native Federation (by)10446
,
Why I Use Node, Deno, Bun, [QuickJS], [txiki.js] at the Same Time10445
, , ,
Latest WebAIM’s Million—Some Thoughts (by)10444
Why I Care Deeply About Web Accessibility and You Should Too (by)10443
,
The DevOps Basics (by)10442
,
Object Structure in JavaScript Engines10441
, ,
Kobold Letters (by)10440
, ,
10 JavaScript Sites Every Web Developer Should Know (by)10439
, ,
Some Samples Using UIkit (by)10438
Design Is a Process of Getting Stuck (by)10437
,
On “disabled” and “aria-disabled” Attributes (by)10436
, , ,
The Curious Case of the CSS Monochrome Media Query (by)10435
,
“@ scope” Is Coming to CSS and It’s Amazing (by)10434
, ,
Figma Plugins (by)10433
,
What Negative Effects Does a Bad Website Design Have on My Business? (by/via)10432
,
The WebAIM Million: The 2024 Report on the Accessibility of the Top 1,000,000 Home Pages (via)10431
, , , ,
The Power of “:has()” in CSS (by/via)10430
,
The Easy Way to Access the Last JavaScript Array Element (by)10429
,
Front-End Development’s Identity Crisis (by)10428
Release Notes for Safari Technology Preview 191 (by/via)10427
, , ,
What’s New in DevTools, Chrome 124 (via)10426
, , , ,
New to the Web Platform in March (by/via)10425
, , , , , , , ,
The Complete Guide to Captioned Videos (by)10424
, , ,
Improving the Developer Experience of Enterprise Design Systems (by/via)10423
, ,
History of JS Interop in Dart (via)10422
, , ,
Finally Understanding How “Array.sort(comparator)” Works (by)10421
,
CSS Color-Scheme-Dependent Colors With “light-dark()” (by/via)10420
, , ,
A Guide to Building CLI Tools in JavaScript (by)10419
, , , ,
Iterator Helpers (via)10418
, , ,
What Even Are Dragging Movements? (by/via)10417
, ,
In-App Browsers Are Still a Privacy, Security, and Choice Problem (by/via)10416
, , ,
Meet Angular’s New “output()” API (by/via)10415
,
How I Fixed My Brutal TTFB (by/via)10414
, ,
Flickering Glowing Text Effect With CSS (by)10413
,
Exploring the Power of ARIA Live Attribute in Web Accessibility (by)10412
, ,
CSS Anchor Positioning (by+/via)10411
, ,
Quick Tip: How to Align Column Rows With CSS Subgrid (by/via)10410
, , , , ,
What You Need to Know About Modern CSS (Spring 2024 Edition) (by/via)10409
,
Animating Clip Paths on Scroll With “@ property” in CSS (by)10408
, , ,
How Does npx Actually Work and When to Use It10407
,
How to Use jQuery’s “ajax()” Function for Asynchronous HTTP Requests (by+/via)10406
, , , ,
How to Take Control of Flexbox (by)10405
, , , ,
Convention Over Creativity? The Ups and Downs of UX Design (via)10404
,
Node v20.12.0 (LTS) (by/via)10403
,
History of Web Accessibility (by/via)10402
, ,
Be Flexible About What People Need (and Don’t Assume) (by)10401
7 Simple Rules for Better Data Visualization (via)10400
How to Consolidate Multiple Design Systems (via)10399
, ,
Setting and Persisting Color Scheme Preferences With CSS and a “Touch” of JavaScript (by/via)10398
, , ,
Error Messages 101 (by/via)10397
, , ,
Spicing Up Text With “text-emphasis” in CSS (by)10396
, ,
Diving Into the Node.js Website Redesign (by/via)10395
,
CORS Finally Explained—Simply (via)10394
, , ,
New CSS That Can Actually Be Used in 2024 (by)10393
, , , , , , ,
No One Actually Wants Accessibility (by)10392
JavaScript Visualized: Promise Execution (by)10391
, ,
Incredible JavaScript Animation Libraries10390
, , ,
Radix Themes 3.0 (by+/via)10389
,
Profile Node.js Performance With the Performance Panel (by+/via)10388
, , , , , ,
ARIA “role=application” and Mobile Screen Readers (by)10387
, , , ,
Learn OAuth 2.0 by Building Your Own OAuth Client (by/via)10386
, ,
AI Can Make a Code Review for Free (by)10385
, ,
CSS Values and Units Module Level 3 (by+/via)10384
, ,
12 Figma Tips to Work More Efficiently (via)10383
, ,
The “Current Branch” in Git (by)10382
The Cost of Interrupted Work: More Speed and Stress (by)10381
, ,
Quick Tip: How to Add Gradient Effects and Patterns to Text (by/via)10380
, , , ,
Node.js TSC Confirms: No Intention to Remove npm From Distribution (by/via)10379
,
Going Beyond Pixels and (r)ems in CSS—Absolute Length Units (by/via)10378
,
Don’t Get Scammed by Fake Performance Experts and Apps (by/via)10377
,
CAPTCHA Excludes Disabled Web Users (by)10376
,
Accessible Forms With Pseudo Classes (by/via)10375
, , ,
Node.js: The Documentary (by+/via)10374
, ,
Welcome to Future of Web Accessibility Based on Predictors (by+/via)10373
, ,
This Pattern Will Wreck Your React App’s TS Performance (by)10372
, , ,
Microservices Promised Freedom but Delivered Dependencies (by)10371
,
“__dirname” Is Back in Node.js With ES Modules (by/via)10370
,
How to Test 3.3.8 Accessible Authentication (Minimum) (by/via)10369
, , ,
Relicensing and Rug Pulls (by)10368
, ,
Optimizing JavaScript for Fun and for Profit (by)10367
,
On the Gift of OKR for Company Culture (by)10366
, ,
On Popover Accessibility: What the Browser Does and Doesn’t Do (by+)10365
, ,
[Bulma] 1.0.0 (by)10364
,
Building a Micro htmx SSR Framework (by/via)10363
, ,
Avoid These Design System Traps (via)10362
Angular Signals: Best Practices (by)10361
, ,
How to Plan Your First Successful Website (via)10360
, ,
The Box Model and Box Sizing (by/via)10359
, ,
Psychology and UX: Decoding the Science Behind User Clicks (via)10358
, ,
Progressive Disclosure Defaults (by)10357
, ,
How to Create a Website and a PDF From the Same Codebase (by/via)10356
, , ,
Folder Structures in React Projects (by)10355
,
Aesthetic Layouts: 2 Column Magazine With “shape-outside” (by)10354
, ,
Build a Full-Stack App With Node.js and htmx (by/via)10353
, ,
Using Relative Colors (by/via)10352
,
Chill Scroll Snapping: Article Headers (by/via)10351
,
How to Assess Your Fit for a Job Description: A Guide for Technologists (via)10350
, , ,
Build a Node App With TypeScript (by)10349
, , ,
Observability Is an Illusion (by)10348
, , ,
The Power of Textual Content in UX Design (by/via)10347
,
Accessibility Foundations (by/via)10346
, ,
Empowering the User Experience Through Microinteractions: 7 Best Practices (by/via)10345
, ,
Make a Web Browser: Beginner’s Guide (by/via)10344
, ,
How Web-Site Design and Social Media Work Together (by/via)10343
, ,
The Ultimate Guide to Understanding npx vs. npm (by/via)10342
, , ,
“require(esm)” in Node.js (by)10341
, , ,
Comparing ECMAScript Modules and CommonJS (by)10340
, ,
A Designer’s Role Is Not “at the Table” (via)10339
,
Every React Concept Explained in 12 Minutes10338
, ,
Oh Sh*t, My App Is Successful and I Didn’t Think About Accessibility (by)10337
I’m So Old: Web Edition (by)10336
,
How to Kill the Cascade (by)10335
, , ,
A Comparison of JavaScript CRDTs (by)10334
, ,
Why UI Designers Should Understand Flexbox and CSS Grid (by/via)10333
, , , ,
Time to Ditch Analytics? Tracking Scripts and Web Sustainability (by/via)10332
, , , , ,
2024 Cheat Sheet Collection10331
,
Migrating Away From Jest and Achieving Over 90% Reduction in Running Time (by)10330
, , , ,
How Web Bloat Impacts Users With Slow Devices (by)10329
, , ,
Copy Objects Ways in JavaScript (by)10328
,
How to Optimize Cumulative Layout Shift (CLS) on Shopify Sites (by/via)10327
, , , ,
Deploying Remix to GitHub Pages (by/via)10326
, , , ,
Webflow 101: A Guide for Beginners (via)10325
, , ,
Skeuomorphism (via)10324
,
Quick Tip: Creating a Date Picker in React (via)10323
, ,
How (In)Efficient Are Engineering Organizations? (by)10322
, ,
Homepage Design: 5 Fundamental Principles (via)10321
, ,
Accessibility in Design Systems: A Comprehensive Approach Through Documentation and Assets (via)10320
, , ,
Make Your Functions More Reusable With Generics (by)10319
, , ,
What Is Safe Alignment in CSS? (by/via)10318
, ,
Performance Tooling in 2024 and Beyond (by+/via)10317
, , , , ,
When “Semantic Tokens” Are No Longer Semantic (by)10316
,
There Is No EU Cookie Banner Law (via)10315
, ,
The Golden Age of Accessibility10314
Qwik vs. Next.js: Which Framework Is Right for Your Next Web Project? (via)10313
, , ,
Arguments for Opening Links in a New Tab or Window (by/via)10312
,
The Problem With Data Attributes for Text Effects (by)10311
, , ,
HTML Performance Optimization: Tips for Faster Loading Pages10310
, , , ,
How to Avoid Flaky Tests in Playwright (by+/via)10309
, ,
You Want “border-color: transparent”, Not “border: none” (by/via)10308
, , , ,
My New Favorite CSS Trick: “will-change” (by)10307
, , ,
Another JS Registry—Seriously?! (via)10306
, , ,
What’s Next for a Global Design System (by)10305
WCAG 2.2 Detective Skills (by+/via)10304
, ,
There Are No Standards Police (by)10303
, ,