Effortless typography, even in dark mode - Tailwind CSS Typography v0.5

  • Опубликовано: 2 года назад

    Tailwind LabsTailwind Labs
    подписчиков: 89 тыс.

    In this video, I'll walk you through all of the new features in Tailwind CSS Typography v0.5, including dark mode support, new customization possibilities, and a better way to embed outside markup in your content.
    Announcement: tailwindcss.com/blog/tailwind...
    Documentation: tailwindcss.com/docs/typograp...

@rahulsriram6295 +101
@rahulsriram6295

The amount of times I reach the documentation of Tailwind is getting lesser and lesser daily due to these videos...Great Job Simon

2 года назад
@simonswiss +6
@simonswiss

That's great to hear!

2 года назад
@indigo0086 +1
@indigo0086

They really did make the effort to build a universal intuition around their css utilities. raw css isn't nearly this intuitive imo, I'm learning more about css from using tailwind than my 10 years of hacking around with css.

Год назад
@Felipe-53 +11
@Felipe-53

Wow, this is absolutelly phenomenal! Great job there, these new features are exactly what I was missing with this plugin. Awesome stuff!

2 года назад
@santiagogalindohidalgo9876 +11
@santiagogalindohidalgo9876

Wow... finally we got not-prose, I couldn't help but update my project, worked like a charm, thanks for all the great work =)

2 года назад
@IanZamojc +4
@IanZamojc

Really awesome to see Typography getting some love. The overrides are a very welcome change.

2 года назад
@martinfilteau8668 +4
@martinfilteau8668

Simon, you're making Tailwind CSS so much fun to use! Thanks!

2 года назад
@dance2die +2
@dance2die

You just had go on and have to make my life EASIER.... :) I was using Typography plugin for blog but had to use "important" to override. Now I will update the code while implementing dark mode.

2 года назад
@sugiii9616
@sugiii9616

Tailwind is a drug, i cant live without it now, thank you so much

2 года назад
@Felipe-53 +2
@Felipe-53

dark-mode for this plugin is a awesome, and so is the "not-prose" class. Amazing!

2 года назад
@nomus3101 +1
@nomus3101

Love these video from SImon, quick and straight to the point.

2 года назад
@christostsangaris4785 +1
@christostsangaris4785

TailwindCSS never seizes to amaze me!

2 года назад
@swyxTV +1
@swyxTV

THIS SOLVES EVERY PROBLEM I HAD WITH TAILWIND TYPOGRAPHY. THANK YOU TEAM

2 года назад
@abdulbasir8740
@abdulbasir8740

Just applied these new features in my website, so happy we can now style all details of markdown.

2 года назад
@rimzzlabs
@rimzzlabs

Wow this is awesome update, looking forward for the syntax highlighting support!

2 года назад
@gorkacesium
@gorkacesium

keeps getting better and better

2 года назад
@buddhavskungfu +34
@buddhavskungfu

Excellent! I won't go back to any other CSS framework or vanilla. That said, when will we get dark mode for the documentations? I've been inverting the doc pages with the page with a plugin/extension when designing and it's not ideal.

2 года назад
@patheticgeek +7
@patheticgeek

+1 dark mode docs!!

2 года назад
@andylib +1
@andylib

+1

2 года назад
@SimplyMerlin +3
@SimplyMerlin

its there now

2 года назад
@iUmerFarooq
@iUmerFarooq

Amazing! just changing single property it change entire layout. Thank you tailwind team.

2 года назад
@justingolden21
@justingolden21

Lot of info and awesome features in a short referenceable video, nice

2 года назад
@Jangeroo
@Jangeroo

These videos are so insanely good, imma finally give tailwind a shot

2 года назад
@valtism
@valtism

Lucked into using 0.5 even before the docs on it were out. `not-prose` was a lifesaver. Make sure to wear sunscreen, Simon!

2 года назад
@karsongrady +1
@karsongrady

I just love where tailwind is going

2 года назад
@adR9990
@adR9990

Holy crap this is an amazingly useful plugin for developers who aren't great at styling content! I need to use this right now.

2 года назад
@jugibur2117 +1
@jugibur2117

As always enriching and entertaining, thanks!

2 года назад
@Quabbe2
@Quabbe2

not-prose is just great. Love you guys!

2 года назад
@codernerd7076 +1
@codernerd7076

All great new features! 😃👍

2 года назад
@NirazanBsnt
@NirazanBsnt

Great work. My fav TailwindCss

2 года назад
@H-Root
@H-Root

Big love for your great efforts ♥

2 года назад
@dexdevlon
@dexdevlon

Man, I love TailWindCSS.

Год назад
@MrSonicastra
@MrSonicastra

Nice, thanks for this Tailwindcss!

2 года назад
@awksomeid6965
@awksomeid6965

amazing as always

2 года назад
@johnofone
@johnofone

Great video!!! (Love all the videos! So so so helpful!!!)

2 года назад
@galaxiegalaxie5003
@galaxiegalaxie5003

Great, thanks, we also need full on videos tutorial on svelte and tailwind css 3.0,may be one great site

2 года назад
@gabriellinassi3382
@gabriellinassi3382

This is so nice. Thank you!

2 года назад
@Muphet +1
@Muphet

tailwind just keeps on wow-ing me every update

2 года назад
@PhilipDanielHayton
@PhilipDanielHayton

This is incredible

2 года назад
@samarbid13 +5
@samarbid13

can you do more content on the dynamic styles that are coupled with javaScript? in other words, how can Tailwind replace StyledComponents when it comes to custom animations or conditional behaviors with JavaScript?

2 года назад
@neociber24 +1
@neociber24

I'm curious about that too, but I think that's what *Headless UI* library is for, is build by the TailwindCSS team.

2 года назад
@martinh4982 +1
@martinh4982

Very nice! Will tailwindcss/forms get an opt out feature like this one?

2 года назад
@emmanuelmorales9308 +1
@emmanuelmorales9308

In Astro the prose-pre: bg and prose-pre:text has to overwitted. In prose-pre:!bg works but in prose-pre:!text not

Год назад
@HeyNoah
@HeyNoah

This is awesomeeeeeeee!!! Thank you thank you thank you!!!

2 года назад
@lokenathkarmakar
@lokenathkarmakar

This is going to be really useful

2 года назад
@alexandersamokhin
@alexandersamokhin

When you have many classes they are breaking up to the next line. How to achieve it? I have prettier installed and tried to edit some settings, but still having long lines of classes that don’t break.

2 года назад
@debjit21
@debjit21

Any tutorial on how to build dark/normal mode toggle with react? I love to checkout.

2 года назад
@vinit.khandelwal
@vinit.khandelwal

Fabulous example

2 года назад
@Balance-8
@Balance-8

Would you want to use prose if you had to do some flexbox inside of the markdown?

2 года назад
@DioArsya
@DioArsya

always.always.great!

2 года назад
@4c4rn4ge
@4c4rn4ge

Loving the background of the thumbnail picture! Want a tutorial about it ! :P

2 года назад
@aiyushg1769 +2
@aiyushg1769

Brilliant :)

2 года назад
@ginsilver8771
@ginsilver8771

How are you adding the markdown, i am trying to do it in react

2 года назад
@waleedmumtaz +1
@waleedmumtaz

Awesome! ♥

2 года назад
@abbahanoh4809
@abbahanoh4809

Hi Simon ! What stack did you use in this video ? pleazzzzz

2 года назад
@lawrencemotions8720
@lawrencemotions8720

Please do a video with tailwind css keyframes and custom animations , Would love some content about Keyframing and creating costume animations with keyframing in tailwind.config.

2 года назад
@AddMotionLeb
@AddMotionLeb

Excellent. Is there a typography for rtl languages ?

2 года назад
@DanteMishima
@DanteMishima

This is very very very useful!

2 года назад
@Kimeru
@Kimeru

Amazing!

2 года назад
@bassman2145
@bassman2145

Does anyone know what font is being used in the code editor?

4 месяца назад
@amirsaedi356
@amirsaedi356

You're awesome bro 👌

2 года назад
@maxhamulyak8013 +1
@maxhamulyak8013

Which framework did you use for this demo / rendering the markdown?

2 года назад
@neociber24
@neociber24

Not sure, but looks like a pipe from Angular

2 года назад
@maciejka1
@maciejka1

i remember how amazed i was when friend of mine said "have you heard about tailwind? "

2 года назад
@miad7202
@miad7202

I love it!

2 года назад
@GammaWraith
@GammaWraith

Is there a way to add other variants for theming. eg. Dark - darkmode, (default) - lightmode), "custom-teal" - "teal theme", "custom-indigo"-"indigo-theme" ?

2 года назад
@anaycoding6594 +1
@anaycoding6594

You can make a plugin with a new variant that only applies to an element that is a descendant of anything wih a class of teal-theme

2 года назад
@MarjoForcado
@MarjoForcado

I love you guys!!

2 года назад
@AlejandroVivas
@AlejandroVivas

We don't deserve you, guys. Thank you!!

2 года назад
@azam920
@azam920

Yeap as always amazing 👍

2 года назад
@pama4546
@pama4546

Prose is great option, but unfortunately it can only be used in code components, not in the whole project as base. It is a pity that we have to set up typography that we already have in prose code.

2 года назад
@abdelilahou2822
@abdelilahou2822

guys help tailwind v 3 doesnt work on vue 3 i dont know why if any one tried it bfr i need some help ASAP

2 года назад
@aminezz2584
@aminezz2584

Hi 👋What font are you using in vs code

2 года назад
@islemmedjahdi3737
@islemmedjahdi3737

Wow! thank you so much

2 года назад
@JoelDzs
@JoelDzs

How does the dark mode toggle work ?

2 года назад
@s1n7ax
@s1n7ax

Amaizing video

24 дня назад
@kooh4558
@kooh4558

hello i love the font, what's the name??

8 месяцев назад
@muneebakram1670
@muneebakram1670

what is the background music name?

2 года назад
@JasonChannelOne
@JasonChannelOne

so awesome!

2 года назад
@codephilip
@codephilip

Awesome 👏

2 года назад
@garbjorn1757
@garbjorn1757

Hello how can I have a button with bg-indigo-600 and hover:bg-indigo-400 and dark:bg-sky-600 but how can I change hover bg when in dark mode?

2 года назад
@TailwindLabs +1
@TailwindLabs

Combine the modifiers like dark:hover:bg-sky-400 👍

2 года назад
@stefanmichalsky-hirschberg1545
@stefanmichalsky-hirschberg1545

Awesome!

2 года назад
@lsagar
@lsagar

Mindblown

2 года назад
@WhOAmI-eo5lf
@WhOAmI-eo5lf

Thanks a lot

2 года назад
@mohammadjavadi2283
@mohammadjavadi2283

Wooooow that's good 👍

2 года назад
@marvin_e
@marvin_e

top tier

2 года назад
@user-ji7mq7sn6w
@user-ji7mq7sn6w

Tailwind is ❤️

2 года назад
@DanielSpravtsev
@DanielSpravtsev

Oh God, thanks for ‘not-prose’ 😁

2 года назад
@amirbahador.developer
@amirbahador.developer

ty sir 🙏🏻🌷🌹❤️👍

Год назад
@laden6675
@laden6675

Why is this a plugin, and not included by default in Tailwind?

2 года назад
@abacuswithrehan264
@abacuswithrehan264

Because It might not get used all time and it will increase package size

2 года назад
@apvarun
@apvarun

Sweeeeeet!!

2 года назад
@LordTeleman
@LordTeleman

Noice!

2 года назад
@gidmanone
@gidmanone

i know this is a joke but can someone please explain it. thanks

2 года назад
@simonswiss
@simonswiss

@@gidmanone Sounds like the perfectly normal way to say "nice" here in Australia 🤣

2 года назад
@gidmanone
@gidmanone

@@simonswiss accent ..huh

2 года назад
@AntNZ
@AntNZ

Wait....... You can use markdown as an html datasource........ 😳

2 года назад
@neociber24
@neociber24

I think is a framework, looks like Angular

2 года назад
@himanshusrivastava931
@himanshusrivastava931

1. Click on the video 2. Like the video before watching it 3. Now you are ready to learn how to do magic 😁

2 года назад
@karngyan
@karngyan

boom

2 года назад
@itdobedat
@itdobedat

I M U H G U H

2 года назад
@user-mu9yo2nz1w
@user-mu9yo2nz1w

Bow

16 дней назад
@twitchizle
@twitchizle

grey

2 года назад
@mirzarm
@mirzarm

img 😂🤣😭😭😭😭

2 года назад
@muhamadrafipamungkas4465
@muhamadrafipamungkas4465

Tailwind is witchcraft

2 года назад
@victorlongon
@victorlongon

Wow, ok tailwind brings some good things to the table (although i think is far from perfect as a lot of people thing), but saying "complex css in js" complex syntax and comparing to 4 lines of classNames. Come on dude 😅

2 года назад
@Felipe-53 +1
@Felipe-53

dark-mode for this plugin is a awesome, and so is the "not-prose" class. Amazing!

2 года назад
@smakosh
@smakosh

Amazing!

2 года назад
@quick_007
@quick_007

Amazing!

2 года назад

Далее

Sorting Tailwind CSS Classes Automatically with Prettier

10:00

Sorting Tailwind CSS Classes Automatically with Prettier

Tailwind Labs

Просмотров 80 тыс.

You’re doing dark mode wrong!

7:54

You’re doing dark mode wrong!

Coding in Public

Просмотров 30 тыс.

Cute Couple Gone Wrong 😂❤️

00:17

Cute Couple Gone Wrong 😂❤️

Alan Chikin Chow

Просмотров 1,8 млн

ГРАБИТЕЛЬ ПРИШЕЛ НА ЧАЙ

00:37

ГРАБИТЕЛЬ ПРИШЕЛ НА ЧАЙ

stunning max

Просмотров 84 тыс.

Styling Markdown and CMS Content with Tailwind CSS

9:13

Styling Markdown and CMS Content with Tailwind CSS

Tailwind Labs

Просмотров 44 тыс.

Floating Labels with Tailwind CSS

10:19

Floating Labels with Tailwind CSS

Tailwind Labs

Просмотров 92 тыс.

The All-New Just-in-Time CDN - Tailwind CSS v3.0 Preview

7:25

The All-New Just-in-Time CDN - Tailwind CSS v3.0 Preview

Tailwind Labs

Просмотров 29 тыс.

I WISH I Knew These Tailwind Tips Earlier

9:15

I WISH I Knew These Tailwind Tips Earlier

Theo - t3․gg

Просмотров 147 тыс.

Translating a Custom Design System to Tailwind CSS

10:10

Translating a Custom Design System to Tailwind CSS

Tailwind Labs

Просмотров 107 тыс.

Dark mode with TailwindCSS in under 7 minutes

6:58

Dark mode with TailwindCSS in under 7 minutes

Built With Code

Просмотров 10 тыс.

Mix & Background Blending Utilities - What's new in Tailwind CSS

9:22

Mix & Background Blending Utilities - What's new in Tailwind CSS

Tailwind Labs

Просмотров 29 тыс.

Styling Forms with Tailwind CSS

17:25

Styling Forms with Tailwind CSS

Tailwind Labs

Просмотров 134 тыс.

Glowing Background Gradient Effects with Tailwind CSS

9:13

Glowing Background Gradient Effects with Tailwind CSS

Tailwind Labs

Просмотров 77 тыс.

My Favorite Tailwind Tools

11:51

My Favorite Tailwind Tools

Coding in Public

Просмотров 17 тыс.

Apple Vision Pro got him ACTIN UP

0:26

Apple Vision Pro got him ACTIN UP

Trevor Wallace

Просмотров 9 млн

Интернет без проводов!!!😮  #shorts

0:21

Интернет без проводов!!!😮 #shorts

Клуб DNS

Просмотров 105 тыс.

Блок питания с дырочкой

0:55

Блок питания с дырочкой

Купи дёшево

Просмотров 24 тыс.

Что делать если iPhone быстро разряжается?

0:32