• views: 207
• date: 26 June 2023
• posted by: voska89

In the past few years, utility-first CSS has been a popular trend within the front-end landscape. You might have seen it mentioned alongside a tool called Tailwind CSS.
So what is "utility"?
What problem does this utility-first approach solve?
How does Tailwind fit into this?
And most importantly: how do you apply Tailwind in a Vue.js application?
We're going to answer all of that in this course.
Free Download Okay, but why do we need Tailwind?
Notice that in the example above, we didn't even have to use any framework. So why do we need Tailwind, or any similar framework for that matter?
First, someone has to create all of these CSS Utility classes (hundreds of them), so either you create them yourself, or you can use an existing solution with widely-adopted naming conventions.
Second, a framework provides more useful features, such as Just-In-Time compilation to create dynamic classes, and responsive design features.
We'll talk more about these later in the course.
Lastly, a framework can be customized with your own configuration settings.
What is this course about?
This course is structured around refactoring an existing Vue.js application. Along the way, you'll learn the basics of using Tailwind. And we'll also get into advanced topics such as Responsive Design, Conditional Style, and Configurations. We'll wrap up the course with the final lessons of Custom Class and Code-Reuse Patterns.
At the end, you'll be able to apply Tailwind in a Vue.js project.
If that sounds good to you, let's move to the next lesson where we'll be setting up Tailwind for a Vue.js application.
Homepage

https://www.vuemastery.com/courses/utility-first-css-with-tailwind

   
   
   

Forex Trading

Crypto Trading. 20 USD Bonus after KYC

We need your support!
Make a donation to help us stay online
        
Bitcoin (BTC)
bc1q08g9d22cxkawsjlf8etuek2pc9n2a3hs4cdrld
	
Bitcoin Cash (BCH)
qqvwexzhvgauxq2apgc4j0ewvcak6hh6lsnzmvtkem

Ethereum (ETH)
0xb55513D2c91A6e3c497621644ec99e206CDaf239

Litecoin (LTC)
ltc1qt6g2trfv9tjs4qj68sqc4uf0ukvc9jpnsyt59u

USDT (ERC20)
0xb55513D2c91A6e3c497621644ec99e206CDaf239

USDT (TRC20)
TYdPNrz7v1P9riWBWZ317oBgJueheGjATm

0 1 2 3 4 5

| Print version |

	Information
		Users of GUESTS are not allowed to comment this publication.