#plugin_spip

vide @touti 8/12/2013

4

4

#Plugin_SPIP #scssphp
téléchargeable sur ►http://plugins.spip.net/scssphp.html
compile en CSS et mets en cache les fichiers .scss
grace à ▻http://leafo.net/scssphp
Permet d’utiliser #SASS, un #préprocesseur_CSS et ses diverses possibilités dans #SPIP,
voir les discussions poursuivies sur seenthis à ce propos
►http://seenthis.net/messages/199765
▻http://seenthis.net/messages/204846
Les @import sont surchargeables dans les squelettes sans avoir à toucher aux originaux des éventuels #frameworks qui disposeraient de fichiers sass, par exemple #knacss
►http://zone.spip.org/trac/spip-zone/browser/_plugins_/knacsss
Le code de ce plugin a été pompé de celui déjà existant pour less
►http://plugins.spip.net/lesscss.html

vide @touti
- kent1 @kent1 ART LIBRE 8/12/2013
  
  J’y connais rien mais je dis #spip_blog quand même... ;)
  
  kent1 @kent1 ART LIBRE
- RastaPopoulos @rastapopoulos CC BY-NC 8/12/2013
  
  Yeah, merci @touti pour cette intégration de librairie à SPIP. Ça faisait longtemps que ça me trottait aussi dans la tête, mais tu as eu le courage et pris le temps de le faire : gloire à toi ! \o/
  Et à nous les super mixins et le HTML qui redevient sémantique !
  
  RastaPopoulos @rastapopoulos CC BY-NC
- vide @touti 8/12/2013
  
  Merci @rastapopoulos et @nicod_, car nos diverses discussions m’ont permis de concrétiser un peu les choses avec scss.
  Le but après avoir tenté de comprendre les imbrications actuelles entre html5/elasticité/grille/css/jsforIE, est de pouvoir simplifier la méthode de fabrication d’un site mais aussi, tenter d’échapper à Bootstrap, et faire que dans tout ce joyeux bordel l’#artisan-web (que je suis) ne se retrouve pas juste bouton pressoir ou assembleur de cascades à la chaine ;)
  Pas sûr cependant que SASS permette de faire du simple, facile pour tous, dont la relecture soit aisée, sans attaches à un framework lourd, et entre autres rêves d’indépendance, autorise à se passer des class le plus possible.
  J’ai aussi très envie d’une optimisation en légèreté avec une css de maximum… 25ko, ce qui devrait être suffisant pour : faire un beau site, alléger le poids des fichiers envoyés au serveur/client et faciliter la prise en main et la maintenance.
  Avec des structures HTML adéquates, et ta piste d’échafaudage @rastapopoulos ▻http://seenthis.net/messages/204846#message205077 que tu nous expliqueras hein ! ça risque d’être bien sympa.
  
  vide @touti
- tetue @tetue CC BY 25/09/2015
  
  @seenthis : y’a un drôle de bug qui fait que je retrouve ce seen systématiquement épinglé en favoris chaque fois que je reviens sur Seenthis…
  
  tetue @tetue CC BY
Écrire un commentaire
ARN😷* @arno ART LIBRE 3/05/2011

2

2

Nouvelle version du plugin « CSS imbriqués » :
►http://plugins.spip.net/CSS-imbriques
Le plugin est désormais compatible avec les déclarations @media, permettant de préciser des variantes de classes selon différents critères (support, largeur d’affichage...).
Subtilité : on peut intégrer la déclaration @media à l’intérieur d’une hiérarchie de CSS imbriqués (alors que, normalement, @media n’est présent qu’à la racine). Cela permet de déclarer une variante de media directement dans la structure logique (l’imbrication des CSS), le plugin se chargeant à la fin de regrouper toutes les variantes de classes d’un même @media en fin de feuille de style.
#plugin_spip #SPIP #media_queries #responsive_web_design

ARN😷* @arno ART LIBRE
- Nicolas Hoizey @nhoizey CC BY-NC-SA 3/05/2011
  
  Faudrait que je teste un jour, mais j’aime #LESS qui a l’avantage de ne pas être lié à #SPIP...
  Mais pourquoi un tag #responsive_web_design ? Quel rapport ?
  
  Nicolas Hoizey @nhoizey CC BY-NC-SA
- ARN😷* @arno ART LIBRE 4/05/2011
  
  Parce que si tu veux faire du responsive web design, les media queries sont les bienvenues, et c’est en prévision de ça que j’ai introduit cette façon de procéder (les @media queries hiérarchisées à l’envers) dans le plugin.
  
  ARN😷* @arno ART LIBRE
- Fil @fil 4/05/2011
  
  c’est vraiment top mais en effet ce serait encore plus top d’essayer de converger avec #less ►http://lesscss.org ; de ce que j’ai vu rapidement, il y aurait deux ou trois détails de syntaxe + les variables
  
  Fil @fil
- ARN😷* @arno ART LIBRE 4/05/2011
  
  Ça ne me semble pas évident :
  – on a déjà une syntaxe dans SPIP,
  – mon plugin permet parfaitement d’utiliser la syntaxe de SPIP.
  La convergence, si elle revient à ajouter une syntaxe tirée de Less à la syntaxe existante de SPIP, ça me semble assez casse-gueule. Les variables de LESS s’ajouteraient aux variables SPIP, et les fonctions de LESS s’ajouteraient aux fonctions de SPIP, avec en plus une syntaxe différente.
  
  ARN😷* @arno ART LIBRE
- Nicolas Hoizey @nhoizey CC BY-NC-SA 10/08/2011
  
  @fil @arno L’intérêt de passer plutôt par LESS serait de pouvoir commencer sur SPIP en récupérant telles quelles des intégrations HTML/LESS, ça commence à devenir plus courant...
  
  Nicolas Hoizey @nhoizey CC BY-NC-SA
Écrire un commentaire