Video wird geladen...

Video konnte nicht geladen werden

Zur Startseite

Having a blast working on a tool to create wide gamut color palettes for Tailwind CSS v4.

DanHollick's profile picture

Dan Hollick

47,372 subscribers

44,114 Aufrufe • vor 1 Jahr •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

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 Aufrufe • vor 3 Jahren

Deployed the first Tailwind CSS v4-powered website to the internet this afternoon 🥳 Native cascade layers, `@​property` definitions, `color-mix()`, and variables galore 🤩
0:17

Deployed the first Tailwind CSS v4-powered website to the internet this afternoon 🥳 Native cascade layers, `@​property` definitions, `color-mix()`, and variables galore 🤩

Adam Wathan

91,538 Aufrufe • vor 2 Jahren

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

Added a glow feature to my shadcn cards with tailwind v4, no component duplication, just blendmode and css shananigans ✨
0:14

Added a glow feature to my shadcn cards with tailwind v4, no component duplication, just blendmode and css shananigans ✨

Dev Ed

60,593 Aufrufe • vor 1 Jahr

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

Here's a clean, animated Tailwind CSS detail accordion with no javascript. Not sure if possible in v3, but so much easier with V4.
0:11

Here's a clean, animated Tailwind CSS detail accordion with no javascript. Not sure if possible in v3, but so much easier with V4.

Tony Lea

115,614 Aufrufe • vor 1 Jahr

finally got around to updating my site to Next.js 15 + Tailwind CSS v4. finally added a dark mode which was quite nice with oklch() + v4 theme vars. i made it greenish to complement my warm light mode. also used View Transition API + svg filter for this theme reveal effect.
0:10

finally got around to updating my site to Next.js 15 + Tailwind CSS v4. finally added a dark mode which was quite nice with oklch() + v4 theme vars. i made it greenish to complement my warm light mode. also used View Transition API + svg filter for this theme reveal effect.

Stammy

72,402 Aufrufe • vor 1 Jahr

Introducing custom color palettes for FigJam. To celebrate, we’ll be bringing a little color to your feed today 🎨 #FigJamColorDay
0:11

Introducing custom color palettes for FigJam. To celebrate, we’ll be bringing a little color to your feed today 🎨 #FigJamColorDay

Figma

60,379 Aufrufe • vor 2 Jahren

Need a color palette for #dataviz? ➡️ Check my color palette finder! 🚀 2500 palettes available 👀 Instantly see how palette looks like on 7 charts ⌨️ R/Python code available ☑️ Test for color-blindness 🔎 Filter palettes easily
0:15

Need a color palette for #dataviz? ➡️ Check my color palette finder! 🚀 2500 palettes available 👀 Instantly see how palette looks like on 7 charts ⌨️ R/Python code available ☑️ Test for color-blindness 🔎 Filter palettes easily

Yan Holtz

12,947 Aufrufe • vor 1 Jahr

Looking for the best color palette? 😔 Check the tool we just created with Joseph: 🎨 2500+ palettes 🐍 Python Library to get them 🔍 Easy-to-use application to find your perfect match Feedback welcome, we're working hard on this right now!
0:16

Looking for the best color palette? 😔 Check the tool we just created with Joseph: 🎨 2500+ palettes 🐍 Python Library to get them 🔍 Easy-to-use application to find your perfect match Feedback welcome, we're working hard on this right now!

Yan Holtz

76,616 Aufrufe • vor 2 Jahren

Working on a little tool that converts Tailwind Plus components to dark mode with Claude. There are like 600 components, so hopefully this'll speed things up a bit.
0:18

Working on a little tool that converts Tailwind Plus components to dark mode with Claude. There are like 600 components, so hopefully this'll speed things up a bit.

Dan Hollick

37,755 Aufrufe • vor 1 Jahr

Understanding Accessibility A tool for web designers that explains how to use color, typography and media to create accessible interfaces.
0:14

Understanding Accessibility A tool for web designers that explains how to use color, typography and media to create accessible interfaces.

Nick Babich

142,022 Aufrufe • vor 2 Jahren

Excited to announce that CodeSandbox now has full Tailwind CSS integration! ✨✨ Projects using Tailwind will now automatically get: - Classname autocomplete - Linting - Color highlighting - Hover previews Our Next template has it by default:
0:16

Excited to announce that CodeSandbox now has full Tailwind CSS integration! ✨✨ Projects using Tailwind will now automatically get: - Classname autocomplete - Linting - Color highlighting - Hover previews Our Next template has it by default:

Ives van Hoorne

129,927 Aufrufe • vor 3 Jahren

we’re having a blast working if you couldn’t tell
0:02

we’re having a blast working if you couldn’t tell

ryz 🔱🌊

33,835 Aufrufe • vor 10 Monaten

Looks like Shopify just shipped a redesign! Built with Tailwind CSS 🤩
0:12

Looks like Shopify just shipped a redesign! Built with Tailwind CSS 🤩

Adam Wathan

451,714 Aufrufe • vor 3 Jahren

TailwindCSS Tip 1/5 Create Responsive Image Gallery easily with Tailwind CSS Check out steps 🧵👇
0:11

TailwindCSS Tip 1/5 Create Responsive Image Gallery easily with Tailwind CSS Check out steps 🧵👇

Poonam Soni

25,970 Aufrufe • vor 3 Jahren

I’m creating a playground of CSS easing functions 🌟 Each animation will include an SVG preview, along with a ready-to-copy Tailwind CSS class. Launching next week 🔥
0:12

I’m creating a playground of CSS easing functions 🌟 Each animation will include an SVG preview, along with a ready-to-copy Tailwind CSS class. Launching next week 🔥

Pasquale Vitiello

35,479 Aufrufe • vor 1 Jahr

Tailwind Tweak #6 Learn how to do custom form validation with Tailwind CSS, no JavaScript required. 🪄 Code: Don't forget to follow for daily tweaks!🫶🏻
0:12

Tailwind Tweak #6 Learn how to do custom form validation with Tailwind CSS, no JavaScript required. 🪄 Code: Don't forget to follow for daily tweaks!🫶🏻

Namya @ Supafast

57,316 Aufrufe • vor 3 Jahren

Introducing customizable Theme Presets for your boring shadcn / Tailwind CSS websites
0:16

Introducing customizable Theme Presets for your boring shadcn / Tailwind CSS websites

Sahaj

163,775 Aufrufe • vor 1 Jahr

Put together this little demo for the introduction module in this new "Tailwind CSS by Example" course I'm working on. Succinctly covers all of the fundamental elements of building things with Tailwind in one example 👍 Excited to get back in the studio and hit record 🎬
0:15

Put together this little demo for the introduction module in this new "Tailwind CSS by Example" course I'm working on. Succinctly covers all of the fundamental elements of building things with Tailwind in one example 👍 Excited to get back in the studio and hit record 🎬

Adam Wathan

28,667 Aufrufe • vor 10 Monaten