Frontend Dogma

News and Tools for Frontend Developers (21)

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

Entry (Sources) and TopicsDate#
Qwik Introduction—a Framework That Goes Fast (bal)9009
, ,
Tips for Upgrading Your Techstack for Faster Frontend Development (dul/js)9008
, , , ,
The Novel Engines: Servo (bka+/iga)9007
, , ,
What’s Your Type? Try These Tests to Pick the Perfect Font for You (emm+/was)9006
, ,
Going Beyond Constants With Custom Properties (uti/iod)9005
,
Magnification and Zoom Accessibility Guide—Everything You Need to Know (usw)9004
, , ,
Learn How to Use Hue in CSS Colors With HSL (bsm/mdn)9003
, ,
Transition Between Pages Smoothly With a Single Line of Code (cit)9002
,
Live Regions in React (abb)9001
, , ,
Mapping Typography (sco/9el)9000
, ,
Faking a “:snapped” Selector With Scroll-Driven Animations (bra/bra)8999
, , ,
What Does the Image “decoding” Attribute Actually Do? (tun)8998
, , ,
Understanding Space-Based Architecture8997
A Beginner’s Guide to Laravel: Introduction and Key Features8996
, ,
An Introduction to Parser Combinators (var)8995
,
Mixing Colors With CSS (mrt)8994
,
XML Is the Future (bit)8993
,
Introduction to Cloud Computing8992
,
WebSockets 101 (mur/thi)8991
, ,
The Case for Variables (mik)8990
, , , , ,
Text Wrap Pretty Is Coming to CSS (ami)8989
,
Understanding Authorization Before Authentication: Enhancing Web API Security (gar/get)8988
, , , ,
An Introduction to Command Injection Vulnerabilities in Node.js and JavaScript (lir)8987
, , , ,
Debugging INP (scr)8986
, , ,
Choosing a Color Palette (nng)8985
, , ,
All You Need to Know About CORS and CORS Errors (leo/tel)8984
, ,
Converting [a] JavaScript Codebase to TypeScript (ben/doc)8983
, , ,
Using BEM for Design System Tokens (fe)8982
, , ,
Introducing the MDN Playground: Bring Your Code to Life (mdn)8981
, , ,
Component Driven User Interface Testing (CDUIT)8980
,
The Cost of JavaScript 2023 (add)8979
, ,
Future CSS: State Container Queries (sha)8978
,
The Unlikely Story of UTF-8: The Text Encoding of the Web (lun)8977
,
Announcing Svelte 4 (sve)8976
,
Designing for Inclusion (mik/uxd)8975
, ,
The 5 Pillars of Every HTTP Request8974
Design Systems Directory (jos)8973
,
Debugging Commands Every Linux Administrator Should Know8972
, ,
Too Much JavaScript? Why the Frontend Needs to Build Better (low/the)8971
, ,
What Exactly Is [the] “:root” Pseudo-Element in CSS? (zor/css)8970
, ,
Cascade Layers Are Useless * (mat)8969
,
WCAG 2.2 Removes 4.1.1 Parsing and How axe-core Is Impacted (wil/deq)8968
, , ,
Using Multiple Selectors With JavaScript Selector Methods (cfe)8967
,
CSS in Micro Frontends (flo)8966
,
How Designers Can Beat AI at Design (com/uxd)8965
,
Authentication vs. Authorization8964
, ,
Three Key Principles for an Accessible Website (van+/els)8963
,
Continuous Accessibility (a11)8962
, ,
State of CSS 2023 (sac/dev)8961
,
W3C Launch Their New Website (sim/stu)8960
Style Your RSS Feed (dar)8959
, , ,
Top 6 AI Coding Assistants in 2023 (fim/sit)8958
,
Thoughts From “Meet Safari for Spatial Computing” (jim)8957
, , , ,
Making Your Design Tokens Future-Proof (and)8956
Creating a Flexible Design Token Taxonomy for Intuit’s Design System (nat)8955
,
Can Web Developers Be Held Liable? (con)8954
,
Radix UI Component With Next.js and Tailwind CSS (roy)8953
, , , ,
Packaging and Selling a Node.js App (and/ema)8952
Gatsby Headaches and How to Cure Them: I18N II (mon/sma)8951
,
Balancing Users’ Data Privacy and the User Experience (joh/uxm)8950
,
Balancing Users’ Needs and Business Goals in UX Design (uxm)8949
,
Why UX Testing Is Critical to Your Web Site’s Success (wit/uxm)8948
,
Button Types (ada)8947
,
The New CSS (mat)8946
, ,
How to Clean Up Your Local Repository With Git Commands (kas/thi)8945
, , ,
Import Maps to Natively Import JavaScript Modules Using Bare Names (ami)8944
,
The Problem With Sticky Menus That Appear on Scroll and What to Do Instead (ada)8943
, ,
IndexedDB Tutorial for Beginners: A Comprehensive Guide With Coding Examples8942
, , , ,
It’s Time for Dimensional Thinking in Design (uxd)8941
,
Git Concepts Everyone Should Know (fra)8940
,
The Five Types of People Who Produce Inaccessible Code (eri)8939
,
Scoping (mat)8938
,
TypeScript 5.2’s New Keyword: “using” (mat)8937
Wolvic 1.4 Released (wol)8936
, , ,
Create React UI Lib: Component Library Speedrun (mis)8935
, , ,
Standardising Design Tokens (oll)8934
,
What’s UnAI-Able (csd/uxm)8933
6 Quick Tests You Can Do to Test Your Forms for Accessibility (kar)8932
, ,
Top 10 Things You Should Add While Coding: Valuable Tips for Programmers (dhr)8931
,
Creating Scroll-Triggered Animations by Combining Scroll-Driven Animations, Custom Properties, Style Queries, and Transitions (bra/bra)8930
, , , , ,
Django: A Security Improvement Coming to “format_html()” (ada)8929
, ,
HTML Imports (dgl+/w3c)8928
What Are Deceptive Patterns? (we)8927
,
How to Add a CSS Reveal Animation to Your Images (css/sit)8926
, , ,
An Explosion in Software Engineers Using AI Coding Tools? (ger)8925
, ,
A Guide to Coding Standards to Improve Code Quality (sur/doc)8924
, , , ,
The Next Phase of Eleventy: Return of the Side Project (zac)8923
How to Build Server-Side Rendered (SSR) Svelte Apps With SvelteKit (sri/sma)8922
, , , ,
Simplify Email Development With MJML: A Beginner’s Guide8921
, ,
Design vs. Accessibility and the CSS “visually-hidden” Class (its/log)8920
, , ,
npm Won’t Publish Packages Containing the Word “keygen”8919
, ,
How (and Should?) We Stop the Infinite Scroll (uxd)8918
,
Puppeteer in Node.js: More Antipatterns to Avoid (app)8917
, , , ,
Using Color Wheel Combinations in Your Designs (web)8916
,
Cyclic Dependency Space Toggles (kiz)8915
, ,
Rebuilding a Comment Component With Modern CSS (sha)8914
, ,
The Gotchas of CSS Nesting (kil)8913
,
Nuxt in 100 Seconds (jef/fir)8912
, ,
Tuesday, June 20, 2023 Security Releases (raf/nod)8911
, ,
When and Why to Use a Click Test (mea)8910
,
Positioning Anchored Popovers (hdv)8909
, ,
Blur Vignette Effect in CSS (art)8908
,
Naming Components8907
, ,
Gatsby Headaches and How to Cure Them: I18N (mon/sma)8906
,
Chrome for Testing: Reliable Downloads for Browser Automation (mat/dev)8905
, , ,
“margin-trim” as a Best Practice? (chr)8904
The Continuing Tragedy of CSS: Thoughts From CSS Day 2023 (pau)8903
,
CSS! CSS! CSS! (mat)8902
,
How to Highlight Required and Optional Form Fields (ada)8901
, , ,
How to Learn Programming (asa)8900
, ,
Bottom Sheets: Definition and UX Guidelines (pag/nng)8899
, , ,
You Can Stop Using “user-scalable=no” and “maximum-scale=1” in Viewport Meta Tags Now (spo)8898
, , , ,
Modern CSS for Dynamic Component-Based Architecture (5t3)8897
, ,
That’s Not How I Wrote CSS Three Years Ago (mat/css)8896
, ,
Best Animation Libraries for React (sun)8895
, , ,
Liven Up Your Websites With Scroll-Driven Animations and View Transitions (bra/css)8894
, , , ,
An Introduction to DevOps8893
,
Shining Light on the Shadow DOM (cas/css)8892
, ,
Design Under Constraints: Challenges, Opportunities, and Practical Strategies (boa/sma)8891
,
Internet Explorer: The 1st Browser to Support CSS (cdu+/hen)8890
, , , , , ,
CSS Containers, What Do They Know? (mia/css)8889
, ,
State of the CSS Community (una/css)8888
, ,
No, “AI” Will Not Fix Accessibility (aar)8887
,
Style Recalculation Secrets They Don’t Want You to Know (pat/css)8886
, , ,
Must Know JavaScript API—IndexedDB API (chr/js)8885
, , ,
The CSS “overscroll‑behavior” Property Can Be Used to Disable Default Browser Gestures (sim/web)8884
,
The Universal Focus State (eri)8883
, ,
Why Doesn’t CSS Have Scope? (hey/css)8882
, ,
Sticky Content: Focus in View (joe/tet)8881
, , ,
Testing Sites and Apps With Blind Users: A Cheat Sheet (she+/sma)8880
, , , , ,
Best Practices for Container Queries (zel)8879
, ,
Are Simple Websites Better for Business? (web)8878
,
Chrome DevTools Tips: Styles Pane and Elements Panel (zor/css)8877
, , , ,
48 Laws, Rules, and Principles of Web Development (j9t)8876
, ,
Designing a Scalable Backend in Node.js (nat/app)8875
, ,
Before Your Next Frontend Pull Request, Use This Checklist (nin+/evi)8874
, , , , , ,
Angular at Google I/O 2023 (twe/ang)8873
, ,
The Ultimate Guide to Writing Technical Blog Posts (bla)8872
, ,
Assume the Position—a Labeling Story (llo/tpg)8871
, , ,
Be Careful With “ch” Units (cit)8870
,
Styling Scrollbars (oll)8869
,
Exploring Universal and Cognitive-Friendly UX Design Through Pivot Tables and Grids (jul/sma)8868
, , ,
Modern CSS in Real Life (chr)8867
Accessible Rich Internet Applications (WAI–ARIA) 1.2 (w3c)8866
, ,
Accessibility and Artificial Intelligence (joe)8865
,
Tokens Are the Most Valuable Artifact a Design System Can Provide (ill/kna)8864
,
RSC From Scratch: Server Components (jes)8863
, ,
What’s New in CSS (jen/app)8862
, ,
Reducing Complexity in Front End Development (mic/css)8861
, , ,
What Is Open Graph? How to Use It for Your WordPress Website? (wps)8860
, , , ,
Primitive Objects in JavaScript: When to Use Them (sma)8859
,
Accessibility Testing—Pay Attention to the Details (con)8858
,
An Introduction to Debugging in Node.js (cra/ope)8857
, ,
One More Thing—Apple’s Push on Web Apps on macOS (pur)8856
,
Is React Having An AngularJS Moment? (fra/mar)8855
,
test262.fyi (can)8854
, , , , ,
New Job? Negotiate as if Your Life Depends on It (med)8853
The Problem With Automatically Focusing the First Input and What to Do Instead (ada)8852
, , ,
How to Detect Unnecessary Renderings of DOM Elements in Your Web App to Improve Performance (max)8851
, , , , ,
No Single Metric Captures Productivity (abi)8850
,
How We Created an Accessible, Scalable Color Palette8849
, , , ,
The Many Ways to Select the n-th Character From a String (cod)8848
Do Not Drop Sass for CSS8847
, ,
Every Design Team Needs Writers (nic/uxd)8846
,
An Introduction to “@ scope” in CSS (oll)8845
, ,
How Chrome Achieved High Scores on Three Browser Benchmarks (fra/dev)8844
, , ,
wasmati: You Should Write Your WebAssembly in TypeScript (mit/zks)8843
, ,
New CSS Color Spaces and Functions in All Major Engines (rac/dev)8842
, , , ,
How AI Can Make Software More Intuitive (amr)8841
,
WCAG 2.2 Misses Mark on Defining Visible Focus (yat)8840
, , ,
Performance Is Not a Checklist (tka)8839
,
Semantic Code in HTML: What Is It and Does It Still Matter? (boa)8838
,
Some Things I Learnt From Working on Big Frontend Codebases (nor)8837
,
Accessible Components: The Hamburger Menu8836
, ,
Announcing TypeScript 5.1 (dro/typ)8835
,
Watch Transitions in Slow Motion in Chrome’s DevTools (jim)8834
, , , ,
Quick Tip: Shipping Resilient CSS Components (5t3/sit)8833
, , , ,
Why We Should Stop Using JavaScript According to Douglas Crockford (dou/hon)8832
,
Asynchronous JavaScript for Beginners (cod+/sem)8831
,
The Context Dilemma (zet)8830
,
Advanced Form Control Styling With “selectmenu” and Anchoring API (uti/sma)8829
, ,
Presentational Colors (luk/uxd)8828
,
A Practical Guide to Deploying a Complex, Production-Level, Three-Tier Architecture on AWS8827
, , , ,
Design Systems: A Curated List for Today’s UI/UX Designers (sta)8826
, , ,
How Blink Invalidates Styles When “:has()” [Is] in Use (byu/iga)8825
, , , , ,
Re-Evaluating “px” vs. “em” in Media Queries (kei)8824
, , ,
Watch Out for Layout Shifts With “ch” Units (pau/clo)8823
, ,
Token Operations (don)8822
security.txt Now Mandatory for Dutch Government Websites8821
,
New to the Web Platform in May (rac/dev)8820
, , , , , , , ,
Release Notes for Safari Technology Preview 171 (jon/web)8819
, , ,
Linting Defensive and Logical CSS With Stylelint Plugins (dan/log)8818
, , , ,
Accessibility Audits for All (ada)8817
, ,
Is There a Viable Animated GIF Alternative Yet or What? (tyl/clo)8816
,
I Think I Finally “Get” JS Objects (tig)8815
,
21 Awesome Web Features You’re Not Using Yet (jef/fir)8814
, , ,
What Is Personalization? (mck)8813
,
Hands on With the Node.js Test Runner (phi/son)8812
,
An Introduction to JavaScript Proxies (cra/ope)8811
,
Announcing the Second Compute Pressure Origin Trial (ken/dev)8810
, , ,
Cracking the Theme Switcher and Dark Mode (ia/con)8809
, ,
The Art of Code Review (j47/doc)8808
, ,
S.P.A.C.E. Framework—the Ultimate Framework for Measuring Your Tech Team Productivity (pio)8807
, , , , , ,
Simple Things Make Things Simple (pjo)8806
,
Don’t Meddle With User Input (tem)8805
,
10 Incident Management Best Practices (upt)8804
, ,
The Double-Edged Sword of Design Systems (uxd)8803
,
How Screen-Reader Users Type on and Control Mobile Devices (tbk/nng)8802
, , ,
Mastering CSS Blend Modes (kod)8801
,
Sass-Like Nesting in Native CSS (ami)8800
, ,
Improving the Quality of the Software With Qodana and GitHub Actions (ar)8799
, , , , ,
The Optimization Sinkhole (ann)8798
,
The Problem With Nested Fieldsets and How to Avoid Them (ada)8797
, , ,
Plain Old JavaScript and the DOM (dou)8796
,
WordPress Turns 20 (sar/wpt)8795
Understanding the Importance of Encoding (dha)8794
Why Does “👩🏾‍🌾” Have a Length of 7 in JavaScript? (eva)8793
,
When to Use Plain Text or Images Instead of MathML (acc)8792
, ,
Designing a Better Design Handoff File in Figma (hbs/sma)8791
, ,
Supper Club × Bramus Van Damme on CSS (bra+/syn)8790
, ,
How to Draw Any Regular Shape With Just One JavaScript Function (rum/mdn)8789
, ,
A Practical Overview on Architecture Decision Records (ADR) (cla)8788
, ,
We Need to Talk About How We Talk About Accessibility (gra+/uxp)8787
, ,
Brief Note on Popovers With Dialogs (aar)8786
, , , ,
Levelling Up Accessibility Skills in Your Organisation (sar+/int)8785
,
“display: contents” Considered Harmful (eri)8784
,
Seven Lessons From 7 Years Designing Systems (nes)8783
,
Two Things That Are Not Great About OKLCH (chr)8782
,
Querying Parsed HTML in BigQuery (rvi)8781
Reading a Voluntary Product Accessibility Template (VPAT) or Accessibility Conformance Report (ACR) (mer/equ)8780
, ,
Register Custom Properties in CSS, Get and Update Them With JavaScript (oll)8779
,
Responsive CSS Layout Grids Without Media Queries (5t3/sit)8778
, , ,
Deploying AVIF for More Responsive Websites (jhu/dev)8777
, ,
11 HTML Best Practices for Login and Sign-Up Forms (sit/evi)8776
, ,
WebKit and web-platform-tests (ann)8775
Single Line Comments in CSS (jim)8774
,
The Yellow Fade Technique With Modern CSS Using “@ starting-style” (bra/bra)8773
,
A Complete Guide to Using IndexedDB (log)8772
, ,
Addressing Timeout Modals: Navigating the Nuances for Inclusive Web Design (art/dig)8771
, ,
Two Simple Layouts That Work Better With Grid (kev)8770
, , ,
Where to Put Your Types in Application Code (mat)8769
Graph Slider (rau)8768
File Upload Security and Malware Protection (aus)8767
, ,
Future of CSS: Popover API (lin)8766
, ,
I Created 100+ Unique CSS Patterns (css)8765
, ,
You Don’t Need a Modal Window (dz4)8764
,
Introducing the Popover API (una/dev)8763
, , ,
Be Careful Using “Menu” (aar)8762
, , ,
Building a Modern Design System in Layers (dal)8761
Why We’re Bad at CSS (per)8760