Frontend Dogma

News and Tools for Frontend Developers (22)

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

Entry (Sources) and TopicsDate#
This Blog Is Hosted on My Android Phone (iam)8445
,
Testing Feature Support for Modern CSS (5t3)8444
, ,
Configuring ESLint, Prettier, and TypeScript Together (jos)8443
, , , , , ,
Tailwind CSS vs. UnoCSS (hey)8442
, , , ,
My Favorite Free Courses to Learn JavaScript in Depth (jav)8441
, , ,
30th Anniversary of Licensing the Web for General Use and at No Cost (koa/w3c)8440
, , , , ,
Two Underused Arguments for Writing Documentation (j9t)8439
, ,
Dark Mode in 3 Lines of CSS and Other Adventures (mad)8438
,
The Popover API Is Exciting, Sort Of (mrt)8437
,
A Beginner’s Introduction to the Most Common Data Types in Programming (dat)8436
, ,
JS Private Class Fields Considered Harmful (lea)8435
Rebuilding a Featured News Section With Modern CSS: Vox News (sha)8434
, , ,
Everything You Need to Know About Webpack’s Bundle Analyzer (mat)8433
, ,
Animating the Impossible (cas/btc)8432
, ,
New to the Web Platform in April (rac/dev)8431
, , , , , ,
Write Better CSS by Borrowing Ideas From JavaScript Functions (yap/sma)8430
, , ,
Modern CSS Layout Is Awesome! (mic/btc)8429
, ,
What Is the Value of a Design System? (jul/zer)8428
The Most Underrated Section of Design Portfolios (lob/pro)8427
,
How to Deep Merge Arrays and Objects With JavaScript (cfe)8426
, , ,
Typography for Everyone (tob/btc)8425
, ,
Accessible Target Sizes Cheatsheet (vit/sma)8424
,
Writing Unit Tests in Node.js Using Jest (dav+/sem)8423
, ,
Progress Over Perfection: The Better Way for Communication and Accessibility Advocacy (mer)8422
, , ,
How to Manage Design Tokens (zet)8421
, ,
Discovering the Power of JavaScript Proxy After All This Time (mar)8420
The Most Important Thing Productivity Tools Are Missing About AI (tej/uxd)8419
, ,
The Interactive Guide to Rendering in React (tyl/uid)8418
, ,
Reducing the Cost of String Serialization in Node.js Core (yag)8417
,
Comparing the Best Node.js Version Managers: nvm, Volta, and asdf (liz/sta)8416
, ,
Crafting the Next.js Website (rau+)8415
Transition To and From “display: none” With Upcoming CSS Capabilities (una)8414
, ,
The Best Way to Get nvm Working in CI/CD Systems8413
,
Adding Motion to the Next Decade of Atomic Design (uxd)8412
,
The “const” Deception (jos)8411
What’s New in Node.js 20 (cra/sit)8410
Frontend Web Performance Checklist (jac)8409
,
npm vs. Yarn vs. pnpm (rax)8408
, , ,
Design Debt: The Hidden Cost of Neglecting UX Investment, and How to Measure and Manage It (joa/uxd)8407
, , ,
CSS Blend Modes (bra)8406
,
Organizing a Web Design System for Scalability in Figma (uxd)8405
, ,
The Potentially Dangerous Non-Accessibility of Cookie Notices (mar/sma)8404
, , , ,
Scoped CSS Is Back (kei)8403
,
Avoiding Dark Patterns in Web Design (boa/fro)8402
,
Goodbye “create-react-app”: A New Approach (cod)8401
Figma, I Love You but You’re Bringing Me Down (joe/uxd)8400
Exploring the Potential of Web Workers for Multithreading on the Web (sah/sma)8399
, , ,
“The Secret List of Websites” (chr)8398
, ,
Dark Mode Toggle and “prefers-color-scheme” (abb)8397
, ,
How to Write Comments in React: The Good, the Bad, and the Ugly (pan)8396
, ,
Meeting WCAG Level AAA (pat/tet)8395
, , ,
Transitioning to Height Auto (Two Ways) (kei)8394
The Effects of Technical Debt on Morale (abi)8393
, ,
Considering Content Warnings in HTML (aar)8392
, ,
“details”/“summary” Inconsistencies (mat)8391
, , ,
Upgrading Our CSS Habits: “aspect-ratio” (cod)8390
5 Topics You Should Touch on During the Recruitment Process8389
, ,
Spinning Diagrams With CSS (har)8388
,
Designing and Coding for Voice (bri)8387
,
Read-Only Web Apps (ada)8386
,
This Website Is Under Construction, a Love Letter to the Personal Website (btc)8385
, ,
CSS Custom Properties Beyond the “:root” (mat)8384
, ,
Why Is Scrum the Most Popular Agile Framework? (reb/scr)8383
, ,
Browser Rendering: What Happens Behind the Scenes (fro)8382
, , , , , ,
It’s Time for the Tech Industry to Live Up to Its Ideals (uxd)8381
,
Visually Accessible Data Visualization (dmt/pla)8380
,
5 Code Refactoring Techniques to Improve Your Code (sur/doc)8379
, ,
Generating Provenance Statements (myl/npm)8378
, ,
Release Notes for Safari Technology Preview 168 (jon/web)8377
, , ,
Intro to Runtime Performance in the Chrome DevTools Performance Panel (ann/thi)8376
, , , , , ,
Introducing npm Package Provenance (bde+/git)8375
, , , , ,
Introduction to Web Animations With GSAP (top)8374
, , ,
Using HTML Elements as CSS Masks (art)8373
Productivity and Well-Being: A Summary of What Works8372
,
10 Common Mistakes in Angular Development (gut/bit)8371
, ,
DevTools: A Better Way to Visualize Your JavaScript (uma)8370
, , , , , , , ,
8 Best Tools for Cryptography and Encryption (sta)8369
, , , , , ,
Audio Accessibility in Miro: A Hackathon Story in 3 Acts (sin/mir)8368
, ,
Kubernetes Quick Tutorial (fra)8367
,
5 Must-Know Shopify Liquid Tips and Tricks for Customizing Your Store8366
, , ,
Container Query Units and Fluid Typography (5t3)8365
, ,
Node.js 20 Is Now Available! (nod)8364
,
What’s New in ECMAScript 2023 (paw)8363
,
Signals: Fine-Grained Reactivity for JavaScript Frameworks (daz/sit)8362
, , ,
Why CloudFront Invalidation Is Required After Every New Deployment and How to Implement It? (viv)8361
, , ,
How to Create an SEO Strategy (zac/moz)8360
, ,
Business Impacts of UI Design and UX Design (hun/uxm)8359
,
It’s Very Likely That… (mat)8358
, , ,
Answering “What ARIA Can I Use?” (kin/w3c)8357
, , , , ,
What Is Design Thinking? (sma)8356
A List of Programming Playgrounds (b0r)8355
, ,
You Are What You Measure (luk)8354
,
Deno vs. Node: No One Is Ready for the Move (piu/hon)8353
, , ,
Using a Muted Color Palette in Web Design (uxm)8352
, ,
All About the Semantic Web (sim)8351
,
Firefox May Soon Reject Cookie Prompts Automatically (mar/gha)8350
, , , ,
The Acronyms of Rendering on the Web (whi)8349
, , ,
Exploring “:has()” Again (mic/css)8348
,
Serving Less Data to Users With the “prefers-reduced-data” Media Query (sea)8347
, , ,
Speeding Up the JavaScript Ecosystem—Draft-js Emoji Plugin (mar)8346
, ,
3 Common IA Mistakes (That Are All Due to Low Information Scent) (nng)8345
, ,
Angular 16 Is Huge (lif/itn)8344
How to Name Design Tokens in a Design System (cao/uxd)8343
, , ,
My Favorite Courses to Learn Microservices in Depth (jav)8342
, , ,
Dissecting npm Malware: Five Packages and Their Evil Install Scripts (gab/san)8341
,
Lessons of Design (fab/uxd)8340
,
Consume Web Streams From OpenAI Using Vanilla JavaScript (uma)8339
, , , , ,
Web Accessibility: A Reference to Creating Inclusive Websites (sta)8338
Ping Animation With Minimal CSS (ami)8337
,
4 Ways to Create an Enum in JavaScript (pan)8336
The “details” Element Is Amazing (fon)8335
What Are User Permissions? Concepts, Examples, and Maintenance (fro)8334
, , ,
9 Bogus Reasons Why Some Designers Claim UX Research Is a Waste (uxd)8333
, ,
11ty and Lit, a Match Made in Heaven for Simple Sites8332
, ,
Embracing AI as a Material for Design (guu/uxd)8331
, ,
What’s New in DevTools: Debugging, Testing, and CSS (Chrome 110–112) (jec/dev)8330
, , , , , , ,
10 Best Sorting Algorithms Explained (sit)8329
,
Costly CSS Properties and How to Optimize Them (let)8328
, ,
Breaking Down Accessibility Barriers: Top 4 Challenges With Screen Magnifiers (abi/ael)8327
, ,
The Pros and Cons of Different UI Automation Test Tools—Puppeteer (ris)8326
, ,
A History of the World Wide Web From 1989 to the Present Day (muo)8325
,
How to Work With Dates and Times in Vanilla JavaScript (cfe)8324
,
Passkeys: What the Heck and Why? (nea/css)8323
,
Solving the CSS Layout and Source Order Disconnect (rac/dev)8322
,
CSS: Tricks for Targeting Elements With CSS (uma)8321
, ,
Shifting Left, or: Making Accessibility Easier by Doing It Earlier (hdv)8320
, , ,
Transparent Video for the Web in 2023 (cla)8319
,
Angular Is Back With a Vengeance (jef/fir)8318
,
Don’t Override Screen Reader Pronunciation (aar)8317
, ,
Expanding Grid Cards With View Transitions (chr)8316
, ,
Firefox Rolls Out Total Cookie Protection by Default to More Users Worldwide (moz)8315
, , , ,
Understanding CSS Preload and Other Resource Hints (sta/log)8314
, ,
Advanced Figma Components Tips and Tricks: Little Gems We Love (moo/uxd)8313
, , ,
Shallow vs. Deep Copying in JavaScript (mar/sit)8312
,
HTML Accessibility API Mappings 1.0 (ste+/w3c)8311
, ,
Accessibility in Design Systems: Building More Inclusive Products for a Better User Experience (kna)8310
, , , ,
A Designers Guide to the Principles of Web Design (loo)8309
, , , , , , , , ,
Temporal Intervals Are Handy in MySQL (ami)8308
,
Building Pagination in React With React Paginate (sur/doc)8307
, ,
React, Visualized (uid)8306
, ,
The Performance Golden Rule Revisited (tka)8305
,
New HTML Element: “search” (alv)8304
,
Trying Node.js Test Runner (bah)8303
,
Document or Die: The Importance of Writing Things Down in Tech8302
, ,
What’s a Basic Use Case for Cascade Layers in CSS? (chr)8301
, ,
Formulating Your Product Design North Star (aka Design Principles) (suc/uxd)8300
, ,
The Real Difference Between “useMemo” and “Memo” in React8299
, , ,
Why Astro Is My Favorite Framework (mrt)8298
,
Becoming a Frontend Developer in 100 Days: A Step-by-Step Guide (abh)8297
, ,
CSS Text Balancing With “text-wrap: balance” (sha)8296
,
Are [You] Confused Which Bundler You Should Use? Webpack vs. Parcel vs. Rollup (jan)8295
, , , , ,
Choosing Humanity Over Automation (uxd)8294
, ,
Mastering Yarn’s Lifecycle With Hooks (sci)8293
,
Boost Your JavaScript With JSDoc Typing (min)8292
, , ,
Understanding Apache Web Server Configuration (kni)8291
, ,
What’s New in CSS? (bra/bra)8290
,
Chasing Rainbows (wax/ver)8289
, , ,
Stream File Uploads to S3 Object Storage and Save Money (aus)8288
, , ,
The Pattern to Make Your Frontend Tests 10× Better (cao)8287
Advancing Your Tech Skills (wom)8286
,
DevTools: A Clever Overview of All Your CSS Code (uma)8285
, , , , ,
Programming-Language Popularity by GitHub Pull Requests (lem)8284
, , , , , ,
Say Goodbye to Tedious Scripting With zx: Simplifying Shell Scripting (hi)8283
, ,
It’s Time to Learn OKLCH Color (kei)8282
, ,
3 Methods for Scoped Styles in Web Components That Work Everywhere (zac)8281
, , , , ,
Unlocking the Power of Design Tokens to Create Dark Mode UI (ric)8280
,
Frontend Developer Tries Tailwind for the First Time (zor/css)8279
, ,
10 CSS Animation Tips and Tricks (kev)8278
, , ,
Establishing Metrics for Accessibility ROI (kar)8277
, ,
The Alt Text War—SEO vs. Accessibility (art/dig)8276
, , , , ,
Observing CSS (jon)8275
, ,
JavaScript Memory Management: A Comprehensive Guide to Garbage Collection in JavaScript (cal)8274
, , ,
Foundations: Accessible Names and Descriptions (ihe/tet)8273
, , , ,
Choosing a Name for Your Design System (bra)8272
,
Release Notes for Safari Technology Preview 167 (jon/web)8271
, , ,
The Death of JPEG-XL (pea)8270
,
Can You Create Beautiful Stroked Text in CSS? (log)8269
,
7 Tips for Getting Started With Vue.js (ada/vue)8268
, ,
What’s New in WCAG 2.2? (mon/acc)8267
, ,
Designing for Reduced Motion (lup/cra)8266
,
Code Explanation Using GitHub Copilot (ami)8265
, , ,
Understanding npm Versioning (ben/typ)8264
, , ,
The Revenge of the Pop-Up (ses/ver)8263
, ,
New in Chrome 112 (tro/dev)8262
, , ,
What Is Semantic HTML? (dav/a11)8261
,
What Makes a Good Screenshot? (llo/tpg)8260
,
Testing Localhost on Multiple Devices (cit)8259
,
4 GitHub Alternatives for Code Repositories (sta)8258
,
Slow Start and Congestion Control (Browser Networking) (med)8257
, ,
Five Pieces of Advice for More Accessible Websites (cit)8256
,
Quick Tip: Pull Data From an API Into a Figma Layer (mrd/sit)8255
, , ,
So, How Can We Measure UX? (uxd)8254
,
What Is a Design System and Why Should You Use One? (tec/uxm)8253
Accessibility for Designers: Where Do I Start? (ste)8252
, ,
JSON vs. XML With Douglas Crockford (dou+/cor)8251
, , , , ,
A Color Wheel With Gradient (css)8250
, , , ,
Exposing Field Errors (aar)8249
, , , ,
A Small JavaScript Pattern I Enjoy Using (kil)8248
Copy to Clipboard in JavaScript and React (vin)8247
,
How WebAssembly Is Accelerating New Web Functionality (fra/dev)8246
,
Safari Releases Are Development Hell (ash/con)8245
, , ,
7 Tricks to Take the Performance of Your Website to the Moon (tap)8244
, , ,
Sticky Page Header Shadow on Scroll (hex)8243
, ,
Modern HTML Email (Tables No Longer Required) (oll)8242
, ,
10 Ways to Hide Elements in CSS (cra/sit)8241
, ,
Why Do They Ignore My Awesome Design Documentation? (she)8240
,
When I Get That Low Contrast Feeling, I Need Non-Textual Healing (llo/tpg)8239
, ,
Syntaxonomy—a Collection of Web Languages (ale)8238
, , , ,
The Future of Senior Developers in an AI-Driven World (cod)8237
, ,
Folder Structure for Modern Web Applications (oba)8236
,
The Ultimate Guide to Automatic Accessibility Testing in CI/CD for React Apps8235
, , , , ,
We Need Accessibility Action (yat)8234
,
DevTools: Getting Data From DevTools Into Your Code Editor (uma)8233
, ,
A CSS Selector to Highlight Clickable Elements (seb)8232
,
Modern Web Development: Centering Divs in New Exciting Wrong Ways With AI (cod)8231
, ,
The Pros and Cons of Different UI Automation Test Tools—Playwright (ris)8230
, ,
New to the Web Platform in March (rac/dev)8229
, , , , , , , ,
On-Page SEO Checklist: The Complete Task List for 2023 (rh/sem)8228
, , ,
Alternative Text in the Wild: 5 Alternative Text Examples (pop)8227
, ,
AWS CloudFront Tutorial: Setup and Configuration (mat/sit)8226
, , , ,
CSS Masking (sha)8225
,
Why I Quit Being a Tech “Influencer” (jac)8224
One in Two New npm Packages Is SEO Spam Right Now (gab/san)8223
,
From Burnout to Balance: Why Are So Many UX Designers Fatigued? (fee/uxd)8222
, , ,
Checkered Background Using Two Lines of Code in CSS (ami+)8221
,
What Are Source Maps? (jec/dev)8220
,
Why JavaScript Is a Prototype-Based OOP (emm)8219
,
XUL Layout Is Gone (ecb)8218
, , , ,
The WebAIM Million (web)8217
, , ,
CSS Nesting (fro)8216
, , ,
Framework Popularity on Netlify (sel/net)8215
, , , , , ,
Using PHP Arrays: A Guide for Beginners (mat/sit)8214
, ,
6 Steps to Reduce the Carbon Footprint of Your Website (mgi/osd)8213
HTML: Help Users to Download Files With the HTML “download” Attribute (uma)8212
,
Flutter Performance Optimization Techniques and Best Practices (biz)8211
, , ,
How to Use Google Fonts and “font-display” (dax/sit)8210
, , ,
Usability Heuristics in Game Design (tin/uxd)8209
, ,
How to Review and Refactor Code With GPT-4 (and ChatGPT) (mar/sit)8208
, , , , ,
TypeScript Function Types: A Beginner’s Guide (pan)8207
, ,
Improving CSS Shapes With Trigonometric Functions (dan)8206
, ,
Guardrails for Better Accessibility Support in Frontend (net)8205
, ,
Connecting Dots of an Accessibility Audit (art/dig)8204
,
Meet Arc, a New Innovative Browser That Challenges Chrome (ind)8203
, , ,
JavaScript Import Maps Are Now Supported Cross-Browser (tom/dev)8202
, , ,
In Praise of Vite (spa/clo)8201
10 AI Tools for Content Writing (sta)8200
, , , ,
File Uploads for the Web: File Uploads in Node and Nuxt (aus)8199
, ,
How to Split an Angular App Into Micro-Frontend Apps8198
, , ,
Accessibility vs. Emojis (uxd)8197
, , ,
Function Overloading in TypeScript (laf/thi)8196
,