Frontend Dogma

News and Tools for Frontend Developers (11)

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

Entry (With Sources) and TopicsDate#
Migrating Away From Jest and Achieving Over 90% Reduction in Running Time (pat)10376
, , , ,
How Web Bloat Impacts Users With Slow Devices (dan)10375
, , ,
Copy Objects Ways in JavaScript (fpa)10374
,
How to Optimize Cumulative Layout Shift (CLS) on Shopify Sites (sia/sho)10373
, , , ,
Deploying Remix to GitHub Pages (bro/rem)10372
, , , ,
Webflow 101: A Guide for Beginners (sta)10371
, , ,
Skeuomorphism (nng)10370
,
Quick Tip: Creating a Date Picker in React (sit)10369
, ,
How (In)Efficient Are Engineering Organizations? (abi)10368
, ,
Homepage Design: 5 Fundamental Principles (nng)10367
, ,
Accessibility in Design Systems: A Comprehensive Approach Through Documentation and Assets (sup)10366
, , ,
Make Your Functions More Reusable With Generics (mat)10365
, , ,
What Is Safe Alignment in CSS? (chr/fro)10364
, ,
Performance Tooling in 2024 and Beyond (egs+/dev)10363
, , , , ,
When “Semantic Tokens” Are No Longer Semantic (nat)10362
,
There Is No EU Cookie Banner Law (bit)10361
, ,
The Golden Age of Accessibility10360
Qwik vs. Next.js: Which Framework Is Right for Your Next Web Project? (out)10359
, , ,
Arguments for Opening Links in a New Tab or Window (gri/clo)10358
,
The Problem With Data Attributes for Text Effects (man)10357
, , ,
HTML Performance Optimization: Tips for Faster Loading Pages10356
, , , ,
How to Avoid Flaky Tests in Playwright (ant+/sem)10355
, ,
You Want “border-color: transparent”, Not “border: none” (dav/fro)10354
, , , ,
My New Favorite CSS Trick: “will-change” (hig)10353
, , ,
Another JS Registry—Seriously?! (den)10352
, , ,
What’s Next for a Global Design System (bra)10351
WCAG 2.2 Detective Skills (dav+/gov)10350
, ,
There Are No Standards Police (mno)10349
, ,
The Problem With AI (cfe)10348
Ruby Is Complicated (xge)10347
Refactoring My Ugliest Code With Signal View Queries (jos)10346
, ,
How to Design Icons in Figma (str)10345
, , , ,
A Beginner’s Guide to Node.js Worker Threads (sta/bet)10344
, ,
25 Unnoticeable Features of JavaScript (mai)10343
Runtime Compatibility (asc+/unj)10342
, , , , , , ,
5 Exciting New JavaScript Features in 2024 (daz/sit)10341
Why Your Microservices Architecture Is Probably Overkill (and How I Learned to Love the Monolith Again) (pur)10340
, ,
How to Read Files Quickly in JavaScript (lem)10339
, ,
Marking the Web’s 35th Birthday: An Open Letter (tim/web)10338
, ,
Thoughts on Embedding Alternative Text Metadata Into Images (eri)10337
, ,
The Essential Guide to Microcopy and Becoming a More Literate Designer (_da/uxm)10336
, , , ,
The “10× Engineer”: 50 Years Ago and Now (ger)10335
, , ,
Spread vs. Rest Operators in JavaScript10334
, ,
Interaction to Next Paint Is Officially a Core Web Vital (ric/dev)10333
,
Building Websites and Building Websites Well (j9t)10332
, ,
A Letter to My Younger Self, as an Accessibility Advocate (hbu)10331
, ,
Distinguishing Between ARIA and Native HTML Attributes (deq)10330
, , , ,
JSON Canvas (obs)10329
, , ,
Streaming HTML (chr/fro)10328
, ,
Alt Text for CSS Generated Content (tem)10327
, ,
What Is INP and Why You Should Care (whi/get)10326
, ,
Accessibility: Implementing Focus Traps (sei/oke)10325
, ,
Announcing Speedometer 3.0: A Shared Browser Benchmark for Web Application Responsiveness10324
, ,
A Gentle Introduction to Generics in TypeScript (mwy)10323
, ,
IDEs vs. Code Editors: Everything You Need to Know (wri/jet)10322
, ,
Have You Optimized for INP? (med)10321
, ,
Express.js With TypeScript—Setup, Examples, Testing (ans)10320
, , , ,
Comparing JavaScript Frameworks: Templates (mrh)10319
, , ,
Are We Watching the Internet Die? (edz)10318
Optimising Your Design System With Figma’s Variables (nan/uxd)10317
, ,
Things I Learned While Building My JS Library (mat)10316
, ,
CSS Button Styles You Might Not Know (dbu)10315
, ,
Replace ESLint and Prettier With Biome.js (sim)10314
, , , , ,
How to Invert the Colors Using CSS (ron)10313
, , ,
Jakob Has Jumped the Shark (aar)10312
,
eslint-plugin-depend (430)10311
, , ,
Access by a Thousand Curb Cuts (yat)10310
Modern CSS Tooltips and Speech Bubbles II (css/sma)10309
, ,
Navigating the Future of Frontend (fem)10308
, ,
How “HEAD” Works in Git (b0r)10307
Creating Color Palettes With the CSS “color-mix()” Function (mic/css)10306
, , ,
Asking Users for Their Pronouns: A Guide for UX Designers (che)10305
, ,
Add Superpowers to Your CSS Variables With Style Queries (jar/van)10304
, ,
AVIF Is the Future of Web Images10303
, , ,
How to Test 2.5.8 Target Size (Minimum) (sib/tpg)10302
, ,
The Quiet, Pervasive Devaluation of Frontend (col)10301
, , , ,
Some Little Ways I’m Using CSS “:has()” in the Real World (bel/pic)10300
, ,
Managing Static Files in Django: A Comprehensive Guide (kab/sit)10299
, ,
Exploring the Creative Power of CSS Filters and Blending (sit)10298
, , ,
Making Room for Long List Markers With Subgrid (nol)10297
, , ,
The End of My Gatsby Journey (mon)10296
, ,
Release Notes for Safari Technology Preview 190 (jon/web)10295
, , ,
Simplify Your CSS Using “:is()” and “:where()” Pseudo-Classes (zor/css)10294
, ,
90% of Designers are Unhirable? (mat/uxd)10293
, ,
WebAssembly JSPI Is Going to Origin Trial (bre/v8j)10292
The Ultimate Guide to Choosing the Best React Website Builder (sit)10291
, , , ,
Taming the Shadow DOM: Injecting Global Styles With Adopted Stylesheets (sou)10290
, ,
Sometimes, a Button Just Wants to Look Like a Button (max/app)10289
, ,
Internationalization With Remix (ari/rem)10288
,
Announcing TypeScript 5.4 (dro/typ)10287
,
5 Ways Productivity Culture Kills Business Agility (the/scr)10286
, , ,
10 Figma Keyboard Shortcuts: A Cheat Sheet for UX Designers (des)10285
, , ,
How to Use WebSockets in Node.js to Create Real-Time Apps (cra/sit)10284
, ,
WebKit Features in Safari 17.4 (jen+/web)10283
, , , ,
How to Ensure Your Designs Work if You Can’t Access Sample Data (kai/uxd)10282
, , , ,
Data Table Design Patterns (uxd)10281
, ,
Best Practices for Inclusive Design (slo/uxm)10280
, , ,
Achieving Design Collegiality While Maintaining Psychological Safety (jog/uxm)10279
,
Designing for Mobile Accessibility: Enhancing the User Experience on Small Screens (uxm)10278
, , ,
SemVer Simplified: An Introduction to Semantic Versioning (mai)10277
, ,
WCAG? More Like, W-What?! (stv)10276
, ,
The 88×31 Archive10275
, ,
Modern Git Commands and Features You Should Be Using (mar)10274
,
JSR: Second Look (dbu)10273
JavaScript Runs the World—Maybe Even Literally (she/wir)10272
, ,
Accessibility Has Not Failed—It Has Not Even Started for Real (cer)10271
,
Bugs I’ve Filed on Browsers (nol)10270
, , , ,
We Need to Talk About Jakob (mat)10269
VPS Showdown—March 2024—DigitalOcean vs. Linode vs. Vultr (jos)10268
, , ,
Tools That Make Me Productive as a Software Engineer (kol)10267
, ,
How npm Install Scripts Can Be Weaponized: A Real-World Example of a Harmful npm Package (eth/sta)10266
, , ,
CSS for Printing to Paper10265
,
Accessibility Darkness (ste)10264
,
Go Ahead and Block AI Web Crawlers (cor)10263
, , ,
The Faster Lambda Runtime—Node.js or LLRT? We Benchmarked (shi)10262
, , , , ,
Emerging UX Patterns in Generative AI Experiences (uxd)10261
, ,
Planning a Design System Generation (nat)10260
,
Eloquent JavaScript (mar)10259
, ,
Introducing JSR—the JavaScript Registry (lca+/den)10258
, , , ,
TIL—“submit()” Versus “requestSubmit()” (ray)10257
,
Modern CSS Tooltips and Speech Bubbles (css/sma)10256
, ,
Apple Says iOS 17.4 Won’t Remove Home Screen Web Apps in the EU After All (cha/9to)10255
, , ,
Web Tech Trends to Watch in 2024 and Beyond (web)10254
, , , , ,
An Introduction to Webflow—the No-Code Website Builder (rad)10253
, ,
Team Productivity Metrics for Engineering Managers (get)10252
, ,
Retrofitting Fluid Typography (ric)10251
,
Design System Generations (nat)10250
,
Apple Backs Off Killing Web Apps, but the Fight Continues (owa)10249
,
“AI” and Accessible Front-End Components: Is the Nuance Generatable? (hdv)10248
, ,
A Love Letter to the Underrepresented in Tech (abb)10247
Diving Into CSS Interactivity (jsf+/sto)10246
,
The Wax and the Wane of the Web (ste/ali)10245
,
What Is Inclusive Design, and How Does It Relate to Accessibility? (slo/uxm)10244
, ,
New to the Web Platform in February (rac/dev)10243
, , , , , , , ,
Keyboard Accessibility Testing on Mobile Devices10242
, , ,
Why Does “is-number” Package Have 59M Weekly Downloads? (shu)10241
,
What You Need to Know About Software Requirements (m4r)10240
,
Understanding Cookies and Sessions in React (bib/sit)10239
, ,
Techniques to Break Words (aar)10238
, , ,
Choosing the Right Node.js Package Manager in 2024: A Comparative Guide (nod)10237
, , ,
Accessibility Has Failed: Try Generative UI = Individualized UX10236
, , ,
Enhanced Internationalization (I18N) in Next.js 14 (sit)10235
,
Apple vs. PWAs—Go Act Now and Help Avoid This Disaster… (cod)10234
, , ,
So, What Exactly Did Apple Break in the EU? (tom)10233
, , , , ,
Top 8 Recent V8 in Node Updates (ant/app)10232
,
How to Create a Sidebar Navigation With Astro, Tailwind CSS, and Alpine.js (mik/lex)10231
, , , , ,
Creativity Lies in the Paradoxes (uxd)10230
,
Making Math Accessible (ons/tpg)10229
,
Ultimate Guide to Visual Testing With Playwright (bro)10228
, , ,
Test Quality vs. Bashing Tailwind CSS (mar)10227
, ,
Going Beyond Pixels and (r)ems in CSS—Container Query Length Units (uti/iod)10226
, ,
An HTML Switch Control (ann+/web)10225
, ,
What Is Vuetify in Vue.js? (csh)10224
,
Screen Readers and Drag-and-Drop: Grabbing and Releasing Elements (dar)10223
, , , ,
How to Use Server-Sent Events in Node.js (cra/sit)10222
, ,
Tumblr and WordPress to Sell Users’ Data to Train AI Tools (sam/404)10221
,
The 3 Capabilities Designers Need to Build for the AI Era (uxd)10220
, , , ,
How to Lazy-Load CodePen and Caniuse Embeds (nik)10219
, , ,
A Simple Mistake That Can Screw Up Your Light/Dark Theme (and How to Fix It) (kev)10218
, , ,
YouTube Video Embedding Harm Reduction (jvo)10217
, , , ,
Reporting Core Web Vitals With the Performance API (geo/sma)10216
, ,
Here Lies the Internet, Murdered by Generative AI (eri)10215
, ,
AI and Design Systems (bra)10214
,
A Fun Line of Code (dbu)10213
, ,
10 Takeaways From the WebAIM Screenreader Survey #10 (kar/a11)10212
, ,
Why I Use Firefox (sim)10211
, ,
CSS-Only Bottom-Anchored Scrolling Area (kit)10210
,
CSS Foundations: What Is IACVT? (bra/bra)10209
,
What Is a Single-Page Application? (hey)10208
, , ,
Advanced Figma Tips and Tricks 2024: Little Gems We Love (moo/uxd)10207
,
Open Letter to Tim Cook, Sabotaging Web Apps Is Indefensible (owa)10206
,
The CSS Cascade—a (Re)Introduction (mat)10205
, ,
Speaker Spotlight: Michelle Barker (mic+/pix)10204
, ,
No Outer Margin (kyl)10203
,
How to Build a Newthing (yst)10202
, , ,
A Web Designer’s Accessibility Advocacy Toolkit (sma)10201
, ,
Home Screen Advantage (sli)10200
, , , , ,
JSDoc as an Alternative TypeScript Syntax (_al)10199
, ,
CAPTCHA Is Still [the] Most Problematic Issue on the Web (cer)10198
, ,
Navigating Signals: An Efficient Alternative to React Hooks for Enhanced Performance and Optimization10197
, ,
My WebAIM 10th SR User Survey Takeaways (aar)10196
, ,
WebAIM Screen Reader User Survey 10 (den/web)10195
, ,
The Power of Patterns and Playbooks in Content Design (kat/uxd)10194
, ,
Understanding Event-Driven Architecture (yok)10193
,
CSS “:has()” Interactive Guide (sha)10192
, ,
Why My Code Isn’t in TypeScript (rem)10191
Proposal: CSS Variable Groups (lea)10190
A Developer’s Guide for Web Accessibility (ask)10189
,
Building Dynamic Progress Bars Using Only CSS (ami)10188
Filling Gaps With a Polyfill (jay)10187
, , , ,
UX Leadership Is Failing (and What We Can Do About It) (its/uxd)10186
,
Vanilla JavaScript, Libraries, and the Quest for Stateful DOM Rendering (sma)10185
, , ,
JSR: What We Know So Far About Deno’s New JavaScript Package Registry (pol/soc)10184
, , ,
JavaScript Bloat in 2024 (nik)10183
,
htmx vs. React: A Complete Comparison (ant/sem)10182
, ,
Difference Between the Accessibility Page and the Accessibility Statement (tba/eve)10181
, ,
ARIA (Are Ya) Afraid of the Dark? Unmasking Common HTML Monsters to Create Better User Experiences (deq)10180
, , , ,
10 Best Create React App Alternatives for Different Use Cases (sit)10179
, , ,
Syntax Highlighting With No Spans?! (chr/fro)10178
, ,
Node.js 2023 Year in an Article (raf)10177
,
Release Notes for Safari Technology Preview 189 (jon/web)10176
, , ,
Making of True Multi-Brand Design System (uxd)10175
,
The One Trick Every Flutter Web Dev Needs to Know (abh/goo)10174
, ,
View Transitions: Handling Aspect Ratio Changes (jaf)10173
,
Next.js vs. Remix—a Developer’s Dilemma (che/his)10172
, ,
My Favourite Animation Trick: Exponential Smoothing (lis)10171
,
How to Optimize the Web for the Worst User Conditions? (med)10170
, , , ,
CSS “::backdrop” Now Inherits From Its Originating Element (bra/bra)10169
,
Preventing SQL Injection Attacks in Node.js (sny)10168
, , ,
Control Lazy Load, Infinite Scroll, and Animations in React (bib/sit)10167
, , , ,
How to Make a Cursor Image Hover Effect With CSS and JS (len)10166
, , , ,
A Practical Guide to Using Shadow DOM (may)10165
, ,
My Design System Journey: Building the Plane While Flying (uxd)10164
, ,
Why Is JavaScript Fragile? (cfe)10163
“random()” Distribution Visualizer (alt)10162
, ,
Okay, Color Spaces (eee)10161
,
How to Transfer Binary Data Efficiently Across Worker Threads in Node.js (sas)10160
, ,
Does Your Design Conform With WCAG Accessibility Guidelines—or Does It Comply? (cin/deq)10159
, , , ,
Design Patterns That Encourage Junk Data (mic/css)10158
, , , ,
CSS-Only Radial Progress Bars Using Conic Gradients (jef/lar)10157
, ,
A Practical Guide to Designing for Colorblind People (vit/sma)10156
, , , ,
The Fifty-Fifty Split and Overflow (hex)10155
, ,
What Is Utility-First CSS? (hey)10154
, ,
7 Effective Ways to Craft Compelling Problem Statements for UX Design (sye/uxm)10153
, ,
100 Things You Can Do on Your Personal Website (cap)10152
, ,
Fostering a Collaborative Onboarding Team to Design Better Onboarding Experiences (hsp/uxm)10151
, ,
How to Design an Accessible Web Site for People With Color-Deficient Vision (uxm)10150
, , , , , ,
“Web Design as a Process” in Charts: Maintenance, Decay, Tech Debt, and Big Bang Launching (j9t)10149
, , , , , ,
[Web Accessibility] Survey Results10148
,
Responsive Web Design: 3 Key Fundamentals (nng)10147
, ,
17 Equations That Changed the World—Rewritten in JavaScript (run)10146
,
Don’t Care About Accessibility? Resistance Is Futile! (cer)10145
Tailwind Marketing and Misinformation Engine (tip)10144
, , , , ,
A Manifesto for Small, Static, Web Apps (ros)10143
, ,
Understanding React “useEffect” (sit)10142
JavaScript Workers (pup)10141
, ,
JavaScript on Demand: How Qwik Differs From React Hydration (pau/the)10140
, , , ,
Frontend Application Security: Tips and Tricks (lah/bit)10139
, , , , , , , ,
UI = ƒ(statesⁿ) (dav)10138
,
Popular Git Config Options (b0r)10137
,
It’s Official, Apple Kills Web Apps in the EU (owa)10136
,
How to Set Up a Node Server With TypeScript in 2024 (jle/lwj)10135
, , ,
Be a Better Developer With These Git Good Practices (vii)10134
, , , ,
Full Guide on How to Hire Front-End Developers Effectively (ind)10133
, , ,
React Labs: What We’ve Been Working On—February 2024 (en_+/rea)10132
ARIA “note” (aar)10131
, , , , ,
Top 20 JavaScript One-Liners That Don’t Actually Work (dar)10130
Playing With Infinity in CSS (lon)10129
,
Making the Most of Ligatures (man)10128
,
How I Developed the 10 Usability Heuristics10127
, ,