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

💡 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

A 🔥 browser extension every CSS developer must have.... CSS Scan lets you extract the code for any CSS element of all the websites across the internet. Check out CSS Scan and click on the below link to get a 25% discount👇show more

Introducing the MG Comet EV, the no-nonsense car that... keeps it real. The car’s latest tech keeps you connected with your squad and has all the space for your fam. Experience the plush interiors, latest tech and futuristic design of the Comet EV! Bookings open now! #MGCometEVshow 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

Introducing the biggest content program in Web3 : The... Novastro Creator Program! Novastars have built our community through creativity and contributions. Now we’re giving back with a $100,000 $NOVAS reward pool. Create, share, and grow—your content drives the future of Novastro. Learn more and apply now:show more

1.Exclusive Content: Subscribers often get access to exclusive posts,... stories, and behind-the-scenes content that isn’t available to non-subscribers. This could include early access to new features, special events, or content tailored specifically for paying members. Interaction with Creators: Many social platforms, like Lemon Social, may offer subscribers the chance to engage more personally with creators through Q&A sessions, private messages, or even shoutouts, fostering a stronger community. 3.Ad-Free Experience: Subscription models often allow users to enjoy content without the interruption of ads, creating a more seamless and enjoyable browsing experience. Say hello to @Tawnnii and @iamjessashleeshow 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

Continuing the silliness in Claude Code. Keeping with the... Wireframe Design Studio theme and added these cyan grid/content indicators that snap to the content.show more

Probably the most annoying thing for me in animations... / scrollable content is how easy it is to just clip the content. Even if there is no border around to clip it with, adding masks is a one-liner in css now. (slowed down transition)show more

Jooyeon to appear in a content featuring the online... game League of Legends called “LoL 캠퍼스 (LoL Campus)”. They are together with LoL e-sport gamers and seem to be letting them experience everything about LoL gaming. #XdinaryHeroes #엑스디너리히어로즈show more

(1/2) Introducing the dynamic and sporty Tata CURVV; With... an elegant design combining toughness and durability of an SUV with the sleek design of a coupe. Visit to know more.show more

Today we’re releasing an early version of a new... feature called Tip Cards. We built Tip Cards after seeing people all over the world tipping each other with Cash Links for their contributions online eg. posting good content, responding to questions, moderating group chats, and many others. Tip Cards simplify this experience by enabling every Code user to create their own personalized Tip Card and accept tips from anyone in the world. To create your Tip Card, simply connect your Twitter/X account in the Code app and your personalized Tip Card will be instantly generated for you. You can then share it as a link or get someone to scan it. (Video below of how to create your Tip Card) We’re rolling out this early version of Tip Cards to get feedback on this new payment type and test the Twitter APIs at scale. We plan to add more features to the tipping experience as we go, so your feedback is appreciated. Please try it out and let us know what you think. If you post your Tip Card and tag Code we’ll send you a tip!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

guidelines for building interfaces on the web interactions, animations,... layout, content, forms, performance, design & copywriting includes an AGENTS​.mdshow more

Create this layout using nested css grids and media... queries 💪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

Introducing the itel S24: Capturing every detail with its... 108MP camera and turning heads with its sleek design. Get ready to experience excellence with itelshow more

Get more of AC Shadows with the Deluxe! Unlock... content and enhance your game experience. Pre-order now and get the upcoming 'Claws of Awaji' expansion with over 10 hours of additional content. #AssassinsCreedShadows #DeluxeEditionshow more

Introducing Motion-Primitives: a collection of reusable animated components built... with Framer Motion and Tailwind CSS.show more

I’ve seen a handful of apps using progressive blurs... to transition content off-screen or behind elements and they often end up looking messy and making the exiting content a focal point. One way you can avoid this and still make a nice transition is to reduce the max blur radius, and combine it with a gradient fade-out.show more