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#
Five Ways Cookie Consent Managers Hurt Web Performance (and How to Fix Them) (cli/spe)10626
, ,
An Intro to Flexbox (cfe)10625
, , ,
Ethics in Times of Growth Design (cre)10624
,
10 Top Accessibility Errors and How to Avoid and Fix Them (sch)10623
Beware—Automatic Tools Over-Report Accessibility Issues and Steal Your Time (cer)10622
, ,
Interview With Senior JS Developer 2024 (kai)10621
, , , , , , ,
My “Skip to Content” Markup Was Breaking the Back Button on iOS (db@)10620
, , ,
Why Many Junior Developers Quit Programming (tip/git)10619
,
What if You Had Real Control Over Light Mode / Dark Mode on a Per-Site Basis? (bra/bra)10618
,
Things You Should Do in Your Dev Journey10617
9 Signs Your Frontend Code Has Quality Issues That Affect Your Users (ang)10616
, , , , , ,
Monitoring BFCache Blocking Reasons (chr/mdn)10615
, , ,
Technical Guide: End-to-End CI/CD DevOps With Jenkins, Terraform, Docker, Kubernetes, SonarQube, ArgoCD, AWS EC2, EKS, and GitHub Actions (Django Deployment) (joe/dev)10614
, , , , , , , ,
Introducing JS Naked Day (mac)10613
, , , ,
How to Build a Reusable Grid System With CSS Grid (cfe)10612
, , ,
Sliding 3D Image Frames in CSS (css/sma)10611
, ,
Naming Colors in Design Systems (ado)10610
, ,
How Do Open Source Licenses Work? The Ultimate Guide (bca/the)10609
, ,
Blockin’ Bots (bee)10608
, , ,
10 Things Software Developers Should Learn About Learning (abi)10607
,
Why I’m Embracing the Arc Browser (num)10606
,
Socks, Lies, and Accessibility (wor)10605
, ,
The Dos and Don’ts of Using “tabindex” in Web Design (cai/a11)10604
, ,
Gap Is the New Margin (chr/fro)10603
,
An Intro to CSS Grid (cfe)10602
, , ,
Unleashing Designers With Tailwind CSS (sim/epi)10601
, , ,
Let Me Be (rya/epi)10600
,
Epic App Performance Starts With the Database (rtb/epi)10599
, , ,
Accessible Interactions in JavaScript Apps (a_s/epi)10598
, , ,
npm Basics for New Developers (nim/dai)10597
,
Zombie Estimation (scr)10596
, , ,
Web Accessibility Statement: How to Write One (usa)10595
, ,
Quick Tip: How to Animate Text Gradients and Patterns in CSS (ral/sit)10594
, , , ,
Purging Design System “Rot” From Our Checkboxes (chu/moo)10593
, , , ,
CSS Tricks to Master the “clip-path” Property (css/ver)10592
, ,
Complete a VPAT: Show How Accessible Your Product Is (deq)10591
, , ,
A Comparison of Automated Testing Tools for Digital Accessibility (equ)10590
, , , ,
Wednesday, April 10, 2024 Security Releases (raf/nod)10589
, ,
Optimizing WebKit and Safari for Speedometer 3.0 (ant+/web)10588
, , , , ,
JS Naked Day (mac+)10587
, , , ,
The Guide to Git I Never Had (jak/gla)10586
, , ,
Release Notes for Safari Technology Preview 192 (jon/web)10585
, , ,
I Never Knew a Website Could Hurt Someone (kar/oka)10584
,
Control Your Vertigo—the Unspoken Rule for Defending Design Decisions (kin/uxd)10583
,
Notes on Git’s Error Messages (b0r)10582
,
Frontend Development Beyond React: Svelte (b_k/itn)10581
React Server Components in a Nutshell (pau/the)10580
,
The ADA Now Has Regulations for Accessibility of Web Content and Mobile Apps (slo/tpg)10579
, , , ,
Understanding Interaction to Next Paint (INP) (wil/fro)10578
,
Sending Email Using Node.js (cra/sit)10577
,
Figma Prototypes vs. HTML Prototypes (ada)10576
, , , , ,
Happy CSS Naked Day 2024 (fro)10575
, , ,
Ableism and Related Terms You Need to Know (mer)10574
, ,
Recapping ng-conf 2024 (mha/ion)10573
Layered Toggles: Optional CSS Mixins (kiz)10572
, ,
Is the Party Over for Scrum Masters and Agile Coaches? (hri)10571
, ,
An Introduction to the Node.js Performance API (sta/bet)10570
, , ,
A Love Letter to Gen Z From Gen Y: Understanding React’s Evolution (ani)10569
,
Inclusive Digital Experiences: Redesign Strategies for Addressing Diverse Abilities and Accessibility Challenges (uxm)10568
, , ,
What Is Whitespace? (nng)10567
, , , ,
Misinformation and Disinformation Online: What Design Can Do to Remedy This Problem (sil/uxm)10566
,
User Experience in the Era of AI: Enhancing Human-Machine Interactions (uxm)10565
, ,
Node.js Debugging in Chrome DevTools (chr/fro)10564
, , , , , ,
Things That I Like Better in Vue Than in React10563
, , ,
The Death of Creativity (mik)10562
,
Node.js Secure Coding: Mitigate and Weaponize Code Injection Vulnerabilities (lir)10561
, , ,
Justice Department to Publish Final Rule to Strengthen Web and Mobile App Access for People With Disabilities (the)10560
, , ,
How I Write Commits Like a Pro (kun)10559
, ,
DORA’s Software Delivery Metrics: The Four Keys (nat/dev)10558
,
Creating a Navbar in React (sit)10557
, ,
Building a CLI From Scratch With TypeScript and oclif (jos)10556
,
10 Must Know System Design Concepts for Interviews (swe)10555
, , ,
Testing HTML With Modern CSS (hey)10554
, , ,
Jekyll vs. Astro (koo)10553
, , ,
Faster Websites With the “picture” Element (fra)10552
, ,
Demystifying the Shadow DOM (pet)10551
,
Blind Internet Users Struggle With Error-Prone AI Aids (joa/ft)10550
,
WCAG Bypass Blocks (“Skip to Content”)—Improve User Interaction Speed and Even Prevent Pain (cer)10549
, , , ,
Reviewing Polypane for Responsive Website Tweaks (sco)10548
, ,
[zx] 8.0.0 (ant/goo)10547
,
Why I’m Yet Another Woman Leaving the Tech Industry (che/for)10546
,
How to Think About HTML Responsive Images (db@)10545
, , ,
21 HTML Tips You Must Know About (she)10544
,
DevTools Tips and Tricks (pan/fro)10543
, ,
The Free Software Commons (jen)10542
, ,
Should Designers Code? (bra)10541
,
Managing User Focus With “:focus-visible” (sal/css)10540
, ,
How to Make Your Website Work Offline (sh2)10539
, , ,
ESLint v9.0.0 Released (nza/esl)10538
,
Drive-By Accessibility Tweaks (bru)10537
Creativity in Software Engineering (abi)10536
, ,
Breakpoints in Responsive Design (nng)10535
, ,
“AI” Won’t Solve Accessibility (yat)10534
,
Rounded Tabs With Inner Curves (css)10533
, ,
A Complete Guide to CSS Logical Properties, With Cheat Sheet (ral/sit)10532
, , ,
How to Strongly Type process.env (mat)10531
, ,
JavaScript Visualized—Event Loop, Web APIs, (Micro)task Queue (lyd)10530
, , , , ,
When to Use “tabindex="0"” (gra/tet)10529
, , ,
The V8 Sandbox (5ae/v8j)10528
,
The Basics of Legibility (nik/nub)10527
, ,
Modern CSS Patterns in Campfire (jas/37s)10526
,
Heat Death of the Internet (gre/tak)10525
Building Components With Radix UI (ref)10524
,
AI and the Future of Web Accessibility Guidelines (gre)10523
, , , , ,
Wednesday, April 3, 2024 Security Releases (nod)10522
, ,
Theming Design Systems (per)10521
,
Fluid Typography With Discrete Steps (css)10520
, ,
Introducing Jpegli: A New JPEG Coding Library (jyz+/goo)10519
, , , ,
How to Build a Simple Web Server With Node.js (dul/sit)10518
, ,
BFCache Explained (sab)10517
, ,
The View Transitions API (cas/fro)10516
, ,
Using JSON Web Tokens With Node.js (lak/sit)10515
, , ,
Svelte Parses HTML All Wrong (ric)10514
, ,
In-Page Links: 3 Usability Tips (nng)10513
, , ,
Hanging Punctuation in CSS (ada)10512
,
Finally Understand Responsive Design10511
, ,
Building a Digital Fortress: How to Strengthen DNS Against DDoS Attacks? (sit)10510
,
“aspect-ratio” Gotcha (css)10509
,
An Advanced Way to Use CSS Variables (cfe)10508
,
AI and the Web: Understanding and Managing the Impact of Machine Learning Models on the Web (don/w3c)10507
,
Drawing a Line to Connect Elements With CSS Anchor Positioning (cit/fro)10506
,
WordPress 6.5 “Regina” (pho/wor)10505
,
WebAssembly at Google (tom+/was)10504
, ,
Learn JavaScript (wil/dev)10503
,
Infinite-Scrolling Logos in Flat HTML and Pure CSS (cit/sma)10502
, , , ,
How We’re Approaching Theming With Modern CSS (bel/pic)10501
,
How to Get Somebody Fired Using Git (acc)10500
, ,
Authentication in Next.js (rwi)10499
,
An Interactive Guide to CSS Container Queries (sha)10498
, ,
Bun 1.1 (jar+/bun)10497
,
A Complete Guide for Content Creators to Start Making Accessible Content (pop)10496
, ,
14 Top UX Tools for Designers in 2024 (web)10495
, ,
What Even Is a JSON Number? (bte)10494
,
The Detail, the Quality (car)10493
,
Micro Frontends With Native Federation (flo)10492
,
Why I Use Node, Deno, Bun, [QuickJS], [txiki.js] at the Same Time10491
, , ,
Latest WebAIM’s Million—Some Thoughts (cer)10490
Why I Care Deeply About Web Accessibility and You Should Too (sch)10489
,
The DevOps Basics (tun)10488
,
Object Structure in JavaScript Engines10487
, ,
Kobold Letters (wed)10486
, ,
10 JavaScript Sites Every Web Developer Should Know (web)10485
, ,
Some Samples Using UIkit (tec)10484
Design Is a Process of Getting Stuck (fon)10483
,
On “disabled” and “aria-disabled” Attributes (kit)10482
, , ,
The Curious Case of the CSS Monochrome Media Query (sea)10481
,
“@ scope” Is Coming to CSS and It’s Amazing (kev)10480
, ,
Figma Plugins (tmc)10479
,
What Negative Effects Does a Bad Website Design Have on My Business? (spi/web)10478
,
The WebAIM Million: The 2024 Report on the Accessibility of the Top 1,000,000 Home Pages (web)10477
, , , ,
The Power of “:has()” in CSS (sal/css)10476
,
The Easy Way to Access the Last JavaScript Array Element (ign)10475
,
Front-End Development’s Identity Crisis (ell)10474
Release Notes for Safari Technology Preview 191 (jon/web)10473
, , ,
What’s New in DevTools, Chrome 124 (dev)10472
, , , ,
New to the Web Platform in March (rac/dev)10471
, , , , , , , ,
The Complete Guide to Captioned Videos (mer)10470
, , ,
Improving the Developer Experience of Enterprise Design Systems (eri/sta)10469
, ,
History of JS Interop in Dart (dar)10468
, , ,
Finally Understanding How “Array.sort(comparator)” Works (jam)10467
,
CSS Color-Scheme-Dependent Colors With “light-dark()” (bra/dev)10466
, , ,
A Guide to Building CLI Tools in JavaScript (shr)10465
, , , ,
Iterator Helpers (v8j)10464
, , ,
What Even Are Dragging Movements? (cat/hea)10463
, ,
In-App Browsers Are Still a Privacy, Security, and Choice Problem (tho/the)10462
, , ,
Meet Angular’s New “output()” API (dev/ang)10461
,
How I Fixed My Brutal TTFB (whi/get)10460
, ,
Flickering Glowing Text Effect With CSS (man)10459
,
Exploring the Power of ARIA Live Attribute in Web Accessibility (ask)10458
, ,
CSS Anchor Positioning (tab+/w3c)10457
, ,
Quick Tip: How to Align Column Rows With CSS Subgrid (ral/sit)10456
, , , , ,
What You Need to Know About Modern CSS (Spring 2024 Edition) (chr/fro)10455
,
Animating Clip Paths on Scroll With “@ property” in CSS (uti)10454
, , ,
How Does npx Actually Work and When to Use It10453
,
How to Use jQuery’s “ajax()” Function for Asynchronous HTTP Requests (aur+/sit)10452
, , , ,
How to Take Control of Flexbox (kev)10451
, , , ,
Convention Over Creativity? The Ups and Downs of UX Design (uxd)10450
,
Node v20.12.0 (LTS) (_ri/nod)10449
,
History of Web Accessibility (gia/dru)10448
, ,
Be Flexible About What People Need (and Don’t Assume) (eri)10447
7 Simple Rules for Better Data Visualization (sit)10446
How to Consolidate Multiple Design Systems (uxd)10445
, ,
Setting and Persisting Color Scheme Preferences With CSS and a “Touch” of JavaScript (ole/sma)10444
, , ,
Error Messages 101 (tne/nng)10443
, , ,
Spicing Up Text With “text-emphasis” in CSS (ami)10442
, ,
Diving Into the Node.js Website Redesign (bri/nod)10441
,
CORS Finally Explained—Simply (git)10440
, , ,
New CSS That Can Actually Be Used in 2024 (tho)10439
, , , , , , ,
No One Actually Wants Accessibility (dav)10438
JavaScript Visualized: Promise Execution (lyd)10437
, ,
Incredible JavaScript Animation Libraries10436
, , ,
Radix Themes 3.0 (pen+/wor)10435
,
Profile Node.js Performance With the Performance Panel (jec+/dev)10434
, , , , , ,
ARIA “role=application” and Mobile Screen Readers (cer)10433
, , , ,
Learn OAuth 2.0 by Building Your Own OAuth Client (ale/ann)10432
, ,
AI Can Make a Code Review for Free (tom)10431
, ,
CSS Values and Units Module Level 3 (tab+/w3c)10430
, ,
12 Figma Tips to Work More Efficiently (uxd)10429
, ,
The “Current Branch” in Git (b0r)10428
The Cost of Interrupted Work: More Speed and Stress (abi)10427
, ,
Quick Tip: How to Add Gradient Effects and Patterns to Text (ral/sit)10426
, , , ,
Node.js TSC Confirms: No Intention to Remove npm From Distribution (pol/soc)10425
,
Going Beyond Pixels and (r)ems in CSS—Absolute Length Units (uti/iod)10424
,
Don’t Get Scammed by Fake Performance Experts and Apps (krz/sho)10423
,
CAPTCHA Excludes Disabled Web Users (zel)10422
,
Accessible Forms With Pseudo Classes (sal/css)10421
, , ,
Node.js: The Documentary (pis+/hon)10420
, ,
Welcome to Future of Web Accessibility Based on Predictors (jar+/csu)10419
, ,
This Pattern Will Wreck Your React App’s TS Performance (mat)10418
, , ,
Microservices Promised Freedom but Delivered Dependencies (pur)10417
,
“__dirname” Is Back in Node.js With ES Modules (phi/son)10416
,
How to Test 3.3.8 Accessible Authentication (Minimum) (sib/tpg)10415
, , ,
Relicensing and Rug Pulls (cha)10414
, ,
Optimizing JavaScript for Fun and for Profit (rom)10413
,
On the Gift of OKR for Company Culture (j9t)10412
, ,
On Popover Accessibility: What the Browser Does and Doesn’t Do (hdv+)10411
, ,
[Bulma] 1.0.0 (jgt)10410
,
Building a Micro htmx SSR Framework (mco/pla)10409
, ,
Avoid These Design System Traps (men)10408
Angular Signals: Best Practices (eug)10407
, ,
How to Plan Your First Successful Website (web)10406
, ,
The Box Model and Box Sizing (bel/pic)10405
, ,
Psychology and UX: Decoding the Science Behind User Clicks (sit)10404
, ,
Progressive Disclosure Defaults (ada)10403
, ,
How to Create a Website and a PDF From the Same Codebase (spa/clo)10402
, , ,
Folder Structures in React Projects (huy)10401
,
Aesthetic Layouts: 2 Column Magazine With “shape-outside” (jhe)10400
, ,
Build a Full-Stack App With Node.js and htmx (jch/sit)10399
, ,
Using Relative Colors (chr/mdn)10398
,
Chill Scroll Snapping: Article Headers (chr/fro)10397
,
How to Assess Your Fit for a Job Description: A Guide for Technologists (wom)10396
, , ,
The Power of Textual Content in UX Design (ssh/uxm)10395
,
Build a Node App With TypeScript (mat)10394
, , ,
Observability Is an Illusion (pur)10393
, , ,
Accessibility Foundations (ihe/tpg)10392
, ,
Empowering the User Experience Through Microinteractions: 7 Best Practices (sye/uxm)10391
, ,
Make a Web Browser: Beginner’s Guide (nim/dai)10390
, ,
How Web-Site Design and Social Media Work Together (val/uxm)10389
, ,
The Ultimate Guide to Understanding npx vs. npm (_sa/dhi)10388
, , ,
“require(esm)” in Node.js (joy)10387
, , ,
Comparing ECMAScript Modules and CommonJS (wan)10386
, ,
A Designer’s Role Is Not “at the Table” (uxd)10385
,
Every React Concept Explained in 12 Minutes10384
, ,
Oh Sh*t, My App Is Successful and I Didn’t Think About Accessibility (jac)10383
I’m So Old: Web Edition (dav)10382
,
How to Kill the Cascade (fon)10381
, , ,
A Comparison of JavaScript CRDTs (alm)10380
, ,
Why UI Designers Should Understand Flexbox and CSS Grid (moo/uxd)10379
, , , ,
Time to Ditch Analytics? Tracking Scripts and Web Sustainability (mic/css)10378
, , , , ,
2024 Cheat Sheet Collection10377
,