Video wird geladen...

Video konnte nicht geladen werden

Zur Startseite

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 Aufrufe • vor 18 Tagen •via X (Twitter)

LIVE

Anya Rossi• Live Now

Private livecam show

0 Kommentare

Keine Kommentare verfügbar

Kommentare vom Original-Post werden hier angezeigt

Ähnliche Videos

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 Aufrufe • vor 11 Monaten

✂️ 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 Aufrufe • vor 1 Jahr

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 Aufrufe • vor 1 Jahr

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 Aufrufe • vor 11 Monaten

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 Aufrufe • vor 9 Monaten

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 Aufrufe • vor 1 Jahr

`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 Aufrufe • vor 2 Jahren

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 Aufrufe • vor 2 Monaten

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 Aufrufe • vor 7 Monaten

“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 Aufrufe • vor 3 Monaten

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 Aufrufe • vor 5 Monaten

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 Aufrufe • vor 1 Jahr

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 Aufrufe • vor 2 Jahren

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 Aufrufe • vor 1 Jahr

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 Aufrufe • vor 3 Monaten

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 Aufrufe • vor 1 Jahr

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 Aufrufe • vor 3 Jahren

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 Aufrufe • vor 5 Monaten