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