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.

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

daniel petho

8,271 subscribers

14,768 views • 18 days ago •via X (Twitter)

Anya Rossi• Live Now

Private livecam show

0 Comments

No comments available

Comments from the original post will appear here

Related Videos

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

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 views • 11 months ago

✂️ 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.

✂️ 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 views • 1 year ago

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

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 views • 1 year ago

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.

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 views • 11 months ago

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.

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 views • 9 months ago

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.

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 views • 1 year ago

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

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

JohnPhamous

60,384 views • 2 years ago

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)

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 views • 2 months ago

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.

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 views • 7 months ago

“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” 😭😭

“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 views • 3 months ago

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.

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 views • 5 months ago

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

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 views • 1 year ago

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 →↓↑←

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 views • 2 years ago

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

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 views • 1 year ago

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.

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 views • 3 months ago

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

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 views • 1 year ago

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 😉

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 views • 3 years ago

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.

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 views • 5 months ago