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

Footnotes

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

updated on 2 October 2019

Discussion

Une discussion

  • Merci pour ce magnifique squelette, c’est ce que je cherchais depuis longtemps.
    Je l’ai installé avec bonheur.
    Y a-t-il un moyen d’utiliser, dans le sommaire, le logo d’un article comme image de fond pour le titre?

    Reply to this message

Ajouter un commentaire

Who are you?
[Log in]

To show your avatar with your message, register it first on gravatar.com (free et painless) and don’t forget to indicate your Email addresse here.

Enter your comment here

This form accepts SPIP shortcuts {{bold}} {italic} -*list [text->url] <quote> <code> and HTML code <q> <del> <ins>. To create paragraphs, just leave empty lines.

Add a document

Follow the comments: RSS 2.0 | Atom