Frontend Dogma

News and Tools for Frontend Developers (19)

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

Entry (Sources) and TopicsDate#
Is Atomic Design Dead? (bra/fro)9509
, ,
An Introduction to the Laravel PHP Framework (cla/sit)9508
, , ,
Build a GraphQL Gateway: Combine, Stitch, or Merge Any Datasource (gra/sit)9507
,
Let’s Make a Rubber Button With HTML, CSS, and SVG (tyl/clo)9506
, , , ,
CSS Loaders (css)9505
, , ,
Getting Started With htmx: A Comprehensive Guide for Beginners (7do)9504
, ,
Guide to Using Template Engines (Such as Twig) With PHP9503
, , ,
Sustainable SEO: Processes and Practices (mig)9502
, , ,
Connected Grid Layout Animation (crn/cod)9501
, , ,
Web Sustainability Guidelines (WSG) 1.0 (ale+/w3c)9500
,
Accessibility Theater (tpg)9499
Memorization and Learning to Code (byc/the)9498
, , ,
What Is the View Transitions API and How to Use It With Meta Frameworks (moj/bej)9497
, , ,
Tracking Errors in a Node.js Application (ris/app)9496
, ,
Why Do I Have Layout Shift? (una+/dev)9495
, ,
Case Study: Rebuilding TechCrunch Layout With Modern CSS (sha)9494
, ,
What Is Inclusion Anyways? Lessons From the Disabled Community9493
, , ,
Using “rem” Doesn’t Make Your Website Responsive—Here’s Why9492
, ,
Astro 3.0 (mat+/ast)9491
,
How to Implement SSL/TLS Pinning in Node.js (sny)9490
, , , ,
Web Apps Are Better Than No Apps (yur)9489
Benchmarks [for 24 CSV Parsing Approaches] (lee)9488
, , ,
Biome v1 (ema/bio)9487
,
Five Optimization and Performance Tools That Enhance Website User Experience (min)9486
, , , ,
Why Are Websites Embarrassing? (fon)9485
,
Announcing Cypress 13 With Test Replay (cyp)9484
,
Building Accessibility Into Your Company, Team, and Culture (som/swi)9483
, ,
Measuring Developer Productivity? A Response to McKinsey (ger+)9482
,
Hover Triangles (may)9481
,
Git Uncommit (ami)9480
,
How I Write Alt Text for Code Snippets on Social Media (ben)9479
, , , ,
From User Needs to User Dreams: Find the Future of Your Product (arp/uxd)9478
, ,
Code Splitting in React: Optimize Performance by Splitting Your Code (shr)9477
, , ,
Falling for OKLCH: A Love Story of Color Spaces, Gamuts, and CSS (geo/sma)9476
, ,
Single-Page Applications: Ember vs. Angular (sel)9475
, , ,
Six Reasons Not to Use React (jhe)9474
,
An Overview of Feature Flags (log)9473
, , , ,
8 Habits That Hold Back Your Developer Potential (tho)9472
,
Navigating Web Accessibility Litigation: Advice From a General Counsel (lev)9471
,
Realistic CSS Animations and the “linear()” Timing Function (kir)9470
, ,
Accessible Navigation (emm)9469
,
Dark Mode: How Users Think About It and Issues to Avoid (tbk/nng)9468
, , ,
Biases in Design: Hiding in Plain Sight in a World Full of Visuals (uxd)9467
Web UX: Study Guide (nng)9466
, , ,
State of CSS 2023 [Results] (sac+/dev)9465
,
Package-Based Architecture—Let’s Deliver the Packages (abh/goo)9464
, ,
Co-Authoring Git Commits (cas)9463
, ,
Visualizing Recursion With the Sierpinski Triangle (kir)9462
, ,
Browser Automation With Puppeteer (sev)9461
, ,
Introducing the 100-Year Plan: Secure Your Online Legacy for a Century (pho/wor)9460
, , ,
WTF Is a Vector Database: A Beginner’s Guide (pav)9459
,
Catching Errors Thrown From “connectedCallback” (nol)9458
, ,
Scope vs. Shadow DOM (kei)9457
, , , , ,
Where to Put Focus When Deleting a Thing (aar)9456
,
What Is Alt Text and How to Write It (tpg)9455
, , ,
European Accessibility Act: Article 32, and Why It Sucks (cra)9454
, ,
A More Intelligent and Secure Web (ple/w3c)9453
, , , , ,
Main-ly Speaking (tod)9452
,
What Are Exceptions to Section 508 Accessibility Requirements? (boi)9451
, ,
TypeScript 5.3 First Look (mat)9450
Announcing TypeScript 5.2 (dro/typ)9449
,
Stakeholder Management for Design Systems (luk/uxd)9448
, ,
Pros and Cons of Using Shadow DOM and Style Encapsulation (mat)9447
, ,
A Few Interesting Ways to Use CSS Shadows for More Than Depth (rps/sma)9446
, ,
Block the Bots That Feed “AI” Models by Scraping Your Website (cla)9445
, ,
Google August 2023 Broad Core Update Is Live—What We Are Seeing Now (rus/ser)9444
,
How to Get 12% More LinkedIn Followers, Impressions, and Clicks—Practical Accessibility Tips and Tricks (at/mni)9443
, , , ,
To Test or Not to Test, a Technical Perspective (lei/dev)9442
, ,
Use Web Components for What They’re Good At (nol)9441
The Art of UX Writing (web)9440
, ,
How Organisations Respond to Accessibility Monitoring (gov)9439
,
Release Notes for Safari Technology Preview 177 (jon/web)9438
, , ,
No One Actually Wants Simplicity (spo)9437
,
A Guide to Migrating From Webpack to Vite (jch/sit)9436
, , ,
Debugging Speculation Rules (tun/dev)9435
, ,
A Quick Introduction to CSS “@ scope” (bra/bra)9434
, , ,
View Transitions Break Incremental Rendering (eee)9433
, ,
WebGlossary.info (j9t)9432
, , , ,
Migrating From Color Styles to Local Variables in Figma (uxd)9431
, , ,
The Ideal Viewport Doesn’t Exist (lea+/set)9430
, ,
All 12 “useState” and “useEffect” Mistakes Junior React Developers Still Make in 2024 (byt)9429
, ,
Two Important New Roles for UX Designers in the Era of AI (uxm)9428
, , ,
Can We Truly “Create” Value? (ian/uxd)9427
,
Writing Component Specs (eis)9426
, ,
Bézier Curves (ekw+)9425
Progressively Enhanced Form Validation: Validating a Checkbox Group (ger/clo)9424
, ,
Please Size Your Inline SVGs (aar)9423
,
Patterns for Reactivity With Modern Vanilla JavaScript (1ma/fro)9422
,
Changes Over the Last 25 Years of UX Research (ano/uxm)9421
, ,
How to Make an Impact as a Developer Advocate (bla)9420
, , ,
The Definitive Guide to Web Personalization: Strategies, Tools, and More to Know (alg)9419
, ,
“We’re All Just Temporarily Abled” (jim)9418
7 Reasons to Replace Advanced Search With Filters So Users Can Easily Find What They Need (ada)9417
, , ,
10 Essential VS Code Tips and Tricks for Greater Productivity (cod)9416
, , , ,
Getting Started With SCSS—the CSS Preprocessor With Superpowers9415
, ,
Combining “:placeholder-shown” and “:has” (cri)9414
, ,
Let’s Build a Website Using XML (ede)9413
,
Why htmx Does Not Have a Build Step (goo/htm)9412
,
Styling Links and Buttons (aar)9411
, , ,
React JSX (sta)9410
,
Being “Polite” Does Not Ensure Access (dre)9409
,
React Props: A Visual Guide9408
, ,
A Beginner’s Guide to Using Pico CSS (dav/muo)9407
,
How to Use Headless Chrome in Serverless Functions With a 50 MB Limit (ste)9406
, , , , , ,
Scroll Shadows With “animation-timeline” (dav)9405
, ,
Demystifying CORS: Understanding How Cross-Origin Resource Sharing Works9404
, ,
Identifying, Fixing, and Preventing Cannibalization (jon/moz)9403
Adding a “Share to Mastodon” Link to Any Web Site (cod)9402
, , , ,
“aria-haspopup” and Screen Readers (mat)9401
, ,
XUL and HTML (tim/moz)9400
, ,
Tabs Are Objectively Better Than Spaces (cfe)9399
, ,
The New CSS Math: “round()” (dan)9398
,
A Deep Dive Into CSS “color-mix()” (kev)9397
, , ,
How to Use the CSS “gap” Property (ral/sit)9396
, ,
Why Do Users Prefer Certain Design? Insights From the Landscape Theory (cre)9395
CSS-Only Syntax Highlighting… With a Single Element and Gradients (gra)9394
, ,
Getting Started in a New Codebase (abb)9393
, ,
Accessibility Is Not Inclusive Design or Disability Rights—It’s a Part of It (yat)9392
, ,
Four New CSS Features for Smooth Entry and Exit Animations (una+/dev)9391
, , , , ,
A Better “setTimeout()” in JavaScript (ami)9390
Towards HTTPS by Default (jde/dev)9389
, , , , ,
BEM Methodology Is Not About CSS (vit)9388
, ,
Thinking on Ways to Solve Adaptive Typography (arg/dev)9387
, , ,
An Intro to the “dialog” Element (cfe)9386
, , ,
A Beginner’s Guide to SvelteKit (kue/sit)9385
,
How Layout Position Impacts Three Big Web Performance Levers (sia/sho)9384
,
A Guide to Optimizing JavaScript Files (bib/sit)9383
, , , , ,
New in Chrome 116: Document Picture-in-Picture API, “notRestoredReasons” Property, and More (tro/dev)9382
, , , ,
CSS Selectors: A Visual Guide (fff)9381
, ,
WebAssembly: Byte-Code of the Future (jos)9380
How to Test Mobile Apps on a Real Device Cloud (sit)9379
, ,
Useable (rlb)9378
,
Progressively Enhanced Form Validation: Layering in JavaScript (ger/clo)9377
, , ,
Enhance vs. Lit vs. WebC… or, How to Server-Render a Web Component (jar/van)9376
, , ,
An “alt” Decision Tree Using Only “:has()” (aar)9375
, , ,
Why Inclusive Language Matters in Coding (elv/uxd)9374
, , ,
Unveiling the Power of Code-Splitting With Webpack for React and Redux Applications9373
, , ,
Testing Your Animation Refresh Rate With CSS Crimes? (lun)9372
, ,
Write About What You Learn—It Pushes You to Understand Topics Better (add)9371
, , ,
Sophisticated, Highly-Targeted Attacks Continue to Plague npm (phy)9370
,
Debugging Rules: Understand the System (raj)9369
dependency-time-machine (pil)9368
, , , ,
Supercharge Your HTML With WebC (dav)9367
, ,
The Spectrum of Openness (hix)9366
, ,
Nostalgia in UX Design (mar)9365
, ,
Designing Accessible Text Over Images: Best Practices, Techniques, and Resources II (hum/sma)9364
, , , ,
Balance in UX Design: Symmetry, Asymmetry, and Radial Balance (nng)9363
, ,
OKLCH in CSS: Consistent, Accessible Color Palettes (its/log)9362
, , , ,
Create Direction-Aware Effects Using Modern CSS (kev)9361
, ,
Deprecating the “unload” Event (dre+/dev)9360
, , , ,
Google Tag Manager Performance: 9 Tips for Faster Site Speed (sin)9359
, , ,
Browsers Barely Care What HTTP Status Code Your Web Pages Are Served With (cks)9358
, ,
WCAG 3.0: Further on Up the Road (ons/tpg)9357
, ,
It’s Time to End Damaging Website Design Practices That May Harm Your Users (ico)9356
, , , ,
Node.js’s Config Hell Problem (and/den)9355
, , , ,
A Beginner’s Guide to CSS Grid Layout (ral/sit)9354
, , ,
Defining Test Cases and Priorities (lei/dev)9353
An Introduction to the esbuild Bundler (cra/sit)9352
, ,
Progressively Enhanced HTML Accordion (aar)9351
, , ,
OpenAI Launches Web Crawling GPTBot, Sparking Blocking Effort by Website Owners and Creators (ven)9350
, , , ,
An Intro to State-Based UI With JavaScript (cfe)9349
, ,
8 Common Heading Questions (pop)9348
, ,
Definition of Done vs. Acceptance Criteria: What’s the Difference? (jas/res)9347
, , ,
200 Web-Based, Must-Try Web Design and Development Tools (j9t)9346
,
An Update on Chrome Security Updates—Shipping Security Fixes to You Faster (goo)9345
, , ,
UX Is Not Dead, It’s Just Misunderstood (nat/uxm)9344
What Does It Mean for Web Browsers to Have a Baseline (mar/the)9343
, ,
My Experience Modernizing Packages to ESM (ace)9342
, ,
Lean UX and Agile: Study Guide (aka/nng)9341
, , , , ,
User-Adaptive Interfaces With “AccentColor” (oll)9340
,
An Introduction to htmx, the HTML-Focused Dynamic UI Library (jch/sit)9339
,
Micro Benevolences (est/ope)9338
, , ,
What Happens When You Select “count(*)” in MySQL (ami)9337
,
OpenAI’s ChatGPT New Web Crawler—GPTBot (rus/ser)9336
, , , ,
You Don’t Need a Mentor: Embracing the Power of Community (bek/ope)9335
, ,
Alt Text Hall of Fame (ste/alt)9334
, , , ,
Migrating My Blog From Gatsby to Astro (sap)9333
, ,
A Guide to Single-Page Application Performance (ray)9332
, , , ,
The Risks of Micro-Frontends (inf/com)9331
,
JSX Without React (chr)9330
,
Progressively Enhanced Form Validation: HTML and CSS (ger/clo)9329
, , , ,
Top 7 Things That Kill Developer Productivity (sur)9328
, , , , ,
How to Improve Performance of Your Database by Indexing Large Tables (amh)9327
, , ,
Some Tactics for Writing in Public (b0r)9326
, ,
Beautify Your Git Log With a Single Command (pra)9325
,
Responsive Images: DIY Implementation in 6 Steps (mas)9324
, ,
Optimizing Speed on ebay.com (add)9323
, , ,
Scrolljacking 101 (nng)9322
,
A Compilation of Outstanding Testing Articles (With JavaScript) (gol/nod)9321
, ,
Assistive Technology Shouldn’t Be a Mystery Box (cod)9320
, , , , ,
Designing Accessible Text Over Images: Best Practices, Techniques, and Resources (hum/sma)9319
, , , ,
The Next Generation of Web Layouts (zel)9318
, ,
How Google Measures Developer Productivity (abi)9317
, , , ,
Insertion Sort: A Deep Dive (kir)9316
, ,
How to Set Up Git Hooks (“pre-commit”, “commit-msg”) in My Project? (kis)9315
, ,
Route-Based Code Splitting With React (cma)9314
, ,
Things You Forgot (or Never Knew) Because of React (col)9313
, ,
The Easy Intro to the APCA Contrast Method (myn)9312
, , , ,
Finding My Blogging Path: Lessons From My Journey (dan)9311
, , , ,
Implementing Design Tokens: Colors (kar)9310
,
Contextual Form Errors and ARIA (mar)9309
, , ,
How Does Reflowing Content Affect People With Screen Magnification? (tpg)9308
, , ,
An Overview of CSS Sizing Units (web/sit)9307
, ,
New DOJ Web Accessibility Regulation Is a Disaster (con)9306
,
Prepare to Spy on a Method Added Dynamically (bah)9305
, , , ,
A Blog Post With Every HTML Element (pat)9304
,
How We Optimized Performance to Serve a Global Audience (lap/sma)9303
, ,
How to Use the CSS Grid “repeat()” Function (ral/sit)9302
, , , ,
No Exit—Every Feed Is a Traffic Jam (mus/uxd)9301
, ,
Why Isn’t “z-index” Working? (una+/dev)9300
, ,
Creating Custom Easing Effects in CSS Animations Using the “linear()” Function (mic/mdn)9299
, ,
I’m Betting on HTML9298
,
CSS and Accessibility: Inclusion Through User Choice (car/sma)9297
, , ,
Evading JavaScript Anti-Debugging Techniques (voi/nul)9296
,
Mixing Colors to Create Variants in CSS (ami)9295
,
Understanding React Server Components (tem/ver)9294
,
Midori Browser Will Change Its Engine to Gecko (gru)9293
, ,
What’s New in Svelte: August 2023 (dre/sve)9292
, ,
Splitting the Web (plo)9291
Accessibility of the Button: Should We Fix It or the Root Cause Problem? (deq)9290
, ,
PHP Isn’t That Bad, So Why the Hate? (pur)9289
, ,
The Curious Case of “iff” and Overriding Screenreader Pronunciations (ben)9288
, ,
Contrast Checker Bookmarklet (web)9287
, , ,
What Happens When Developers Are Liable for Accessibility? (acc)9286
,
The Virtual Keyboard API (sha)9285
New to the Web Platform in July (rac/dev)9284
, , , , , , , ,
How to Earn High-Authority Links That Drive Rankings (kel/moz)9283
, ,
Front End Practice: Top 25+ JavaScript Code Best Practices for Development9282
,
Randomness in CSS Using Trigonometry (kul)9281
,
Accessibility Represents Maturity (tem)9280
,
Start by Writing Messy Code (see)9279
,
Why I No Longer Believe in Content Design (nic/uxd)9278
, ,
Tuesday, August 8, 2023 Security Releases (raf/nod)9277
, ,
Resume and Pause Animations in CSS (ami)9276
,
A Future of Themes With CSS Container Style Queries (chr)9275
, ,
Should New Developers Use AI Coding Tools? (cat)9274
, , , ,
Run JavaScript/Wasm in Python: High-Level SpiderMonkey Bindings to Python With PythonMonkey9273
, , ,
Do We Need WCAG 3 (Now)? (yat)9272
, ,
Mastering Git Shortcuts: A Guide to Git Aliases (pra)9271
, , ,
How “position: absolute” Works in CSS Grid (zor/css)9270
, , ,
How to Define an Array of Colors With CSS (css/sma)9269
, , ,
Design Systems Management From Bottom–Up (lih/uxp)9268
,
Toggles Suck! (joe/axe)9267
, , ,
If Web Components Are So Great, Why Am I Not Using Them? (dav)9266
You Probably Don’t Need “http-equiv” Meta Tags (rvi)9265
, , ,
The Future of Design Systems Is Semantic (car/fig)9264
, ,
The Web Development Glossary 3K (j9t/fro)9263
, , , , ,
Adapting Typography to User Preferences With CSS (arg/dev)9262
, ,
Speeding Up V8 Heap Snapshots (jda/v8j)9261
, , , ,
Complete Guide to Human-Computer Interaction (HCI) (uxt)9260
,