quick breakdown of how to use `offset-path` css prop... to build a fancy marquee/carousel that follows any svg pathshow more

alrighty! marquee along path component is live on fancy!... w/ a bunch of customizations: - scroll based velocity - draggable - slowdown on hover - custom easing - mapping any CSS prop from start to end - docs on how it's built! source code & link in comments↴show more

Want a deep dive into your Wi-Fi? 📶 Use... the command netsh wlan show wlanreport to generate a "super fancy" wireless report about your connection. Just copy the file path provided, paste it into your browser, and explore a detailed breakdown of your wireless situationshow more

Meet the Draw SVG Page Transition Template. It animates... an <svg> path with a smooth draw effect, then wipes it away to reveal the next page. Replace the path with your own and experiment freely. Part of the Osmo Page Transition Course 🔗show more

UI && CSS Tip! 🚀 You can use View... Transitions to create that Radix by WorkOS style theme switcher 👀 ::view-transition-new(root) { animation: reveal;} keyframes reveal { 0% { clip-path: polygon(...);} /* Code 👇 */ } Animate clip-path between modes 😍 CodePen.IO link below! 👇show more

Offset vector paths now available in Figma Draw. You... can now take any flattened vector path and offset it to expand or retract it. It even lets you round out those sharp edges.show more

In Firefox DevTools you can use a visual editor... to adjust CSS clip-path of an element! Love such small features, just like the visual controls for flexbox and grid in Chrome DevTools 🔥show more

💡CSS Tip! Create a tooltip that follows an anchor... with modern CSS! No JavaScript is used to control the position of the tooltip or its tail. It's 100% CSS magic!show more

🔲♦️ Used path animation + Time displacement to make... a reactive deformation and bring an impossible shape to life. breakdown ↓👀show more

Jesus Christ showed you how to live your life... if you want to reach the Kingdom of God, and believing in Jesus means believing that His path is righteous and choosing to walk that path, not just saying that you believe in Him...show more

You really want to enter that kind of path?😏

If you’re feeling lost, build something. Build a business.... Build your body. Build a real skill. Build anything that forces you to learn and pulls your focus forward. Don’t waste time trying to pick the perfect thing. Don’t sit around worrying about how tough it’ll be. Just start moving. The right path has a way of finding you once you’re in motion. 💯💖🪄show more

an alternative approach to console animation that doesn't hijack... the console 1. inline CSS animation into an SVG 2. style console message with background-image 3. use SVG as the background-image 🚀 console​.info( "%ccome cook", "background-image: url(/animated.svg);" )show more

Path of a junior employee to senior manager 💀

hear me out you don’t need js to create... a marquee animation just a couple of lines of css and duplicated children with `aria-hidden`show more

Here is a showcase of two plugins that will... be available in our next client update. Tile Packs & Shortest path! Shortest path features a breadcrumb trail that we are sure is familiar to some of you!show more

Custom app icon chooser in Finma - A live... preview mimicking the dock - Preview changes according to the icon variant - Follows a curved animation pathshow more

"The path that leads to truth is littered with... the bodies of the ignorant." - Miyamoto Musashi Will you walk the Path, or lie upon it?show more