Frontend Dogma

News and Tools for Frontend Developers (24)

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

Entry (Sources) and TopicsDate#
Jekyll Tutorial: How to Create a Static Website (kin)9,379
, ,
Thinking on Ways to Solve Color Palettes (arg/dev)9,378
, , ,
Release Notes for Safari Technology Preview 170 (jon/web)9,377
, , ,
Design Patterns Are a Better Way to Collaborate on Your Design System (sma)9,376
, ,
Why Your Design Language System Needs a Product Manager9,375
,
It’ll Soon Be (Too) Easy to Develop a Website in A Day9,374
, , ,
Why Is Web Accessibility Important? (tpg)9,373
,
Vertical Rhythm Using CSS “lh” and “rlh” Units (paw)9,372
,
State of Node.js Performance 2023 (raf)9,371
Semantics and the “popover” Attribute: What to Use When? (hdv)9,370
, , , ,
Python Developers Survey 2022 Results (jet)9,369
,
I Just Did a Test to Apply as a Front End Developer—and Things Aren’t Going Well (cod)9,368
,
GitHub Copilot and ChatGPT Alternatives (ger)9,367
, , , ,
Getting an Item an Array With a Negative Index With Modern JavaScript (cfe)9,366
,
Fieldsets, Legends, and Screen Readers Again (ste/tpg)9,365
, , ,
Conditional CSS With “:has” and “:nth-last-child” (sha)9,364
,
Comparing Version Control Systems: Git, SVN, CVS, and More9,363
, , , ,
Solving Media Object Float Issues With CSS Block Formatting Contexts (sma)9,362
,
Get Full Type Support With Plain JavaScript9,361
How to Handle Production Support When Using Scrum9,360
, , ,
10 Books to Improve Coding Skill in 20239,359
, ,
Using HTML Landmark Roles to Improve Accessibility (sch/mdn)9,358
,
Let’s Share Our Salaries, Title, Location, XP9,357
,
HTML Landmark Roles Screen Reader Demo (sch/mdn)9,356
, , , , ,
CSS Art: Drawing a Coffee Stain (alv)9,355
,
Screen Readers Don’t Announce When the User Reaches the “maxlength” Character Limit (sim)9,354
, , ,
Error Message Guidelines9,353
, , ,
7 Secret TypeScript Tricks Pros Use9,352
,
ES2023 Features9,351
The Problem With Disabled Buttons and What to Do Instead (ada)9,350
, ,
Building a Frontend Framework—Reactivity and Composability With Zero Dependencies9,349
, ,
Add Opacity to an Existing Color (chr)9,348
,
Building a Greener Web (mic)9,347
, ,
Keeping Up With an Ever Changing Web (joh)9,346
,
What Is “Fake Door” Testing in UX? (uxd)9,345
,
Respect Your Children (ste/tpg)9,344
, ,
Introduction to Screen‐Readers: VoiceOver macOS Edition9,343
, , ,
Announcing INP as the Next Core Web Vital: What Shopify Stores Can Do Now (sia)9,342
, ,
Introduction to Screen‐Readers: NVDA Edition9,341
, ,
Best Practices for All Developers9,340
Regular Expressions in JavaScript9,339
,
Introduction to Screen‐Readers: JAWS Edition9,338
, ,
An Introduction to the Bun JavaScript Runtime (cra)9,337
, ,
What’s New in CSS and UI: I/O 2023 Edition (una+/dev)9,336
,
The JavaScript Ecosystem Is Delightfully Weird (sam/fly)9,335
Introducing Baseline: A Unified View of Stable Web Features (mdn)9,334
, , ,
Developer Tools That Shouldn’t Be Secrets (cod)9,333
, ,
Introducing INP to Core Web Vitals9,332
, , ,
What’s New in Web (dev)9,331
, , ,
Why an Engineering Manager Should Not Review Code (mul)9,330
,
Baseline Features You Can Use Today (dev)9,329
, ,
ES2023 Introduces New Array Copying Methods to JavaScript (phi)9,328
, , ,
Slow Design9,327
,
Crafting a Modern Spotlight Effect With React and CSS9,326
, ,
How to Optimize Web Responsiveness With Interaction to Next Paint (ann/dev)9,325
, , ,
What’s New in Web Animations (bra/dev)9,324
,
The Difference Between Agile and UX Is Not About Quantity vs. Quality (jas/uxd)9,323
, , ,
The 9 Most Effective Core Web Vitals Opportunities of 2023 (tun/dev)9,322
, ,
Is Data Transfer the Best Proxy for Website Carbon Emissions? (fer)9,321
,
Introducing Baseline (rac/dev)9,320
, , ,
Advancing Interaction to Next Paint (rvi+/dev)9,319
,
How to Handle Emojis in Node.js9,318
, , ,
Rearrange/Animate CSS Grid Layouts With the View Transition API (bra)9,317
, , , ,
Design Systems [Are] a Mindset Not a Library9,316
An Introduction to Container Queries in CSS (5t3)9,315
, ,
The Ongoing Defence of Frontend as a Full-Time Job (cod)9,314
See What’s New in Firefox [113.0] (moz)9,313
, , ,
Script Evaluation and Long Tasks (mal/dev)9,312
, ,
Optimize Input Delay (mal/dev)9,311
, ,
How Large DOM Sizes Affect Interactivity, and What You Can Do About It (mal/dev)9,310
, , ,
Find Slow Interactions in the Field (mal/dev)9,309
, ,
Diagnose Slow Interactions in the Lab (mal/dev)9,308
,
Client-Side Rendering of HTML and Interactivity (mal/dev)9,307
, ,
API Design Practice9,306
, ,
A Complete Guide to Usability Testing (uxm)9,305
, ,
Pay Attention to Web Performance Metrics to Improve the UX (uxm)9,304
, , , ,
Proportional Design Systems With Proportio.app (uxd)9,303
A Comprehensive Guide to Using Langchain.js and Google Cloud Functions for AI Applications9,302
, , , , ,
Speed Trap (dav/ver)9,301
, ,
ShatGPT (ste)9,300
,
Improving Web-Site Conversion Rates Through Better UX Design (uxm)9,299
, , ,
Dithering (chr)9,298
,
The Problem With Sticky Menus and What to Do Instead (ada)9,297
, ,
How to Configure Path Aliases in Frontend Projects in the Native Way9,296
, , ,
How Far Back in Time Can I Take My Website’s Design9,295
, , , ,
Scaling Node.js Web Apps With Docker9,294
, , ,
Complete Guide on Playwright Visual Regression Testing9,293
, , , ,
Cron Job: A Comprehensive Guide for Beginners9,292
,
The Image Sorting Experiment (uxd)9,291
, , ,
Should the Confirmation Button Come First or Last? (uxd)9,290
,
Design Tokens: Beginner’s Guide9,289
, ,
How “:not()” Chains Multiple Selectors (mdn)9,288
,
I’m Done With React9,287
,
HTTP/1 vs. HTTP/2 vs. HTTP/39,286
, ,
htmx Is the Future9,285
,
CSS Logical Properties: A Good Use Case (wes)9,284
, ,
Speed Up or Slow Down a Video (pat/dev)9,283
, ,
Scroll-Driven Animations (bra)9,282
, ,
Using Go for Front End Development9,281
Code Coverage vs. Test Coverage9,280
, , ,
An Introduction to the “:has()” Selector in CSS (5t3)9,279
, ,
React Testing Library and Accessibility9,278
, , , ,
The Frontend Cloud Advantage (ver)9,277
How Do You Declare Namespace in JavaScript?9,276
,
GitHub Actions: All Actions Will Run on Node 16 Instead of Node 12 (git)9,275
, , ,
5 Best Practices to Sustainably Improve Core Web Vitals (ben/cal)9,274
, ,
7 Practical CSS Typography Tips and Tricks (zor/css)9,273
, , ,
The Latest Innovations in Drupal9,272
Digital Accessibility Is a Bigger Education Issue Than We Think—Here’s What We Can Do About It9,271
,
How to Make a CSS-Only Hamburger Menu9,270
, ,
DevEx: What Actually Drives Productivity9,269
, ,
Where Would You Take the W3C? (rob)9,268
,
The Intersectionality of Web Performance (ada)9,267
, ,
Security Implications of HTTP Response Headers (sny)9,266
, ,
Release Notes for Safari Technology Preview 169 (jon/web)9,265
, , ,
Make Your Website Load Fast by Optimizing Request Priorities (deb)9,264
, ,
How to Write More Efficient JavaScript Conditions (fre)9,263
, ,
Don’t Use Custom CSS Scrollbars (eri)9,262
,
Detecting if an Event Was Triggered by a User or by JavaScript (pau/clo)9,261
,
Angular v16 Is Here (mge/ang)9,260
,
CSS Naked Day and the Missing Wikipedia Page (j9t)9,259
,
An Update on the Lock Icon (ser+/dev)9,258
, ,
Why “font-size” Must Never Be in Pixels9,257
, , ,
developers.events: Maintaining a GitHub repository—What Have I Learned in 7 Years?9,256
, ,
Creating an Animated Gradient Border With CSS9,255
, , ,
A Radical Proposal: Put UX Research in Charge9,254
, , ,
A Complete Guide to Performance Budgets (spe)9,253
, , ,
3 Engineering Mistakes That Kill Startups9,252
,
Load Websites Faster With Code Splitting9,251
, ,
How to Get Started With NodeJS—a Handbook for Beginners (fre)9,250
, ,
The Simple Trick to Transition From Height “0” to “auto” With CSS (kev)9,249
, , ,
SupportsCSS (5t3)9,248
, , ,
Short Note: Why Isn’t “role=presentation”/“none” Allowed on Focusable Elements? (ste)9,247
, , ,
Do Logical Properties Make CSS Easier to Learn? (chr)9,246
, ,
A/B Testing: A Primer9,245
, , ,
Tailwind CSS vs. UnoCSS9,244
, , , ,
What’s New in Svelte: May 2023 (sve)9,243
, ,
7 Things to Remove From Your Job Postings to Be More Inclusive9,242
,
This Blog Is Hosted on My Android Phone9,241
, ,
Testing Feature Support for Modern CSS (5t3)9,240
, ,
“:root” Isn’t Global (kil)9,239
Qwik Reaches v1.0 (bui)9,238
,
Practical Guide to Not Blocking the Event Loop9,237
, , , ,
CSS Wishlist 2023 (ell)9,236
,
Configuring ESLint, Prettier, and TypeScript Together (jos)9,235
, , , , , ,
CDNs: Speed Up Performance by Reducing Latency (aus)9,234
,
Beyond Content Creation: How Open Source Contributions Can Help You Get Noticed (bek/ope)9,233
, ,
My Favorite Free Courses to Learn JavaScript in Depth9,232
, , ,
Two Underused Arguments for Writing Documentation (j9t)9,231
, ,
30th Anniversary of Licensing the Web for General Use and at No Cost (koa/w3c)9,230
, , , , ,
Dark Mode in 3 Lines of CSS and Other Adventures9,229
,
The Popover API Is Exciting, Sort Of (mrt)9,228
,
A Beginner’s Introduction to the Most Common Data Types in Programming9,227
, ,
Write Better CSS by Borrowing Ideas From JavaScript Functions (sma)9,226
, , ,
Everything You Need to Know About Webpack’s Bundle Analyzer9,225
, ,
Animating the Impossible (btc)9,224
, ,
Rebuilding a Featured News Section With Modern CSS: Vox News (sha)9,223
, , ,
New to the Web Platform in April (rac/dev)9,222
, , , , , ,
JS Private Class Fields Considered Harmful (lea)9,221
Writing Unit Tests in Node.js Using Jest9,220
, ,
What Is the Value of a Design System? (zer)9,219
The Most Underrated Section of Design Portfolios9,218
,
How to Manage Design Tokens9,217
, ,
Typography for Everyone (tob/btc)9,216
, ,
Progress Over Perfection: The Better Way for Communication and Accessibility Advocacy (mer)9,215
, , ,
Modern CSS Layout Is Awesome! (mic/btc)9,214
, ,
How to Deep Merge Arrays and Objects With JavaScript (cfe)9,213
, , ,
Accessible Target Sizes Cheatsheet (vit/sma)9,212
,
The Most Important Thing Productivity Tools Are Missing About AI (uxd)9,211
, ,
What Is the QUIC Protocol?9,210
,
Discovering the Power of JavaScript Proxy After All This Time9,209
The Interactive Guide to Rendering in React9,208
, ,
Crafting the Next.js Website9,207
Comparing the Best Node.js Version Managers: nvm, Volta, and asdf9,206
, ,
Reducing the Cost of String Serialization in Node.js Core9,205
, ,
Transition To and From “display: none” With Upcoming CSS Capabilities (una)9,204
, ,
The Best Way to Get nvm Working in CI/CD Systems9,203
,
Adding Motion to the Next Decade of Atomic Design (uxd)9,202
,
Organizing a Web Design System for Scalability in Figma (uxd)9,201
, ,
Design Debt: The Hidden Cost of Neglecting UX Investment, and How to Measure and Manage It (uxd)9,200
, , ,
npm vs. Yarn vs. pnpm9,199
, , ,
CSS Blend Modes9,198
,
Frontend Web Performance Checklist9,197
,
Goodbye “create-react-app”: A New Approach9,196
What’s New in Node.js 20 (cra)9,195
Figma, I Love You but You’re Bringing Me Down (uxd)9,194
The Potentially Dangerous Non-Accessibility of Cookie Notices (mar/sma)9,193
, , , ,
The “const” Deception (jos)9,192
Scoped CSS Is Back (kei)9,191
,
Avoiding Dark Patterns in Web Design (boa/fro)9,190
,
Exploring the Potential of Web Workers for Multithreading on the Web (sma)9,189
, , ,
The Effects of Technical Debt on Morale9,188
, ,
Dark Mode Toggle and “prefers-color-scheme”9,187
, ,
How to Write Comments in React: The Good, the Bad, and the Ugly9,186
, ,
Transitioning to Height Auto (Two Ways) (kei)9,185
“The Secret List of Websites” (chr)9,184
, ,
Meeting WCAG Level AAA (pat/tet)9,183
, , ,
“details”/“summary” Inconsistencies (mat)9,182
, , ,
Considering Content Warnings in HTML (aar)9,181
, ,
System Design Blueprint: The Ultimate Guide (zon)9,180
, , ,
Designing and Coding for Voice9,179
,
Upgrading Our CSS Habits: “aspect-ratio” (cod)9,178
This Website Is Under Construction, a Love Letter to the Personal Website (btc)9,177
, ,
Spinning Diagrams With CSS (har)9,176
,
Read-Only Web Apps (ada)9,175
,
CSS Custom Properties Beyond the “:root” (mat)9,174
, ,
5 Topics You Should Touch on During the Recruitment Process9,173
, ,
Introduction to Web Animations With GSAP9,172
, , ,
Generating Provenance Statements9,171
, ,
5 Code Refactoring Techniques to Improve Your Code9,170
, ,
Intro to Runtime Performance in the Chrome DevTools Performance Panel (ann)9,169
, , , , , ,
Why Is Scrum the Most Popular Agile Framework?9,168
, ,
Introducing npm Package Provenance (git)9,167
, , , , ,
Visually Accessible Data Visualization9,166
,
Using HTML Elements as CSS Masks9,165
Release Notes for Safari Technology Preview 168 (jon/web)9,164
, , ,
Productivity and Well-Being: A Summary of What Works9,163
,
It’s Time for the Tech Industry to Live Up to Its Ideals (uxd)9,162
,
Browser Rendering: What Happens Behind the Scenes (fro)9,161
, , , , , ,
How to Create an SEO Strategy (moz)9,160
, ,
10 Common Mistakes in Angular Development9,159
, ,
DevTools: A Better Way to Visualize Your JavaScript9,158
, , , , , , , ,
Kubernetes Quick Tutorial9,157
,
Signals: Fine-Grained Reactivity for JavaScript Frameworks9,156
, , ,
The Three Browser Storage Mechanisms9,155
, ,
Audio Accessibility in Miro: A Hackathon Story in 3 Acts (sin)9,154
, ,
Why CloudFront Invalidation Is Required After Every New Deployment and How to Implement It?9,153
, , ,
What’s New in ECMAScript 2023 (paw)9,152
,
Node.js 20 Is Now Available! (nod)9,151
,
Container Query Units and Fluid Typography (5t3)9,150
, , ,
8 Best Tools for Cryptography and Encryption (sta)9,149
, , , , , ,
5 Must-Know Shopify Liquid Tips and Tricks for Customizing Your Store9,148
, , ,
Business Impacts of UI Design and UX Design (uxm)9,147
,
You Are What You Measure9,146
,
All About the Semantic Web9,145
,
Answering “What ARIA Can I Use?” (w3c)9,144
, , , , ,
Firefox May Soon Reject Cookie Prompts Automatically9,143
, , , ,
Deno vs. Node: No One Is Ready for the Move9,142
, , ,
What Is Design Thinking? (sma)9,141
Using a Muted Color Palette in Web Design (uxm)9,140
, ,
It’s Very Likely That… (mat)9,139
, , ,
A List of Programming Playgrounds (b0r)9,138
, ,
My Favorite Courses to Learn Microservices in Depth9,137
, , ,
Exploring “:has()” Again (mic)9,136
,
How to Name Design Tokens in a Design System (uxd)9,135
, , ,
Angular 16 Is Huge9,134
3 Common IA Mistakes (That Are All Due to Low Information Scent)9,133
, ,
The Acronyms of Rendering on the Web (whi)9,132
, , ,
Speeding Up the JavaScript Ecosystem—Draft-js Emoji Plugin (mar)9,131
, ,
Serving Less Data to Users With the “prefers-reduced-data” Media Query (sea)9,130
, , ,