Css Preprocessors
0 likes467 views
CSS preprocessors allow developers to write CSS in a more efficient way by using features like variables, nesting, mixins and imports. This avoids duplicate code and keeps the CSS clean and readable. The most popular preprocessors are Sass, LESS and Stylus, each with their own programming language basis and similar but varying feature sets. Preprocessors make CSS development more productive and help manage cross-browser compatibility issues.
1 of 17
Downloaded 14 times
More Related Content
What's hot (20)
Ad
Similar to Css Preprocessors (20)
Ad
Recently uploaded (20)
Css Preprocessors
- 3. What’s a preprocessor? A preprocessor is a program that takes one type of data and converts it to another type of data. It’s used in development to write less CSS and keep your CSS as clean and readable as possible.
- 4. Why preprocessing your CSS? ● CSS by itself is primitive (prior CSS3) ● Avoid duplicate code ● Nested code ● Increase of productivity ● Helps to have system-wide definitions ● Ability to write functions and have variables ● Error reporting ● No worries with cross-browser compatibility
- 6. Market share
- 7. FEATURES
- 8. Variables
- 9. Nesting
- 10. Mixins
- 11. Extends
- 13. Loops
- 14. Math Yes, CSS3 can do this
- 16. Extensibility “One of the things that makes preprocessors so powerful is the extensibility it offers”
- 17. SASS vs LESS vs STYLUS SASS = Ruby based LESS = Javascript based STYLUS = Javascript based “There isn’t really a preprocessor that is better than the other” Github # of open issues # of pending pull requests # of commits # of commits in the last 30 days SASS 173 6 6,239 8 LESS 234 21 2,663 15 STYLUS 154 14 3,881 0