background preloader

Home - Scalable and Modular Architecture for CSS

https://smacss.com/

Related:  Les Pré-processeurs (SASS, COMPASS, LESS and Co)

Pourquoi je n'utilise pas les préprocesseurs CSS? Pour entrer directement dans le vif du sujet: non, je ne suis pas contre les préprocesseurs. D'ailleurs j'utilise PHP (HyperText Preprocessor) pour générer des sites web dynamiques. C'est même indispensable. Compass Documentation What Makes For a Semantic Class Name? Semantics in HTML is always a hot topic. Some people strive for it at all times. Some people critisize a dogmatic adherence to it. Some people don't know what the heck it is. An Introduction to CSS Pre-Processors: SASS, LESS and Stylus CSS Pre-processors are in our development life for years. In their first implementations, they had few features. But nowadays, they are the key ingredients and must have tools for CSS development. Pre-processors extend CSS with variables, operators, interpolations, functions, mixins and many more other usable assets. SASS, LESS and Stylus are the well known ones. By the time this article is published, SASS is at version 3.3.5, LESS is at version 1.7.0 and Stylus is at version 0.43.1

Can I use... Support tables for HTML5, CSS3, etc OOCSS, ACSS, BEM, SMACSS: what are they? What should I use? – clubmate.fi The way we write CSS has changed a lot in last few years, and the abbreviation jungle gets deeper and deeper. Heres a list of links to influential articles and quick summaries of these techniques. update: 2014.01.23 rewrote the Atomic and the BEM sections. I think there have bee happening big things in how we write CSS, for a reason I suppose. The will to make CSS more modular is strong (to make CSS so that it’s easier to control without breaking everything when you change a small thing). Why I don’t use CSS preprocessors Whenever I mention that I don’t use CSS preprocessors I tend to get strange looks from people who cannot imagine writing CSS without Sass. And so I have to defend my choice and explain why, over and over. Some people will understand, most won’t. Or they don’t want to. But here’s an attempt to explain my reasoning. Back when CSS preprocessors first came into fashion I did try using them.

HTML5 Introduction SUIT CSS: style tools for UI components Le point sur les pré-processeurs CSS #Pourquoi les pré-processeurs Voilà ce que j'ai écrit en 2011 dans mon premier post sur les pré-processeur. Je venais de découvrir cette notion et j'avais donc fait le tour de la question. Splitfire, Agence web Les pré-processeurs CSS Depuis leurs créations les pré-processeurs ont été très critiqués et le sont toujours pour diverses raisons. On peut comparer cette bataille à celle qui oppose Vanilla JS et jQuery. Toujours est-il que ce type d'outil est très utile et simplifie grandement l'écriture, la maintenance et l'intégration de code CSS. Il va de soi qu'il est nécessaire de maîtriser un minimum la syntaxe CSS et ses bonnes pratiques. Il y a environ de deux ans, et suite à plusieurs tweet de @_victa et @kaelig j'ai décidé d'utiliser Sass avec le framework Compass.

Faire son préprocesseur CSS à la carte Après vous avoir fait un petit état de l'art des préprocesseurs CSS historiques et vous avoir parlé des postprocesseurs, je me dois de vous montrer le chemin qui me semble le plus pertinent aujourd'hui, en 2014, maintenant que les spécifications CSS sont découpées en modules qui peuvent du coup avancer (plus rapidement) chacune de leur côté. Bon après faut avouer que chez {p!} on fait genre on est des hipsters hackers, du coup quand on voit que Sass est le game changer of the year et que tout le monde l'adopte, on se doit de rester hipster. Du coup on est obligés de passer à autre chose. Mise à jour du 11 décembre 2014: depuis le temps où j'ai rédigé cette article, j'ai travaillé sur un transpileur CSS future-proof, basé sur PostCSS.

Préprocesseur CSS Un article de Wikipédia, l'encyclopédie libre. Un préprocesseur CSS est un outil (ou programme) informatique permettant de générer dynamiquement des fichiers CSS. L'objectif est d'améliorer l'écriture de ces fichiers, en apportant plus de flexibilité au développeur web. Principe[modifier | modifier le code] Comme son nom l'indique, un préprocesseur CSS intervient avant le traitement des fichiers CSS par les navigateurs web.

Related: