BEM: Methodology of Effective Site Development
▻http://bem.info
BEM stands for Block-Element-Modifier. It’s a way to modularize the development of pages. By breaking things into Blocks, being able to break those into Elements, and then use Modifiers on them, we get a neat TLA and a methodology where each part can advance rapidly and independently.No matter if you are a large team or a single developer. BEM gives its benefits for all.
#BEM, on en a parlé là : ▻http://seenthis.net/messages/112291
Yup, mais lors de mon premier passage je n’avais pas vu (ou ça n’existait pas ?) le coté XJST et tout le reste du tooling qui va avec. La méthodo n’est pas nouvelle, c’est dans les pratiques depuis pas mal de temps, mais l’outillage me semble bien meilleur que les implémentations ad hoc précédentes (en tout cas celles que j’ai utilisées moi-même).
et donc : #XJST :)
XJST is a DSL for universal data transformations with compiler written on top of the Node.js and OmetaJS and output code working in any browser or on server-side.
une sorte de méthode de transformation de données universels, comme XSLT mais implémentée en #javascript ?
et alors, du coup, c’est quoi un DSL ? :)
#jargon pour ouvriers intellectuels du web :p
Oui, ça reprend des idées de XSLT (principalement les templates et la façon dont ils héritent) ce qui est une très bonne idée quand on doit transformer des données sans vouloir parcourir l’arbre à la main : faire du pattern matching, c’est ’achement mieux.
Un DSL : Domain-Specific Language. C’est un petit langage développé pour les besoins spécifiques d’un domaine. Souvent de nos jours (mais pas toujours) par des ajouts ou contraintes sur un langage existant. En gros c’est du syntax sugar sur une API (je dis ça en bien, hein).
Ah ben ça tombe bien qu’ils soient dans Smashing, ils méritent un peu de coverage.
Je suis moins fan de OOCSS, enfin en tout cas de la métaphore OO appliquée ici, mais il ne faut pas le dire à Stubbornella :
hint.css - A tooltip library in CSS
▻http://kushagragour.in/lab/hint
Hint.css is a tooltip library written in SASS which uses only HTML/CSS to create simple tooltips.
It does not rely on any JavaScript and rather uses data-* attribute, pseudo elements, content property and CSS3 transitions to create the tooltips. Also it uses BEM naming convention particularly for the modifiers.
#SASS : Syntactically Awesome Stylesheets : un métalangage de feuilles de style en cascade (CSS). C’est un langage de script interprété en tant que CSS.
▻http://en.wikipedia.org/wiki/Sass_(stylesheet_language)
#maitre_capello ^^
Alors je continue :)
#BEM (pour Block, Element, Modifier) : Une convention de nommage des styles CSS avec une approche « Orienté Objet »...
▻http://bem.info/method/definitions
#LESS : un langage pour programmer des feuilles de styles dynamiques (traitées en javascript pour produire des feuilles de styles statiques).
►http://lesscss.org