Video wird geladen...

Video konnte nicht geladen werden

Zur Startseite

Little experiment with text truncation, truncate from center... Nothing fancy just CSS... Demo: Code:

uixmat's profile picture

Matt

3,118 subscribers

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

Someone on reddit posted a demo where CSS truncates text from the middle. They didn't post the code, so here is my shot at it with Flexbox
1:39

Someone on reddit posted a demo where CSS truncates text from the middle. They didn't post the code, so here is my shot at it with Flexbox

Wes Bos

104,152 Aufrufe • vor 5 Monaten

gettin' back on the demo train 🚂 makin' a little progress with cross-browser "liquid" controls using CSS 🧑‍🍳
0:21

gettin' back on the demo train 🚂 makin' a little progress with cross-browser "liquid" controls using CSS 🧑‍🍳

jhey ʕ•ᴥ•ʔ

24,585 Aufrufe • vor 1 Jahr

Nice little weekend project - Pure #CSS Pixar lamp. 💡 All of the axes movement is set using custom properties, so the motion can be easily animated with property. 😎 Live demo and full code CodePen.IO:
0:28

Nice little weekend project - Pure #CSS Pixar lamp. 💡 All of the axes movement is set using custom properties, so the motion can be easily animated with property. 😎 Live demo and full code CodePen.IO:

Amit Sheen

14,456 Aufrufe • vor 2 Jahren

⚡️ Common ComboBox component with more controls on customized list items and selection ⌘ Build with shadcn and Tailwind CSS Demo: Source Code (Free): #webdev #buildinpublic #uiux #nextjs #reactjs
0:44

⚡️ Common ComboBox component with more controls on customized list items and selection ⌘ Build with shadcn and Tailwind CSS Demo: Source Code (Free): #webdev #buildinpublic #uiux #nextjs #reactjs

Bharat Kara

17,387 Aufrufe • vor 1 Jahr

“Win-Win” A demo with a little text mode window manager that I use for some of my text projects. Comes with custom styles and shadows. ↓
0:37

“Win-Win” A demo with a little text mode window manager that I use for some of my text projects. Comes with custom styles and shadows. ↓

ertdfgcvb 𓅰 𓅬 𓅭 𓅮 𓅯

13,174 Aufrufe • vor 1 Jahr

the team cooked an insane demo on SMFS dot ai just put in the files (made with css and claude!)
0:30

the team cooked an insane demo on SMFS dot ai just put in the files (made with css and claude!)

Dhravya Shah

108,154 Aufrufe • vor 3 Monaten

Unfamiliar with CSS or HTML? Justin Chen shares a feature you have to try in Visual Studio Code, straight from #MSBuild. Microsoft Developer
0:28

Unfamiliar with CSS or HTML? Justin Chen shares a feature you have to try in Visual Studio Code, straight from #MSBuild. Microsoft Developer

Visual Studio Code

47,880 Aufrufe • vor 1 Jahr

Using CSS mask-image you can truncate texts with a smooth fade effect. It looks clean and it's a great alternative to text ellipsis. .text-container { overflow: hidden; white-space: nowrap; -webkit-mask-image: linear-gradient( to right, black 50%, transparent); mask-image: linear-gradient( to right, black 50%, transparent); } } If you found this one useful, follow for more! ❤️
0:21

Using CSS mask-image you can truncate texts with a smooth fade effect. It looks clean and it's a great alternative to text ellipsis. .text-container { overflow: hidden; white-space: nowrap; -webkit-mask-image: linear-gradient( to right, black 50%, transparent); mask-image: linear-gradient( to right, black 50%, transparent); } } If you found this one useful, follow for more! ❤️

Ali

13,380 Aufrufe • vor 2 Monaten

🔥 DreamEngine revolutionizes image generation with its text-guided object fusion capabilities! The demo and code for Text Guided Object Fustion are released! Let's unlock the Imaginations! Run it locally now in: Paper:
0:27

🔥 DreamEngine revolutionizes image generation with its text-guided object fusion capabilities! The demo and code for Text Guided Object Fustion are released! Let's unlock the Imaginations! Run it locally now in: Paper:

Liang Chen

11,376 Aufrufe • vor 1 Jahr

Oh you know, just 120k lines of code for this little tech demo. I think it's pretty nice tho... #RobloxDev😊
0:24

Oh you know, just 120k lines of code for this little tech demo. I think it's pretty nice tho... #RobloxDev😊

James "Quenty" Onnen

75,506 Aufrufe • vor 2 Jahren

Admin dashboard With Ai AI assistant ! built with - Next.js 16. - Tailwind CSS 4. - TanStack Query. - Framer Motion. Comes with NestJS backend, TypeORM, JWT auth, RBAC, WebSocket-powered updates, AI assistant, and multilingual support. Demo + Source Code (Not Free) :
0:33

Admin dashboard With Ai AI assistant ! built with - Next.js 16. - Tailwind CSS 4. - TanStack Query. - Framer Motion. Comes with NestJS backend, TypeORM, JWT auth, RBAC, WebSocket-powered updates, AI assistant, and multilingual support. Demo + Source Code (Not Free) :

Mohamed Djoudir

114,330 Aufrufe • vor 8 Monaten

Sorry, guys from other stacks!!! 🥲 Everything is server-side rendered, high-performing, and written in a few lines of code. It's not a new component. It's just a table, some buttons, and some inputs placed with some CSS utility classes. ✨CSS Zero Datatable✨
0:54

Sorry, guys from other stacks!!! 🥲 Everything is server-side rendered, high-performing, and written in a few lines of code. It's not a new component. It's just a table, some buttons, and some inputs placed with some CSS utility classes. ✨CSS Zero Datatable✨

Lázaro Nixon

10,408 Aufrufe • vor 1 Jahr

The code for σ-GPT is out! Feel free to experiment with it here: It extends the François Fleuret picoclvr (non-nlp tasks) and Andrej Karpathy nanoGPT (text) codebases, with an additional KV-Cache from IRIS by Vincent Micheli and Eloi Alonso. (links below)
1:19

The code for σ-GPT is out! Feel free to experiment with it here: It extends the François Fleuret picoclvr (non-nlp tasks) and Andrej Karpathy nanoGPT (text) codebases, with an additional KV-Cache from IRIS by Vincent Micheli and Eloi Alonso. (links below)

Arnaud Pannatier

12,600 Aufrufe • vor 2 Jahren

Embedding features learned with sparse autoencoders can make semantic edits to text ✨ (+ a reading/highlighting demo) I've built an interface to explore and visualize GPT-4 labelled features learned from a text embedding model's latent space. Here's a little video, more in 👇
10:46

Embedding features learned with sparse autoencoders can make semantic edits to text ✨ (+ a reading/highlighting demo) I've built an interface to explore and visualize GPT-4 labelled features learned from a text embedding model's latent space. Here's a little video, more in 👇

Linus

51,614 Aufrufe • vor 2 Jahren

Next.js Dashboard (Financial Edition)! built with - Next.js 16. - Tailwind CSS 4. - Framer Motion. - Next-intl (RTL support) Comes with Dark / Light mode, Charts & analytics, Drag & Drop widgets, JWT auth and multilingual support. Demo + Source Code (First comment) 👇
0:21

Next.js Dashboard (Financial Edition)! built with - Next.js 16. - Tailwind CSS 4. - Framer Motion. - Next-intl (RTL support) Comes with Dark / Light mode, Charts & analytics, Drag & Drop widgets, JWT auth and multilingual support. Demo + Source Code (First comment) 👇

Mohamed Djoudir

198,552 Aufrufe • vor 6 Monaten

Exploring Futuristic Interfaces | Part 1 A new series where I experiment with building unconventional UI concepts using AI tools Here's the first demo Design: Nano Banana 2 (with custom tweaks) Code: Gemini 3.1 Pro More details ↓
0:29

Exploring Futuristic Interfaces | Part 1 A new series where I experiment with building unconventional UI concepts using AI tools Here's the first demo Design: Nano Banana 2 (with custom tweaks) Code: Gemini 3.1 Pro More details ↓

Dilum Sanjaya

42,848 Aufrufe • vor 3 Monaten

🚀 Update! Our latest Pinal bioRxiv now includes wet lab results. More proteins with diverse text prompt on the way. Design proteins with just text. Everyone can do protein design! Demo: paper: GitHub:
0:25

🚀 Update! Our latest Pinal bioRxiv now includes wet lab results. More proteins with diverse text prompt on the way. Design proteins with just text. Everyone can do protein design! Demo: paper: GitHub:

fajie yuan

17,031 Aufrufe • vor 1 Jahr

Big news from AI Studio! You can now generate AI apps that are instantly connected to the Gemini SDK! ✨ Here's a one-shot demo of a text adventure game that uses Imagen and Gemini without writing a line of code. No setup and no key required. Demo below and code 👇
0:51

Big news from AI Studio! You can now generate AI apps that are instantly connected to the Gemini SDK! ✨ Here's a one-shot demo of a text adventure game that uses Imagen and Gemini without writing a line of code. No setup and no key required. Demo below and code 👇

Ammaar Reshi

113,487 Aufrufe • vor 1 Jahr

Just wanted to share this little clip I'm in from Link Click! It's nothing fancy, but the scene resonated with me and uh... art imitates life, hahaha. Any career in the arts is very difficult. But if it means that much to you, it's worth it. (Also I just used my normal voice lol)
2:09

Just wanted to share this little clip I'm in from Link Click! It's nothing fancy, but the scene resonated with me and uh... art imitates life, hahaha. Any career in the arts is very difficult. But if it means that much to you, it's worth it. (Also I just used my normal voice lol)

Emi Lo 🔜 Queen City Anime

15,393 Aufrufe • vor 1 Jahr

Just got early access to Aleph, a new in-context video model from Runway. Here’s a snippet of my first experiment using a toy car. Audio added with the MMAudio Gradio demo on Hugging Face spaces
0:35

Just got early access to Aleph, a new in-context video model from Runway. Here’s a snippet of my first experiment using a toy car. Audio added with the MMAudio Gradio demo on Hugging Face spaces

William Lamkin

79,195 Aufrufe • vor 1 Jahr