Master.dev (Formerly Frontend Masters)

@frontendmasters.com

Master AI & Full Stack Development. Frontend, backend, and everything between. → https://master.dev/?utm_source=bluesky&utm_medium=social_profile&utm_campaign=x_profile

Managing Anchor Associations With Data Attributes and Advanced attr() There is no `anchor` attribute in HTML, it was decided CSS `anchor-name` / `position-anchor` was the way to go. But modern CSS functions can get us there anyway.

Managing Anchor Associations With Data Attributes and Advanced attr()

There is no `anchor` attribute in HTML, it was decided CSS `anchor-name` / `position-anchor` was the way to go. But modern CSS functions can get us there anyway.

frontendmasters.com

We partnered with Anthropic to release our Claude Code course free for everyone. No subscription required! Lydia Hallie teaches you the agentic loop. CLAUDE .md. Skills. Hooks. Subagents. Agent teams. 🧑‍💻 Learn Claude Code, free: frontendmasters.com/courses/clau...

Free Claude Code course!

Learn Claude Code for free! Customize Claude Code for your codebase. Build reusable skills tailored to your processes and wire up hooks so Claude behaves consistently across the whole team. Generate a...

frontendmasters.com

How to Control Infinite CSS Animations (Part 2 of 2) This time we get into very smooth starts and stops for infinite animations using CSS. One of the tricks is layering on a transition on top of an animation.

How to Control Infinite CSS Animations (Part 2 of 2)

This time we get into very smooth starts and stops for infinite animations using CSS. One of the tricks is layering on a transition on top of an animation.

frontendmasters.com

Callout UI with CSS Offset & Border We look at designing callout UI elements using CSS, incorporating leader lines and text boxes. It details setting up the HTML structure, utilizing CSS properties like offset-path and borders.

Callout UI with CSS Offset & Border

We look at designing callout UI elements using CSS, incorporating leader lines and text boxes. It details setting up the HTML structure, utilizing CSS properties like offset-path and borders.

frontendmasters.com

Animating Focus with View Transitions Let's try a fresh take on animating focus rings around a page. Flying focus, as it were. Only instead of measuring where elements are ourselves, we'll let View Transitions figure it out.

Animating Focus with View Transitions

Let's try a fresh take on animating focus rings around a page. Flying focus, as it were. Only instead of measuring where elements are ourselves, we'll let View Transitions figure it out.

frontendmasters.com

AI Amplifies Everything: A Team Lead’s Guide to AI-Assisted Development While AI for codegen is manageable, integrating AI into team workflows presents more challenges, such as maintaining quality long term and managing technical debt.

AI Amplifies Everything: A Team Lead’s Guide to AI-Assisted Development

While AI for codegen is manageable, integrating AI into team workflows presents more challenges, such as maintaining quality long term and managing technical debt.

frontendmasters.com