@@eesusck Sure, but almost everything in these videos is documented elsewhere. Typography overrides are pretty involved so a video showing how it's done (and highlighting the differences between 1 and 2) would lower the barrier to entry.
Congratulations Tailwind Labs for producing these amazing video tutorials, which shows exactly how to use TailwindCSS and all its features! By just reading the docs from tailwindcss/typography I wasn't quite sure about how and why one should use it, but this video just cleared my mind.
this is where WordPress Gutenberg editor can be awesome in combination with tailwind, it's easy to add programmatically tailwind classes to Gutenberg blocks
Thank you for a great product and tutorial. On my system, I need to change the h1 color on a single div. How can I tell prose to use white color on this div? Currently I've added a class using !important to get the text color to change. Is there a "prose" way? Thank you!
If you mean an exterior font from Google fonts or something then yes. You’ll usually add that to your Tailwind config file. Now that JIT has been released I’m not sure if you can just link it via an html link tag and then reference it inline.
Thanks for the video. Do you have a WYSIWYG editor recommendation that plays nicely with this? I've tried Quilljs, but the break line produce a huge space between paragraphs since they generate 'p' tag with 'br' inside.
How is the situation of youtube, Facebook and Twitter links, where they load the video and the Card of the information of that link, which are added in the text editors of the CMS WordPress?
Can the typography plugin not be used for HTML markup? I would love to have access to a professionally curated set of CSS utilities. I want to pick the font, and then let Tailwind CSS do the work. :-)
how to style image inside paragraph? tried like .cms-content p > img { mx-auto } and I got "container" and "mx-auto" in the component that renders a data from CMS. Haven't worked
can we get a course or yt series ofr new pattern and best practices ? I am allergic to css but this library makes me think again and again to try it out.
Main advantage of tailwind is design system that makes noob designer look really good. Downside is critical CSS for page is not added until bloated sheet is loaded.
@@Svish_ First of all I use them both. Secondly size of CSS file is unimportant. Issue is that it makes another network request to download CSS file. If the critical CSS was embeded in the HTML file then before full CSS file was downloaded you have styling. And its super critical for Web Vitals i.e. LCP, FID, CLS. So yes the current workaround is I embed entire website CSS inside the HTML. But unfortunately purgeCSS generates CSS for whole website not for per page basis. And as your site gets more pages then more unnecessary CSS gets added.
Styling markdown tuts from you guys is something I'm waiting for!
A video about overriding settings on the typography plugin would be very useful. The format for this changed from Tailwind 1 to 2.
It's explained in the repo's readme.md 👍
@@eesusck Sure, but almost everything in these videos is documented elsewhere. Typography overrides are pretty involved so a video showing how it's done (and highlighting the differences between 1 and 2) would lower the barrier to entry.
Congratulations Tailwind Labs for producing these amazing video tutorials, which shows exactly how to use TailwindCSS and all its features! By just reading the docs from tailwindcss/typography I wasn't quite sure about how and why one should use it, but this video just cleared my mind.
🤩 so cool. Can’t wait to try this out with Nuxt Content Module
Saved me from the trouble to create my own component to handle markdown! Tailwind is awesome!
Tailwind is amazing, was stuggling to style my markdown from a CMS and all I needed was this installation. Thanks!!
Tailwind is getting better and better every release and I consider it the standard "de facto" for my daily front-end development.
Thank You! typography is game changer when you dealing with CMS's.
This is very great man I'm using the typography plug-in in my blog it's amazing !!
This is nice. I was hoping it would show how to change fonts of headings vs fonts of paragraphs and links, etc
Such high production value 🤙
This is just what I was looking for to use with Hugo. Thanks a bunch!
Loved the style of your music.
Wizzy Wig! I've never heard anybody say it like that, I love it!
Simon never blinks...!! 😮
I just want to cry, I should have seen this video 4 hours ago.
That whisper at 1:07 was hilarious 🤣🤣🤣🤣🤣🤣🤣🤣
The best! Thanks you so much dude.
You guys are freaking crazyyyyy!!! Insane!!
this is where WordPress Gutenberg editor can be awesome in combination with tailwind, it's easy to add programmatically tailwind classes to Gutenberg blocks
lovely tutorial! would also mention dark mode.
Awesome Thanks Man
Thank you from Indonesia 🥰
Thank you for a great product and tutorial. On my system, I need to change the h1 color on a single div. How can I tell prose to use white color on this div? Currently I've added a class using !important to get the text color to change. Is there a "prose" way? Thank you!
Hey, thanks. It was really helpful.
Can the font family be changed?
If you mean an exterior font from Google fonts or something then yes. You’ll usually add that to your Tailwind config file.
Now that JIT has been released I’m not sure if you can just link it via an html link tag and then reference it inline.
Thanks for the video. Do you have a WYSIWYG editor recommendation that plays nicely with this? I've tried Quilljs, but the break line produce a huge space between paragraphs since they generate 'p' tag with 'br' inside.
Maybe you can use shift+Enter, Instead of Enter, Works for me in Ckeditor
Man, we have the same exact hairstyle.
How is the situation of youtube, Facebook and Twitter links, where they load the video and the Card of the information of that link, which are added in the text editors of the CMS WordPress?
Can the typography plugin not be used for HTML markup? I would love to have access to a professionally curated set of CSS utilities. I want to pick the font, and then let Tailwind CSS do the work. :-)
how to style image inside paragraph? tried like .cms-content p > img { mx-auto } and I got "container" and "mx-auto" in the component that renders a data from CMS. Haven't worked
this is beautiful.
The title of the video says Markdown, but your CMS content is in HTML, no? Which markdown to html converter do you use?
shhhhh! Typography plugin is awesome!
Awesome ! So if I'm very lazy I can even use this with a normal html file 😎
How to use njk files? 11ty? Thought you were using Vite
can we get a course or yt series ofr new pattern and best practices ? I am allergic to css but this library makes me think again and again to try it out.
wow, nice! it's so useful!!!!!
I wish prose worked with Dark mode! 🙏
Doesn't it just inherit base colors? So if dark mode changes base color, prose should too?
@@Svish_ it should but it doesn't. There is an issue in the tailwind typography repo
Thanks 👍❤️ . Could you please share, What's that template system used in this project
I think he’s using nunjucks
@@LouisAgyapong Thanks 👍❤️
omg 😍
whats your editor font?
It's 'Operator Mono' by Hoefler&Co
Cool!
omg thank you
I need a help, to know how is he calling the cms content. I couldn't get it. Please do help me
What about lists? HTML ul, ol and li are unstyled due to thee pre-flight of TailwindCSS
Not after you add the `prose` class to the wrapping element 👍🏻
@@TailwindLabs That's excellent. All these plugins for forms, typography & JIT, Tailwind is going places
I will try it
I really like tailwind css framework but i don't like for styling one element i have to use so many utility class in my HTML
hello, how integrate tailwind-typography with laravel
Main advantage of tailwind is design system that makes noob designer look really good. Downside is critical CSS for page is not added until bloated sheet is loaded.
Use their PurgeCSS integration, or their new jit compiler. I end up with an even smaller CSS-file than I would otherwise.
@@Svish_ First of all I use them both. Secondly size of CSS file is unimportant. Issue is that it makes another network request to download CSS file. If the critical CSS was embeded in the HTML file then before full CSS file was downloaded you have styling. And its super critical for Web Vitals i.e. LCP, FID, CLS. So yes the current workaround is I embed entire website CSS inside the HTML. But unfortunately purgeCSS generates CSS for whole website not for per page basis. And as your site gets more pages then more unnecessary CSS gets added.
amazing
01:08 😂 I don't know if you are the kid or you treating us like kids
Shhh! 🤫
hi I'm learning Tailwind in Persian language