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#
Are We Watching the Internet Die? (by)10237
Optimising Your Design System With Figma’s Variables (by/via)10236
, ,
Things I Learned While Building My JS Library (by)10235
, ,
CSS Button Styles You Might Not Know (by)10234
, ,
Replace ESLint and Prettier With Biome.js (by)10233
, , , , ,
How to Invert the Colors Using CSS (by)10232
, , ,
Jakob Has Jumped the Shark (by)10231
,
eslint-plugin-depend (by)10230
, , ,
Access by a Thousand Curb Cuts (by)10229
Modern CSS Tooltips and Speech Bubbles II (by/via)10228
, ,
Navigating the Future of Frontend (via)10227
, ,
How “HEAD” Works in Git (by)10226
Creating Color Palettes With the CSS “color-mix()” Function (by/via)10225
, , ,
Asking Users for Their Pronouns: A Guide for UX Designers (by)10224
, ,
Add Superpowers to Your CSS Variables With Style Queries (by/via)10223
, ,
AVIF Is the Future of Web Images10222
, , ,
How to Test 2.5.8 Target Size (Minimum) (by/via)10221
, ,
The Quiet, Pervasive Devaluation of Frontend (by)10220
, , , ,
Some Little Ways I’m Using CSS “:has()” in the Real World (by/via)10219
, ,
Managing Static Files in Django: A Comprehensive Guide (by/via)10218
, ,
Exploring the Creative Power of CSS Filters and Blending (via)10217
, , ,
Making Room for Long List Markers With Subgrid (by)10216
, , ,
The End of My Gatsby Journey (by)10215
, ,
Release Notes for Safari Technology Preview 190 (by/via)10214
, , ,
Simplify Your CSS Using “:is()” and “:where()” Pseudo-Classes (by/via)10213
, ,
90% of Designers are Unhirable? (by/via)10212
, ,
WebAssembly JSPI Is Going to Origin Trial (by/via)10211
The Ultimate Guide to Choosing the Best React Website Builder (via)10210
, , , ,
Taming the Shadow DOM: Injecting Global Styles With Adopted Stylesheets (via)10209
, ,
Sometimes, a Button Just Wants to Look Like a Button (by/via)10208
, ,
Internationalization With Remix (by/via)10207
,
Announcing TypeScript 5.4 (by/via)10206
,
5 Ways Productivity Culture Kills Business Agility (by/via)10205
, , ,
10 Figma Keyboard Shortcuts: A Cheat Sheet for UX Designers (via)10204
, , ,
How to Use WebSockets in Node.js to Create Real-Time Apps (by/via)10203
, ,
WebKit Features in Safari 17.4 (by+/via)10202
, , , ,
How to Ensure Your Designs Work if You Can’t Access Sample Data (by/via)10201
, , , ,
Data Table Design Patterns (via)10200
, ,
Best Practices for Inclusive Design (by/via)10199
, , ,
Achieving Design Collegiality While Maintaining Psychological Safety (by/via)10198
,
Designing for Mobile Accessibility: Enhancing the User Experience on Small Screens (via)10197
, , ,
SemVer Simplified: An Introduction to Semantic Versioning (by)10196
, ,
WCAG? More Like, W-What?! (by)10195
, ,
The 88×31 Archive10194
, ,
Modern Git Commands and Features You Should Be Using (by)10193
,
JSR: Second Look (by)10192
JavaScript Runs the World—Maybe Even Literally (by/via)10191
, ,
Accessibility Has Not Failed—It Has Not Even Started for Real (by)10190
,
Bugs I’ve Filed on Browsers (by)10189
, , , ,
We Need to Talk About Jakob (by)10188
VPS Showdown—March 2024—DigitalOcean vs. Linode vs. Vultr (by)10187
, , ,
Tools That Make Me Productive as a Software Engineer (by)10186
, ,
How npm Install Scripts Can Be Weaponized: A Real-World Example of a Harmful npm Package (by/via)10185
, , ,
CSS for Printing to Paper10184
,
Accessibility Darkness (by)10183
,
Go Ahead and Block AI Web Crawlers (by)10182
, , ,
The Faster Lambda Runtime—Node.js or LLRT? We Benchmarked (by)10181
, , , , ,
Emerging UX Patterns in Generative AI Experiences (via)10180
, ,
Planning a Design System Generation (by)10179
,
Eloquent JavaScript (by)10178
, ,
Introducing JSR—the JavaScript Registry (by+/via)10177
, , , ,
TIL—“submit()” Versus “requestSubmit()” (by)10176
,
Modern CSS Tooltips and Speech Bubbles (by/via)10175
, ,
Apple Says iOS 17.4 Won’t Remove Home Screen Web Apps in the EU After All (by/via)10174
, , ,
Web Tech Trends to Watch in 2024 and Beyond (via)10173
, , , , ,
An Introduction to Webflow—the No-Code Website Builder (via)10172
, ,
Team Productivity Metrics for Engineering Managers (via)10171
, ,
Retrofitting Fluid Typography (by)10170
,
Design System Generations (by)10169
,
Apple Backs Off Killing Web Apps, but the Fight Continues (via)10168
,
“AI” and Accessible Front-End Components: Is the Nuance Generatable? (by)10167
, ,
A Love Letter to the Underrepresented in Tech (by)10166
Diving Into CSS Interactivity (by+/via)10165
,
The Wax and the Wane of the Web (by/via)10164
,
What Is Inclusive Design, and How Does It Relate to Accessibility? (by/via)10163
, ,
New to the Web Platform in February (by/via)10162
, , , , , , , ,
Keyboard Accessibility Testing on Mobile Devices10161
, , ,
Why Does “is-number” Package Have 59M Weekly Downloads? (by)10160
,
What You Need to Know About Software Requirements (by)10159
,
Understanding Cookies and Sessions in React (by/via)10158
, ,
Techniques to Break Words (by)10157
, , ,
Choosing the Right Node.js Package Manager in 2024: A Comparative Guide (via)10156
, , ,
Accessibility Has Failed: Try Generative UI = Individualized UX10155
, , ,
Enhanced Internationalization (I18N) in Next.js 14 (via)10154
,
Apple vs. PWAs—Go Act Now and Help Avoid This Disaster… (by)10153
, , ,
So, What Exactly Did Apple Break in the EU? (by)10152
, , , , ,
Top 8 Recent V8 in Node Updates (by/via)10151
,
How to Create a Sidebar Navigation With Astro, Tailwind CSS, and Alpine.js (by/via)10150
, , , , ,
Creativity Lies in the Paradoxes (via)10149
,
Making Math Accessible (by/via)10148
,
Ultimate Guide to Visual Testing With Playwright (via)10147
, , ,
Test Quality vs. Bashing Tailwind CSS (by)10146
, ,
Going Beyond Pixels and (r)ems in CSS—Container Query Length Units (by/via)10145
, ,
An HTML Switch Control (by+/via)10144
, ,
What Is Vuetify in Vue.js? (via)10143
,
Screen Readers and Drag-and-Drop: Grabbing and Releasing Elements (by)10142
, , , ,
How to Use Server-Sent Events in Node.js (by/via)10141
, ,
Tumblr and WordPress to Sell Users’ Data to Train AI Tools (by/via)10140
,
The 3 Capabilities Designers Need to Build for the AI Era (via)10139
, , , ,
How to Lazy-Load CodePen and Caniuse Embeds (by)10138
, , ,
A Simple Mistake That Can Screw Up Your Light/Dark Theme (and How to Fix It) (by)10137
, , ,
YouTube Video Embedding Harm Reduction (by)10136
, , , ,
Reporting Core Web Vitals With the Performance API (by/via)10135
, ,
Here Lies the Internet, Murdered by Generative AI (by)10134
, ,
AI and Design Systems (by)10133
,
A Fun Line of Code (by)10132
, ,
10 Takeaways From the WebAIM Screenreader Survey #10 (by/via)10131
, ,
Why I Use Firefox (by)10130
, ,
CSS-Only Bottom-Anchored Scrolling Area (by)10129
,
CSS Foundations: What Is IACVT? (by/via)10128
,
What Is a Single-Page Application? (by)10127
, , ,
Advanced Figma Tips and Tricks 2024: Little Gems We Love (by/via)10126
,
Open Letter to Tim Cook, Sabotaging Web Apps Is Indefensible (via)10125
,
The CSS Cascade—a (Re)Introduction (by)10124
, ,
Speaker Spotlight: Michelle Barker (by+/via)10123
, ,
No Outer Margin (by)10122
,
How to Build a Newthing (by)10121
, , ,
A Web Designer’s Accessibility Advocacy Toolkit (via)10120
, ,
Home Screen Advantage (by)10119
, , , , ,
Navigating Signals: An Efficient Alternative to React Hooks for Enhanced Performance and Optimization10118
, ,
My WebAIM 10th SR User Survey Takeaways (by)10117
, ,
CAPTCHA Is Still [the] Most Problematic Issue on the Web (by)10116
, ,
WebAIM Screen Reader User Survey 10 (by/via)10115
, ,
The Power of Patterns and Playbooks in Content Design (by/via)10114
, ,
Understanding Event-Driven Architecture (by)10113
,
JSDoc as an Alternative TypeScript Syntax (by)10112
, ,
CSS “:has()” Interactive Guide (by)10111
, ,
Why My Code Isn’t in TypeScript (by)10110
Proposal: CSS Variable Groups (by)10109
A Developer’s Guide for Web Accessibility (by)10108
,
Filling Gaps With a Polyfill (by)10107
, , , ,
UX Leadership Is Failing (and What We Can Do About It) (by/via)10106
,
Vanilla JavaScript, Libraries, and the Quest for Stateful DOM Rendering (via)10105
, , ,
JSR: What We Know So Far About Deno’s New JavaScript Package Registry (by/via)10104
, , ,
JavaScript Bloat in 2024 (by)10103
,
htmx vs. React: A Complete Comparison (by/via)10102
, ,
Difference Between the Accessibility Page and the Accessibility Statement (by/via)10101
, ,
Building Dynamic Progress Bars Using Only CSS (by)10100
ARIA (Are Ya) Afraid of the Dark? Unmasking Common HTML Monsters to Create Better User Experiences (via)10099
, , , ,
10 Best Create React App Alternatives for Different Use Cases (via)10098
, , ,
Syntax Highlighting With No Spans?! (by/via)10097
, ,
Node.js 2023 Year in an Article (by)10096
,
Release Notes for Safari Technology Preview 189 (by/via)10095
, , ,
Making of True Multi-Brand Design System (via)10094
,
The One Trick Every Flutter Web Dev Needs to Know (by/via)10093
, ,
View Transitions: Handling Aspect Ratio Changes (by)10092
,
Next.js vs. Remix—a Developer’s Dilemma (by/via)10091
, ,
My Favourite Animation Trick: Exponential Smoothing (by)10090
,
How to Optimize the Web for the Worst User Conditions? (by)10089
, , , ,
CSS “::backdrop” Now Inherits From Its Originating Element (by/via)10088
,
Preventing SQL Injection Attacks in Node.js (via)10087
, , ,
Control Lazy Load, Infinite Scroll, and Animations in React (by/via)10086
, , , ,
How to Make a Cursor Image Hover Effect With CSS and JS (by)10085
, , , ,
A Practical Guide to Using Shadow DOM (by)10084
, ,
My Design System Journey: Building the Plane While Flying (via)10083
, ,
Why Is JavaScript Fragile? (by)10082
“random()” Distribution Visualizer (by)10081
, ,
Okay, Color Spaces (by)10080
,
How to Transfer Binary Data Efficiently Across Worker Threads in Node.js (by)10079
, ,
Does Your Design Conform With WCAG Accessibility Guidelines—or Does It Comply? (by/via)10078
, , , ,
Design Patterns That Encourage Junk Data (by/via)10077
, , , ,
CSS-Only Radial Progress Bars Using Conic Gradients (by/via)10076
, ,
A Practical Guide to Designing for Colorblind People (by/via)10075
, , , ,
The Fifty-Fifty Split and Overflow (by)10074
, ,
What Is Utility-First CSS? (by)10073
, ,
7 Effective Ways to Craft Compelling Problem Statements for UX Design (by/via)10072
, ,
100 Things You Can Do on Your Personal Website (by)10071
, ,
Fostering a Collaborative Onboarding Team to Design Better Onboarding Experiences (by/via)10070
, ,
How to Design an Accessible Web Site for People With Color-Deficient Vision (via)10069
, , , , , ,
“Web Design as a Process” in Charts: Maintenance, Decay, Tech Debt, and Big Bang Launching (by)10068
, , , , , ,
[Web Accessibility] Survey Results10067
,
Responsive Web Design: 3 Key Fundamentals (via)10066
, ,
17 Equations That Changed the World—Rewritten in JavaScript (via)10065
,
Don’t Care About Accessibility? Resistance Is Futile! (by)10064
Tailwind Marketing and Misinformation Engine (by)10063
, , , , ,
A Manifesto for Small, Static, Web Apps (by)10062
, ,
Understanding React “useEffect” (via)10061
JavaScript Workers (by)10060
, ,
JavaScript on Demand: How Qwik Differs From React Hydration (by/via)10059
, , , ,
Frontend Application Security: Tips and Tricks (by/via)10058
, , , , , , , ,
UI = ƒ(statesⁿ) (by)10057
,
Popular Git Config Options (by)10056
,
It’s Official, Apple Kills Web Apps in the EU (via)10055
,
How to Set Up a Node Server With TypeScript in 2024 (by/via)10054
, , ,
Be a Better Developer With These Git Good Practices (by)10053
, , , ,
React Labs: What We’ve Been Working On—February 2024 (by+/via)10052
ARIA “note” (by)10051
, , , , ,
Top 20 JavaScript One-Liners That Don’t Actually Work (by)10050
Playing With Infinity in CSS (by)10049
,
Making the Most of Ligatures (by)10048
,
How I Developed the 10 Usability Heuristics10047
, ,
Getting to an Accessibility Strategy (by)10046
, ,
Future of CSS: Functions and Mixins (by)10045
, ,
Full Guide on How to Hire Front-End Developers Effectively (via)10044
, , ,
A Dozen Thoughts About AI (by)10043
Wednesday, February 14, 2024 Security Releases (by+/via)10042
, ,
Scroll-Driven Animations: You Want “overflow: clip”, not “overflow: hidden” (by/via)10041
, , ,
What Is Lighthouse Speed Index (SI) and How to Reduce It10040
, , ,
Reasonable WCAG Additions (by)10039
,
The Text File That Runs the Internet (by/via)10038
, , , ,
What Is the Difference Between ASP and ASP.NET? (via)10037
, ,
When It Says “Name From Author” It Means From You, Not Boll or Bukowski (by)10036
, ,
Input Type “date”: The Accessibility of HTML Date Picker (by/via)10035
,
How Accessibility Standards Can Empower Better Chart Visual Design (by/via)10034
, , ,
CSS Color Module Level 4 (by+/via)10033
, ,
An Introduction to Node.js Multithreading (by/via)10032
, ,
The Best CSS Frameworks to Use in Your Projects for 2024 and Beyond (via)10031
, , , , , , ,
How to Fix the Invisible Scrollbar Issue in iOS Browsers (by/via)10030
, , , ,
Advanced Architecture for AI Application (aka AAAA) (by)10029
, , ,
How to Center a Div (by)10028
, ,
Selenium Automation Testing: A Step-by-Step Beginners Guide (via)10027
, , ,
Why I Like Scrumban (by)10026
, , ,
The New CSS Math: “pow()”, “sqrt()”, and Exponential Friends (by)10025
, ,
Building htmx and Go Web Apps With Gemini Advanced (by)10024
, , , ,
Be Aware of Arrays—V8 Engine Advice10023
, , ,
A Practical Guide to Designing for Children (by/via)10022
, ,
Learn TypeScript (by)10021
, ,
How to Boost WordPress Security and Protect Your SEO Ranking (via)10020
, , ,
The ü/ü Conundrum (by)10019
, ,
You Want to Make It Easy to Feature Your Content (via)10018
, ,
Can Generative AI Help Write Accessible Code? (by/via)10017
, ,
The Anatomy of Addictive Content (by/via)10016
, ,
React, Solid, htmx (by)10015
, , ,
How to Choose the Best Static Site Generator in 2024 (via)10014
, , , , , , , ,
A CSS Project Boilerplate (by/via)10013
, ,
Dynamic Text Color Contrast Based on Background Lightness With CSS/SVG Filters (by)10012
, , , ,
Using Recursive CSS to Change Styles Based on Depth (by)10011
,
Names Are Complex: Displaying Initials for an Avatar Component in a Design System (by)10010
, ,
CSS Mixins and Functions Explainer (by/via)10009
, ,
Navigating Prioritization: Four Approaches (by)10008
, ,
Don’t Disable Form Controls (by)10007
, , ,
HTML as the Baseline (by)10006
,
Have We Forgotten How to Build Ethical Things for the Web?10005
,
Everything You Need to Know About Image Formats in 2024 (via)10004
, , , , , , ,
Accelerating Code Reviews With Nudges (by)10003
, , , ,
The Front-End Development We’re Used to Is Dying10002
, ,
What Is a Descriptive Transcript? (via)10001
,
Going Beyond Pixels and (r)ems in CSS—Relative Length Units Based on the Viewport (by/via)10000
, ,
Node.js Community Debate Intensifies Over Enabling Corepack by Default and Potentially Unbundling npm (by/via)9999
, , , ,
In Its Tantrum With Europe, Apple Broke Web Apps in iOS 17 Beta, Still Hasn’t Fixed Them (by/via)9998
, , ,
Is [“* { min-width: 0; }”] a Good Idea? (by)9997
,
The Accessibility Mindset: Moving Beyond Remediating, Fixing, and Reacting (via)9996
,
So You Think You Know Git (by/via)9995
,
Git Tips: Really Large Repositories (by/via)9994
, ,
Frequently Heard in My Beginning Front-End Web Development Class (by/via)9993
,
Patterns in Design Systems (by)9992
, ,
Web Development Is Getting Too Complex, and It May Be Our Fault (by/via)9991
, , ,
Opportunities for AI in Accessibility (by/via)9990
,
Release Notes for Safari Technology Preview 188 (by/via)9989
, , ,
Offloading JavaScript With Custom Properties (by)9988
, ,