CSS Preprocessing: Tools and Automation Techniques†
AbstractCascading Style Sheets (CSS) is a W3C specification for a style sheet language used for describing the presentation of a document written in a markup language, more precisely, for styling Web documents. However, in the last few years, the landscape for CSS development has changed dramatically with the appearance of several languages and tools aiming to help developers build clean, modular and performance-aware CSS. These new approaches give developers mechanisms to preprocess CSS rules through the use of programming constructs, defined as CSS preprocessors, with the ultimate goal to bring those missing constructs to the CSS realm and to foster stylesheets structured programming. At the same time, a new set of tools appeared, defined as postprocessors, for extension and automation purposes covering a broad set of features ranging from identifying unused and duplicate code to applying vendor prefixes. With all these tools and techniques in hands, developers need to provide a consistent workflow to foster CSS modular coding. This paper aims to present an introductory survey on the CSS processors. The survey gathers information on a specific set of processors, categorizes them and compares their features regarding a set of predefined criteria such as: maturity, coverage and performance. Finally, we propose a basic set of best practices in order to setup a simple and pragmatic styling code workflow. View Full-Text
Share & Cite This Article
Queirós, R. CSS Preprocessing: Tools and Automation Techniques. Information 2018, 9, 17.
Queirós R. CSS Preprocessing: Tools and Automation Techniques. Information. 2018; 9(1):17.Chicago/Turabian Style
Queirós, Ricardo. 2018. "CSS Preprocessing: Tools and Automation Techniques." Information 9, no. 1: 17.
Note that from the first issue of 2016, MDPI journals use article numbers instead of page numbers. See further details here.