Mastodawn

#Development #Techniques
Eliminating the MCP token costs in Claude · How to enable on-demand loading for MCP https://ilo.im/16c4vc

_____
#Programming #Coding #AI #ClaudeCode #Tokens #MCP #DevOps #WebDev #Frontend #Backend

Eliminating MCP Token Costs in Claude

MCP tools can quietly consume 10k+ tokens per request even when unused. Here's how to enable lazy loading in Claude Code to cut that cost to zero.

Inautilo 2d ago

#Development #Techniques
The radio state machine · Turning radio inputs into pure CSS state engines https://ilo.im/16c62c

_____
#States #StateEngines #CustomProperties #Forms #Buttons #Accessibility #WebDev #Frontend #HTML #CSS

The Radio State Machine | CSS-Tricks

One of the best-known examples of CSS state management is the checkbox hack. What if we want a component to be in one of three, four, or seven modes? That is where the Radio State Machine comes in.

CSS-Tricks

Mr. Knowledge 3d ago

Transformez vos rêves sonores en réalité avec Hesham Nebr Transformez vos rêves sonores en réalité avec Hesham Nebr Transformez vos rêves sonores en réalité avec "Fondateur du son : devenez un architecte du son" par Hesham Nebr ! Découvrez des techniques de pointe pour optimiser votre site web, améliorer l'expérience utilisateur et intégrer les médias sociaux avec style. Ne manquez pas cette opportunité d'élever votre art sonore ! #SEO #Ebook #Son #Techniques #SiteWeb #Optimisation #Engagemen...

Inautilo 3d ago

#Development #Techniques
Pushing to GitHub and Codeberg · How to configure Git to push to both remotes https://ilo.im/16c4j9

_____
#Git #Codeberg #GitHub #Repositories #SSH #DevOps #WebDev #Frontend #Backend

Pushing to GitHub and Codeberg Simultaneously with Git

Learn how to configure Git to push your code to both GitHub and Codeberg with a single command, including SSH key setup and a handy shell alias for branch-specific control.

Scripting on Caffeine

Inautilo 3d ago

#Development #Techniques
Squash and stretch · The little secret that makes animations feel alive https://ilo.im/16c4zv

_____
#Arrows #Animations #Transitions #Design #WebDesign #WebDev #Frontend #SVG #CSS #JavaScript

Squash and Stretch • Josh W. Comeau

Have you ever heard of Disney’s 12 Basic Principles of Animation? In this tutorial, we’ll explore how we can use the very first principle to create SVG micro-interactions that feel way more natural and believable. It’s one of those small things that has a big impact.

Inautilo 4d ago

#Development #Techniques
Making complex CSS shapes with shape() · Wavy, wiggly, blob, squiggly, ragged, and torn ones https://ilo.im/16bvpt

_____
#ModernCSS #Generators #Shapes #Curves #Animation #WebDev #Frontend #CSS

Making Complex CSS Shapes Using shape() | CSS-Tricks

Creating rectangles, circles, and rounded rectangles is the basic of CSS. Creating more complex CSS shapes such as triangles, hexagons, stars, hearts, etc. is more challenging but still a simple task if we rely on modern features.

CSS-Tricks