SPIP Blog

Du logiciel libre et de la tendresse

Accueil > Développement > ToDo > Appel à contribution - Amis graphistes

Appel à contribution - Amis graphistes

mardi 1er février 2011, par Ybbet

Bonjour à tous,

Un appel à contribution a été lancé sur la liste user. Vous pouvez le retrouver à cette adresse :
http://thread.gmane.org/gmane.comp....

Quelques précisions doivent être apportées pour comprendre les tâches à entreprendre.

Préambule

Un « défaut » qui remonte souvent de la liste des utilisateurs ou du forum de SPIP c’est le manque de squelettes « beaux ». Il en existe tout de même beaucoup. Vous pouvez les consulter à l’adresse suivante :
http://www.spip-contrib.net/Squelettes

Un travail a été fait par quelques personnes sur un nouveau projet : les squelettes Zpip. Ces squelettes permettent très facilement de mettre en place des thèmes (à 95% à base de css, 5% d’html). Beaucoup ont joué le jeu en créant des thèmes : http://www.spip-contrib.net/Themes.

Pourtant aujourd’hui, nous avons besoin encore de travailler sur 3 grandes tâches. Et c’est là que vous pouvez intervenir.

1. Les thèmes

Il est très facile de changer l’esthétique d’un site juste avec les css. On peut se faire une idée de cette méthode sur le site de CSS-Zen-Garden. Depuis l’avénement des plugins Zpip et Zen-Garden, SPIP utilise des thèmes pour changer son apparence en un tour de main.
Amis graphistes, si vous êtes à l’aise avec les css et avez le goût pour les sites bien fait, votre aide à la réalisation de nouveaux thèmes sera la bienvenue.

2. Les squelettes

Les thèmes, comme cités plus haut, sont un habillage de la page sans toucher un seul code html ou presque. Il peut arriver parfois que le changement visuel de la page ne suffit pas. Pour cela, il faut intervenir dans le code html en lui-même de façon plus précise. Les squelettes prennent forment.
On peut, par exemple, désirer l’affichage des articles en vignette, faire une présentation de type magazine, ajouter du javascript pour afficher telle ou telle chose, etc.
Encore une fois, amis webdesigners et intégrateurs, vous pouvez intervenir et offrir à la communauté des squelettes.

3. La dist

LE défaut qu’on entend par nos « détracteurs », c’est que le squelette par défaut de SPIP, la dist est une horreur. Soit.
Si vous désirez changer la dist, travailler à son évolution, vous pouvez participer à cette grande tâche. Nous en discutons et y travaillons sur la liste SPIP-Zone.

À ce propos, notre ami Éric en a fait une roadmap que nous vous citons ici :
- Finaliser la nomenclature Z ;
- Terminer Z-core ;
- Reprendre Zpip-dist avec Z-core ;
- Et ensuite travailler le contenu des pages si nécessaire ;
- Adapter Aveline / noiZetier / Garde-Noisettes ;
- Reprendre les thèmes actuels, les finaliser parfois et en définir de nouveaux plus esthétiques si on considère qu’ils ne le sont pas actuellement...

Et toujours…

Au delà des thèmes et squelettes, il existe une tâche récurrente qui est l’iconographie de SPIP, allant des logos des plugins aux icônes de la partie privée. Nos amis les développeurs n’ont pas toujours le temps de s’atteler à l’aspect de leur plugins car ils passent leur temps à faire évoluer les plugins, ajouter de nouvelles fonctions, à corriger d’éventuels bugs. Dès lors, les graphistes peuvent intervenir et proposer leurs compétences. De plus, voici une liste de tâches à laquelle vous pouvez contribuer :
- l’ergonomie des interfaces de SPIP (l’interface des formulaires des plugins, interface de l’espace privée de SPIP, etc.) ;
- le graphisme des sites de la galaxie SPIP (SPIP.net, SPIP-contrib, SPIP-Blog, l’herbier de SPIP, etc.).

Tous ces projets sont ambitieux mais aussi valorisants pour tout un chacun. Il ne tient qu’à vous de participer dès aujourd’hui.

Comment contribuer

Avant tout, si une de ces tâches vous parle (CSS/thèmes, HTML/squelettes, la dist), alors vous avez trouvé ce à quoi vous pouvez contribuer. Vous serez le bienvenu.

Pour cela, il vous suffit de vous inscrire sur la liste SPIP-Zone pour soumettre vos idées dans un premier temps. Puis, et surtout, demander vos codes d’accès pour pouvoir déposer (par svn) vos réalisations sur la zone.

Si vous avez des difficultés avec tout ce qui est « svn », il vous suffit de demander de l’aide sur la liste. Une personne charitable vous répondra très certainement et vous aidera à le comprendre et l’utiliser.

Après avoir déposé vos éléments sur la zone, il faudra rédiger un petit article sur SPIP-Contrib pour présenter votre réalisation : votre thème, votre squelette. Ce n’est vraiment pas complexe. Nous dirions même d’une facilité déconcertante ! ;-)

Amicalement,

Teddy.

Messages

  • C’est pas vraiment du graphisme, mais du squelettage. Je voudrais bien signaler une erreur de microformats, mais impossible de me connecter ou obtenir login à http://core.spip.org pour faire un ticket dans les règles.

    Donc c’est ceci : Le hAtom (http://microformats.org/wiki/hatom) exige une date de mise à jour (updated) alors que la date de publication (published) est optionnelle.

    Dans les squelettes de la dist, il serait bien de modifier la class published par updated. Et pourquoi pas passer le published sur la date de publication antérieure ?

  • Bonjour nfriedli

    Pour limiter la grosse quantité de spams sur core.spip.org, nous avons décidé de mettre en place une inscription obligatoire avec validation manuelle par les administrateurs.

    Il est a noter que au transfert des comptes sur ce nouvel outil, malheureusement une partie des mails n’ont pas été conservés. Je viens de corriger ton compte avec ton mail indiqué ici et un mot de passe à modifier.

    En espérant te voir t’approprier rapidement ce nouvel espace de tickets :)

  • Petite question concernant la dist, l’évolution devrait être fait en CSS 2 ou 3 ?

  • Bonjour,

    Pour la dist, je ne pense pas que nous mettrons du CSS3. Tous les navigateurs ne l’ont pas encore adopté à 100%. Une preuve toute simple : border-radius n’est pas compris. Il faut passer par -moz-border-radius ou -webkit-border-radius.
    Tous les utilisateurs n’ont pas les dernières versions des navigateurs.

    Donc, utilisation de la CSS2 préconisée.

  • Le lien vers garde-noisettes est pété, et pour cause, il est devenu Aveline, lui même étant devenu zpip-vide (cf les derniers commit de Joseph)

  • Moi ça ne me gène pas de voir du CSS3 (avec les variantes -moz-). Tant pis pour les navigateurs qui ne le gèrent pas encore, la dégradation peut être un comprise. En fait, de mon point de vue, je préfère user et abuser de CSS3, plutôt que de mettre des images en plus (augmentant le poids de la page), mais c’est un point de vue, et je comprends que les graphistes soient puristes :)

    Comme disait Gilles par ailleurs, il existe http://css3pie.com/ pour IE. Mais je suis sceptique de l’usage de ces scripts. Je me rappelle, dans un temps lointain, des solutions js pour les border-radius, ça n’allait pratiquement jamais :p

  • Sur quel contenu est-ce qu’on peut monter ces squelettes ? SPIP étant généraliste, il est difficile de comparer des squelettes prévus pour du blog, de l’Intranet, une boutique en ligne, une doc, etc..

    Je suggère qu’on crée un contenu « de demo » que l’on puisse habiller, un peut comme le fait csszengarden. Qu’en dites-vous ?

  • Justement, le fait que SPIP soit générique, cela sera à l’appréciation et le domaine des graphistes voulant apporter leur pierre à l’édifice.
    Le tout est de pouvoir avoir un squelette représentatif :
    - des articles ;
    - des rubriques ;
    - des brèves ;
    - des sites syndiqués.

    Après tout cela est à modeler selon le type de squelettes soumis :

    1. Blog :
      1. Articles
      2. Rubriques
      3. Mots-clés
      4. Forums/commentaires
    2. Magazine :
      1. Articles
      2. Brèves
      3. Rubriques
      4. Mots-clés
      5. Sites syndiqués
      6. Forums/Commentaires
    3. Etc.

    Il existe une base de données de test sur Contrib : http://www.spip-contrib.net/Base-de-donnees-de-test
    Malheureusement, actuellement, il n’y a ni articles dans cette base de données, ni images/logos. Il faudrait l’enrichir avec les éléments éditoriaux de SPIP.

  • J’avais fait un contenu de test pour du blog il y a un pas mal de temps. Je vais essayer de le retrouver.

  • Oups !!!! Gros oops !

    Je rectifie ce que j’ai dit dans mon précédent message à propos de la base de test :
    Il y a des articles !! Ce que je voulais dire, c’est qu’il n’y a ni brèves, ni images/logos. Nous devons cette base de données test à denisb.

    MEA CULPA denisb ! J’ai tapé trop vite. Et ne me suis même pas rendu compte de mon erreur en me relisant.

Un message, un commentaire ?

Qui êtes-vous ?
Se connecter
Votre message

Ce formulaire accepte les raccourcis SPIP [->url] {{gras}} {italique} <quote> <code> et le code HTML <q> <del> <ins>. Pour créer des paragraphes, laissez simplement des lignes vides.