Video yükleniyor...

Video Yüklenemedi

Ana Sayfaya Dön

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

gabriell_lab's profile picture

Gabriel

6,592 subscribers

84,587 görüntüleme • 1 ay önce •via X (Twitter)

Bilim & Teknoloji
LIVE

Anya Rossi• Live Now

Private livecam show

0 Yorum

Yorum bulunmuyor

Orijinal gönderinin yorumları burada görünecek

Benzer Videolar

💡 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
0:13

💡 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 görüntüleme • 1 yıl önce

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👇
0:12

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 görüntüleme • 1 yıl önce

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
0:20

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,438 görüntüleme • 3 yıl önce

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

✍️ 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 görüntüleme • 1 ay önce

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:
0:11

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 görüntüleme • 1 yıl önce

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
0:13

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 görüntüleme • 1 yıl önce

💡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!
0:16

💡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 görüntüleme • 8 ay önce

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.
0:12

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 görüntüleme • 5 ay önce

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)
0:11

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 görüntüleme • 6 ay önce

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

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

100,994 görüntüleme • 17 gün önce

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

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 görüntüleme • 1 yıl önce

(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.
0:17

(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 görüntüleme • 3 yıl önce

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!
0:17

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 görüntüleme • 1 yıl önce

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.
0:10

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 görüntüleme • 14 gün önce

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

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

JohnPhamous

29,683 görüntüleme • 9 ay önce

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 🤙
0:17

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 görüntüleme • 1 yıl önce

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
0:15

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,770 görüntüleme • 2 yıl önce

Create this layout using nested css grids and media queries 💪
0:14

Create this layout using nested css grids and media queries 💪

David Mráz

14,283 görüntüleme • 1 yıl önce

💡 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.
0:19

💡 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 görüntüleme • 6 ay önce

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 #DeluxeEdition
0:20

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 #DeluxeEdition

Assassin's Creed

314,548 görüntüleme • 1 yıl önce