Tip: *only* using CSS you can apply styles to... a number input conditionally depending on whether its value is within our out of range 🤯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

Tailwind CSS Tip ✨ You can create a floating... input form with Tailwind CSS using ":placeholder-shown" pseudo class. Live Demo & Code 👇 (8/30) follow for 22 more tips 🔔show more

💡 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

Tailwind CSS Tip (24/30) ✨ You can create a... transparent text effect in Tailwind CSS using (•••••••••••) Guess the CSS Property. You can use this Play Link as a starter: Answer will be shared later today 😉show more

1/ Today, Veo 2, our state-of-the-art video model, is... rolling out to Gemini Advanced + Whisk! You can create 8s, high-res videos from text prompts in Google Gemini with fluid character movement + lifelike scenes across a range of styles. Tip: the more detailed your description, the better.show more

Quick tip everyone using Tailwind CSS You can easily... create your brand's color palette with Pro tip: hit space to cycle through colors ✨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

Complex UI: New web APIs in disguise 🥸 These... balance sliders are basic input [type=range] with labels and some extra elements The magic comes from using a scroll animation on the range thumb and using it to drive a custom property that updates styles on the visuals ✨show more

💡 DevTools tip: You can make your console.log stand... out by adding some CSS to it! 🎨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

Tailwind CSS Tip ✨ You can create some cool... looking loaders and spinners using Tailwind CSS. Thanks to Tailscan for Tailwind CSS for the inspiration. Demo & Code 👇 (14/30) follow for 16 more tips 🔔show more

In #Kotlin 1.9, instead of using the "until" infix... function to create a range that's exclusive on its upper bound, you can use the new open-ended range operator... or as I like to call it, the alligator operator.show more

Ok this is cool. Not only can one scroll... using the keyboard, it also lets you tap on elements on the screen depending on where they are located. (Left, right, centre) The Unihertz Titan 2 Elite is turning out to be very impressive.show more

My army of 800,000 is not negotiable - Zelensky... “Because I will ask NATO: “Do you want our army to number 500,000?” … It is surely obvious that NATO would have an interest in having a strong Ukrainian army within its ranks.” He is using the army size as bargaining tool to join NATO.show more

CSS Tip! ✨ Did you know you can animate... CSS Grid tracks? 👀 ul:is(:hover,:focus-within) {--active: 1;} ul { grid-template-columns: auto repeat(3, calc(10px + (var(--active) * 100px))); transition: all 0.2s; } Adjust layouts based on interaction! 😎 CodePen.IO link below! 👇show more

I made a version of this using only modern... CSS. 👀show more

📝 Solved by CSS Scroll-Driven Animations: hide a header... when scrolling down, show it again when scrolling up By adding a long transition-delay to a CSS property under certain conditions (with a Style Query), you can persist its value Demo by Fabrizio Calderanshow more

Actions just got a lot easier in moneybot. Need... to make a tweak? You can now make changes directly within cards. Our new version of action cards begin rolling out this week, only on Cash Appshow more

A couple of work in progress changes that will... go into the next beta: - Channel bar for better visual clarity - Melee channeled abilities allow movement within attack range of target - Channeled abilities can be cast when out of range A number of other changes under the hood!show more