Tech does not just watch: Take action against Russia’s war on Ukraine 🇺🇦, and take action against Israel’s genocide on the Palestinian people and the destruction of Palestine 🇵🇸 Protest, boycott, cut all ties. Hide

Frontend Dogma

“2024” News Archive (11)

Entry (Sources) and Other Related TopicsDate#
How to Plan Your First Successful Website (web)697
, ,
Folder Structures in React Projects696
,
Psychology and UX: Decoding the Science Behind User Clicks695
, ,
Angular Signals: Best Practices694
, ,
Understanding Memory Heap and Memory Leaks—How the JS Engine Works (fro)693
, , ,
The Box Model and Box Sizing (bel/pic)692
, ,
Progressive Disclosure Defaults (ada)691
, ,
How to Create a Website and a PDF From the Same Codebase (spa/clo)690
, , ,
Build a Full-Stack App With Node.js and htmx689
, ,
How to Assess Your Fit for a Job Description: A Guide for Technologists688
, , ,
Using Relative Colors (chr/mdn)687
,
Chill Scroll Snapping: Article Headers (chr/fro)686
,
How Meta Improved Their Cache Consistency to 99.99999999685
,
How to Kill the Cascade (fon)684
, , ,
Comparing ECMAScript Modules and CommonJS683
, ,
The Power of Textual Content in UX Design (uxm)682
,
Empowering the User Experience Through Microinteractions: 7 Best Practices (uxm)681
, ,
Oh Sh*t, My App Is Successful and I Didn’t Think About Accessibility680
The Ultimate Guide to Understanding npx vs. npm679
, , ,
“require(esm)” in Node.js678
, , ,
How Web-Site Design and Social Media Work Together (uxm)677
, ,
Accessibility Foundations (tpg)676
, ,
Make a Web Browser: Beginner’s Guide (nim)675
, ,
Observability Is an Illusion (pur)674
, , ,
I’m So Old: Web Edition (dav)673
,
Every React Concept Explained in 12 Minutes672
, ,
Build a Node App With TypeScript (mat)671
, , ,
A Designer’s Role Is Not “at the Table” (uxd)670
,
A Comparison of JavaScript CRDTs (alm)669
, ,
Time to Ditch Analytics? Tracking Scripts and Web Sustainability (mic)668
, , , , ,
Why UI Designers Should Understand Flexbox and CSS Grid (uxd)667
, , , ,
2024 Cheat Sheet Collection666
,
Copy Objects Ways in JavaScript665
,
How Web Bloat Impacts Users With Slow Devices664
, , ,
Migrating Away From Jest and Achieving Over 90% Reduction in Running Time (pat)663
, , , ,
Deploying Remix to GitHub Pages662
, , ,
Homepage Design: 5 Fundamental Principles661
, ,
Skeuomorphism660
,
Quick Tip: Creating a Date Picker in React659
, ,
Webflow 101: A Guide for Beginners658
, , ,
How (In)Efficient Are Engineering Organizations?657
, ,
Accessibility in Design Systems: A Comprehensive Approach Through Documentation and Assets656
, , ,
How to Optimize Cumulative Layout Shift (CLS) on Shopify Sites (sia)655
, , , ,
There Is No EU Cookie Banner Law654
, ,
Qwik vs. Next.js: Which Framework Is Right for Your Next Web Project?653
, , ,
Performance Tooling in 2024 and Beyond (dev)652
, , , , ,
When “Semantic Tokens” Are No Longer Semantic651
,
What Is Safe Alignment in CSS? (chr/fro)650
, ,
The Golden Age of Accessibility649
Make Your Functions More Reusable With Generics (mat)648
, , ,
Arguments for Opening Links in a New Tab or Window (gri/clo)647
,
The Problem With Data Attributes for Text Effects (man)646
, , , ,
A Beginner’s Guide to Node.js Worker Threads (bet)645
, ,
How to Design Icons in Figma644
, , , ,
How to Avoid Flaky Tests in Playwright643
, , ,
Ruby Is Complicated642
My New Favorite CSS Trick: “will-change”641
, , ,
Refactoring My Ugliest Code With Signal View Queries640
, ,
WCAG 2.2 Detective Skills639
, ,
25 Unnoticeable Features of JavaScript638
You Want “border-color: transparent”, Not “border: none” (dav/fro)637
, , , ,
What’s Next for a Global Design System (bra)636
There Are No Standards Police (mno)635
, ,
The Problem With AI (cfe)634
HTML Performance Optimization: Tips for Faster Loading Pages633
, , , ,
Another JS Registry—Seriously?! (den)632
, , ,
Building Websites and Building Websites Well (j9t)631
, ,
Marking the Web’s 35th Birthday: An Open Letter (tim)630
, ,
5 Exciting New JavaScript Features in 2024629
Runtime Compatibility (asc+)628
, , , , , , ,
The Essential Guide to Microcopy and Becoming a More Literate Designer627
, , , ,
Why Your Microservices Architecture Is Probably Overkill (and How I Learned to Love the Monolith Again) (pur)626
, ,
Thoughts on Embedding Alternative Text Metadata Into Images (eri)625
, ,
The “10× Engineer”: 50 Years Ago and Now (ger)624
, , ,
Spread vs. Rest Operators in JavaScript623
, ,
Interaction to Next Paint Is Officially a Core Web Vital (rvi/dev)622
,
How to Read Files Quickly in JavaScript (lem)621
, ,
A Letter to My Younger Self, as an Accessibility Advocate (hbu)620
, ,
A Gentle Introduction to Generics in TypeScript619
, ,
Have You Optimized for INP?618
, ,
JSON Canvas617
, , ,
Comparing JavaScript Frameworks: Templates616
, , ,
Express.js With TypeScript—Setup, Examples, Testing615
, , , ,
IDEs vs. Code Editors: Everything You Need to Know (jet)614
, ,
Accessibility: Implementing Focus Traps613
, ,
What Is INP and Why You Should Care (whi/sen)612
, ,
Streaming HTML (chr/fro)611
, ,
Distinguishing Between ARIA and Native HTML Attributes (deq)610
, , , ,
Are We Watching the Internet Die? (edz)609
Announcing Speedometer 3.0: A Shared Browser Benchmark for Web Application Responsiveness608
, ,
Alt Text for CSS Generated Content (tem)607
, , ,
Optimising Your Design System With Figma’s Variables (uxd)606
, , ,
Things I Learned While Building My JS Library605
, ,
CSS Button Styles You Might Not Know (dbu)604
, ,
Replace ESLint and Prettier With Biome.js603
, , , , ,
eslint-plugin-depend602
, , ,
Jakob Has Jumped the Shark (aar)601
,
How to Invert the Colors Using CSS (ron)600
, , ,
Access by a Thousand Curb Cuts (yat)599
Asking Users for Their Pronouns: A Guide for UX Designers598
, ,
Navigating the Future of Frontend597
, ,
Creating Color Palettes With the CSS “color-mix()” Function (mic)596
, , ,
Modern CSS Tooltips and Speech Bubbles II (css/sma)595
, ,
How “HEAD” Works in Git (b0r)594
Dissecting Layered Architecture (yok)593
Add Superpowers to Your CSS Variables With Style Queries (jar/van)592
, ,
How to Check and Set the “NODE_ENV” Environment Variable and Its Use in a Project591
, ,
Managing Static Files in Django: A Comprehensive Guide590
, ,
The Quiet, Pervasive Devaluation of Frontend (col)589
, , , ,
Some Little Ways I’m Using CSS “:has()” in the Real World (bel/pic)588
, ,
How to Test 2.5.8 Target Size (Minimum) (sib/tpg)587
, ,
AVIF Is the Future of Web Images586
, , ,
Internationalization With Remix (rem)585
,
Announcing TypeScript 5.4 (dan/typ)584
,
SSG, SSR, ISR, CSR Rendering Strategies in Next.js (fro)583
, , , , , , ,
Simplify Your CSS Using “:is()” and “:where()” Pseudo-Classes (zor/css)582
, ,
The Ultimate Guide to Choosing the Best React Website Builder581
, , , ,
90% of Designers are Unhirable? (uxd)580
, ,
Exploring the Creative Power of CSS Filters and Blending579
, , ,
5 Ways Productivity Culture Kills Business Agility578
, , ,
Sometimes, a Button Just Wants to Look Like a Button577
, ,
10 Figma Keyboard Shortcuts: A Cheat Sheet for UX Designers576
, , ,
Taming the Shadow DOM: Injecting Global Styles With Adopted Stylesheets575
, ,
WebAssembly JSPI Is Going to Origin Trial574
The End of My Gatsby Journey (mon)573
, ,
Release Notes for Safari Technology Preview 190 (jon/web)572
, , ,
Making Room for Long List Markers With Subgrid (nol)571
, , ,
How to Ensure Your Designs Work if You Can’t Access Sample Data (uxd)570
, , , ,
How to Use WebSockets in Node.js to Create Real-Time Apps (cra)569
, ,
Best Practices for Inclusive Design568
, , ,
WebKit Features in Safari 17.4 (jen+/web)567
, , , ,
Data Table Design Patterns (uxd)566
, ,
JavaScript Runs the World—Maybe Even Literally (wir)565
, ,
Achieving Design Collegiality While Maintaining Psychological Safety (uxm)564
,
Modern Git Commands and Features You Should Be Using563
,
When We Talk About Front-End Performance, What Are We Talking About562
, , , ,
SemVer Simplified: An Introduction to Semantic Versioning561
, ,
WCAG? More Like, W-What?! (stv)560
, ,
The 88×31 Archive559
, ,
JSR: Second Look (dbu)558
Designing for Mobile Accessibility: Enhancing the User Experience on Small Screens (uxm)557
, , ,
How npm Install Scripts Can Be Weaponized: A Real-World Example of a Harmful npm Package (eth)556
, , ,
VPS Showdown—March 2024—DigitalOcean vs. Linode vs. Vultr555
, , ,
Tools That Make Me Productive as a Software Engineer554
, ,
We Need to Talk About Jakob (mat)553
CSS for Printing to Paper552
,
Bugs I’ve Filed on Browsers (nol)551
, , , ,
Accessibility Has Not Failed—It Has Not Even Started for Real (cer)550
,
Accessibility Darkness (ste)549
,
The Faster Lambda Runtime—Node.js or LLRT? We Benchmarked548
, , , , , ,
Planning a Design System Generation547
,
Go Ahead and Block AI Web Crawlers (cor)546
, , ,
The Hunt for the Missing Data Type (hil)545
,
Emerging UX Patterns in Generative AI Experiences (uxd)544
, ,
Web Tech Trends to Watch in 2024 and Beyond (web)543
, , , , ,
Design System Generations542
,
An Introduction to Webflow—the No-Code Website Builder541
, ,
Team Productivity Metrics for Engineering Managers540
, ,
Apple Says iOS 17.4 Won’t Remove Home Screen Web Apps in the EU After All539
, , ,
A Love Letter to the Underrepresented in Tech538
Introducing JSR—the JavaScript Registry (lca+/den)537
, , , ,
TIL—“submit()” Versus “requestSubmit()” (ray)536
,
Retrofitting Fluid Typography (ric)535
, ,
Modern CSS Tooltips and Speech Bubbles (css/sma)534
, ,
Eloquent JavaScript (mar)533
, ,
Apple Backs Off Killing Web Apps, but the Fight Continues (owa)532
,
“AI” and Accessible Front-End Components: Is the Nuance Generatable? (hdv)531
, ,
The Wax and the Wane of the Web (ste/ali)530
,
Choosing the Right Node.js Package Manager in 2024: A Comparative Guide (nod)529
, , ,
Diving Into CSS Interactivity (daw+/sto)528
,
Understanding Cookies and Sessions in React527
, ,
What Is Inclusive Design, and How Does It Relate to Accessibility?526
, ,
What You Need to Know About Software Requirements525
,
Why Does “is-number” Package Have 59M Weekly Downloads?524
,
Techniques to Break Words (aar)523
, , ,
New to the Web Platform in February (rac/dev)522
, , , , , , , ,
Keyboard Accessibility Testing on Mobile Devices521
, , ,
Accessibility Has Failed: Try Generative UI = Individualized UX520
, , ,
Going Beyond Pixels and (r)ems in CSS—Container Query Length Units (uti/iod)519
, ,
Ultimate Guide to Visual Testing With Playwright518
, , ,
Enhanced Internationalization (I18N) in Next.js 14517
,
Top 8 Recent V8 in Node Updates (app)516
,
How to Create a Sidebar Navigation With Astro, Tailwind CSS, and Alpine.js515
, , , , ,
Test Quality vs. Bashing Tailwind CSS (mar)514
, ,
So, What Exactly Did Apple Break in the EU? (tom)513
, , , , ,
Making Math Accessible (ons/tpg)512
,
Creativity Lies in the Paradoxes (uxd)511
,
Apple vs. PWAs—Go Act Now and Help Avoid This Disaster… (cod)510
, , ,
An HTML Switch Control (ann+/web)509
, ,
A Guide to CSS Cursor Types508
, ,
Tumblr and WordPress to Sell Users’ Data to Train AI Tools (404)507
,
How to Lazy-Load CodePen and CanIUse Embeds506
, , , ,
How to Use Server-Sent Events in Node.js (cra)505
, ,
What Is Vuetify in Vue.js?504
,
Here Lies the Internet, Murdered by Generative AI503
, ,
YouTube Video Embedding Harm Reduction (jvo)502
, , , ,
The 3 Capabilities Designers Need to Build for the AI Era (uxd)501
, , , ,
ServerlessHorrors (and)500
, ,
Screen Readers and Drag-and-Drop: Grabbing and Releasing Elements (dar)499
, , ,
Reporting Core Web Vitals With the Performance API (geo/sma)498
, ,
AI and Design Systems (bra)497
,
A Simple Mistake That Can Screw Up Your Light/Dark Theme (and How to Fix It) (kev)496
, , ,
A Fun Line of Code (dbu)495
, ,
No Outer Margin494
, , ,
How to Build a Newthing493
, , ,
CSS Foundations: What Is IACVT? (bra)492
,
Speaker Spotlight: Michelle Barker (mic)491
, ,
Advanced Figma Tips and Tricks 2024: Little Gems We Love (uxd)490
,
10 Takeaways From the WebAIM Screenreader Survey #10 (kar)489
,
Why I Use Firefox (sim)488
, ,
What Is a Single-Page Application? (hey)487
, , ,
The CSS Cascade—a (Re)Introduction (mat)486
, ,
Open Letter to Tim Cook, Sabotaging Web Apps Is Indefensible (owa)485
,
CSS-Only Bottom-Anchored Scrolling Area (kit)484
,
A Web Designer’s Accessibility Advocacy Toolkit (sma)483
, ,
Home Screen Advantage (sli)482
, , , , ,
Understanding Event-Driven Architecture481
,
JSDoc as an Alternative TypeScript Syntax480
, ,
WebAIM Screen Reader User Survey 10 (den)479
,
The Power of Patterns and Playbooks in Content Design (kat/uxd)478
, ,
Navigating Signals: An Efficient Alternative to React Hooks for Enhanced Performance and Optimization477
, ,
My WebAIM 10th SR User Survey Takeaways (aar)476
,
CSS “:has()” Interactive Guide (sha)475
, ,
CAPTCHA Is Still [the] Most Problematic Issue on the Web (cer)474
, ,
A Developer’s Guide for Web Accessibility473
,
Why My Code Isn’t in TypeScript (rem)472
Proposal: CSS Variable Groups (lea)471
,
UX Leadership Is Failing (and What We Can Do About It) (uxd)470
,
htmx vs. React: A Complete Comparison469
, ,
JavaScript Bloat in 2024468
,
Difference Between the Accessibility Page and the Accessibility Statement467
, ,
Vanilla JavaScript, Libraries, and the Quest for Stateful DOM Rendering (sma)466
, , ,
JSR: What We Know So Far About Deno’s New JavaScript Package Registry (sar/soc)465
, , ,
Filling Gaps With a Polyfill (jay)464
, , , ,
Building Dynamic Progress Bars Using Only CSS (ami)463
,
ARIA (Are Ya) Afraid of the Dark? Unmasking Common HTML Monsters to Create Better User Experiences (deq)462
, , , ,
View Transitions: Handling Aspect Ratio Changes (jaf)461
, ,
How to Optimize the Web for the Worst User Conditions?460
, , , ,
CSS “::backdrop” Now Inherits From Its Originating Element (bra)459
,
10 Best “Create React App” Alternatives for Different Use Cases458
, , , ,
The One Trick Every Flutter Web Dev Needs to Know457
, ,
Next.js vs. Remix—a Developer’s Dilemma456
, ,
Syntax Highlighting With No Spans?! (chr/fro)455
, ,
Release Notes for Safari Technology Preview 189 (jon/web)454
, , ,
Parallax Effect With CSS Custom Properties (fro)453
, , ,
Node.js 2023 Year in an Article (raf)452
,
My Favourite Animation Trick: Exponential Smoothing (lis)451
,
Making of True Multi-Brand Design System (uxd)450
,
A Practical Guide to Using Shadow DOM (may)449
, ,
A Practical Guide to Designing for Colorblind People (vit/sma)448
, , , ,