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

 
RSS: ARNO*
tous les messages de ARNO*

ARNO*

@arno

Geek dilettante

http://www.scarabee.org
  • ARNO* @arno ART LIBRE 14/11/2011 14:15
    2
    @fil
    @baroug
    2

    Ça y est, je viens de livrer le système de sites des délégations du Secours catholique :
    http://yvelines.secours-catholique.org

    Ce sont des squelettes et plugins permettant de fabriquer et gérer, sur une même installation de #SPIP, une centaine de sites de délégations départementales. Pour passer d’une délégation à l’autre, utiliser le menu « déroulant » en haut de page.

    Les deux principales originalités, ici, c’est :
    – #responsive_web_design : la maquette change assez nettement selon la taille de l’écran (smartphone, tablette verticale/horizontale, ordinateur),
    – webfont de chez Google ; j’en ai trouvé une complète en français, et qui est dans la logique des polices utilisées habituellement par le Secours catholique.

    J’exploite les dernières évolutions que j’ai développées dans le plugin CSS imbriqués :
    ►http://www.paris-beyrouth.org/tutoriaux-spip/article/plugin-spip-pre-processeur-de-css
    – les #media_queries sont insérées directement à l’intérieur des styles concernés, c’est le plugin qui, ensuite, inverse la structure ;
    – des pseudo-styles pour faire des CSS3 dotées d’alternatives (automatiques) pour MSIE (même version antiques).

    • #Google
    • #Mozilla
    ARNO* @arno ART LIBRE
    • Fil ☂ @fil 14/11/2011 14:36

      c’est pas twittable des choses pareilles… mais bien le coup des media-queries inversées !

      Fil ☂ @fil
    • ARNO* @arno ART LIBRE 14/11/2011 14:49

      Ah, j’oubliais : c’est le premier site où j’ai systématiquement utilisé mon pseudo-style :

      -spip-clear : fix ;

      qui fabrique n’importe où l’évacuation des float en fin de bloc (auto-clear, quoi). C’est super-super-pratique, puisque
      – par principe ça évite de mettre des blocs « nettoyeurs »,
      – là c’est purement dans les CSS (pas besoin de nommer spécifiquement des blocs « .clearfix »),
      – du coup, c’est même compatible avec les media queries, puisque je peux faire du « auto clear » pour certaines largeurs et pas dans d’autres.

      Ça n’a l’air de rien, mais ça change assez nettement la façon de coder les pages.

      ARNO* @arno ART LIBRE
    • Fil ☂ @fil 14/11/2011 14:51

      il manque le tag #religion !

      Fil ☂ @fil
    • ARNO* @arno ART LIBRE 14/11/2011 14:52

      Exemple de media queries insérés à l’intérieur de la structure des CSS :

      http://pastebin.com/NkWDkue1

      • #@media
      ARNO* @arno ART LIBRE
    • juba @julien CC BY-SA 14/11/2011 16:16

      Roh c’est top ce truc. Ça rend les CSS super lisibles du coup...

      juba @julien CC BY-SA
    Écrire un commentaire

thèmes

  • #media_queries
  • #responsive_web_design
  • #spip

  • Company: Google
  • City: Mozilla
thématisation automatique par OpenCalais
À propos de Seenthis Propriété intellectuelle Recommandations API