Frontend Dogma

News and Tools for Frontend Developers (19)

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

Entry (With Sources) and TopicsDate#
The “article” Element and Screen Readers (mat)8376
, , , ,
Introduction to MongoDB and NoSQL Databases (art)8375
, ,
The Trick to Smoothly Animating Shadows in CSS (kev)8374
, , ,
Making the Switch: From Yarn/npm to pnpm (rau)8373
, ,
What Is Page Bloat? And How Is It Hurting Your Business, Your Search Rank, and Your Users? (tam/spe)8372
, , , ,
Design for the Web Without Figma (dra)8371
,
Build a Simple Beginner App With Node, Bootstrap, and MongoDB (jch/sit)8370
, , ,
90s Websites—Key Characteristics and Examples (uxp)8369
, , , , ,
Differences Between vi and Vim Text Editors Explained8368
, ,
Your Browser May Be Having a Secret Relationship With a Screen Reader (kno)8367
, , ,
How I Am Blogging the IndieWeb Way (liz)8366
, ,
Understanding SVG Paths (nan)8365
,
HTML Form Validation Using Cypress (gur)8364
, ,
4 Design Principles I Use Every Day to Avoid Bad UX and Create Products That Work for Everyone (ada)8363
, , ,
And 4 More HTML Concepts You Didn’t Know (j9t)8362
, ,
How to Use Node.js to SSH Into Remote Servers: A Comprehensive Guide (bip)8361
, , , , ,
AI and the Automation of Work (ben)8360
, ,
Identify Unused npm Packages in Your Project (ami)8359
, ,
How to Tackle Docker and Kubernetes for Frontend8358
, , ,
The Big Problem With Variables in Figma (p44/uxd)8357
How to Measure the Impact of a Design System? (mar/uxd)8356
, ,
State of the Web: Deno8355
Setting Expectations for the Node.js Test Runner (cji)8354
,
Observing Node.js Processes With eBPF (ope)8353
,
In Defence of “DOM­Content­Loaded” (css)8352
, ,
Designers Who Code, What Is It Good For? (fra)8351
,
Angular Is Getting New Template Syntax (dan/thi)8350
The “details” Element and In-Page Search (mat)8349
, , ,
New to the Web Platform in June (rac/dev)8348
, , , , , , , ,
CommonJS Is Hurting JavaScript (and/den)8347
,
React Developers Love Preact, Here’s Why (sam/hac)8346
, ,
Introduction to JSX (sap/cod)8345
, ,
What’s Next for Redux With Mark Erikson (ace/jhe)8344
, , , ,
Solved: Tricky Floating Image Alignment (tyl/clo)8343
, , , ,
An Introduction to the View Transitions API (cra/sit)8342
, , ,
Understanding TypeScript Generators (log)8341
Accessible Overlays Aren’t Accessible (uxd)8340
,
WCAG 2.2, Quick and Simplified (usa)8339
, ,
What’s the Perfect Design Process? (vit/sma)8338
,
Under-Engineered Comboboxen? (aar)8337
, , ,
The Importance of Verifying Webhook Signatures (sny)8336
,
JavaScript Gom Jabbar (ale)8335
Introduction to MySQL Data Types (pla)8334
, ,
How to Build Things People Want to Use (eve)8333
,
Combat Accessibility Decay: How to Maintain Ongoing Accessibility (acc)8332
, ,
Web and App ADA Lawsuits: 6 Trends So Far in 2023 (usa)8331
, , ,
The SOLID Principles: Writing Scalable and Maintainable Code8330
, , ,
Release Notes for Safari Technology Preview 173 (jen/web)8329
, , ,
Form and Search Landmarks (mat)8328
, , , , ,
Getting Started With Native Design Tokens in Figma (luk/uxd)8327
, ,
JavaScript Console Methods: A Deep Dive (guc)8326
, , ,
Why You Must Commit to Grounding Every DEI-Related Effort With Data (lil+/ppl)8325
, , ,
Position-Driven Styles (kiz)8324
,
How to Use CSS “background-size” and “background-position” (pag/sit)8323
, ,
Feature Flags Configuration, Instrumentation, and Use (git)8322
, , ,
4 Ways to Improve Mobile Accessibility (kar)8321
,
Popular DevTools Tips (pat/sma)8320
, ,
The Fake Aura of Care in UX (uxd)8319
Amplify Design Values Through Building Design System (uxd)8318
,
What’s Next for JavaScript: New Features to Look Forward To (mar/the)8317
The Massive Bug at the Heart of the npm Ecosystem (dar/vlt)8316
, ,
Screen Magnification: Digital Accessibilitiy (tuf)8315
, , ,
Feature Management and Feature Experimentation, Why You Should Do Both—How It Helps Both Product and Software Engineering Teams (opt)8314
, , ,
Demystifying JavaScript Operators: What Does That Symbol Mean? (jch/sit)8313
,
Building Sliding Cards With “position: sticky;” (sar)8312
What Does the Image “decoding” Attribute Actually Do? (tun)8311
, , ,
What’s Your Type? Try These Tests to Pick the Perfect Font for You (emm+/was)8310
, ,
The Novel Engines: Servo (bka+/iga)8309
, , ,
Top Tips From a Web Accessibility Evaluator at WebAIM (ala/web)8308
, , ,
Learn How to Use Hue in CSS Colors With HSL (bsm/mdn)8307
, ,
AI Is Killing the Old Web, and the New Web Struggles to Be Born (jjv/the)8306
,
Transition Between Pages Smoothly With a Single Line of Code (cit)8305
,
Tips for Upgrading Your Techstack for Faster Frontend Development (dul/js_)8304
, , , ,
Qwik Introduction—a Framework That Goes Fast (bal)8303
, ,
Mapping Typography (sco/9el)8302
, ,
Magnification and Zoom Accessibility Guide—Everything You Need to Know (usw)8301
, , ,
Live Regions in React (abb)8300
, , ,
Going Beyond Constants With Custom Properties (uti/iod)8299
,
Faking a “:snapped” Selector With Scroll-Driven Animations (bra/bra)8298
, , ,
A Beginner’s Guide to Laravel: Introduction and Key Features8297
, ,
Mixing Colors With CSS (mrt)8296
,
An Introduction to Parser Combinators (var)8295
,
WebSockets 101 (mur/thi)8294
, ,
XML Is the Future (bit)8293
,
Introduction to Cloud Computing8292
,
Text Wrap Pretty Is Coming to CSS (ami)8291
,
Converting [a] JavaScript Codebase to TypeScript (ben/doc)8290
, , ,
The Case for Variables (mik)8289
, , , ,
Using BEM for Design System Tokens (_fe)8288
, , ,
Understanding Authorization Before Authentication: Enhancing Web API Security (gar/get)8287
, , , ,
Debugging INP (scr)8286
, , ,
Choosing a Color Palette (nng)8285
, , ,
An Introduction to Command Injection Vulnerabilities in Node.js and JavaScript (lir)8284
, , , ,
All You Need to Know About CORS and CORS Errors (leo/tel)8283
, ,
The Cost of JavaScript 2023 (add)8282
, ,
Introducing the MDN Playground: Bring Your Code to Life (mdn)8281
, , ,
Component Driven User Interface Testing (CDUIT)8280
,
Announcing Svelte 4 (sve)8279
,
The Unlikely Story of UTF-8: The Text Encoding of the Web (lun)8278
,
Future CSS: State Container Queries (sha)8277
,
Design Systems Directory (jos)8276
,
Debugging Commands Every Linux Administrator Should Know8275
, ,
WCAG 2.2 Removes 4.1.1 Parsing and How axe-core Is Impacted (wil/deq)8274
, , ,
Cascade Layers Are Useless * (mat)8273
,
How Designers Can Beat AI at Design (com/uxd)8272
,
Designing for Inclusion (mik/uxd)8271
, ,
What Exactly Is [the] “:root” Pseudo-Element in CSS? (zor/css)8270
, ,
Using Multiple Selectors With JavaScript Selector Methods (cfe)8269
,
Too Much JavaScript? Why the Frontend Needs to Build Better (low/the)8268
, ,
The 5 Pillars of Every HTTP Request8267
CSS in Micro Frontends (flo)8266
,
Continuous Accessibility (a11)8265
, ,
Creating a Flexible Design Token Taxonomy for Intuit’s Design System (nat)8264
,
State of CSS 2023 (sac/dev)8263
,
Top 6 AI Coding Assistants in 2023 (fim/sit)8262
,
W3C Launch Their New Website (sim/stu)8261
Three Key Principles for an Accessible Website (van+/els)8260
,
Thoughts From “Meet Safari for Spatial Computing” (jim)8259
, , , ,
Style Your RSS Feed (dar)8258
, , ,
Making Your Design Tokens Future-Proof (and)8257
Authentication vs. Authorization8256
, ,
Gatsby Headaches and How to Cure Them: I18N II (mon/sma)8255
,
Balancing Users’ Data Privacy and the User Experience (joh/uxm)8254
,
Balancing Users’ Needs and Business Goals in UX Design (uxm)8253
,
Why UX Testing Is Critical to Your Web Site’s Success (wit/uxm)8252
,
Can Web Developers Be Held Liable? (con)8251
,
Radix UI Component With Next.js and Tailwind CSS (roy)8250
, , , ,
Packaging and Selling a Node.js App (and/ema)8249
Button Types (ada)8248
,
Import Maps to Natively Import JavaScript Modules Using Bare Names (ami)8247
,
The Problem With Sticky Menus That Appear on Scroll and What to Do Instead (ada)8246
, ,
The New CSS (mat)8245
, ,
How to Clean Up Your Local Repository With Git Commands (kas/thi)8244
, , ,
It’s Time for Dimensional Thinking in Design (uxd)8243
,
IndexedDB Tutorial for Beginners: A Comprehensive Guide With Coding Examples8242
, , , ,
Git Concepts Everyone Should Know (fra)8241
,
Wolvic 1.4 Released (wol)8240
, , ,
TypeScript 5.2’s New Keyword: “using” (mat)8239
Standardising Design Tokens (oll)8238
,
The Five Types of People Who Produce Inaccessible Code (eri)8237
,
Scoping (mat)8236
,
Create React UI Lib: Component Library Speedrun (mis)8235
, , ,
HTML Imports (dgl+/w3c)8234
What’s UnAI-Able (csd/uxm)8233
What Are Deceptive Patterns? (we_)8232
,
Top 10 Things You Should Add While Coding: Valuable Tips for Programmers (dhr)8231
,
The Next Phase of Eleventy: Return of the Side Project (zac)8230
How to Add a CSS Reveal Animation to Your Images (css/sit)8229
, , ,
Django: A Security Improvement Coming to “format_html()” (ada)8228
, ,
Creating Scroll-Triggered Animations by Combining Scroll-Driven Animations, Custom Properties, Style Queries, and Transitions (bra/bra)8227
, , , , ,
An Explosion in Software Engineers Using AI Coding Tools? (ger)8226
, ,
A Guide to Coding Standards to Improve Code Quality (sur/doc)8225
, , , ,
6 Quick Tests You Can Do to Test Your Forms for Accessibility (kar)8224
, ,
Design vs. Accessibility and the CSS “visually-hidden” Class (its/log)8223
, , ,
Puppeteer in Node.js: More Antipatterns to Avoid (app)8222
, , , ,
Using Color Wheel Combinations in Your Designs (web)8221
,
How (and Should?) We Stop the Infinite Scroll (uxd)8220
,
Cyclic Dependency Space Toggles (kiz)8219
, ,
Simplify Email Development With MJML: A Beginner’s Guide8218
, ,
npm Won’t Publish Packages Containing the Word “keygen”8217
, ,
How to Build Server-Side Rendered (SSR) Svelte Apps With SvelteKit (sri/sma)8216
, , , ,
Tuesday, June 20, 2023 Security Releases (raf/nod)8215
, ,
Nuxt in 100 Seconds (jef/fir)8214
, ,
When and Why to Use a Click Test (mea)8213
,
The Gotchas of CSS Nesting (kil)8212
,
Rebuilding a Comment Component With Modern CSS (sha)8211
, ,
“margin-trim” as a Best Practice? (chr)8210
Gatsby Headaches and How to Cure Them: I18N (mon/sma)8209
,
Chrome for Testing: Reliable Downloads for Browser Automation (mat/dev)8208
, , ,
Naming Components8207
, ,
Positioning Anchored Popovers (hdv)8206
, ,
Blur Vignette Effect in CSS (art)8205
,
How to Highlight Required and Optional Form Fields (ada)8204
, , ,
How to Learn Programming (asa)8203
, ,
The Continuing Tragedy of CSS: Thoughts From CSS Day 2023 (pau)8202
,
CSS! CSS! CSS! (mat)8201
,
Bottom Sheets: Definition and UX Guidelines (pag/nng)8200
, , ,
You Can Stop Using “user-scalable=no” and “maximum-scale=1” in Viewport Meta Tags Now (spo)8199
, , , ,
Shining Light on the Shadow DOM (cas/css)8198
, ,
That’s Not How I Wrote CSS Three Years Ago (mat/css)8197
, ,
CSS Containers, What Do They Know? (mia/css)8196
, ,
Liven Up Your Websites With Scroll-Driven Animations and View Transitions (bra/css)8195
, , , ,
Internet Explorer: The 1st Browser to Support CSS (cdu+/hen)8194
, , , , , ,
Design Under Constraints: Challenges, Opportunities, and Practical Strategies (boa/sma)8193
,
An Introduction to DevOps8192
,
Modern CSS for Dynamic Component-Based Architecture (5t3)8191
, ,
Best Animation Libraries for React (sun)8190
, , ,
State of the CSS Community (una/css)8189
, ,
Style Recalculation Secrets They Don’t Want You to Know (pat/css)8188
, , ,
Why Doesn’t CSS Have Scope? (hey/css)8187
, ,
Sticky Content: Focus in View (joe/tet)8186
, , ,
The Universal Focus State (eri)8185
, ,
The CSS “overscroll‑behavior” Property Can Be Used to Disable Default Browser Gestures (sim/web)8184
,
No, “AI” Will Not Fix Accessibility (aar)8183
,
Must Know JavaScript API—IndexedDB API (chr/js_)8182
, , ,
Designing a Scalable Backend in Node.js (nat/app)8181
, ,
Testing Sites and Apps With Blind Users: A Cheat Sheet (she+/sma)8180
, , , , ,
Are Simple Websites Better for Business? (web)8179
,
Chrome DevTools Tips: Styles Pane and Elements Panel (zor/css)8178
, , , ,
Before Your Next Frontend Pull Request, Use This Checklist (nin+/evi)8177
, , , , , ,
Best Practices for Container Queries (zel)8176
, ,
48 Laws, Rules, and Principles of Web Development (j9t)8175
, ,
Assume the Position—a Labeling Story (llo/tpg)8174
, , ,
The Ultimate Guide to Writing Technical Blog Posts (bla)8173
, ,
Styling Scrollbars (oll)8172
,
Accessible Rich Internet Applications (WAI–ARIA) 1.2 (w3c)8171
, ,
Exploring Universal and Cognitive-Friendly UX Design Through Pivot Tables and Grids (jul/sma)8170
, , ,
What’s New in CSS (jen/app)8169
, ,
Tokens Are the Most Valuable Artifact a Design System Can Provide (ill/kna)8168
,
RSC From Scratch: Server Components (jes)8167
, ,
Reducing Complexity in Front End Development (mic/css)8166
, , ,
Modern CSS in Real Life (chr)8165
Be Careful With “ch” Units (cit)8164
,
Angular at Google I/O 2023 (twe/ang)8163
, ,
Accessibility and Artificial Intelligence (joe)8162
,
Accessibility Testing—Pay Attention to the Details (con)8161
,
An Introduction to Debugging in Node.js (cra/ope)8160
, ,
Is React Having An AngularJS Moment? (fra/mar)8159
,
Primitive Objects in JavaScript: When to Use Them (sma)8158
,
One More Thing—Apple’s Push on Web Apps on macOS (pur)8157
,
test262.fyi (can)8156
, , , ,
The Problem With Automatically Focusing the First Input and What to Do Instead (ada)8155
, , ,
New Job? Negotiate as if Your Life Depends on It (med)8154
How to Detect Unnecessary Renderings of DOM Elements in Your Web App to Improve Performance (max)8153
, , , , ,
Do Not Drop Sass for CSS8152
, ,
An Introduction to “@ scope” in CSS (oll)8151
, ,
How Chrome Achieved High Scores on Three Browser Benchmarks (fra/dev)8150
, , ,
New CSS Color Spaces and Functions in All Major Engines (rac/dev)8149
, , , ,
WCAG 2.2 Misses Mark on Defining Visible Focus (yat)8148
, , ,
Every Design Team Needs Writers (nic/uxd)8147
,
How We Created an Accessible, Scalable Color Palette8146
, , , ,
No Single Metric Captures Productivity (abi)8145
,
wasmati: You Should Write Your WebAssembly in TypeScript (mit/zks)8144
, ,
The Many Ways to Select the n-th Character From a String (cod)8143
How AI Can Make Software More Intuitive (amr)8142
,
Performance Is Not a Checklist (tka)8141
, ,
Semantic Code in HTML: What Is It and Does It Still Matter? (boa)8140
,
Watch Transitions in Slow Motion in Chrome’s DevTools (jim)8139
, , , ,
Asynchronous JavaScript for Beginners (cod+/sem)8138
,
Presentational Colors (luk/uxd)8137
,
Why We Should Stop Using JavaScript According to Douglas Crockford (dou/hon)8136
,
The Context Dilemma (zet)8135
,
Some Things I Learnt From Working on Big Frontend Codebases (nor)8134
,
Quick Tip: Shipping Resilient CSS Components (5t3/sit)8133
, , , ,
Announcing TypeScript 5.1 (dro/typ)8132
,
Advanced Form Control Styling With “selectmenu” and Anchoring API (uti/sma)8131
, ,
Accessible Components: The Hamburger Menu8130
, ,
A Practical Guide to Deploying a Complex, Production-Level, Three-Tier Architecture on AWS8129
, , , ,
Token Operations (don)8128
Design Systems: A Curated List for Today’s UI/UX Designers (sta)8127
, , ,