Frontend Dogma

News and Tools for Frontend Developers (23)

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

Entry (Sources) and TopicsDate#
Revealing Images With CSS Mask Animations (css/sma)10,760
, ,
The 10ish Tools I Install on Every New Mac I Get (j9t)10,759
, ,
Submit Your Proposals for Interop 2024 (foo+/dev)10,758
, , ,
Incremental Static Regeneration for Angular (ang)10,757
,
The 5 Principles of Unit Testing10,756
, ,
Why Is Creativity So Blurry, and Am I Creative? (uxd)10,755
, ,
View Transition Debugging (jaf)10,754
, , ,
v0.dev (ver)10,753
, , , , ,
The 10 Tools I Install on Every New Mac I Get (cod)10,752
, ,
JavaScript Is Getting Array Grouping Methods (phi)10,751
,
How to Actually Integrate Angular and NestJS (pol)10,750
, ,
How Custom Property Values Are Computed (5t3)10,749
,
Use Cases for IIFEs10,748
Why Drupal 10 (man)10,747
,
Documentation Is a Living Thing: How We Talk Informs What We Make10,746
, ,
How to Set Up Personal OKRs10,745
, , ,
Why I Quit Open Source (sap)10,744
, ,
Multi-Page Web Apps (ada)10,743
, ,
In Memory of Molly E. Holzschlag, the Fairy Godmother of the Web (mer)10,742
From Silos to Design Systems10,741
, ,
The Cult of Productivity (uxd)10,740
, ,
Limitations of Scoped CSS (zel)10,739
,
Stop Lazy Loading Product and Hero Images (gri/clo)10,738
, ,
Nuclear Anchored Sidenotes (mey)10,737
,
I Think I Kind of Hate Lazy Loading (ede)10,736
,
Gradients, Blend Modes, and a Really Cool Hover Effect (pre/sma)10,735
, ,
JPEG and EXIF Data Manipulation in JavaScript10,734
, ,
What Is Functional Testing? Definition, Key Concepts, and Types10,733
, ,
The Real Value of Tokens (uxd)10,732
,
State of Web Accessibility, ARIA in HTML, and Missing UI Patterns (tin+/fwo)10,731
, , ,
Changes and Additions in Pointer Events Level 3 (pat/w3c)10,730
, ,
Rewriting Digital Content for Brevity10,729
, , ,
Cool Tools (mic)10,728
,
Medium vs. DEV vs. Hashnode vs. Hackernoon10,727
, , ,
Creating Dynamic README.md File10,726
,
Discover Bun—a Faster, Modern JavaScript Runtime10,725
, ,
Bun, JavaScript, and TCO10,724
, ,
How I Approach and Structure Enterprise Frontend Applications After 4 Years of Using Next.js10,723
, ,
Why Your Design System Needs a Component Process10,722
, ,
URL Poetry Club10,721
,
Running a Playwright Script on AWS Lambda (mat)10,720
, , ,
The Dangers of Deceptive Design Patterns (and How to Avoid Them) (web)10,719
,
Bun 1.0 (jar+/bun)10,718
,
JavaScript WTF: Why Does “every()” Return “true” for Empty Arrays? (nza)10,717
A New Method to Validate URLs in JavaScript (ste)10,716
, ,
CSS “display” Is a Multi-Keyword Property? (zor/css)10,715
,
Building a Real-Time Chat With WebSockets, Novel, and Clerk10,714
, , , , ,
Delay, Sleep, Pause, and Wait in JavaScript10,713
From Data-Driven to Decision-Driven (uxd)10,712
, ,
CSS Lobotomized Owl Selector: A Modern Guide (log)10,711
, , ,
The New Google Fonts: Find What You’re Looking For (tob)10,710
,
Gulp vs. Webpack—What Is Better: Using Webpack or Gulp.js?10,709
, ,
WOFF Has Left the Building (mat)10,708
, , , ,
Why Are We Not Still Using Tables-for-Layout? (rac)10,707
, ,
Web Components Accessibility FAQ (mat)10,706
,
The “Array.prototype.every()” Method Always Returns “true” for an Empty Array (cfe)10,705
, ,
Dear Molly (col)10,704
Memories of Molly (mey)10,703
Four Common Types of Code Coverage (jec/dev)10,702
,
GoDaddy Retires Media Temple Brand (sar)10,701
,
Long Live the Test Pyramid (sma)10,700
, ,
Using Labeled Loops in JavaScript10,699
Is AI the Silver Bullet of Accessibility?10,698
,
Turbo 8 Is Dropping TypeScript10,697
, ,
Release Notes for Safari Technology Preview 178 (jon/web)10,696
, , ,
Making Sense of React Server Components (jos)10,695
,
Binary Search Algorithm in JavaScript (fro)10,694
, ,
The Perpetual Circle of Accessibility (col)10,693
,
8 Micro Tips for Remarkably Better Typography (uxd)10,692
, ,
Essential Metrics for Click Testing10,691
, ,
First, Do No Harm: Mistakes to Avoid in Creating Accessible User Experiences10,690
, ,
“Good Commit” vs. “Your Commit”: How to Write a Perfect Git Commit Message (vic)10,689
, , , ,
Compact HTML10,688
Progressively Enhanced Form Validation: Custom Validation Messages (ger/clo)10,687
, , ,
Node.js vs. Deno vs. Bun: JavaScript Runtime Comparison (sny)10,686
, , , , ,
Node.js Includes Built-In Support for .env Files (phi)10,685
, ,
Equivalent Experience Can Cut Both Ways (eri)10,684
,
Browser Video Players Review (aar)10,683
, , , , ,
Understanding SSR, CSR, ISR, and SSG: A Comprehensive Guide10,682
, , , ,
Node v20.6.0 (nod)10,681
,
NODE_ENV Considered Harmful10,680
,
CSS Frameworks Comparison: Bootstrap vs. Foundation vs. Materialize10,679
, , , , ,
Web Components Don’t Need You (chr/cod)10,678
10 Things You Didn’t Know About HTML10,677
Top Website Redesign Tips for 202310,676
,
Information Architecture vs. Sitemaps: What’s the Difference?10,675
, ,
A Wide View of Automated Testing in React Apps10,674
, ,
Style Is Consistent Constraint10,673
,
On Productivity Metrics and Management Consultants (nor)10,672
,
Clocks and Countdowns: Timing in CSS and JavaScript (sto)10,671
,
JetBrains Qodana Review10,670
,
Three Dimensions of Developer Productivity10,669
, , ,
Why I Switched From Sublime Text to Visual Studio Code10,668
, , ,
Type Safe CSS Design Systems With “@ property” (arg)10,667
, ,
Small Details to Improve Your Website’s Experience (alv)10,666
, , ,
Selecting the Scoping Root (mat)10,665
,
Dialog Dilemmas and Modal Mischief: A Deep Dive Into Popovers and How to Build Them (hdv)10,664
, , , ,
A Beginner’s Guide to Eleventy (dza)10,663
,
Understanding Feature Flags: Improving Feature Management10,662
, ,
Is Atomic Design Dead? (bra)10,661
, ,
Things That Jakob’s Law Is Not10,660
, ,
An Introduction to the Laravel PHP Framework10,659
, , ,
Decoding WCAG: “Alternative for Time-Based Media” and “Media Alternative for Text” (web)10,658
, ,
The Role of Cloud Computing in Web Development10,657
Build a GraphQL Gateway: Combine, Stitch, or Merge Any Datasource10,656
,
How to Make Charts and Graphs More Accessible (pop)10,655
, , ,
Getting Started With htmx: A Comprehensive Guide for Beginners10,654
, ,
Connected Grid Layout Animation (cod)10,653
, , ,
Astro 3.0 (ast)10,652
,
Tracking Errors in a Node.js Application (app)10,651
, ,
Web Sustainability Guidelines (WSG) 1.0 (ale/w3c)10,650
,
What Is the View Transitions API and How to Use It With Meta Frameworks10,649
, , ,
Sustainable SEO: Processes and Practices10,648
, , ,
Memorization and Learning to Code10,647
, , ,
Why Do I Have Layout Shift? (una+/dev)10,646
, ,
What Is Inclusion Anyways? Lessons From the Disabled Community10,645
, , ,
Using “rem” Doesn’t Make Your Website Responsive—Here’s Why10,644
, ,
Let’s Make a Rubber Button With HTML, CSS, and SVG (tyl/clo)10,643
, , , ,
Guide to Using Template Engines (Such as Twig) With PHP10,642
, , ,
CSS Loaders (css)10,641
, , ,
Case Study: Rebuilding TechCrunch Layout With Modern CSS (sha)10,640
, ,
Accessibility Theater (tpg)10,639
Five Optimization and Performance Tools That Enhance Website User Experience10,638
, , , ,
Measuring Developer Productivity? A Response to McKinsey (ger)10,637
,
Announcing Cypress 13 With Test Replay10,636
,
Benchmarks [for 24 CSV Parsing Approaches]10,635
, , ,
Building Accessibility Into Your Company, Team, and Culture (swi)10,634
, ,
Why Are Websites Embarrassing? (fon)10,633
,
Web Apps Are Better Than No Apps (yur)10,632
How to Implement SSL/TLS Pinning in Node.js (sny)10,631
, , , ,
Hover Triangles (may)10,630
,
Git Uncommit (ami)10,629
,
Biome v1 (ema/bio)10,628
,
Realistic CSS Animations and the “linear()” Timing Function10,627
, ,
Six Reasons Not to Use React10,626
,
8 Habits That Hold Back Your Developer Potential10,625
,
From User Needs to User Dreams: Find the Future of Your Product (uxd)10,624
, ,
Navigating Web Accessibility Litigation: Advice From a General Counsel10,623
,
Code Splitting in React: Optimize Performance by Splitting Your Code10,622
, , ,
Single-Page Applications: Ember vs. Angular10,621
, , ,
How I Write Alt Text for Code Snippets on Social Media (ben)10,620
, , , ,
Falling for OKLCH: A Love Story of Color Spaces, Gamuts, and CSS (geo/sma)10,619
, ,
An Overview of Feature Flags (log)10,618
, , , ,
State of CSS 2023 [Results] (sac+/dev)10,617
,
Web UX: Study Guide10,616
, , ,
Accessible Navigation10,615
,
Dark Mode: How Users Think About It and Issues to Avoid10,614
, , ,
Package-Based Architecture—Let’s Deliver the Packages10,613
, ,
Co-Authoring Git Commits (cas)10,612
, ,
Biases in Design: Hiding in Plain Sight in a World Full of Visuals (uxd)10,611
Browser Automation With Puppeteer10,610
, ,
Visualizing Recursion With the Sierpinski Triangle10,609
, ,
Introducing the 100-Year Plan: Secure Your Online Legacy for a Century (pho/wor)10,608
, , ,
WTF Is a Vector Database: A Beginner’s Guide10,607
,
Where to Put Focus When Deleting a Thing (aar)10,606
,
Scope vs. Shadow DOM (kei)10,605
, , , , ,
Catching Errors Thrown From “connectedCallback” (nol)10,604
, ,
Main-ly Speaking (col)10,603
,
Announcing TypeScript 5.2 (dan/typ)10,602
,
What Are Exceptions to Section 508 Accessibility Requirements?10,601
, ,
What Is Alt Text and How to Write It (tpg)10,600
, , ,
TypeScript 5.3 First Look (mat)10,599
Stakeholder Management for Design Systems (luk/uxd)10,598
, ,
European Accessibility Act: Article 32, and Why It Sucks (cra)10,597
, ,
A More Intelligent and Secure Web (ple/w3c)10,596
, , , , ,
Block the Bots That Feed “AI” Models by Scraping Your Website (cla)10,595
, ,
The Art of UX Writing (web)10,594
, ,
How to Get 12% More LinkedIn Followers, Impressions, and Clicks—Practical Accessibility Tips and Tricks (mni)10,593
, , , ,
Headless Architecture: What Is It, and Why Is It the Future?10,592
,
A Few Interesting Ways to Use CSS Shadows for More Than Depth (pre/sma)10,591
, ,
To Test or Not to Test, a Technical Perspective (dev)10,590
, ,
How Organisations Respond to Accessibility Monitoring10,589
,
Use Web Components for What They’re Good At (nol)10,588
Pros and Cons of Using Shadow DOM and Style Encapsulation (mat)10,587
, ,
Google August 2023 Broad Core Update Is Live—What We Are Seeing Now (rus/ser)10,586
,
A Guide to Migrating From Webpack to Vite10,585
, , ,
A Quick Introduction to CSS “@ scope” (bra)10,584
, , ,
No One Actually Wants Simplicity10,583
,
WebGlossary.info (j9t)10,582
, , , ,
View Transitions Break Incremental Rendering (eee)10,581
, ,
Release Notes for Safari Technology Preview 177 (jon/web)10,580
, , ,
Debugging Speculation Rules (tun/dev)10,579
, ,
All 12 “useState” and “useEffect” Mistakes Junior React Developers Still Make in 202410,578
, , ,
The Ideal Viewport Doesn’t Exist (bel+)10,577
, ,
Patterns for Reactivity With Modern Vanilla JavaScript (fro)10,576
,
Can We Truly “Create” Value? (uxd)10,575
,
Writing Component Specs10,574
, ,
Changes Over the Last 25 Years of UX Research (uxm)10,573
, ,
Bézier Curves10,572
Two Important New Roles for UX Designers in the Era of AI (uxm)10,571
, , ,
Progressively Enhanced Form Validation: Validating a Checkbox Group (ger/clo)10,570
, ,
Please Size Your Inline SVGs (aar)10,569
,
Migrating From Color Styles to Local Variables in Figma (uxd)10,568
, , ,
10 Essential VS Code Tips and Tricks for Greater Productivity10,567
, , , ,
The Definitive Guide to Web Personalization: Strategies, Tools, and More to Know10,566
, ,
“We’re All Just Temporarily Abled” (jim)10,565
How to Make an Impact as a Developer Advocate (bla)10,564
, , ,
7 Reasons to Replace Advanced Search With Filters So Users Can Easily Find What They Need (ada)10,563
, , ,
Why htmx Does Not Have a Build Step (htm)10,562
,
Styling Links and Buttons (aar)10,561
, , ,
Let’s Build a Website Using XML (ede)10,560
,
Getting Started With SCSS—the CSS Preprocessor With Superpowers10,559
, ,
Combining “:placeholder-shown” and “:has” (cri)10,558
, ,
Identifying, Fixing, and Preventing Cannibalization (moz)10,557
React JSX10,556
,
A Beginner’s Guide to Using Pico CSS10,555
,
Being “Polite” Does Not Ensure Access10,554
,
Scroll Shadows With “animation-timeline” (dav)10,553
, ,
React Props: A Visual Guide10,552
, ,
How to Use Headless Chrome in Serverless Functions With a 50 MB Limit (ste)10,551
, , , , , ,
Demystifying CORS: Understanding How Cross-Origin Resource Sharing Works10,550
, ,
Adding a “Share to Mastodon” Link to Any Web Site (cod)10,549
, , , ,
Why Do Users Prefer Certain Design? Insights From the Landscape Theory10,548
How to Use the CSS “gap” Property10,547
, ,
XUL and HTML (moz)10,546
, ,
The New CSS Math: “round()” (dan)10,545
,
Tabs Are Objectively Better Than Spaces (cfe)10,544
, ,
“aria-haspopup” and Screen Readers (mat)10,543
, ,
A Deep Dive Into CSS “color-mix()” (kev)10,542
, , ,
CSS-Only Syntax Highlighting… With a Single Element and Gradients10,541
, ,
Getting Started in a New Codebase10,540
, ,
Four New CSS Features for Smooth Entry and Exit Animations (una/dev)10,539
, , , , ,
Towards HTTPS by Default (jde/dev)10,538
, , , , ,
Thinking on Ways to Solve Adaptive Typography (arg/dev)10,537
, , ,
BEM Methodology Is Not About CSS (vit)10,536
, ,
Accessibility Is Not Inclusive Design or Disability Rights—It’s a Part of It (yat)10,535
, ,
A Better “setTimeout()” in JavaScript (ami)10,534
A Beginner’s Guide to SvelteKit10,533
,
A Guide to Optimizing JavaScript Files10,532
, , , , ,
How Layout Position Impacts Three Big Web Performance Levers (sia)10,531
,
CSS Selectors: A Visual Guide10,530
, ,
New in Chrome 116: Document Picture-in-Picture API, “notRestoredReasons” Property, and More (tro/dev)10,529
, , , ,
An Intro to the “dialog” Element (cfe)10,528
, , ,
How to Test Mobile Apps on a Real Device Cloud10,527
, ,
WebAssembly: Byte-Code of the Future10,526
Useable10,525
,
Progressively Enhanced Form Validation: Layering in JavaScript (ger/clo)10,524
, , ,
Testing Your Animation Refresh Rate With CSS Crimes?10,523
, ,
Why Inclusive Language Matters in Coding (uxd)10,522
, , ,
Unveiling the Power of Code-Splitting With Webpack for React and Redux Applications10,521
, , ,
Enhance vs. Lit vs. WebC… or, How to Server-Render a Web Component (jar/van)10,520
, , ,
An “alt” Decision Tree Using Only “:has()” (aar)10,519
, , ,
dependency-time-machine10,518
, , , ,
Debugging Rules: Understand the System10,517
Sophisticated, Highly-Targeted Attacks Continue to Plague npm10,516
,
Write About What You Learn—It Pushes You to Understand Topics Better (add)10,515
, , ,
Balance in UX Design: Symmetry, Asymmetry, and Radial Balance10,514
, ,
Nostalgia in UX Design10,513
, ,
Designing Accessible Text Over Images: Best Practices, Techniques, and Resources II (sma)10,512
, , , ,
Supercharge Your HTML With WebC10,511
, ,