7 ways to deal with CSS

nothing's better than writing vanilla css 🎉😮

I just tell GPT4 my app looks like trash and ask it to style it with bootstrap for me. Boom, done.

Kevin Powell has awesome css tutorials that taught me so much about how to write it well

Opinion, but if you're using JavaScript or Tailwinds for your CSS, you don't care about bundle size. All you did was move it to a different part of the bundle and probably make it bigger.

Brother, I just wanted to add custom CCS in my Wordpress site. Wtf am I doing here

yeah i love php templates

that gave me a headache. why is the modern web like this?!

just use material ui

I thought it was just me and my beginner level knowledge's fault that I couldn't write good CSS

The announce of nesting in vanilla css made me cry

Let’s face it, we all HATE CSS.

7 wastes.

Usually, I use bootstrap and overwrite it with regular css if necessary.

What a mess...

I play the videos at .75x .

I'm making project with next.13 and I decided to use "use server" as standard. Soon I'm thinkg the best way I could do it. Currently I'm just using the support that next.js gives to styles by default (scss now integrated). Too bad I will have to use modules to avoid collision.

My favourite component lib is DaisyUI built with tailwind css and nixix-daisyui

By far the most overpowered way to deal with CSS is LEARNING CSS PROPERLY.

Productivity = Bootstrap
Personalization = Tailwind
Overall = Bootstrap

can't we create a css module file, create a css style block there and put all the tailwind classes style there inside it and use that module file on the components.

eg new file with name like text-box.module.css

inside that file

.myTextBox {
i don't know tailwind but
tailwind classes....
tailwind classes work like mixins of scss
}

and now we can put this myTextBox class to the component

Ant Design

I kind of missed another way of styling react apps and in my opinion the simplest one; style objects given to the style property. You can either statically define them outside of the component, or memoize them and make them dynamic. It requires zero setup because React supports it by default.

Doesn't Tailwind solve the issue of css being in a different file? As someone soon seeking a Jr. position, I am slightly nervous to be asked to build an app on the fly without my beloved libraries/frameworks 😅

I've been warming up to Tailwind after having given up on utility classes a few years ago. It’s really good, especially for landing pages, where there’s generally a number of different styling zones and requires a lot layout tweaks. The classname bloat is worth the advantage of focusing strictly on your HTML for all the nips and tucks. It seemed like the tradeoff was when dealing with repeating elements, where you'd need to also repeat the long stream of classnames — exactly where BEM-like naming is useful. When I started using @apply to bring Tailwind classes into stylesheets, things really took off. Tailwind’s classes make your CSS incredibly compact yet readable, esp. when combined with nesting in Sass et al. Best of both worlds.

i just use vs one and still cant work out anything

This is a fantastic overview for comparing different CSS frameworks and methodologies, for those frustrated with manual CSS.

I'd just use TailwindCSS

The best way to write css is to leave it to chat gpt

As a beginner learner, i am still confused as to what to use, have been using plain css so far since i dont have knowledge of react and js as of now so every other option you gave came with a bit of confusion with it. Will rewatch this after i am finished with learning js and react

I thought that in react for every component you have a separate css file

oh! I think I'm going back to my 11 hours css tutorial 🙃

Mantine is very, very impressive. I wish something like this existed for React native.

Learning web development is easy 😃 others said
Learning html
Yeah it's easy
Learning css,js,frameworks,databases,etc,.
Guy:its overwhelming 😮

True though
wish people like me & peers(pradeesh phoenix & many) make well in life

To programming & modern tech:you should beat them (complexity) & not join them 😏😂😳

All will be well 😃🌟✨🙌
(1.3+k comments,35+k likes,829,418th view)
10.04.2023 11:29 pm ist

Tailpile is another really solid way of doing using css now. Keeps all the tailwind stuff in separate files and lets you use your own classes.

I straight up use raw inline css

You killed me with the intro. That blinds scene is the perfect representation of how it feels to deal with CSS. 😄

Oh golly! This Html struff is real fun!
Lets use css for my table!







Regret

I love Tailwind

I usually handle CSS in 5 ways:
-ChatGpt
-Anger
-My Dad
-Deleting it
-Dance

Html js css bootstrap react ???

Can you focus on actually making videos that we can understand instead of views bruh

Tailwind is best styling framework🌚🌚. Once you stick with it , you wont return back

Most of the time I'm a fan of just using SCSS—especially with CSS custom properties. I like to keep my platform code as brand agnostic as possible, so keeping styles separate from my components is a feature and not a bug for my work. Also, I'm absolutely not a fan of the garbled, random classnames that get put on all elements to keep styles from cascading—which again, I find to be a bug rather than a feature. Particularly if content managers are going to be uploading separate HTML assets via a CMS (blog posts, banners, etc) on top of this platform, and I want those to inherit the look and feel of the surrounding application.

If it "gets hard because CSS cascades" you're doing it wrong.

i can found out that fuck css let go sleep

I really don't like css

Or just use Svelte🤣

I've only tried AntD, ready to try material next!