TypoManiac

Un squelette « responsive », minimal et typographique, basé sur le framework Boostrap.

Démo

Pour voir TypoManiac en action, c’est ici en version web ou c’est là en version mobile.

Installer TypoManiac

Seul travail nécéssaire à accomplir : modifier les pages sommaire.html et inclure/nav.html en fonction de vos besoins et de vos goûts.

Le reste est à votre discrétion. Vous devriez trouver la plupart des boucles nécessaires pour un site simple. Dans la mesure du possible, j’ai documenté le code au mieux.

Ouvrons le capot

Question motorisation, TypoManiac tourne avec SPIP 3 et plus. Les boucles utilisées ici s’inspirent largement de celle du squelette fourni d’origine avec SPIP

Question carrosserie, TypoManiac s’appuie sur Boostrap. Boostrap est un ensemble de feuilles de style (CSS). Les pros appellent ça un « framework ». Il en existe des dizaines. Celui-ci, conduit sous la houlette de... twitter, mais ça n’a pas d’incidence sur votre indépenance. Rien, ici, n’est envoyé au petit oiseau pour d’obscures statistiques. Boostrap a un avantage énorme pour les amateurs : il est royalement documenté et propose, de base, un arsenal d’agencements graphiques de toute première bourre [1].

Si vous voulez modifier TypoManiac, c’est assurément sur le site officiel de Boostrap que vous devrez vous tourner. De nombreux exemples de boutons, scrollbars, effets, y sont fort bien décrits.

A SPIP et à Boostrap, enfin, j’ai ajouté SlabText, un effet typographique en Jquery

C’est évidemment lui qui donne le ton de TypoManiac.

Mise à jour 22 août 2012 : ajout des fichiers nécessaires pour rendre le squelette compatible avec le module Agenda

Participez, contribuez, échangez

Utilisez le forum ci dessous ou celui sur davduf.net pour partager vos astuces et trouvailles, raconter comment vous avez dompté la bête, montrez vos sites.

Le squelette est développé sur la SPIP-Zone.

Merci

TypoManiac n’aurait j’amais vu le jour sans l’aide IMMENSE d’un certain nombre d’utilisateurs et de développerus de SPIP.

Que les Dieux de Gopher soient notamment avec b_b, Marcimat, RastaPopoulos, _alexnd, denisB, cy_altern, Romy, Fil, Seds, et Cerdic pour leur bienveillance et leur patience.

Merci également mille fois à Mathieu et Etienne.

Crédits

Notes

[1des rumeurs laissent entendre que certains développeurs seraient en train de porter Boostraps en plugin SPIP, ce qui faciliterait la vie de beaucoup...

Discussion

11 discussions

Ajouter un commentaire

Avant de faire part d’un problème sur un plugin X, merci de lire ce qui suit :

  • Désactiver tous les plugins que vous ne voulez pas tester afin de vous assurer que le bug vient bien du plugin X. Cela vous évitera d’écrire sur le forum d’une contribution qui n’est finalement pas en cause.
  • Cherchez et notez les numéros de version de tout ce qui est en place au moment du test :
    • version de SPIP, en bas de la partie privée
    • version du plugin testé et des éventuels plugins nécessités
    • version de PHP (exec=info en partie privée)
    • version de MySQL / SQLite
  • Si votre problème concerne la partie publique de votre site, donnez une URL où le bug est visible, pour que les gens puissent voir par eux-mêmes.
  • En cas de page blanche, merci d’activer l’affichage des erreurs, et d’indiquer ensuite l’erreur qui apparaît.

Merci d’avance pour les personnes qui vous aideront !

Par ailleurs, n’oubliez pas que les contributeurs et contributrices ont une vie en dehors de SPIP.

Qui êtes-vous ?
[Se connecter]

Pour afficher votre trombine avec votre message, enregistrez-la d’abord sur gravatar.com (gratuit et indolore) et n’oubliez pas d’indiquer votre adresse e-mail ici.

Ajoutez votre commentaire ici

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

Ajouter un document

Suivre les commentaires : RSS 2.0 | Atom