Do you use any HTML or CSS pre-processor? Why?

4 years ago from Bruno Abatti, Graphic Design student.

  • Fran RosaFran Rosa, 4 years ago

    Do I use HTML and/or CSS pre-processors? Yes, I do.

    Why? There are two reasons: improving a site performance, and having access to developing tools.

    On site performance, its effect rely on size. Working on complex sites require to work with a long list of long files, and using a pre-processor you can compress the output while keeping a human-readable version of files, join assets — CSS or JS — into a single file reducing the number of requests, etc.

    And on developing tools, you can not only use tools as auto-prefixers to support older browsers without having to write — and maintain — multiple versions of the same CSS rule, and that you can change with a single line to stablish which versions to support, but also use the language as a tool, like nesting selectors — very useful to write code for reusable components — or color functions — to be able to produce color variations using a single color as a reference — with SASS. In the same way the importance of site performance deppends on project size, the importance of developing tools and reducing code to maintain increases with team size.

    Is it worth to learn Jade and SASS? If you work only on small projects with a small team, they are just a nice to have. If you work on large projects and/or with a large team, they are necessary, specially when looking for a job. So, if you just want to be able to build your own sites, is not worth the time, but if you want to work as a product designer, you must.

    My recommendation would be — assuming you already have a good knowledge of HTML and CSS — to start learning, because the learning curve to start is small, and you can keep learning as you need. Also, as and asset to find a job and to be able to work on large teams, learning an automation task system like Gulp would be necessary.

    0 points