Application du CSS par les grandes entreprises

HTML et CSS sont parfois traités comme des langages de programmation sur certains sites Web de statistiques de popularité des langages de programmation, mais la plupart des programmeurs ne pensent pas qu'ils appartiennent à la catégorie des langages de programmation car leurs différentes fonctionnalités de langage de programmation sont très différentes, par exemple. , le contrôle logique, les opérations de boucle, les fonctions, etc. font cruellement défaut ou sont insuffisants. Ce sont au mieux des langages de balisage.

Cependant, ces dernières années, à mesure que les applications Web sont devenues de plus en plus populaires, HTML5 et CSS3 ont progressivement mûri, et les gens sont devenus de plus en plus nombreux et diversifiés dans la quantité et la manière d'utiliser CSS. De nombreux programmeurs estiment que le rythme de développement est faible. de CSS n'a évidemment pas suivi les besoins réels, donc pour CSS, les gens ont développé divers outils pour améliorer CSS, tels que SCSS et LESS. Ces outils facilitent non seulement la gestion du CSS, mais apportent également d'énormes améliorations au CSS. termes de syntaxe et de sémantique.

L'année 2014 a été intéressante. De nombreuses entreprises renommées ont révélé comment elles utilisaient CSS à travers différents médias et canaux. Il comprend les outils qu'ils ont utilisés, les méthodes qu'ils ont utilisées, leurs réflexions sur ces méthodes, ainsi que les données et chiffres spécifiques impliqués. La plus typique est l'introduction de Mark Otto aux fichiers CSS sur Github. Le but de cet article est de les rassembler pour que chacun puisse y faire référence et comparer.

Entreprise Préprocesseur Préfixe #Code source #Sélecteur Outils auxiliaires Description

Github SCSS Custom @mixins 100+ 7 000 SCSS-lint, styleguide 2 feuilles de style finales, en raison de la limite du sélecteur IE

Buffer LESS Autoprefixer 93 5328 LESS lint 2 feuilles de style finales

​CodePen SCSS Autoprefixer 171 1186 .editorconfig Pipeline d'actifs

Ghost SCSS (libsass) Autoprefixer 36 1609 Directives générales Open source

Groupon Sass (syntaxe peu claire) Compass ?

Lonely Planet Sass Autoprefixer 150+ 1527 Rizzo, pas de peluchage BEM / OOCSS, Normalize.css, icônes SVG

Moyen MOINS Personnalisé @mixins 50-100 ? Directives Pas d'imbrication, méthodologie personnalisée pour la dénomination

Trello LESS Custom @mixins 44 2 426 Préprocesseur 1 feuille de style finale, espace de noms

Annexe :

SCSS

Sass est une extension de la syntaxe CSS (Cascading Style Sheets). Il est né en 2007. Il s'agit du langage de préprocesseur CSS le plus ancien et le plus mature. Il peut utiliser des variables, des constantes, des imbrications, des mixins, des fonctions et d'autres fonctions CSS. être rédigé de manière plus efficace et plus flexible. Sass finira par compiler du CSS légal pour que le navigateur puisse l'utiliser, ce qui signifie que sa propre syntaxe n'est pas facile à reconnaître pour le navigateur, car ce n'est pas un format CSS standard et des variables dynamiques peuvent être utilisées dans sa syntaxe, donc c'est plus comme un langage dynamique très simple.

En fait, Sass dispose désormais de deux ensembles de règles de grammaire : l'un utilise toujours l'indentation comme séparateur pour distinguer les blocs de code ; l'autre ensemble de règles utilise des accolades ({}) comme séparateur comme CSS. Cette dernière règle de grammaire est également appelée SCSS et est prise en charge par les versions postérieures à Sass3.

MOINS

Projet open source en 2009, il a été fortement influencé par Sass, mais il utilisait également la syntaxe CSS, facilitant ainsi le démarrage pour la plupart des développeurs et concepteurs. LESS offre une variété de façons de convertir facilement du code écrit en code CSS standard. LESS peut souvent être vu dans de nombreux frameworks et outils populaires (par exemple, le framework Bootstrap de Twitter utilise LESS).

D'après l'introduction sur Wikipédia, LESS est en réalité un projet open source créé par Alexis Sellier sous l'influence de Sass. À cette époque, SASS utilisait l'indentation comme séparateur pour distinguer les blocs de code, au lieu des accolades ({}) largement utilisées en CSS. Afin de le rendre plus pratique pour les utilisateurs existants de CSS, Alexis a développé LESS et fourni des fonctions d'écriture de type CSS.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!