正在加载视频...

视频加载失败

加载此视频时出现问题。这可能是由于临时网络问题，或视频可能不可用。

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 次观看 • 1 个月前 •via X (Twitter)

Anya Rossi• Live Now

Private livecam show

0 条评论

暂无评论

原始帖子的评论将显示在这里

相关视频

💡 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 次观看 • 1 年前

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 次观看 • 10 天前

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 次观看 • 1 年前

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 次观看 • 3 年前

✍️ 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 次观看 • 1 个月前

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 次观看 • 1 年前

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 次观看 • 1 年前

💡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 次观看 • 9 个月前

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 次观看 • 5 个月前

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 次观看 • 25 天前

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 次观看 • 6 个月前

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 次观看 • 1 年前

(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 次观看 • 3 年前

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 次观看 • 1 年前

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 次观看 • 22 天前

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 次观看 • 1 年前

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 次观看 • 9 个月前

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 次观看 • 2 年前

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 次观看 • 1 年前

💡 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 次观看 • 6 个月前