Loading video...

Video Failed to Load

There was a problem loading this video. This could be due to a temporary network issue or the video might be unavailable.

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; }

Gabriel

7,075 subscribers

85,400 views • 1 month ago •via X (Twitter)

Science & Technology

Anya Rossi• Live Now

Private livecam show

0 Comments

No comments available

Comments from the original post will appear here

Related Videos

💡 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 units

💡 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 units

bolt.new

116,846 views • 1 year ago

Design Engineering Tip: One CSS property is responsible for most ugly expand animations. It’s height: auto. Replace it with: grid-template-rows: 0fr → 1fr;

Design Engineering Tip: One CSS property is responsible for most ugly expand animations. It’s height: auto. Replace it with: grid-template-rows: 0fr → 1fr;

Gabriel

104,365 views • 8 days ago

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👇

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👇

Shefali

29,340 views • 1 year ago

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! #MGCometEV

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! #MGCometEV

Morris Garages India

4,412,439 views • 3 years ago

✍️ 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. 🔗

✍️ 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. 🔗

Ahmad Shadeed

29,912 views • 1 month ago

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:

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:

Novastro | RWAfi

129,520 views • 1 year ago

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 @iamjessashlee

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 @iamjessashlee

Lemon Social Official

21,868 views • 1 year ago

💡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!

💡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!

CSS by T. Afif

57,924 views • 9 months ago

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.

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.

James McDonald

17,023 views • 5 months ago

introducing a new way to build with lovable instead of writing prompts, just draw directly on your app everyone is now a frontend developer

introducing a new way to build with lovable instead of writing prompts, just draw directly on your app everyone is now a frontend developer

emil

102,363 views • 23 days ago

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)

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)

Dima Belyaev

27,653 views • 6 months ago

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 #엑스디너리히어로즈

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 #엑스디너리히어로즈

쭈유

22,956 views • 1 year ago

(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.

(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.

Tata Motors Cars

62,292 views • 3 years ago

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!

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!

Code

68,537 views • 1 year ago

X is testing a new way to minimize videos and live streams while you use the app! 🔥 Instead of the classic floating PiP, tapping the button now opens a video dock, making scrolling way smoother.

X is testing a new way to minimize videos and live streams while you use the app! 🔥 Instead of the classic floating PiP, tapping the button now opens a video dock, making scrolling way smoother.

Iorel

13,900 views • 20 days ago

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 🤙

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 🤙

jhey ʕ•ᴥ•ʔ

120,785 views • 1 year ago

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

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

JohnPhamous

29,683 views • 9 months ago

Create this layout using nested css grids and media queries 💪

Create this layout using nested css grids and media queries 💪

David Mráz

14,283 views • 1 year ago

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

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

Doyin David ☀️

25,899 views • 2 years ago

💡 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.

💡 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.

CSS by T. Afif

82,668 views • 6 months ago