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

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

💡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

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

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

📝 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

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

Offside according to yesterdays linesman, one of a number... of questionable decisions. How can you get this that badly wrong 🤯🤯show more

More of a fun fact than a tip but... you can kill those pesky sentries on the towers using focus light to set the towers on fire 🔥show more

#RiseoftheRonin Weapons: Katana By freely combining these based on... enemies' weapons and your own combat style, you can enjoy a wide range of tactics. Introducing the actions and techniques of the "katana" and its combat styles, "Mumyo-ryu" and "Hokushin Itto-ryu."show more

a well-known iOS Safari quirk is that inputs with... a font-size <16px trigger an auto-zoom on focus using 16px is probably the best solution, but it can feel a bit heavy in tight UIs a clever workaround is to keep the font-size at 16px and scale the input down with CSS!show more

3d world abilities of AI models keep getting better,... this is @Kling_AI 1.5 It can move around a space in 3d and you can steer its camera movements All based on a single input imageshow more

It’s our 25th birthday and we want to celebrate... with you. Do you really know what you can get from our eBucks partners? Find at least one keyword, then 𝗥𝗘𝗣𝗟𝗬 using our hashtag LoveFNB, and stand a chance to win a Prize up to the value of R1k!show more

Our fourteen-year-old work is out in Nature Metabolism! Using... zinc dye to image hundreds of insulin secretions within the intact islet, we reveal only a portion of islet b-cells exocytosis upon glucose stimulation (readily releasable b-cells).show more

Dhalia also has a new Break Trigger: Briar Rose.... Dhalia fires two shots and depending on your input, you can cause the second shot to explode either on contact or after a set amount of time passes. #indiegame #indiedev #fightinggames #FGC #animation #gamedevshow more

366 is the channel number on DSTV,you can not... afford to miss on any of our pragrams 🤗🥳Tayari West TV DStv Ugandashow more