💡 2 CSS tips for textareas: 1️⃣ Use `field-sizing:... content` to make the textarea auto-resize to its content 2️⃣ Use `lh` units to set the height in the font's computed line-height unitsshow more

Design Engineering Tip Consider letting textareas grow with the... content instead of introducing nested scrolling. It often creates a smoother writing experience and keeps forms easier to scan. CSS: textarea { field-sizing: content; }show more

extra detail: animate a CSS custom property from 0... to 100 on scroll and use that for a counter() label::after { content: counter(complete) '% complete'; } translate the label using container query units ✨ translate: 0 calc(var(--p) * 1cqh);show more

Not uncommon to see checkbox implementations make use of... align-items: center which results in some awkward input positioning when the label text wraps. Instead you can make use of baseline which will align nicely across different line-height implementations.show more

gonna start measuring snow height in units of Corgi

one trick behind this demo 👇🎞️ .images { translate:... 0 calc(var(--active) * 1lh); } translate a container that holds the images with the line-height unit lean into CSS custom properties and use JavaScript to update the values 🤙show more

The reveal, height change, motion blur, selection... Was a... joy to build and still a joy to use.show more

Use Qwen Code to parse the PDF document into... markdown content, and then translate it. Follow us for more AI tips and updates!show more

don't know the size of a container in CSS?... container query units 🤝 translate a:hover .corner:nth-of-type(odd) { translate: 100cqi 0; } /* hover intent */ a:hover .corner { transition: translate 0.26s 0.12s; } adapts to content size 👇show more

We're transitioning into the height of Summer ☀️ Here's... some tips on how to get the most out of the season in #AssassinsCreedShadows. 🎨 Paint the legendary White Tanuki (only available in Summer). 🌊 Use bodies of water like ponds as camouflage. 🌿 More foliage to keep hidden.show more

✍️ New Article: Better fluid sizing with round() I... wrote about how CSS round() enhances the values you get from clamp() in sizing, typography, and spacing. Why it matters, and how to use it. 🔗show more

¡POR FIN podremos hacer esto con CSS! Cambiar el... tamaño de un textarea según su contenido. Es la nueva propiedad "form-sizing: content". Aquí te dejo una demostración:show more

Only a few days left to enter in the... Pixels Creator Contest. 1️⃣ Create content announcing Pixels coming to Ronin 🙌🏼 2️⃣ Reply to the original post below with your content 3️⃣ Submit the link to the "Pixels Creator Contest" quest on Moku HQshow more

"Someone should learn the correct use of height from... this baboon!"show more

CSS shape() is now Baseline Newly Available → The... shape() function allows you to create responsive, complex paths for layouts and animations using standard CSS units like %, rem, and calc().show more

cliff 🪨 - make stepped planes with sop -... use them for height map with triplanar #houdinishow more

The Colossus of Constantine, reconstructed in its full 12-metre... height, soon to go on display at the Capitoline Museums in Rome.show more

The ultimate group hug. Sperm whales are incredibly social... creatures that use touch and 'codas' (clicking sounds) to bond with their family units.show more

Adding infantry units, they unload from IFVs and can... use buildings to ambush tanks #gamedevshow more