Frontend Dogma

“2024” Archive (8)

Entry (Sources) and Other Related TopicsDate#
The Next Big Thing in CSS: “margin-trim”1,435
, ,
Stunning Staggered CSS Animation/Transition on Page Load (zor/css)1,434
, , ,
I’ve Been Writing TypeScript Without Understanding It1,433
Weak Memoization in JavaScript1,432
,
Streaming HTML—Asynchronous DOM Updates Without JavaScript (inf)1,431
, , ,
Angular Directives vs. Vue Directives1,430
, ,
What Comes After Flat Design? (mar/uxd)1,429
, ,
The European Accessibility Act and Irish Law (equ)1,428
, ,
See What’s New in Firefox [127.0] (moz)1,427
, , ,
Opinions for Writing Good CSS (wal)1,426
, ,
Node v22.3.0 (Current) (raf/nod)1,425
,
How to Hack Your Google Lighthouse Scores in 2024 (whi/sma)1,424
, , ,
Highlight Areas That the Browser Engine Re-Paints (pat/dev)1,423
, , , , , , , , , ,
Define Your Rock-Solid Design System Components1,422
,
Sustainable Computing in the New World of AI1,421
,
How to Decide if Engineering Management Is for You (fro)1,420
, ,
The Biggest TypeScript Update in Years1,419
,
10 Years of Vue: The Past and the Future1,418
, , ,
Can ADA Title II Local Government Accessibility Be Efficient? A Response to Richard Hunt1,417
, ,
Building a Bulletproof CI/CD Pipeline: A Comprehensive Guide1,416
,
Top 12 Git Commands Every Developer Must Know (its/git)1,415
,
Refactoring a Scroll-Driven Animation From JavaScript to CSS (and)1,414
, , , ,
How to Compose JavaScript Functions That Take Multiple Parameters (The Epic Guide) (jrs)1,413
, , ,
How to Browse the Web With the Keyboard Alone (tem)1,412
, ,
Ethical Web Principles (tor+/w3c)1,411
, , ,
CSS Container Queries (geo/css)1,410
, ,
I’ve Worked in IT for Over 10 Years—Here Are 5 Things I Wish I Knew When I Started1,409
,
Comprehensive Guide to Debouncing in JavaScript: Improve Your Code Efficiency1,408
, , ,
Using Node.js’s Test Runner (nod)1,407
,
Support for “aria-errormessage” Is Getting Better, but Still Not There Yet (cer)1,406
, , , , ,
Investigating INP Issues (ste)1,405
, ,
17 Developer Tools That Keep Me Productive1,404
, , , ,
Rust Growing Fastest, But JavaScript Reigns Supreme (the)1,403
, , , , , , , , , ,
Glassmorphism: Definition and Best Practices1,402
, ,
Find Slow Interactions in the Field (mal/dev)1,401
,
The Ultimate Guide to Iframes (log)1,400
, , , ,
Profiling Node.js Applications (bet)1,399
, ,
CSS-Only Custom Range Slider With Motion (bra)1,398
, , ,
How to Use “rem” Units in CSS for Accessible Design (a11)1,397
, , ,
Is AI Killing Human Passion? (uxd)1,396
, ,
HTML Cheat Sheets: From Basics to Advanced Elements1,395
, , , ,
The Ultimate Guide to Accessible Website Design1,394
, ,
Live Demos of Stand Alone Web Components (chr/fro)1,393
, ,
Improving Web Accessibility With Web Platform Tests (web)1,392
, ,
Git Branching Strategy Guide1,391
,
Ditch the Pixels: The Small and Vectorized Web (yor)1,390
, ,
Using Critical CSS for Faster Rendering (spe)1,389
, ,
Full Stack Web Push API Guide (boc)1,388
, , ,
Angular PWA Guide for Developers1,387
, , ,
Control JavaScript Promises From Anywhere Using “Promise.withResolvers()” (fro)1,386
,
Your Node Is Leaking Memory? “setTimeout” Could Be the Reason (mit)1,385
, , ,
Why Do We Skip the Research Phase at All? (uxd)1,384
,
Top Development Cheat Sheets for 20241,383
, , ,
Reflection and Custom States in Web Components (cla)1,382
,
Maybe Don’t Name That Landmark (aar)1,381
, ,
Doing My Heading In (ste+)1,380
, , ,
Cap Unit (sha)1,379
,
Follow Your Favorite Web Dev Topics With Topic Feeds (fro)1,378
, ,
Death by Experience (j9t)1,377
, , ,
Fine-Tuning Text Inputs (gar)1,376
, , ,
Generating ZIP Files With JavaScript1,375
,
WebAssembly JSPI Has a New API1,374
,
How Deep Is Your DOM?1,373
, , ,
The Unclear Case of Usability Widgets on Your Website (eri)1,372
, , ,
How to Build a New Feature for the Web Platform—and Make It a Success With Developers (web)1,371
, , ,
Display the Specificity of a CSS Selector (pat/dev)1,370
, , , , , , , , , , , ,
Analyze CSS Selector Performance During Recalculate Style Events (dev)1,369
, , , , , ,
A Modern Approach to Browser Support (ric)1,368
, ,
Minimalism (zer)1,367
,
What’s Wrong With VPATs?1,366
,
How to Build an Effective UX Pipeline From User Research to Usability Testing (uxm)1,365
, , ,
How a Single Vulnerability Can Bring Down the JavaScript Ecosystem1,364
, , , , ,
Witnessing the Death of the Web as a News Medium (cod)1,363
, , , ,
Promises From the Ground Up (jos)1,362
,
Let’s Hang! An Intro to CSS Anchor Positioning With Basic Examples (uti)1,361
, , ,
“Just” One Line (jim)1,360
,
Introduction to Selenium for QA Automation: The Essential Guide1,359
, , , , ,
CSS Length Units (geo/css)1,358
, ,
The Power of Beauty in Communicating Complex Ideas1,357
, , ,
Transforming UX With Generative AI (uxd)1,356
,
Write SOLID React Hooks1,355
, , ,
How to Use Corepack (mat)1,354
, , ,
Node.js Best Practices: A Guide for Developers1,353
, ,
Collaboration, the Future of CSS, Sass, and the Web With Miriam Suzanne (mia/sch)1,352
, , , , ,
Does Serverless Still Matter?1,351
, ,
A Practical Guide Against Barrel Files for Library Authors1,350
, , ,
World Wide Accessibility—Benefits of Standardization (cer)1,349
, , ,
Upgrading to Eleventy v3 (mxb)1,348
Semantic Code in HTML: What Is It and Does It Still Matter? (boa)1,347
, , , , ,
Transition to “height: auto;” and “display: none;” Using Pure CSS (zor/css)1,346
, ,
es-toolkit1,345
,
Single CSS Keyframe Tricks Are Magic (arg)1,344
, , ,
Facilitating Diversity and Inclusion in Scrum Teams1,343
, ,
Flow Charts With CSS Anchor Positioning1,342
, , ,
Strategies for Effective Urgent Ticket Classification1,341
, , ,
The Gap (sha)1,340
,
Nesting/Overriding Properties in CSS (chr/fro)1,339
,
htmx: Simplicity in an Age of Complicated Solutions1,338
,
Live Types in a TypeScript Monorepo1,337
,
How to Classify Your Design System—a Framework (hs/uxd)1,336
,
Frontend Dogma on the Web (fro)1,335
,
Engineering for Slow Internet1,334
,
CSS in Depth, Second Edition (kei)1,333
,
Applying the Four Principles of Accessibility (ada)1,332
, ,
How to Make a CSS Timer (pre/fro)1,331
,
What to Know About the Open Versus Closed Software Debate (nyt)1,330
,
Data Fetching Patterns in Single-Page Applications (mfo)1,329
, ,
Why We Don’t Have a Laravel for JavaScript… Yet1,328
,
The Linear Method: Opinionated Software (fig)1,327
, ,
The Different Ways to Build a Resilient Website or Web App (cfe)1,326
,
Responsive Video Works Now—These Features Could Make It Work Better (sco)1,325
, , ,
New to the Web Platform in May (rac/dev)1,324
, , , , , , , ,
Generics in TypeScript (fro)1,323
,
Decision Trees for UI Components (vit/sma)1,322
, ,
Building Tech That Respects Our Rights (lau/btc)1,321
, , ,
10 Modern Node.js Runtime Features to Start Using in 2024 (lir/sny)1,320
Angular Basics: The Course1,319
, ,
An Even Faster Microsoft Edge1,318
, ,
What’s New in Angular 181,317
Creating an Accessible Toggle Switch in Tailwind CSS1,316
, ,
Typographer vs. Accessibility (btc)1,315
, ,
Your Site or App Should Work as Much as Possible Without JavaScript (cfe)1,314
, ,
Why Is Kubernetes Debugging So Problematic? (deb)1,313
,
The Era of Platform Primitives Is Finally Here (ati/sma)1,312
,
SSL for Localhost Takes 5 Seconds Now1,311
, ,
My Approach to Alt Text (aar)1,310
, , , ,
Inside Bluesky’s Engineering Culture (ger+)1,309
, ,
How to Assess Your Skill Level Before Contributing to Open Source (bek/ope)1,308
, ,
Centering Content Vertically With One Line of CSS (ami)1,307
, , ,
Lazy Load Components in Nuxt to Improve Performance1,306
, , ,
How Can OKRs Empower the Scrum Teams?1,305
, , ,
3 Essential Design Trends, June 2024 (web)1,304
,
Progressively Enhanced Popover Toggletips (mic)1,303
, , ,
How to Deploy Your Own Website on AWS1,302
, ,
WP21 (pho)1,301
What We Can Learn From the Guy Who Regrets Making Pop-Up Ads (bet/uxd)1,300
, ,
Here’s What We Learned From the First “State of HTML” Survey (sac/fro)1,299
,
Alt Left (ste)1,298
, , , ,
Old Dogs, New CSS Tricks (mxb)1,297
Node.js Performance Hooks: Mastering the Mental Model (pav)1,296
, ,
Masonry and Reading Order (rac)1,295
, ,
Fast Ways to Estimate Capacity (cwo)1,294
,
A Little DevTools Snippet to Check Broken Links on a Webpage (ami)1,293
, , , ,
Want Out of React Complexity? Try Vue’s Progressive Framework (ric/the)1,292
, , ,
Understanding Organizational Capacity: Why It Matters in OKR Practice (cwo)1,291
, , , ,
The Long Path of JavaScript—from ES6 Until Today1,290
, ,
No More Pixel Rounding Issues (css)1,289
, ,
New Magic for Animations in CSS (chs)1,288
,
Switching It Up With HTML’s Latest Control (sma)1,287
,
Why, After 6 Years, I’m Over GraphQL1,286
,
Reducing Code Review Time at Google1,285
, , , ,
Design Systems vs. Style Guides1,284
, , , , , ,
Multipage Version (wil)1,283
,
JSR: The JavaScript Package Registry We’ve Been Waiting For1,282
,
Consensus in Internet Standards (mno)1,281
, , ,
Building an Instinct for Metrics (cwo)1,280
A Complete Guide for Adding Captions to YouTube Videos (pop)1,279
, , , ,
Two Important AI Developments Affecting Accessibility1,278
, ,
HTML Tags You Might Not Know About1,277
Animating the Dialog Element (fro)1,276
, ,
Predictors of Postsecondary Web Accessibility, 2012 to 20221,275
, , ,
Astro 4.9 (blu+)1,274
,
Storybook 8.1 (shi)1,273
,
Why Do We Celebrate Incompetent Leaders?1,272
,
Notes on Implementing Dark Mode1,271
, ,
uBlock Origin: Let’s Read the Code! (ant)1,270
,
Kawaii Computing: What VTubers Can Teach Us About Design (uxd)1,269
, ,
Did We Fail to Develop the Next Generation of Designers? (uxd)1,268
, , ,
Best Practices for Naming Design Tokens, Components, Variables, and More (sma)1,267
, , , ,
What AI Can Do for (and to) Web Accessibility (ons/tpg)1,266
, ,
Speeding Up File Load Times, One Page at a Time (fig)1,265
,
DOJ ADA Title II: Small Government WCAG Accessibility Guide1,264
, , , ,
Why Are There No Mobile Accessibility Guidelines in WCAG?1,263
, ,
When Should We Use Components and When Should We Just Use HTML? (chr)1,262
, ,
Webmentions in Astro (for Blog Posts) (stv)1,261
,
Using Footnotes (mfo)1,260
, ,
Release Notes for Safari Technology Preview 195 (jon/web)1,259
, , ,
Popover Element Entry and Exit Animations in a Few Lines of CSS (paw)1,258
, ,
Not So Short Note on “aria-label” Usage—Big Table Edition (ste)1,257
, , ,
Modern CSS Layouts: You Might Not Need a Framework for That (uti/sma)1,256
, ,
Danger! Preventing Zoom From Changing Text Size (chr/fro)1,255
, ,
Angular v18 Is Now Available! (mge/ang)1,254
,
We Need to Talk More About Conformance, if We Want to Stop Fantasy HTML (j9t)1,253
, , ,
CSS Specificity for WordPress 6.6 (wor)1,252
, , , ,
Growth or Scale?1,251
,
State of Frontend 2024 Survey1,250
We’ve Got Container Queries Now, But Are We Actually Using Them? (chr/fro)1,249
,
Test-Driving HTML Templates (xpm/mfo)1,248
, , , ,
Not Always Mobile First (css)1,247
, , , ,
Introducing JSR (den)1,246
, ,
I Need Your Help to Make 11ty Fully Independent and Sustainable in 2024 (zac)1,245
Hidden vs. Disabled in UX (vit/sma)1,244
, ,
Here’s What We’re Working on in Firefox (moz)1,243
, ,
“contrast-color()” Is a Good Thing, but Also Solving the Problem at the Wrong Layer (eri)1,242
, , , ,
A Primer on JavaScript Proxies (cfe)1,241
,
UI Density1,240
, ,
The Art of Not Being So Freaking Pushy (uxd)1,239
, , ,
Crafting Seamless User Experiences: A UX-Driven Approach to Log Monitoring and Observability (uxm)1,238
, , ,
CSS “:has()”, the God Selector (bru)1,237
,
Process1,236
CodeFlattener1,235
, ,
Web Content Has a Maintenance Problem (ger)1,234
, , , ,
“<style>”: Inline Optimizations for the Bold (mor)1,233
, , ,
Stop Resizing Your Browser: Improve Testing for Responsiveness (jen)1,232
, ,
A JavaScript Developer Tries Go for the First Time1,231
,
Visual Design: Glossary1,230
,
WAI–ARIA: “role=deletion”1,229
,
Turn Off Google AI Overview—Set “Web” as Default1,228
, , ,
WAI–ARIA: “role=strong”1,227
,
Weighing in on CSS Masonry (kei)1,226
, ,
The Future of 11ty (zac/ele)1,225
, ,
On Which Side Do We Put the Primary Button? (mar/uxd)1,224
, ,
On Compliance vs. Readability: Generating Text Colors With CSS (lea)1,223
, , , , ,
Cloning Queries in Laravel (ami)1,222
,
Navigating the JavaScript Framework Ecosystem (add/dev)1,221
, ,
Rethinking Text Resizing on Web (bas)1,220
,
CSS Container Queries in Practice (mia/odd)1,219
, ,
What You Need to Know About Third-Party Cookie Deprecation (dev)1,218
, , , , ,
Comprehensive Guide to JavaScript Performance Analysis Using Chrome DevTools1,217
, , , , , , ,
W3C Unveils 174 New Outcomes for WCAG 3.0 (deq)1,216
, , ,
Automate Browser Testing With Tools and Best Practices From Chrome (dev)1,215
, , , , , , ,
ADA Title II and You1,214
, , ,
The WCAG 3 Working Draft Update Is Ready for Your Review (w3c)1,213
, ,
What’s New in the Web (rac/dev)1,212
,
What’s New in Angular (mge+/dev)1,211
,
The Latest in Web UI (una/dev)1,210
, , , ,
New Field Insights for Debugging INP (mal/dev)1,209
, ,
Ignore and Acknowledge “class” Attribute on Elements in CSS (ami)1,208
, ,
From Fast Loading to Instant Loading (tun/dev)1,207
, ,
CSS3? Pfff—Get Ready for CSS6! (jar/van)1,206
,
CSS… 5? (chr/fro)1,205
,
Beyond CSS Media Queries (mon/sma)1,204
, , , ,
Merging Remix and React Router1,203
,
It’s Time to Upgrade From “Hard-Working” to “Highly Efficient” (uxd)1,202
, ,
JavaScript Security: Simple Practices to Secure Your Frontend1,201
, , ,
Dynamic GitHub Profile With Bun and TypeScript1,200
, , ,
Prefetching When Server Loading Won’t Do (fro)1,199
, , ,
Transforming the Relationship Between Designers and Developers (sma)1,198
, ,
React Compiler (rea)1,197
,
Baseline Progressive Enhancement (ada)1,196
, , ,
Google’s Broken Link to the Web1,195
, , ,
Stop Moving Fast and Breaking Everything (uxd)1,194
, , ,
Why Designers Aren’t Understood (vit/sma)1,193
, , ,
Web Platform Status (dev)1,192
, , , ,
The CSS Stepped Value Math Functions Are Now in Baseline 2024 (rac/dev)1,191
, , , , ,
New in Chrome 125 (tro/dev)1,190
, , ,
ECMAScript Proposal: “Promise.withResolvers()” (rau)1,189
,
Dark Mode and Accessibility Myth (ste)1,188
, ,
Built-In AI (kbx+/dev)1,187
, , , ,
10 Updates From Google I/O 2024: Unlocking the Power of AI for Every Web Developer (pau/dev)1,186
, ,