Frontend Dogma

News and Tools for Frontend Developers (12)

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

Entry (Sources) and TopicsDate#
I’m So Old: Web Edition (dav)10970
,
Every React Concept Explained in 12 Minutes10969
, ,
The Power of Textual Content in UX Design (ssh/uxm)10968
,
Comparing ECMAScript Modules and CommonJS (wan)10967
, ,
Build a Node App With TypeScript (mat)10966
, , ,
How to Kill the Cascade (fon)10965
, , ,
Observability Is an Illusion (pur)10964
, , ,
Accessibility Foundations (ihe/tpg)10963
, ,
Empowering the User Experience Through Microinteractions: 7 Best Practices (sye/uxm)10962
, ,
The Ultimate Guide to Understanding npx vs. npm (sa/dhi)10961
, , ,
A Designer’s Role Is Not “at the Table” (uxd)10960
,
Make a Web Browser: Beginner’s Guide (nim/dai)10959
, ,
How Web-Site Design and Social Media Work Together (val/uxm)10958
, ,
“require(esm)” in Node.js (joy)10957
, , ,
Oh Sh*t, My App Is Successful and I Didn’t Think About Accessibility (jac)10956
Time to Ditch Analytics? Tracking Scripts and Web Sustainability (mic/css)10955
, , , , ,
Why UI Designers Should Understand Flexbox and CSS Grid (moo/uxd)10954
, , , ,
2024 Cheat Sheet Collection10953
,
How Web Bloat Impacts Users With Slow Devices (dan)10952
, , ,
Copy Objects Ways in JavaScript (fpa)10951
,
Migrating Away From Jest and Achieving Over 90% Reduction in Running Time (pat)10950
, , , ,
How to Optimize Cumulative Layout Shift (CLS) on Shopify Sites (sia/sho)10949
, , , ,
Quick Tip: Creating a Date Picker in React (sit)10948
, ,
Accessibility in Design Systems: A Comprehensive Approach Through Documentation and Assets (sup)10947
, , ,
Webflow 101: A Guide for Beginners (sta)10946
, , ,
Skeuomorphism (nng)10945
,
Deploying Remix to GitHub Pages (bro/rem)10944
, , , ,
Homepage Design: 5 Fundamental Principles (nng)10943
, ,
How (In)Efficient Are Engineering Organizations? (abi)10942
, ,
There Is No EU Cookie Banner Law (bit)10941
, ,
Qwik vs. Next.js: Which Framework Is Right for Your Next Web Project? (out)10940
, , ,
Arguments for Opening Links in a New Tab or Window (gri/clo)10939
,
When “Semantic Tokens” Are No Longer Semantic (nat)10938
,
Make Your Functions More Reusable With Generics (mat)10937
, , ,
What Is Safe Alignment in CSS? (chr/fro)10936
, ,
Performance Tooling in 2024 and Beyond (egs+/dev)10935
, , , , ,
The Golden Age of Accessibility10934
HTML Performance Optimization: Tips for Faster Loading Pages10933
, , , ,
My New Favorite CSS Trick: “will-change” (hig)10932
, , ,
Another JS Registry—Seriously?! (den)10931
, , ,
The Problem With Data Attributes for Text Effects (man)10930
, , ,
What’s Next for a Global Design System (bra)10929
Ruby Is Complicated (xge)10928
25 Unnoticeable Features of JavaScript (mai)10927
How to Design Icons in Figma (str)10926
, , , ,
There Are No Standards Police (mno)10925
, ,
A Beginner’s Guide to Node.js Worker Threads (sta/bet)10924
, ,
How to Avoid Flaky Tests in Playwright (ant+/sem)10923
, ,
Refactoring My Ugliest Code With Signal View Queries (jos)10922
, ,
The Problem With AI (cfe)10921
You Want “border-color: transparent”, Not “border: none” (dav/fro)10920
, , , ,
WCAG 2.2 Detective Skills (dav+/gov)10919
, ,
Runtime Compatibility (asc+/unj)10918
, , , , , , ,
Interaction to Next Paint Is Officially a Core Web Vital (rvi/dev)10917
,
A Letter to My Younger Self, as an Accessibility Advocate (hbu)10916
, ,
5 Exciting New JavaScript Features in 2024 (daz/sit)10915
How to Read Files Quickly in JavaScript (lem)10914
, ,
The “10× Engineer”: 50 Years Ago and Now (ger)10913
, , ,
Building Websites and Building Websites Well (j9t)10912
, ,
Why Your Microservices Architecture Is Probably Overkill (and How I Learned to Love the Monolith Again) (pur)10911
, ,
The Essential Guide to Microcopy and Becoming a More Literate Designer (da/uxm)10910
, , , ,
Marking the Web’s 35th Birthday: An Open Letter (tim/web)10909
, ,
Thoughts on Embedding Alternative Text Metadata Into Images (eri)10908
, ,
Spread vs. Rest Operators in JavaScript10907
, ,
Are We Watching the Internet Die? (edz)10906
What Is INP and Why You Should Care (whi/sen)10905
, ,
Alt Text for CSS Generated Content (tem)10904
, , ,
IDEs vs. Code Editors: Everything You Need to Know (wri/jet)10903
, ,
Streaming HTML (chr/fro)10902
, ,
Accessibility: Implementing Focus Traps (sei/oke)10901
, ,
Comparing JavaScript Frameworks: Templates (mrh)10900
, , ,
Distinguishing Between ARIA and Native HTML Attributes (deq)10899
, , , ,
Have You Optimized for INP? (med)10898
, ,
A Gentle Introduction to Generics in TypeScript (mwy)10897
, ,
Express.js With TypeScript—Setup, Examples, Testing (ans)10896
, , , ,
Announcing Speedometer 3.0: A Shared Browser Benchmark for Web Application Responsiveness10895
, ,
JSON Canvas (obs)10894
, , ,
CSS Button Styles You Might Not Know (dbu)10893
, ,
Things I Learned While Building My JS Library (mat)10892
, ,
Optimising Your Design System With Figma’s Variables (nan/uxd)10891
, ,
Replace ESLint and Prettier With Biome.js (sim)10890
, , , , ,
eslint-plugin-depend (430)10889
, , ,
How to Invert the Colors Using CSS (ron)10888
, , ,
Jakob Has Jumped the Shark (aar)10887
,
Access by a Thousand Curb Cuts (yat)10886
Add Superpowers to Your CSS Variables With Style Queries (jar/van)10885
, ,
Navigating the Future of Frontend (fem)10884
, ,
Dissecting Layered Architecture (yok)10883
Creating Color Palettes With the CSS “color-mix()” Function (mic/css)10882
, , ,
How “HEAD” Works in Git (b0r)10881
Modern CSS Tooltips and Speech Bubbles II (css/sma)10880
, ,
Asking Users for Their Pronouns: A Guide for UX Designers (che)10879
, ,
AVIF Is the Future of Web Images10878
, , ,
Some Little Ways I’m Using CSS “:has()” in the Real World (bel/pic)10877
, ,
How to Test 2.5.8 Target Size (Minimum) (sib/tpg)10876
, ,
Managing Static Files in Django: A Comprehensive Guide (kab/sit)10875
, ,
The Quiet, Pervasive Devaluation of Frontend (col)10874
, , , ,
SSG, SSR, ISR, CSR Rendering Strategies in Next.js (fro)10873
, , , , , ,
Simplify Your CSS Using “:is()” and “:where()” Pseudo-Classes (zor/css)10872
, ,
The End of My Gatsby Journey (mon)10871
, ,
Announcing TypeScript 5.4 (dro/typ)10870
,
The Ultimate Guide to Choosing the Best React Website Builder (sit)10869
, , , ,
Sometimes, a Button Just Wants to Look Like a Button (max/app)10868
, ,
10 Figma Keyboard Shortcuts: A Cheat Sheet for UX Designers (des)10867
, , ,
Release Notes for Safari Technology Preview 190 (jon/web)10866
, , ,
Making Room for Long List Markers With Subgrid (nol)10865
, , ,
Internationalization With Remix (ari/rem)10864
,
5 Ways Productivity Culture Kills Business Agility (the/scr)10863
, , ,
90% of Designers are Unhirable? (mat/uxd)10862
, ,
Taming the Shadow DOM: Injecting Global Styles With Adopted Stylesheets (sou)10861
, ,
WebAssembly JSPI Is Going to Origin Trial (bre/v8j)10860
Exploring the Creative Power of CSS Filters and Blending (sit)10859
, , ,
How to Use WebSockets in Node.js to Create Real-Time Apps (cra/sit)10858
, ,
WebKit Features in Safari 17.4 (jen+/web)10857
, , , ,
Data Table Design Patterns (uxd)10856
, ,
How to Ensure Your Designs Work if You Can’t Access Sample Data (kai/uxd)10855
, , , ,
Best Practices for Inclusive Design (slo/uxm)10854
, , ,
Modern Git Commands and Features You Should Be Using (mar)10853
,
WCAG? More Like, W-What?! (stv)10852
, ,
JSR: Second Look (dbu)10851
Achieving Design Collegiality While Maintaining Psychological Safety (jog/uxm)10850
,
JavaScript Runs the World—Maybe Even Literally (she/wir)10849
, ,
The 88×31 Archive10848
, ,
SemVer Simplified: An Introduction to Semantic Versioning (mai)10847
, ,
Designing for Mobile Accessibility: Enhancing the User Experience on Small Screens (uxm)10846
, , ,
We Need to Talk About Jakob (mat)10845
Accessibility Darkness (ste)10844
,
Tools That Make Me Productive as a Software Engineer (kol)10843
, ,
Accessibility Has Not Failed—It Has Not Even Started for Real (cer)10842
,
VPS Showdown—March 2024—DigitalOcean vs. Linode vs. Vultr (jos)10841
, , ,
CSS for Printing to Paper10840
,
Bugs I’ve Filed on Browsers (nol)10839
, , , ,
How npm Install Scripts Can Be Weaponized: A Real-World Example of a Harmful npm Package (eth/sta)10838
, , ,
Emerging UX Patterns in Generative AI Experiences (uxd)10837
, ,
Go Ahead and Block AI Web Crawlers (cor)10836
, , ,
Planning a Design System Generation (nat)10835
,
The Faster Lambda Runtime—Node.js or LLRT? We Benchmarked (shi)10834
, , , , ,
Retrofitting Fluid Typography (ric)10833
,
Eloquent JavaScript (mar)10832
, ,
TIL—“submit()” Versus “requestSubmit()” (ray)10831
,
Introducing JSR—the JavaScript Registry (lca+/den)10830
, , , ,
Modern CSS Tooltips and Speech Bubbles (css/sma)10829
, ,
Apple Says iOS 17.4 Won’t Remove Home Screen Web Apps in the EU After All (cha/9to)10828
, , ,
An Introduction to Webflow—the No-Code Website Builder (rad)10827
, ,
Design System Generations (nat)10826
,
Web Tech Trends to Watch in 2024 and Beyond (web)10825
, , , , ,
Apple Backs Off Killing Web Apps, but the Fight Continues (owa)10824
,
A Love Letter to the Underrepresented in Tech (abb)10823
“AI” and Accessible Front-End Components: Is the Nuance Generatable? (hdv)10822
, ,
Team Productivity Metrics for Engineering Managers (get)10821
, ,
Accessibility Has Failed: Try Generative UI = Individualized UX10820
, , ,
Diving Into CSS Interactivity (jsf+/sto)10819
,
Choosing the Right Node.js Package Manager in 2024: A Comparative Guide (nod)10818
, , ,
The Wax and the Wane of the Web (ste/ali)10817
,
Why Does “is-number” Package Have 59M Weekly Downloads? (shu)10816
,
What Is Inclusive Design, and How Does It Relate to Accessibility? (slo/uxm)10815
, ,
Understanding Cookies and Sessions in React (bib/sit)10814
, ,
New to the Web Platform in February (rac/dev)10813
, , , , , , , ,
What You Need to Know About Software Requirements (m4r)10812
,
Keyboard Accessibility Testing on Mobile Devices10811
, , ,
Techniques to Break Words (aar)10810
, , ,
Apple vs. PWAs—Go Act Now and Help Avoid This Disaster… (cod)10809
, , ,
So, What Exactly Did Apple Break in the EU? (tom)10808
, , , , ,
Top 8 Recent V8 in Node Updates (ant/app)10807
,
Enhanced Internationalization (I18N) in Next.js 14 (sit)10806
,
Making Math Accessible (ons/tpg)10805
,
Ultimate Guide to Visual Testing With Playwright (bro)10804
, , ,
Test Quality vs. Bashing Tailwind CSS (mar)10803
, ,
An HTML Switch Control (ann+/web)10802
, ,
Creativity Lies in the Paradoxes (uxd)10801
,
Going Beyond Pixels and (r)ems in CSS—Container Query Length Units (uti/iod)10800
, ,
How to Create a Sidebar Navigation With Astro, Tailwind CSS, and Alpine.js (mik/lex)10799
, , , , ,
How to Lazy-Load CodePen and CanIUse Embeds (nik)10798
, , , ,
Screen Readers and Drag-and-Drop: Grabbing and Releasing Elements (dar)10797
, , ,
A Guide to CSS Cursor Types (acc)10796
, ,
ServerlessHorrors (and)10795
, ,
AI and Design Systems (bra)10794
,
Here Lies the Internet, Murdered by Generative AI (eri)10793
, ,
A Fun Line of Code (dbu)10792
, ,
What Is Vuetify in Vue.js? (csh)10791
,
A Simple Mistake That Can Screw Up Your Light/Dark Theme (and How to Fix It) (kev)10790
, , ,
Reporting Core Web Vitals With the Performance API (geo/sma)10789
, ,
How to Use Server-Sent Events in Node.js (cra/sit)10788
, ,
The 3 Capabilities Designers Need to Build for the AI Era (uxd)10787
, , , ,
Tumblr and WordPress to Sell Users’ Data to Train AI Tools (sam/404)10786
,
YouTube Video Embedding Harm Reduction (jvo)10785
, , , ,
10 Takeaways From the WebAIM Screenreader Survey #10 (kar/a11)10784
,
Why I Use Firefox (sim)10783
, ,
Advanced Figma Tips and Tricks 2024: Little Gems We Love (moo/uxd)10782
,
CSS-Only Bottom-Anchored Scrolling Area (kit)10781
,
Speaker Spotlight: Michelle Barker (mic+/pix)10780
, ,
Open Letter to Tim Cook, Sabotaging Web Apps Is Indefensible (owa)10779
,
No Outer Margin (kyl)10778
,
The CSS Cascade—a (Re)Introduction (mat)10777
, ,
CSS Foundations: What Is IACVT? (bra/bra)10776
,
A Web Designer’s Accessibility Advocacy Toolkit (sma)10775
, ,
What Is a Single-Page Application? (hey)10774
, , ,
How to Build a Newthing (yst)10773
, , ,
Home Screen Advantage (sli)10772
, , , , ,
WebAIM Screen Reader User Survey 10 (den/web)10771
,
My WebAIM 10th SR User Survey Takeaways (aar)10770
,
Navigating Signals: An Efficient Alternative to React Hooks for Enhanced Performance and Optimization10769
, ,
JSDoc as an Alternative TypeScript Syntax (al)10768
, ,
CAPTCHA Is Still [the] Most Problematic Issue on the Web (cer)10767
, ,
Understanding Event-Driven Architecture (yok)10766
,
CSS “:has()” Interactive Guide (sha)10765
, ,
The Power of Patterns and Playbooks in Content Design (kat/uxd)10764
, ,
A Developer’s Guide for Web Accessibility (ask)10763
,
Why My Code Isn’t in TypeScript (rem)10762
Proposal: CSS Variable Groups (lea)10761
JSR: What We Know So Far About Deno’s New JavaScript Package Registry (sar/soc)10760
, , ,
ARIA (Are Ya) Afraid of the Dark? Unmasking Common HTML Monsters to Create Better User Experiences (deq)10759
, , , ,
htmx vs. React: A Complete Comparison (ant/sem)10758
, ,
Vanilla JavaScript, Libraries, and the Quest for Stateful DOM Rendering (sma)10757
, , ,
JavaScript Bloat in 2024 (nik)10756
,
Difference Between the Accessibility Page and the Accessibility Statement (tba/eve)10755
, ,
UX Leadership Is Failing (and What We Can Do About It) (its/uxd)10754
,
Building Dynamic Progress Bars Using Only CSS (ami)10753
Filling Gaps With a Polyfill (jay)10752
, , , ,
Parallax Effect With CSS Custom Properties (fro)10751
, ,
10 Best Create React App Alternatives for Different Use Cases (sit)10750
, , ,
CSS “::backdrop” Now Inherits From Its Originating Element (bra/bra)10749
,
Syntax Highlighting With No Spans?! (chr/fro)10748
, ,
Node.js 2023 Year in an Article (raf)10747
,
Next.js vs. Remix—a Developer’s Dilemma (che/his)10746
, ,
The One Trick Every Flutter Web Dev Needs to Know (abh/goo)10745
, ,
View Transitions: Handling Aspect Ratio Changes (jaf)10744
,
Making of True Multi-Brand Design System (uxd)10743
,
How to Optimize the Web for the Worst User Conditions? (med)10742
, , , ,
My Favourite Animation Trick: Exponential Smoothing (lis)10741
,
Release Notes for Safari Technology Preview 189 (jon/web)10740
, , ,
How to Make a Cursor Image Hover Effect With CSS and JS (len)10739
, , , ,
Preventing SQL Injection Attacks in Node.js (sny)10738
, , ,
Why Is JavaScript Fragile? (cfe)10737
A Practical Guide to Using Shadow DOM (may)10736
, ,
My Design System Journey: Building the Plane While Flying (uxd)10735
, ,
How to Transfer Binary Data Efficiently Across Worker Threads in Node.js (sas)10734
, ,
CSS-Only Radial Progress Bars Using Conic Gradients (jef/lar)10733
, ,
Control Lazy Load, Infinite Scroll, and Animations in React (bib/sit)10732
, , , ,
A Practical Guide to Designing for Colorblind People (vit/sma)10731
, , , ,
“random()” Distribution Visualizer (alt)10730
, ,
Does Your Design Conform With WCAG Accessibility Guidelines—or Does It Comply? (cin/deq)10729
, , , ,
Design Patterns That Encourage Junk Data (mic/css)10728
, , , ,
Okay, Color Spaces (eee)10727
,
Responsive Web Design: 3 Key Fundamentals (nng)10726
, ,
What Is Utility-First CSS? (hey)10725
, ,
7 Effective Ways to Craft Compelling Problem Statements for UX Design (sye/uxm)10724
, ,
“Web Design as a Process” in Charts: Maintenance, Decay, Tech Debt, and Big Bang Launching (j9t)10723
, , , , , ,
The Fifty-Fifty Split and Overflow (hex)10722
, ,
100 Things You Can Do on Your Personal Website (cap)10721
, ,