正在加载视频...

视频加载失败

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

very cool – scale text to fit width w/ 1 line of css 🧑‍🍳 a { text-grow: per-line/consistent scale; } great for link blocks, hero text, etc. [flagged in Chrome ⛳]

jhey ʕ•ᴥ•ʔ

146,448 subscribers

51,251 次观看 • 7 个月前 •via X (Twitter)

Anya Rossi• Live Now

Private livecam show

0 条评论

暂无评论

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

相关视频

Fit width text in 1 line of CSS `text-grow: per-line scale;` (prototype in Canary 165+)

Fit width text in 1 line of CSS `text-grow: per-line scale;` (prototype in Canary 165+)

Adam Argyle

92,884 次观看 • 7 个月前

Really would like you guys to weigh in here. Scale of 1-10, how egregious were Andy Gray’s actions in a group text regarding “Succession” spoilers?

Really would like you guys to weigh in here. Scale of 1-10, how egregious were Andy Gray’s actions in a group text regarding “Succession” spoilers?

Jimmy Traina

19,621 次观看 • 3 年前

Future CSS Tip! 🚀 You can create auto-resizing text inputs with one line of CSS 🔥 textarea, input { field-sizing: content; } No more JavaScript to sync a textarea height to fit the content 🫶 Perfect for chat, messaging, comments, etc. 💬 The size of your input will grow to fit your content. If you want to constrain the size, do something like this: textarea { field-sizing: content; min-height: 2lh; /* Use the line-height unit 😎*/ max-height: 10lh; } Love the fact you could use this for auto-resizing in both directions too! 🙌 Want a search field that expands horizontally? Do it! Love these one-liners that bring incredible value to the platform like this 💙 CodePen.IO link below! 👇

Future CSS Tip! 🚀 You can create auto-resizing text inputs with one line of CSS 🔥 textarea, input { field-sizing: content; } No more JavaScript to sync a textarea height to fit the content 🫶 Perfect for chat, messaging, comments, etc. 💬 The size of your input will grow to fit your content. If you want to constrain the size, do something like this: textarea { field-sizing: content; min-height: 2lh; /* Use the line-height unit 😎*/ max-height: 10lh; } Love the fact you could use this for auto-resizing in both directions too! 🙌 Want a search field that expands horizontally? Do it! Love these one-liners that bring incredible value to the platform like this 💙 CodePen.IO link below! 👇

jhey ʕ•ᴥ•ʔ

319,234 次观看 • 2 年前

Introducing Multimodal Conversational AI. Starting today, you can talk to our agents using voice and text—simultaneously. It’s fully supported in our SDKs, websocket, and widget. You're now one line of HTML away from launching a multimodal assistant. Fast to deploy. Frictionless to use. Built to scale

Introducing Multimodal Conversational AI. Starting today, you can talk to our agents using voice and text—simultaneously. It’s fully supported in our SDKs, websocket, and widget. You're now one line of HTML away from launching a multimodal assistant. Fast to deploy. Frictionless to use. Built to scale

ElevenLabs

41,490 次观看 • 1 年前

Messing around with Sora, OpenAIs new text-to-video model. Prompt: a group of virgin males in line to a party with no women

Messing around with Sora, OpenAIs new text-to-video model. Prompt: a group of virgin males in line to a party with no women

LilMoonLambo

269,760 次观看 • 2 年前

Introducing the all new “AI Models” by GPUNET It’s time for something new. We’ve officially launched a brand new line of core AI products: → Powerful LLMs → Text-to-Image gen → Text-to-Video gen And you’re invited to try it. Get Free Credits →

GPU.NET

27,051 次观看 • 1 年前

Three.js doesn't own the layout — CSS does. Opted-in [data-layout] elements are batched-read (init + resize) and mapped to world space. Children are inferred from parent boxes when possible. That same pass pulls computed styles and detects line breaks, so WebGL text wraps exactly the same. SDF keeps smaller text sharp at any scale. Headlines go further: opentype.js extracts glyphs — each letter becomes its own extruded mesh with independent depth. WebGL syncs to native scroll. DOM vs WebGL ↓

Three.js doesn't own the layout — CSS does. Opted-in [data-layout] elements are batched-read (init + resize) and mapped to world space. Children are inferred from parent boxes when possible. That same pass pulls computed styles and detects line breaks, so WebGL text wraps exactly the same. SDF keeps smaller text sharp at any scale. Headlines go further: opentype.js extracts glyphs — each letter becomes its own extruded mesh with independent depth. WebGL syncs to native scroll. DOM vs WebGL ↓

Johnny Slack

105,573 次观看 • 3 个月前

Introducing the Modular Citadel production line, capable of producing over 1,000 shielding blocks per year. The Modular Citadel is a pre-cast, self-tensioning shielding system built for mass-manufactured scale. Block production is on track for July 4th!

Introducing the Modular Citadel production line, capable of producing over 1,000 shielding blocks per year. The Modular Citadel is a pre-cast, self-tensioning shielding system built for mass-manufactured scale. Block production is on track for July 4th!

Valar Atomics

74,337 次观看 • 4 个月前

a year ago, i launched text-behind-image as a 16 y/o went viral with it, grew to 400K+ users today, i'm excited to introduce to you image-behind-image brought to u w/ Cursor + the OG text behind image guy in 1 hr! create image behind image designs easily (link below) 👇

a year ago, i launched text-behind-image as a 16 y/o went viral with it, grew to 400K+ users today, i'm excited to introduce to you image-behind-image brought to u w/ Cursor + the OG text behind image guy in 1 hr! create image behind image designs easily (link below) 👇

Rexan Wong

25,787 次观看 • 1 年前

Streamlining the UX in Gemini CLI ✨ We got a lot of feedback on how our UI was way too cluttered with noise and text... so we made changes! 🛠️ Compact tool calls: Tool calls for reading files, folders, searching text, etc are now a single line (no more tool boxes around everything!) 💭 Topics: The agent outputs a one line overview of the rationale and direction it is going. A topic can span several tool calls and makes it easy to see what the agent is working on at a glance and why.

Streamlining the UX in Gemini CLI ✨ We got a lot of feedback on how our UI was way too cluttered with noise and text... so we made changes! 🛠️ Compact tool calls: Tool calls for reading files, folders, searching text, etc are now a single line (no more tool boxes around everything!) 💭 Topics: The agent outputs a one line overview of the rationale and direction it is going. A topic can span several tool calls and makes it easy to see what the agent is working on at a glance and why.

Jack Wotherspoon

15,960 次观看 • 2 个月前

Voicebox: Text-Guided Multilingual Universal Speech Generation at Scale blog: Large-scale generative models such as GPT and DALL-E have revolutionized natural language processing and computer vision research. These models not only generate high fidelity text or image outputs, but are also generalists which can solve tasks not explicitly taught. In contrast, speech generative models are still primitive in terms of scale and task generalization. In this paper, we present Voicebox, the most versatile text-guided generative model for speech at scale. Voicebox is a non-autoregressive flow-matching model trained to infill speech, given audio context and text, trained on over 50K hours of speech that are neither filtered nor enhanced. Similar to GPT, Voicebox can perform many different tasks through in-context learning, but is more flexible as it can also condition on future context. Voicebox can be used for mono or cross-lingual zero-shot text-to-speech synthesis, noise removal, content editing, style conversion, and diverse sample generation. In particular, Voicebox outperforms the state-of-the-art zero-shot TTS model VALL-E on both intelligibility (5.9% vs 1.9% word error rates) and audio similarity (0.580 vs 0.681) while being up to 20 times faster.

Voicebox: Text-Guided Multilingual Universal Speech Generation at Scale blog: Large-scale generative models such as GPT and DALL-E have revolutionized natural language processing and computer vision research. These models not only generate high fidelity text or image outputs, but are also generalists which can solve tasks not explicitly taught. In contrast, speech generative models are still primitive in terms of scale and task generalization. In this paper, we present Voicebox, the most versatile text-guided generative model for speech at scale. Voicebox is a non-autoregressive flow-matching model trained to infill speech, given audio context and text, trained on over 50K hours of speech that are neither filtered nor enhanced. Similar to GPT, Voicebox can perform many different tasks through in-context learning, but is more flexible as it can also condition on future context. Voicebox can be used for mono or cross-lingual zero-shot text-to-speech synthesis, noise removal, content editing, style conversion, and diverse sample generation. In particular, Voicebox outperforms the state-of-the-art zero-shot TTS model VALL-E on both intelligibility (5.9% vs 1.9% word error rates) and audio similarity (0.580 vs 0.681) while being up to 20 times faster.

AK

429,307 次观看 • 3 年前

Future CSS Tip! 🔮 You can create sweet scroll-driven micro-interactions using CSS scroll-driven animations 😎 .avatar { animation: scale-down; animation-timeline: scroll(); animation-range: var(--header-range); } @ keyframes scale-down { to { scale: 0.3; } } What's happening in this one? 👀 1. Avatar moves and scales down as the header sticks 2. Name changes color and slides over 3. Header darkens to give the text contrast 4. Header gets a shadow 5. Notice the avatar scrub too! 👀 It's scroll-driving the sprite animation technique we went over earlier in the week ✨ So much fun! ✨ Could even tie in the new easings from earlier too! CodePen.IO link below! 👇

jhey ʕ•ᴥ•ʔ

685,436 次观看 • 2 年前

Future CSS Tip! 🔮 You can create responsive animated text reveals with CSS scroll-driven animations 🔥 section { /* The red element in the video */ view-timeline-name: --section; } p { animation: fill both linear; animation-timeline: --section; animation-range: cover; } keyframes fill { to { --fill: 1; } } No JavaScript required with this trick 😎 What's happening there then? Well, we're animating a custom property value using @ property. @ property --fill { initial-value: 0; syntax: ' '; inherits: true; } Then the trick is background clipping the text and filling it with a multiline background by animating the background-position to fill the text 🤓 span { background-position-x: calc(-100vmax + (var(--progress) * 100vmax)); background-clip: text; color: transparent; } CodePen.IO link below 👇

Future CSS Tip! 🔮 You can create responsive animated text reveals with CSS scroll-driven animations 🔥 section { /* The red element in the video / view-timeline-name: --section; } p { animation: fill both linear; animation-timeline: --section; animation-range: cover; } keyframes fill { to { --fill: 1; } } No JavaScript required with this trick 😎 What's happening there then? Well, we're animating a custom property value using @ property. @ property --fill { initial-value: 0; syntax: ' '; inherits: true; } Then the trick is background clipping the text and filling it with a multiline background by animating the background-position to fill the text 🤓 span { background-position-x: calc(-100vmax + (var(--progress) 100vmax)); background-clip: text; color: transparent; } CodePen.IO link below 👇

jhey ʕ•ᴥ•ʔ

408,803 次观看 • 2 年前

Kagi Translate's browser extension enables you to translate web pages and selected text directly in your browser. Also supports in-line translations for a range of social media and streaming platforms. Oh yeah, and that's us taking Helium for a spin 😎

Kagi Translate's browser extension enables you to translate web pages and selected text directly in your browser. Also supports in-line translations for a range of social media and streaming platforms. Oh yeah, and that's us taking Helium for a spin 😎

Kagi

71,238 次观看 • 9 个月前

If you’re a Veteran in crisis or concerned about one, contact the Veterans Crisis Line to receive 24/7 confidential support. To reach responders, Dial 988 then Press 1, chat online at or text 838255.

If you’re a Veteran in crisis or concerned about one, contact the Veterans Crisis Line to receive 24/7 confidential support. To reach responders, Dial 988 then Press 1, chat online at or text 838255.

Veterans Affairs

11,374 次观看 • 1 年前

Announcing: Agentic Document Extraction! PDF files represent information visually - via layout, charts, graphs, etc. - and are more than just text. Unlike traditional OCR and most PDF-to-text approaches, which focus on extracting the text, an agentic approach lets us break a document down into components and reason about them, resulting in more accurate extraction of the underlying meaning for RAG and other applications. Watch the video for details.

Announcing: Agentic Document Extraction! PDF files represent information visually - via layout, charts, graphs, etc. - and are more than just text. Unlike traditional OCR and most PDF-to-text approaches, which focus on extracting the text, an agentic approach lets us break a document down into components and reason about them, resulting in more accurate extraction of the underlying meaning for RAG and other applications. Watch the video for details.

Andrew Ng

689,328 次观看 • 1 年前

PhD Students – Use this tool to paraphrase the text in your manuscript for FREE. First, why you need to paraphrase? The first draft you write is often very rough. It needs to be revised to polish it for submission. For this, you can use a paraphraser. Here is one you can use it for FREE. 1. Go to and log in. 2. Upload your file or copy/paste your text in a new file. 3. From the options on right, click Paraphraser. 4. Now select the text you want to paraphrase. 5. After text selection, click paraphrase. 6. Trinka.ai will show the paraphrased text. 7. You can also see the changes made. 8. You can increase or decrease the level of paraphrasing. 9. You can also select to show the revisions. 10. Go through the paraphrase text carefully. 11. You can choose among multiple paraphrased alternatives. 12. After your final selection, click replace. 13. This will replace original text with paraphrased text. 14. You can apply this process for the entire text. Make sure that you go through the changes made. This is important so that only your text gets refined. However, the meaning of the text remains the same. In addition to paraphrasing, Trinka also offers to ➝ Fix all grammatical errors in your manuscript ➝ Proofread your manuscript before submission ➝ Check consistency in your manuscript writing ➝ Evaluates the level of bias in your writing ➝ Checks plagiarism level in your manuscript Try Trinka.ai here: Anything you’d like to add?

PhD Students – Use this tool to paraphrase the text in your manuscript for FREE. First, why you need to paraphrase? The first draft you write is often very rough. It needs to be revised to polish it for submission. For this, you can use a paraphraser. Here is one you can use it for FREE. 1. Go to and log in. 2. Upload your file or copy/paste your text in a new file. 3. From the options on right, click Paraphraser. 4. Now select the text you want to paraphrase. 5. After text selection, click paraphrase. 6. Trinka.ai will show the paraphrased text. 7. You can also see the changes made. 8. You can increase or decrease the level of paraphrasing. 9. You can also select to show the revisions. 10. Go through the paraphrase text carefully. 11. You can choose among multiple paraphrased alternatives. 12. After your final selection, click replace. 13. This will replace original text with paraphrased text. 14. You can apply this process for the entire text. Make sure that you go through the changes made. This is important so that only your text gets refined. However, the meaning of the text remains the same. In addition to paraphrasing, Trinka also offers to ➝ Fix all grammatical errors in your manuscript ➝ Proofread your manuscript before submission ➝ Check consistency in your manuscript writing ➝ Evaluates the level of bias in your writing ➝ Checks plagiarism level in your manuscript Try Trinka.ai here: Anything you’d like to add?

Faheem Ullah

17,951 次观看 • 1 年前

UI design is underrated for AI. Sometimes they go hand in hand with new model capabilities in delightful ways. Here's a very clever demo: you can use rich text (bold, font style, color) to assign different types of weights to each token, making image generation controllable in a highly intuitive & flexible fashion. Paper: Expressive Text-to-Image Generation with Rich Text HuggingFace demo: Authors: Songwei Ge, Taesung Park, Jun-Yan Zhu, Jia-Bin Huang

UI design is underrated for AI. Sometimes they go hand in hand with new model capabilities in delightful ways. Here's a very clever demo: you can use rich text (bold, font style, color) to assign different types of weights to each token, making image generation controllable in a highly intuitive & flexible fashion. Paper: Expressive Text-to-Image Generation with Rich Text HuggingFace demo: Authors: Songwei Ge, Taesung Park, Jun-Yan Zhu, Jia-Bin Huang

Jim Fan

146,874 次观看 • 2 年前

Here it is, The Complete Mecha Sonic MK2 mod for Sonic Crossworlds! I put a huge amount of effort into this including audio, Renders, Text, etc. I hope you all enjoy it! Link in the replies!

Here it is, The Complete Mecha Sonic MK2 mod for Sonic Crossworlds! I put a huge amount of effort into this including audio, Renders, Text, etc. I hope you all enjoy it! Link in the replies!

Dismissor

113,566 次观看 • 9 个月前

Fiverr just launched a platform for freelancers to train a custom AI model, and "sell" the ability to generate work with it. They're pitching it as a way for creators to scale the number of projects they can handle at once. Models are trainable on text, image, and sound.

Fiverr just launched a platform for freelancers to train a custom AI model, and "sell" the ability to generate work with it. They're pitching it as a way for creators to scale the number of projects they can handle at once. Models are trainable on text, image, and sound.

Olivia Moore

117,853 次观看 • 1 年前