Loading video...

Video Failed to Load

Go Home

⚡️ 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,228 subscribers

39,243 views • 10 months ago •via X (Twitter)

Science & Technology
LIVE

Anya Rossi• Live Now

Private livecam show

0 Comments

No comments available

Comments from the original post will appear here

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

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

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

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,673 views • 1 month ago

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

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

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

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

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

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

<shimmer-details> configurable css text reveal 💫

jhey ʕ•ᴥ•ʔ

42,074 views • 1 month ago

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

318,391 views • 2 months ago

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

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

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

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

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,492 views • 1 month ago

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

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

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

nmixx pics

28,849 views • 1 month ago

#NMIXX ‘Different Girl’ (written by Bae) Snippet Highlight Medley
0:19

#NMIXX ‘Different Girl’ (written by Bae) Snippet Highlight Medley

nmixx pics

15,429 views • 1 month ago