Seenthis
•
 
Identifiants personnels
  • [mot de passe oublié ?]

 
  • #p
  • #plu
  • #plugin
RSS: #plugin_spip

#plugin_spip

  • @touti
    vide @touti 8/12/2013
    4
    @rastapopoulos
    @severo
    @habbon
    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 @kent1 ART LIBRE 8/12/2013

      J’y connais rien mais je dis #spip_blog quand même... ;)

      kent1 @kent1 ART LIBRE
    • @rastapopoulos
      RastaPopoulos @rastapopoulos CC BY-NC 8/12/2013
      @touti

      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
    • @touti
      vide @touti 8/12/2013
      @rastapopoulos @nicod_

      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 @tetue CC BY 25/09/2015
      @seenthis

      @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
  • @arno
    ARN😷* @arno ART LIBRE 3/05/2011
    2
    @nhoizey
    @fil
    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
    • @nhoizey
      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
    • @arno
      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 @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
    • @arno
      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
    • @nhoizey
      Nicolas Hoizey @nhoizey CC BY-NC-SA 10/08/2011
      @fil @arno

      @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

Thèmes liés

  • #spip
  • #responsive_web_design
  • #media_queries
  • #less