💡 CSS Tip! Get the scroll progress of the... page as a CSS variable using a few lines of code ✅ Powered by Scroll driven animations ✅ Defined at the root level ✅ Typed using @​property ✅ You can easily use it within any formula CodePen.IO demo in the reply 👇show more

💡 CSS Tip! Do you know that One-Time password... field? You can create it using only one input and a few lines of CSS. The HTML: <input type="text" maxlength="6"> Code & Demo: You can control the number of characters by adjusting the maxlength attribute.show more

🎮 New CSS Game! What about a CSS game... that you can play with your keyboard? No, it's not a joke but a reality! Play "Super CSS Mario", the first CSS-Only game playable using your keyboard. CodePen.IO demo in the next tweet 👇 0% JavaScript - 100% CSS Magic! Have fun🤩show more

A little sneak peek into one of many animations... done for a new project Last9. 🙈 → The motion is in sync with the scroll progress. Created using SCSS and a little bit Svelte magic to control the CSS Variables.show more

💡 CSS Tip! Two circles, one arrow, and CSS... magic. 🪄 A cool demo packed with modern features (anchor positioning, attr(), container queries, shape(), and more!) 🤩 The shape and position of the arrow are fully controlled using CSS.show more

Pretty amazing that we can now implement swipeable Tabs... with native CSS. Updating the React Aria demo I made a few years ago to use native scroll snapping, scroll timeline, and anchor positioning instead of Framer Motion. Feels smooooooth! 🎉show more

kinda wild how far you can get with CSS... alone a scroll animation tied to the content scroll powers the percentage update + icon animation interpolate-size provides a way to transition the popover between button size and content size using starting-style 🤙show more

Quick demo of this CSS-driven configuration coming in Tailwind... CSS v4 — creating a new `font-comic` utility by just creating a new CSS variable under our new `@​theme` directive. No JS configuration file, all the same theme customization flexibility 🤩show more

It's cool. But the issue is that the result... is arguably too much code from using "no code" 🙃 It could be a basic <ul> with CSS scroll-snap. Then the buttons use JavaScript's Element.scrollIntoView 🤙 Instead, it's <div>s, JS powered animation, and not a <button> in sight 🫠show more

Reanimated 4.3.0 is out with a lot of exciting... features! 🚀 ✦ CSS animations for SVG components – animate vector graphics with just a few lines of code ✦ Shared Values on multiple threads at once – easily control animations in apps that already have a lot of multithreaded code And that's not all – check out the full release notes! ⬇️show more

💡 Do you know about the `clip` value? In... CSS, we can clip a container along a single axis by using the `clip` value. Learn more in this interactive article about the `clip` value:show more

The new Honor Robot Phone is here! ✅ It... can track objects around you and interact with it ✅ It can dance to your songs ✅ It automatically recognises the best framing for your photos ✅ The camera has 3-axis gimbal stabilisation (4DoF Gimbal System) ✅ AI-powered all-angle video calling Best of all, Honor aims to sell this phone in China by the second-half of 2026! So, it is more than just a concept at the end of the day.show more

What if I will tell you how we could... solve fit-to-width text with pure CSS without any hardcoded parameters? Curiously, scroll-driven animations will allow us to do just that! I wrote a new article where I continue exploring the experimental implementations of the latest specs.show more

We broke down the funnel of a $10B DTC... Fashion Brand. ✅ Ads ✅ Homepage ✅ Collection Page ✅ Product Page ✅ Cart ✅ Checkout ✅ Mega menu Want the full funnel breakdown? Like + comment "CRO" and I'll DM it to you. Repost for priority access. (MUST BE FOLLOWING ME so I can DM it to you!)show more

🤩 I just learned a super cool trick! Do... you know how sometimes you want to record while you scroll on a website, like for a demo or something... But by using the mouse to scroll it turns out to be kinda janky and it doesn't look very good? No? Just me? 🤭 Well, I found out that if you paste this code in the console of your browser: ` setInterval(() => window.scrollBy(0, 4), 16); ` You can make the browser automatically scroll for you! And it looks super cool in the recording! 😎show more

💡CSS techniques: "The Backlight" Using a blur filter you... can create an elegant backlight (or a "smart shadow") effect for your images. In a pseudo-element: 1⃣ `inherit` a background 2️⃣ blur it 3⃣ put it behind the main element using z-index Here's how it works:show more

Happy new year from all of us here at... zaza delivery! We appreciate every one of you guys and girls for the continued support! 2025 is going to be a crazy year for the zaza delivery family! 🙏🙏 using code x30 at checkout ✅✅show more

PREVIEW: I was invited to a press preview of... Assassin’s Creed Black Flag Resynced in Paris, back in April, as I previously mentioned, and I played ~3 hours🚀 Here are my impressions: 🎞️Visuals & Performance: being a remake, the visuals are quite well upgraded, making the most of modern tech and the beauty of the setting, creating a breathtaking atmosphere ✅Stunning environment ✅Dreamy natural beauty & grounded world ✅Photorealistic character models ✅Smooth animations ✅Sharp resolution ✅Runs at 60fps 🕹️Gameplay & Upgrades: The game is a faithful remake, with new gameplay systems, along with enhancements to the original formula ✅New gameplay systems ✅Faithfulness is the main priority ✅Enhanced parkour (still faithful) ✅Manual jumps and side ejects ✅Seamless exploration of cities ✅Zip-lines added ✅Dynamic weather ✅Brand new content expanding narrative ✅Quests with new secrets ✅Original modern day replace with rifts ✅Rifts explore “what if” scenarios ✅6 hours of extra gameplay ✅3 new recruitable officers ✅New storylines for the new officers ✅New chapter to play as Robert Mena ✅Extended endings for iconic characters ✅Hideout side quests ✅New collectibles ✅Forts modernized with new content ✅New voice lines for activities ✅New islands with rewarding secrets ✅New world moments ✅New content for the hideout ✅History of the villa explored ✅Heated shots new naval weapon in seq 3 ✅Explosive fire barrels w/wider effect ✅Swivel gun can now be manually aimed ✅Rebuilt combat system rewarding to skill ✅No skill trees, all unlocks from the start ✅Enemies now have defense meter ✅Meter is depleted with a perfect parry ✅New perfect parry depends on weapon ✅Heavy strike (high damage/wide area) ✅Shove to wall/ground > new take downs ✅Stealth inspired by Shadows ✅Crouch option added ✅Visibility affected by day/night & weather ✅Whistle/breaking things blow your cover ✅Rope dart unlocks in sequence 3 ✅Ambient dialogue leads to new quests ✅Raise and lower your hood option The new enhancements make the game far more entertaining compared to the original, except for one controversial change of bit having Hidden Blade combat, except in stealth assassinations/take downs Everything else effectively elevates the original design and makes gameplay either feel just as good, or more refined 🧬Changes: with this remake comes a few elements that were removed from the original, which may upset some players ✅Menus have been revamped and they don’t feature the DNA sequence tracker ✅Difficulty can be tailored with much more detail from the menu ✅Switch between and choose your favorite Sea Shanties to be performed by your crew ✅No hidden blade combat. The Hidden Blade is mainly used for stealth take-downs ✅No present day segments. I was informed that it will be replaced with new moments that explore Edward’s past with his wife, along with some “what if” scenarios like Edward siding with the Templars, for example, likely related to Juno’s involvement in the original narrative 📜Thoughts: While the demo I played featured only a portion of the map, Resynced has potential to replace the original as the definitive experience of Edward Kenway’s story I also wasn’t able to experience any of Rifts that replace the modern day, so for me, as a fan of the series’ lore and present day since 2007, the absence of a traditional modern day is the only let down that prevents me from fully replacing the original with it, as present day and sci-do elements are the DNA of the franchise and what makes it stand out It would also be great if mission replay is added later, a feature the OG had by default, like its predecessors That said, everything else very much elevated what was in the original, which made going back to replay it show how dated it feels by comparison I look forward to the final game, and to see future games inherit this formula of a defined protagonist, focused progression and no RPG elements😎show more

you can create a CSS only carousel with CSS... `𝚜𝚌𝚛𝚘𝚕𝚕-𝚜𝚗𝚊𝚙` .𝚜𝚌𝚛𝚘𝚕𝚕𝚎𝚛 { 𝚘𝚟𝚎𝚛𝚏𝚕𝚘𝚠-𝚡: 𝚊𝚞𝚝𝚘; 𝚜𝚌𝚛𝚘𝚕𝚕-𝚜𝚗𝚊𝚙-𝚝𝚢𝚙𝚎: 𝚡 𝚖𝚊𝚗𝚍𝚊𝚝𝚘𝚛𝚢; 𝚜𝚌𝚛𝚘𝚕𝚕-𝚙𝚊𝚍𝚍𝚒𝚗𝚐-𝚒𝚗𝚕𝚒𝚗𝚎: 𝟷.𝟻𝚛𝚎𝚖; /* 𝚖𝚊𝚝𝚌𝚑𝚎𝚜 𝚢𝚘𝚞𝚛 𝚜𝚌𝚛𝚘𝚕𝚕-𝚙𝚕/𝚙𝚛 */ } .𝚌𝚊𝚛𝚍 { 𝚜𝚌𝚛𝚘𝚕𝚕-𝚜𝚗𝚊𝚙-𝚊𝚕𝚒𝚐𝚗: 𝚌𝚎𝚗𝚝𝚎𝚛; 𝚏𝚕𝚎𝚡-𝚜𝚑𝚛𝚒𝚗𝚔: 𝟶; } When you scroll, it snaps exactly in the center of the card Super fun to use, easy to implement, no javascript requiredshow more