Video wird geladen...

Video konnte nicht geladen werden

Zur Startseite

⚡️ CSS ::highlight() + TreeWalker for dynamic text search: - No DOM manipulation - Pure CSS ::highlight() styling - Efficient TreeWalker traversal [Code Snippet 👇]

KaraBharat's profile picture

Bharat Kara

4,283 subscribers

39,253 Aufrufe • vor 10 Monaten •via X (Twitter)

Wissenschaft & Technologie
LIVE

Anya Rossi• Live Now

Private livecam show

0 Kommentare

Keine Kommentare verfügbar

Kommentare vom Original-Post werden hier angezeigt

Ähnliche Videos

Tailwind CSS Tip ✨ You can create some cool looking loaders and spinners using Tailwind CSS. Thanks to Tailscan for Tailwind CSS for the inspiration. Demo & Code 👇 (14/30) follow for 16 more tips 🔔
0:11

Tailwind CSS Tip ✨ You can create some cool looking loaders and spinners using Tailwind CSS. Thanks to Tailscan for Tailwind CSS for the inspiration. Demo & Code 👇 (14/30) follow for 16 more tips 🔔

Surjith S M ✪

140,209 Aufrufe • vor 3 Jahren

A swinging robot 🤖 Pure #CSS. Live demo and full code on @codepen:
0:16

A swinging robot 🤖 Pure #CSS. Live demo and full code on @codepen:

Amit Sheen

13,485 Aufrufe • vor 1 Jahr

A 🔥 browser extension every CSS developer must have. CSS Scan lets you extract the code for any CSS element of all the websites across the internet. Check out CSS Scan and click on the below link to get a 25% discount👇
0:12

A 🔥 browser extension every CSS developer must have. CSS Scan lets you extract the code for any CSS element of all the websites across the internet. Check out CSS Scan and click on the below link to get a 25% discount👇

Shefali

29,340 Aufrufe • vor 1 Jahr

The power of @ property Without it → CSS treats --progress as text → no animation With it → CSS knows it's percentage → smooth animation
0:13

The power of @ property Without it → CSS treats --progress as text → no animation With it → CSS knows it's percentage → smooth animation

Victor

20,744 Aufrufe • vor 1 Monat

No one’s talking about my favorite Comet feature: Highlight any text and it's added as context for your search. No more copy pasting
0:13

No one’s talking about my favorite Comet feature: Highlight any text and it's added as context for your search. No more copy pasting

Ali Shobeiri

63,108 Aufrufe • vor 11 Monaten

Tailwind CSS Tip ✨ You can create a pure css carousel in Tailwind CSS using scroll snap. Live demo ↓ (21/30) follow for 9 more tips 🔔
0:12

Tailwind CSS Tip ✨ You can create a pure css carousel in Tailwind CSS using scroll snap. Live demo ↓ (21/30) follow for 9 more tips 🔔

Surjith S M ✪

203,341 Aufrufe • vor 3 Jahren

Cards Hover Effect woth pure CSS and HTML 🚀🔥 Code in the comments 🧑‍💻
0:11

Cards Hover Effect woth pure CSS and HTML 🚀🔥 Code in the comments 🧑‍💻

David Mráz

149,554 Aufrufe • vor 3 Jahren

Made this 404 error page just using CSS ✅ Code 👇
0:13

Made this 404 error page just using CSS ✅ Code 👇

Atharva ☄️

190,529 Aufrufe • vor 3 Jahren

Tailwind CSS Tip ✨ You can create a floating input form with Tailwind CSS using ":placeholder-shown" pseudo class. Live Demo & Code 👇 (8/30) follow for 22 more tips 🔔
0:17

Tailwind CSS Tip ✨ You can create a floating input form with Tailwind CSS using ":placeholder-shown" pseudo class. Live Demo & Code 👇 (8/30) follow for 22 more tips 🔔

Surjith S M ✪

173,050 Aufrufe • vor 3 Jahren

This one line of CSS will make your website feel more native. On mobile, tapping on clickable elements triggers an ugly blue highlight. This gets rid of it: html { -webkit-tap-highlight-color: transparent; } If you found this one useful, follow for more. ❤️
0:16

This one line of CSS will make your website feel more native. On mobile, tapping on clickable elements triggers an ugly blue highlight. This gets rid of it: html { -webkit-tap-highlight-color: transparent; } If you found this one useful, follow for more. ❤️

Ali

29,131 Aufrufe • vor 1 Monat

<shimmer-details> configurable css text reveal 💫
0:12

<shimmer-details> configurable css text reveal 💫

jhey ʕ•ᴥ•ʔ

42,188 Aufrufe • vor 1 Monat

5. Your typical auto-growing text area, accordion, multi-line text centering, pure canvas multiline text, and all other things that used be real CSS challenges, now reduced to a boring footnote
0:10

5. Your typical auto-growing text area, accordion, multi-line text centering, pure canvas multiline text, and all other things that used be real CSS challenges, now reduced to a boring footnote

Cheng Lou

319,398 Aufrufe • vor 3 Monaten

Create this sign up screen with HTML, CSS and JavaScript 👨‍💻🚀 Code in the comments 👇
0:10

Create this sign up screen with HTML, CSS and JavaScript 👨‍💻🚀 Code in the comments 👇

David Mráz

63,567 Aufrufe • vor 3 Jahren

📌 Forget breakpoints! Use CSS clamp to size your text based on the viewport width. Sandbox + details below 👇
0:12

📌 Forget breakpoints! Use CSS clamp to size your text based on the viewport width. Sandbox + details below 👇

andrej

211,108 Aufrufe • vor 3 Jahren

onboarding ends with fog reveal - css-only dynamic fog (no canvas/shaders) - fluid sizing - features the 4 spirits of whimsy
0:16

onboarding ends with fog reveal - css-only dynamic fog (no canvas/shaders) - fluid sizing - features the 4 spirits of whimsy

JohnPhamous

215,551 Aufrufe • vor 1 Jahr

5 Sites Every Web Developer Needs to Know - Learn React by doing projects - Claude code alternative - Full-stack hosting for Python, JavaScript, PHP, Go... - Free Tailwind CSS components – Visual CSS animation generator
0:11

5 Sites Every Web Developer Needs to Know - Learn React by doing projects - Claude code alternative - Full-stack hosting for Python, JavaScript, PHP, Go... - Free Tailwind CSS components – Visual CSS animation generator

Csaba Kissi

22,043 Aufrufe • vor 10 Monaten

Skewed infinite carousel w/ vignette effect ✨ Built entirely with Tailwind CSS – zero JavaScript required. Live demo & code 👇
0:11

Skewed infinite carousel w/ vignette effect ✨ Built entirely with Tailwind CSS – zero JavaScript required. Live demo & code 👇

Steven Tey

472,799 Aufrufe • vor 2 Jahren

Animated modals overview with just HTML and CSS 🚀 Check out the comment for full code 🧑‍💻
0:11

Animated modals overview with just HTML and CSS 🚀 Check out the comment for full code 🧑‍💻

David Mráz

21,562 Aufrufe • vor 1 Monat

NMIXX ‘Heavy Serenade’ (title track) Snippet Acapella Highlight Medley
0:17

NMIXX ‘Heavy Serenade’ (title track) Snippet Acapella Highlight Medley

nmixx pics

28,849 Aufrufe • vor 1 Monat