Video yükleniyor...

Video Yüklenemedi

Ana Sayfaya Dön

pleasantly surprised you can do fully justified text with just CSS! with `text-align: justify`, the last line stays aligned to the left but `text-align-last: justify` lets you justify the final line too, so the text forms a proper block pretty cool

nonzeroexitcode's profile picture

daniel petho

8,273 subscribers

14,808 görüntüleme • 18 gün önce •via X (Twitter)

LIVE

Anya Rossi• Live Now

Private livecam show

0 Yorum

Yorum bulunmuyor

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

Benzer Videolar

when aligning icons with text, you can set the height to 1lh it equals the element's line-height, so icons align perfectly
0:13

when aligning icons with text, you can set the height to 1lh it equals the element's line-height, so icons align perfectly

Ibelick

271,324 görüntüleme • 11 ay önce

✂️ Achieve optical balance with CSS text-box-trim → Chrome 133 lets you tailor the space above and below text, giving developers and designers more control over text layout and appearance.
0:10

✂️ Achieve optical balance with CSS text-box-trim → Chrome 133 lets you tailor the space above and below text, giving developers and designers more control over text layout and appearance.

Chrome for Developers

124,770 görüntüleme • 1 yıl önce

With iOS 26 in Messages, drag the text cursor as far left as you can to make the text field kiss its neighbour.
0:10

With iOS 26 in Messages, drag the text cursor as far left as you can to make the text field kiss its neighbour.

Benjamin Mayo

79,817 görüntüleme • 1 yıl önce

Did you know you can text chat with Grok Companions too? Just long tap the companion tile and select Text Chat, or simply tap the chat icon to start a conversation.
0:15

Did you know you can text chat with Grok Companions too? Just long tap the companion tile and select Text Chat, or simply tap the chat icon to start a conversation.

DogeDesigner

42,471 görüntüleme • 11 ay önce

Text-to-image diffusion transformer models learn to align text and image representations as a byproduct of their conditional denoising task. By taking the dot product between the text and image representations of a DiT model (like Flux 2), you can create rich saliency maps.
0:19

Text-to-image diffusion transformer models learn to align text and image representations as a byproduct of their conditional denoising task. By taking the dot product between the text and image representations of a DiT model (like Flux 2), you can create rich saliency maps.

Alec Helbling

94,195 görüntüleme • 9 ay önce

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

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.

Alex Carpenter

46,466 görüntüleme • 1 yıl önce

`scroll-padding-block` in a `textarea` so the text always has a gap with the bottom edge
0:14

`scroll-padding-block` in a `textarea` so the text always has a gap with the bottom edge

JohnPhamous

60,384 görüntüleme • 2 yıl önce

ok Twitter has some ridiculously good pointer handling behaviour re. tweets on the timeline you can click tweets to open them, but when you select text it doesn't open the tweet even thought you're pressing it with the mouse so you can, yknow, actually copy the text (1/N)
0:14

ok Twitter has some ridiculously good pointer handling behaviour re. tweets on the timeline you can click tweets to open them, but when you select text it doesn't open the tweet even thought you're pressing it with the mouse so you can, yknow, actually copy the text (1/N)

judah

15,327 görüntüleme • 2 ay önce

Save this for the next time your typography feels weird and you can’t explain why. Nine times out of ten, it’s line-height - the vertical space between lines of text that decides whether type feels confident or clumsy, readable or tiring. Headlines Compress them. ~1.05–1.25 is usually right. Headlines aren’t meant to be read carefully line by line. They’re meant to land as a shape. Tighter leading pulls words into a single visual block and makes the headline feel confident and intentional. One hard rule: ascenders and descenders should never touch. If your t’s and l’s are colliding with g’s and y’s, you’ve gone too far. Body text Do the opposite. Give it air. ~1.4–1.7, depending on the typeface, its x-height, and the line length. Body text is about endurance. Your reader shouldn’t notice the typography at all. If they’re aware of the type, something’s off. The goal is that they just keep going, paragraph after paragraph, without friction. In Framer, you can find the Line-height settings in the Text Panel > Line. And yes, this applies even if you’re using the same font for headlines and body text! Same font, same page, but they have completely different jobs - and different line height. Sometimes, choosing a good type isn’t enough - you need to know how much space to give letters so they can do their work.
0:18

Save this for the next time your typography feels weird and you can’t explain why. Nine times out of ten, it’s line-height - the vertical space between lines of text that decides whether type feels confident or clumsy, readable or tiring. Headlines Compress them. ~1.05–1.25 is usually right. Headlines aren’t meant to be read carefully line by line. They’re meant to land as a shape. Tighter leading pulls words into a single visual block and makes the headline feel confident and intentional. One hard rule: ascenders and descenders should never touch. If your t’s and l’s are colliding with g’s and y’s, you’ve gone too far. Body text Do the opposite. Give it air. ~1.4–1.7, depending on the typeface, its x-height, and the line length. Body text is about endurance. Your reader shouldn’t notice the typography at all. If they’re aware of the type, something’s off. The goal is that they just keep going, paragraph after paragraph, without friction. In Framer, you can find the Line-height settings in the Text Panel > Line. And yes, this applies even if you’re using the same font for headlines and body text! Same font, same page, but they have completely different jobs - and different line height. Sometimes, choosing a good type isn’t enough - you need to know how much space to give letters so they can do their work.

charlota

21,862 görüntüleme • 7 ay önce

“how is your relationship with lando? do you text each other regularly” sacha: “yeah we text a lot, we have a very good relationship. let's say he's not the best human when it comes to text you back. he might respond a week later, he's so spacey” 😭😭
0:19

“how is your relationship with lando? do you text each other regularly” sacha: “yeah we text a lot, we have a very good relationship. let's say he's not the best human when it comes to text you back. he might respond a week later, he's so spacey” 😭😭

ray

34,201 görüntüleme • 3 ay önce

Anna Slutskin, an activist with Oray HaTzafon (a northern Israel movement) suggests Israel takes over Southern Lebanese houses instead of flattining them like they did in Gaza. She mentioned a biblical text to justify occupying the area.
0:19

Anna Slutskin, an activist with Oray HaTzafon (a northern Israel movement) suggests Israel takes over Southern Lebanese houses instead of flattining them like they did in Gaza. She mentioned a biblical text to justify occupying the area.

Settlers From Within

75,556 görüntüleme • 5 ay önce

introducing: text decrypt scroll effect for Framer add this to reveal text with a sleek decryption animation as you scroll. comment "DECRYPT" and I'll send you the component :)
0:11

introducing: text decrypt scroll effect for Framer add this to reveal text with a sleek decryption animation as you scroll. comment "DECRYPT" and I'll send you the component :)

Framer University

16,384 görüntüleme • 1 yıl önce

Speed up your text editing: If you hold option (⌥) while pressing backspace, it deletes entire words instead of letters. Hold down the command (⌘) key to delete an entire line while pressing backspace. You can move faster through text by holding the ⌥ or ⌘ and →↓↑←
0:13

Speed up your text editing: If you hold option (⌥) while pressing backspace, it deletes entire words instead of letters. Hold down the command (⌘) key to delete an entire line while pressing backspace. You can move faster through text by holding the ⌥ or ⌘ and →↓↑←

Marius Hauken

85,803 görüntüleme • 2 yıl önce

The Text Fragments creation UI was just activated in Firefox Nightly allowing you to share/reference a link anchor to any text snippet in a page
0:19

The Text Fragments creation UI was just activated in Firefox Nightly allowing you to share/reference a link anchor to any text snippet in a page

Firefox Nightly 🔥

11,267 görüntüleme • 1 yıl önce

Gemini Omni doesn’t just allow you to render text more accurately — but to create it in sync with your visuals. 🎥 Choose your type, placement, animation, exposure and more. Prompt for this video: Word by word, one word on the screen at a time: did, you, know, that, this, model, can, do, pretty, good, text!? each word appears with a different animated style, perfect pacing to a rhythm, sizzle reel.
0:10

Gemini Omni doesn’t just allow you to render text more accurately — but to create it in sync with your visuals. 🎥 Choose your type, placement, animation, exposure and more. Prompt for this video: Word by word, one word on the screen at a time: did, you, know, that, this, model, can, do, pretty, good, text!? each word appears with a different animated style, perfect pacing to a rhythm, sizzle reel.

Google

153,807 görüntüleme • 3 ay önce

A lot of talk about ai 🤖 … I hope this clip helps a lot of you … if you want to ask your questions on “Tea with GaryVee” on text me at 1-212-931-5731 ask the question on text and use hashtag #askgaryvee at the end of the text … #ai #artificialintelligence #garyvee
0:24

A lot of talk about ai 🤖 … I hope this clip helps a lot of you … if you want to ask your questions on “Tea with GaryVee” on text me at 1-212-931-5731 ask the question on text and use hashtag #askgaryvee at the end of the text … #ai #artificialintelligence #garyvee

Gary Vaynerchuk

22,456 görüntüleme • 1 yıl önce

Tailwind CSS Tip (24/30) ✨ You can create a transparent text effect in Tailwind CSS using (•••••••••••) Guess the CSS Property. You can use this Play Link as a starter: Answer will be shared later today 😉
0:12

Tailwind CSS Tip (24/30) ✨ You can create a transparent text effect in Tailwind CSS using (•••••••••••) Guess the CSS Property. You can use this Play Link as a starter: Answer will be shared later today 😉

Surjith S M ✪

45,134 görüntüleme • 3 yıl önce

Anna Slutskin, an Israeli woman, excplains why Israel should takes over Southern Lebanese houses instead of flattining them like they did in Gaza. She mentioned a biblical text to justify occupying the area. What a freak.
0:19

Anna Slutskin, an Israeli woman, excplains why Israel should takes over Southern Lebanese houses instead of flattining them like they did in Gaza. She mentioned a biblical text to justify occupying the area. What a freak.

Israel Exposed

68,719 görüntüleme • 5 ay önce