Sign inJoin
4
9 Comments

Everyone hates CSS

by Hamza Nouali

I'm a full-stack dev, I was considering CSS really hard to deal with for a long time. I have some friends who are bad at design and barely know how to use CSS and hate it.

Last year, I decided to learn CSS again after 6+ years of web development.

If you are a developer but hate CSS. maybe you should give it more time and learn it the right way.

Hamza Nouali's avatarHamza Nouali
on February 7, 2021
Say something nice to hamza__nouali…
Post Comment
  1. 2

    Hi Hamza,

    I really like the takeaway phrase from your post of "learn it the right way" 👏 - nicely said! Do you have any recommended resources for learning CSS which you think are helpful for those with a Dev background? For example, Refactoring UI is definitely one of the game changers (though I haven't purchased it myself, yet) - but what others could you suggest?

    Thanks!

    xmok's avatar xmok
    ·
    6 years ago
    ·
    Reply
    1. 1

      I learned by working on things that look really hard to build as a full-stack developer:

      • I tried to build responsive dashboard layouts using CSS + Bootstrap.
      • Navigation menus and dropdowns.
      • etc

      I used to watch Kevin Powell. He makes great content about CSS and Vanilla JavaScript.

      Refactoring UI looks really good too!

      CSS is simple:

      • Just learn flexbox, they are the power of CSS.
      • CSS selectors and how to use them (CSS selectors are powerful when used with JavaScript too).
      • ::before and ::after.
      • Mobile-first approach.
      • BEM for writing clean code.

      My best CSS framework:

      • I love Bootstrap, especially that version 5 has come with a lot of improvements.
      Hamza Nouali's avatar Hamza Nouali
      ·
      6 years ago
      ·
      Reply
      1. 1

        Ah yes a ➕1️⃣ for Kevin Powell from my side as well! I agree with everything you've written but I do have one more question:

        I agree that Bootstrap is a great framework especially with version 5's dropping of jQuery, addition of Icons, new mixins, etc. - but given that many consider Bootstrap to be "opinionated" owing to in-built classes and components, what makes you prefer it over, say, Bulma and its BEM approach or Tailwind with its semantic classes?

        Thank you again!

        xmok's avatar xmok
        ·
        6 years ago
        ·
        Reply
        1. 3

          Tailwind:

          • I used it for almost 1.5 year.
          • It makes the HTML code ugly and hard to maintain.
          • Limited. class names can't do a lot of things, and writing CSS alongside Tailwind is considered a bad practice.
          • I didn't like the idea of using JavaScript for configuration.

          Bulma:

          • I used it for 12 months on 1 project and I really like it.
          • It doesn't have JavaScript for dropdowns, modals, and tooltips.

          Bootstrap Now:

          • RTL supports (Arabic, Hebrew, and Persian).
          • Vanilla JavaScript.
          • The biggest community.
          • Can find really good resources and templates for Bootstrap easily.
          Hamza Nouali's avatar Hamza Nouali
          ·
          6 years ago
          ·
          Reply
          1. 1

            Those are all fair points. Thanks for the replies, Hamza 👍!

            xmok's avatar xmok
            ·
            6 years ago
            ·
            Reply
            1. 1

              What's your stack for the front-end?

              Me:

              • Bootstrap & Vue
              Hamza Nouali's avatar Hamza Nouali
              ·
              6 years ago
              ·
              Reply
              1. 2

                My JS framework of choice is also Vue.js but recently I just shipped an MVP in React thanks to the amazing Divjoy and the experience was great though I'm still on Team Vue.

                In CSS, I still work a lot with Bootstrap but I do really like Tailwind CSS, to be honest. And in the above React project I used Bulma for the first time as well and that was also a good experience though I would still lean towards Tailwind for future projects.

                xmok's avatar xmok
                ·
                6 years ago
                ·
                Reply
  2. 1

    I hate CSS too. What is the best way for you to learn CSS?

    net2tim's avatar net2tim
    ·
    6 years ago
    ·
    Reply
  3. 1

    Even though I'm a developer I found WebFlow super useful in learning CSS

    mikeroams's avatar mikeroams
    ·
    6 years ago
    ·
    Reply
  4. 1

    This comment was deleted 4 years ago

    DeletedUser's avatar DeletedUser
    ·
    6 years ago
  5. 1

    This comment was deleted 6 years ago

    cuu508's avatar cuu508
    ·
    6 years ago