Still not convinced about using Tailwind. It simply looks ugly on tag element and pollutes class name with long cryptic values. While vanilla css is clean and structured, no short names. And to use it you simply add short class name.
I agree 100%. I like to have control over my code and it should be readable and maintainable. The problem seams to me that devs use tailwind without understanding the basics of CSS.
Tailwind solves some of the inconveniences of working with css, style resetting , naming classes , shared utility classes, style encapsulation, at the expense of bloated HTML
The problem with tailwind is its like a marriage. Once you go that path you are locked. That also will lead a beginner to not learn css, but to learn tailwind.
This was amazing. Thank you so much brother. I did not know about the CSS Reset, a whole new concept to me but something I have been looking to do for years within projects...😂
Good stuff. The example at @5:20 I think could also benefit from the use of the "owl" selector aka an adjacent sibling combinator: icon + icon { add right border}
Almost most of these were personal opinion. The :not pseudo and Tailwind's reason is just ridiculous. Just because the code is shorter, it would be a good code. There's much thing to consider such as readability, sustainability, etc. Just because we do not LIKE to use the recent or latest or popular technology, we are doing a mistake. You're just simply being FOMO and edgy tech guy right there. Not every project required us to write some Go or Rust lmao. Styled components still get the job done. CSS-in-JS also works pretty well. Even vanilla CSS is still awesome (but you might need to consider using SASS instead). I don't agree with what you're saying but I'd still respect your preferences. It's your channel after all.
Sorry I'm a bit confused about what you showed in your first example... Ok I get it you specifiy a root size as 16px and then the rem represents multiples of that. WHY does this have anything to do with resizing? I think you missed explain they WHY does using rem covering resizing? Because to me... just resizing doesn't change the root's base of 16px... so why would anything else change?
1) aspect-ratio is not supported on most iOS devices that people use today. The majority have not upgraded to a browser that supports it. It's that simple. aspect-ratio is my favorite css which I cannot use. i built a ton of projects with it and had to rewrite them all. 2) tailwind is ugly as sin. I gagged when I saw that HTML. I can still taste the vomit. Don't do that to your HTML.
There is a reason not to use :not() yet. Although it has 91 % Browser Support on modern browsers, it is still in a Working Draft State. So, not quite ready for use in production.
Still not convinced about using Tailwind. It simply looks ugly on tag element and pollutes class name with long cryptic values. While vanilla css is clean and structured, no short names. And to use it you simply add short class name.
I agree 100%. I like to have control over my code and it should be readable and maintainable.
The problem seams to me that devs use tailwind without understanding the basics of CSS.
Tailwind solves some of the inconveniences of working with css, style resetting , naming classes , shared utility classes, style encapsulation, at the expense of bloated HTML
The problem with tailwind is its like a marriage. Once you go that path you are locked.
That also will lead a beginner to not learn css, but to learn tailwind.
@@angmak7321 definitely agree
This was amazing. Thank you so much brother.
I did not know about the CSS Reset, a whole new concept to me but something I have been looking to do for years within projects...😂
Good stuff. The example at @5:20 I think could also benefit from the use of the "owl" selector aka an adjacent sibling combinator: icon + icon { add right border}
The "junior" is 100% unnecesary and is kind of desperate.
Almost most of these were personal opinion. The :not pseudo and Tailwind's reason is just ridiculous.
Just because the code is shorter, it would be a good code. There's much thing to consider such as readability, sustainability, etc.
Just because we do not LIKE to use the recent or latest or popular technology, we are doing a mistake. You're just simply being FOMO and edgy tech guy right there.
Not every project required us to write some Go or Rust lmao. Styled components still get the job done. CSS-in-JS also works pretty well. Even vanilla CSS is still awesome (but you might need to consider using SASS instead).
I don't agree with what you're saying but I'd still respect your preferences. It's your channel after all.
Sorry I'm a bit confused about what you showed in your first example... Ok I get it you specifiy a root size as 16px and then the rem represents multiples of that. WHY does this have anything to do with resizing? I think you missed explain they WHY does using rem covering resizing? Because to me... just resizing doesn't change the root's base of 16px... so why would anything else change?
I hope you give us more senior advices, and thank u
6:24
npm i normalize.css
in the inedx file :
import 'normalize.css'
been using normalize CSS for years now
Superb 💥
1) aspect-ratio is not supported on most iOS devices that people use today. The majority have not upgraded to a browser that supports it. It's that simple. aspect-ratio is my favorite css which I cannot use. i built a ton of projects with it and had to rewrite them all.
2) tailwind is ugly as sin. I gagged when I saw that HTML. I can still taste the vomit. Don't do that to your HTML.
There is a reason not to use :not() yet. Although it has 91 % Browser Support on modern browsers, it is still in a Working Draft State. So, not quite ready for use in production.
Bro WD only for passing set of selectors inside :not(), for passing single value inside it’s 100% for a fee years now
8:33 SCSS for life
This video is helpful.
8:10 just a timestamp for me.
html is always root, why u mention body here. Rem’s are god for font sizing but not for images or for block sizes
you can use inline styles instead tailwind. background-color: red or bg-red there is no difference
I like tailwind css🎉😊
🙏🙏👍👍
I hope everyone knows what Ligma AI actually is
Heh ligmaai
Tailwind saved me from fighting css on my designs