Video yükleniyor...

Video Yüklenemedi

Ana Sayfaya Dön

⚡️ 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 görüntüleme • 10 ay önce •via X (Twitter)

Bilim & Teknoloji
LIVE

Anya Rossi• Live Now

Private livecam show

0 Yorum

Yorum bulunmuyor

Orijinal gönderinin yorumları burada görünecek

Benzer Videolar

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 görüntüleme • 3 yıl önce

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 görüntüleme • 1 yıl önce

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 görüntüleme • 1 yıl önce

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 görüntüleme • 1 ay önce

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,175 görüntüleme • 11 ay önce

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,353 görüntüleme • 3 yıl önce

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 görüntüleme • 3 yıl önce

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

Made this 404 error page just using CSS ✅ Code 👇

Atharva ☄️

190,529 görüntüleme • 3 yıl önce

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 görüntüleme • 3 yıl önce

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 görüntüleme • 2 ay önce

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

<shimmer-details> configurable css text reveal 💫

jhey ʕ•ᴥ•ʔ

42,189 görüntüleme • 2 ay önce

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 görüntüleme • 3 ay önce

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 görüntüleme • 3 yıl önce

📌 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 görüntüleme • 3 yıl önce

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 görüntüleme • 1 yıl önce

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 görüntüleme • 10 ay önce

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 görüntüleme • 1 ay önce

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 görüntüleme • 2 yıl önce

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

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

nmixx pics

28,849 görüntüleme • 1 ay önce