Version 5 — نيسان (أبريل) 2015 — YannX
Quelques notes lors d’une présentation : découverte et utilisation de Spip-r ( présentation de Spip-Noz 2013 )
Voir les documentations sur com/" class="spip_url spip_out auto" rel="nofollow external">http://spipr.nursit.com/
ou la rubrique : SPIPr com / , Framework Z dans SPIPr, LayoutGala dans SPIPr, HTML5 dans SPIPr, Thèmes SPIPr et Migrer un thème Zpip vers SPIPr...
– 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 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