Version 3 — Décembre 2013 — YannX
- presentation d’un site multi-definitions
Les plugins :
- bootstrap
- less
- spip-r
- Z-core
D’autes plugins utiles :
- cesure (pour couper correctement les mots de textes dans des petites largeurs..)
- intranet/extranet pour forcer l’identification
- Acces restreint
- un plugin complementaire pour forcer l’inscription dans une/des zones par saisie d’un code personnalisé
- CS (pour troller ;-)
- un plugin
Utilisation de préprocesseurs de CSS (SASS et LESS) : voirhttp://blog.humancoders.com/les-id-...
(voir également le plugin des les CSS Imbriquées d’Arno)
- le fichier body.html
(contenant egalement des sémantiques HTML5 )
- intégrer LESS : utiliser boot-theme.less =>
@import « css/boot-theme-all.less » + les trois @import « css/boot-theme-XXX.less » (qui sont des CSS-ike ! )
acces par des media -querys : sur un min-width par exemple..
.less
dans l’IDE comme .css
- facilité de gestion :
- necessite de bien comprendre les regles des CSS natives
- génération de beaucoup de code CSS d’un volume/complexité infernal...
- attention aux chemins : mais il est possible d’utiliser directement le chemin relatif (cf Marcimat !)
- bootstrap est développé en priorité pour construire des interfaces applicatives ..
- il est aussi considéré que Bootstrap est trop « intrusif » sur les restrictions de design, sinon l’intégrateur est obligé de refondre fortement le généré pour retrouver les enrichissements et regles de typo..
cela télécharge toutes les feuilles....
mobile-first ou pas ??
Definitions : (zoom texte ou graphiques /pixels)
- pour la taille de typo : exprimer en unite relative : em ou pourcentage
(mais bootstrap est aligné en pixels et pas en pourcentage)
- pour la largeur d’ecran : deux écoles :
s’opposent
Attention également à la gestion des images : ne pas utiliser image_reduire, mais attention aux grosses images fournies par
Voir les deux plugins responsive d’Arno et Cedric