Post by account_disabled on Nov 29, 2023 5:09:40 GMT -5
I believe that now many people are satisfied with using CSS Preprocessor like LESS or Sass SCSS to help make websites. However, as long as you are still making websites, you will inevitably encounter new technologies. to make life better. Therefore today we will introduce the newest tool called PostCSS. But first, I'd like to tell you what happened from CSS to LESS Sass and then to PostCSS . What does this article have? Show Why use LESS Sass instead of writing regular CSS? When writing CSS in large projects, we often encounter the problem of getting 1 long CSS file (5 years ago, an admin used to cut HTML/CSS for 1 project and use 2,000 lines of CSS in one file), which is difficult. Find out what's where Because there is no organized management.
Additionally, it doesn't have many features that other programming languages have such Phone Number List as variables , loops, etc. that normal CSS cannot do. LESS Sass thus happened. It is a language that has been written and must be compiled into normal CSS in order to use it. (Also known as Preprocessor) It has all the features that we want, such as creating variables, using loops, dividing files in an orderly manner, etc., to the point that sometimes we can't even use them all. From this simple example, we may not yet see the benefit. But if this variable is used to 10 points and suddenly the customer wants to change the color tone of the entire website.
We just need to fix one variable above and we're done. No need to search and fix all 10 points. In conclusion, using LESS / Sass will greatly reduce the time spent on writing things repeatedly in CSS and is widely used around the world. Therefore, it is something that you should really know. For people who have never used LESS / Sass before, I recommend you try it first. You can easily read how to use it from the article below. As for the program for compiling LESS / Sass to CSS, the free program I recommend is Koala (Windows, Mac, Linux, Ubuntu). See the most complete features. As for paid programs that are interesting, there's Codekit (Mac) and Prepros (Windows, Mac, Linux).
Additionally, it doesn't have many features that other programming languages have such Phone Number List as variables , loops, etc. that normal CSS cannot do. LESS Sass thus happened. It is a language that has been written and must be compiled into normal CSS in order to use it. (Also known as Preprocessor) It has all the features that we want, such as creating variables, using loops, dividing files in an orderly manner, etc., to the point that sometimes we can't even use them all. From this simple example, we may not yet see the benefit. But if this variable is used to 10 points and suddenly the customer wants to change the color tone of the entire website.
We just need to fix one variable above and we're done. No need to search and fix all 10 points. In conclusion, using LESS / Sass will greatly reduce the time spent on writing things repeatedly in CSS and is widely used around the world. Therefore, it is something that you should really know. For people who have never used LESS / Sass before, I recommend you try it first. You can easily read how to use it from the article below. As for the program for compiling LESS / Sass to CSS, the free program I recommend is Koala (Windows, Mac, Linux, Ubuntu). See the most complete features. As for paid programs that are interesting, there's Codekit (Mac) and Prepros (Windows, Mac, Linux).