Accueil > SPIP > Squelettes/Templates SPIP RWD (Responsive Web Design) > Squelettes/Templates SPIP RWD (Responsive Web Design)
Sommaire
Il serait utile de disposer sur les sites SPIP-Contrib et PLUGINS SPIP d’une entrée pour obtenir immédiatement la liste des squelettes et/ou templates SPIP qui sont RWD (Responsive Web Design). En attendant ce « développement » j’ai établit cette liste que je présente ci-dessous :
Dist de SPIP 3.x.x
- Dist de SPIP 3.x.x
Les squelettes de la dist adoptent une nouvelle structure HTML de base qui anticipe le HTML5, « responsive » par défaut, et embarque des sélecteurs conditionnels pour plus de souplesse CSS.
http://spippourlesnuls.fr/?prendre-en-main-les-squelettes-de,217
- Dist distribuée avec SPIP : Télécharger SPIP
http://www.spip.net/fr_download
ViaSPIP 3.1
- ViaSPIP 3.1
ViaSPIP 3.1 est un squelette généraliste pour SPIP, sous forme de plugin, visant à offrir une alternative au squelette de la distribution officielle.
https://contrib.spip.net/ViaSPIP-3-1
- Article sur le squelette ViaSPIP 3.1 sur le site de l’auteur
http://jygiraud.free.fr/?Squelette-generaliste-ViaSPIP-3-1-gratuit
- Démo de ViaSPIP 3.1
http://jygiraud.free.fr/
Ipad CSS Layout
- Ipad CSS Layout
12 juin 2010 – par Mathieu Drouet (IZO)
Un thème / layout minimal en css pour l’ipad (ou n’importe qu’elle autre tablette avec un navigateur « webkit »).
https://contrib.spip.net/Ipad-CSS-Layout
- IPAD CSS LAYOUT
1.0.1 - stable. Compatible : SPIP 3.0 SPIP 2.1 SPIP 2.0
Thème Z pour iPad, modes portrait/paysage
Un thème minimal en css pour l’iPad (ou n’importe quelle autre tablette avec un navigateur « webkit »).
http://plugins.spip.net/theme_ipad_csslayout.html
- iPad CSS Layout with Landscape/Portrait Modes
http://matthewjamestaylor.com/demos/ipad-css-layout/index.html
PopDev : thème Z fluide
- PopDev : thème Z fluide
jeudi 12 mai 2011. Mis à jour le vendredi 22 février 2013
http://joseph.larmarange.net/?PopDev-theme-Z-fluide&debut_liste_articles_7=0#pagination_liste_articles_7
- POPDEV
Mis à jour le 20 juin 2014
1.0.4 - stable. Compatible : SPIP 3.0 SPIP 2.1 SPIP 2.0
Thème Z fluide, couleurs personnalisables
Un thème fluide s’adaptant à différentes tailles d’écran. La couleur du thème peut être modifiée avec le plugin Couleurs de rubrique.
http://plugins.spip.net/theme_popdev.html
Japibas
- Japibas, squelette responsive
11 octobre 2013 – par AMBG
Japibas est un squelette responsive, multilingue (français, anglais et espagnol), dont l’habillage conviendrait à un site de type blog ou webzine.
Le graphisme est inspiré du template Wordpress Japibas réalisé par Jesper Johansen et distribué sous licence GNU.
https://contrib.spip.net/Japibas-squelette-responsive
- Japibas
1.0.1 - stable. Compatible : SPIP 3.1 SPIP 3.0
Squelette multilingue pour blog ou webzine
http://plugins.spip.net/japibas
- Démo Japibas sous Wordpress
http://wpthemes.jayj.dk/japibas/
ScolaSpip
- ScolaSpip
https://contrib.spip.net/ScolaSpip
- ScolaSPIP 4
ScolaSPIP est plugin-squelette responsive personnalisable pour sites Web d’établissements scolaires basé sur SPIPr.
19 janvier 2016 – par Johan, Philippe
https://contrib.spip.net/ScolaSPIP-4
- ScolaSPIP 4
http://plugins.spip.net/scolaspip
- Exemples de sites utilisant ScolaSPIP
- Site de démo : http://scolaspip.dane.ac-versailles.fr/
- Collège Jean-Monnet - Briis-sous-Forges : http://www.clg-monnet-briis.ac-versailles.fr/
- ScolaSPIP 3
21 mai 2012 – par Johan, jsb, Philippe
https://contrib.spip.net/ScolaSPIP-pour-SPIP3
Brownie
- Brownie
6 juillet 2012 – par Christophe
Brownie est une adaptation pour Zpip du thème du même nom initialement développé par Egrappler.com
Brownie est un thème Responsive à deux colonnes.
https://contrib.spip.net/Brownie
- Démo de Brownie
http://brownie.openstudio.fr/
- Thème Brownie
http://plugins.spip.net/theme_brownie
SoyezCreateurs
- SoyezCreateurs
Un squelette conforme aux bonnes pratiques en matière d’accessibilité, adapté aux mobiles et tablettes : RWD (Responsive Web Design), polyvalent, à destination des associations, collectivités, entreprises, particuliers... souhaitant disposer d’un site SPIP disposant de fonctions génériques, largement configurable et adaptable.
https://contrib.spip.net/SoyezCreateurs-1237
- SQUELETTE SOYEZCRÉATEURS REBIRTH
4.0.97 - stable. Compatible : SPIP 3.1 SPIP 3.0
Largement configurable et adaptable, générique, conforme aux normes d’accessibilité et RWD
http://plugins.spip.net/soyezcreateurs.html
- INSTALLATEUR DU SQUELETTE SOYEZCRÉATEURS
1.0.11 - en test. Compatible : SPIP 3.1 SPIP 3.0
Plugin utilitaire pour télécharger les plugins facultatifs de SoyezCréateurs
http://plugins.spip.net/soyezcreateurs_installateur.html
- Modes d’affichage de la page d’accueil
Le squelette SoyezCreateurs dispose de plusieurs mode d’affichage pour la page d’accueil.
https://contrib.spip.net/Modes-d-affichage-de-la-page-d
- Mode portail Communiquant pour SoyezCréateurs
29 septembre 2010 – par RealET
https://contrib.spip.net/Mode-portail-Communiquant-pour-SoyezCreateurs
- Mode portail international pour SoyezCréateurs
17 janvier 2011 – par RealET
https://contrib.spip.net/Mode-portail-international-pour-SoyezCreateurs
Escal-V3
- Escal-V3
16 février 2012 – par Jean Christophe Villeneuve, spipfactory
Un jeu de squelettes proposant un affichage en 2 ou 3 colonnes avec un large choix de noisettes à insérer ou pas, fortement paramétrable depuis l’espace privé .
https://contrib.spip.net/Escal-V3
- Site de démonstration
http://escal.ac-lyon.fr/
- SpipFactory
http://spipfactory.com/
SPIPR
- SPIPR documentation
http://spipr.nursit.com/
- SPIPr
23 mars 2015 – par Cerdic
https://contrib.spip.net/SPIPr-4642
- SPIPR-DIST
Un squelette de départ pour construire un site à son goût.
0.4.15 - en test. Compatible : SPIP 3.1 SPIP 3.0
Squelettes Dist Z+BootStrap+HTML5
http://plugins.spip.net/spipr_dist.html
Démo de SPIPR-DIST : http://www.forumsocial.info/
- SPIPR-BLOG
0.4.16 - en test. Compatible : SPIP 3.1 SPIP 3.0
Squelettes de Blog Z+BootStrap+HTML5
Un squelette simple, orienté blog, sans arborescence de rubriques, avec une page d’archives.
http://plugins.spip.net/spipr_blog.html
Démo de SPIPR-BLOG : http://blog.nursit.net/
- SPIPR-DOC
Un squelette pour construire un site de documentation d’un projet.
0.5.13 - en test. Compatible : SPIP 3.1 SPIP 3.0
Squelettes de Doc Z+BootStrap+HTML5
http://plugins.spip.net/spipr_doc.html
Démo de SPIPR-DOC : http://spipr.nursit.com/
- SARKA-SPIP RELOADED
4.5.9 - stable. Compatible : SPIP 3.1 SPIP 3.0
Squelette généraliste, configurable et responsive
http://plugins.spip.net/sarkaspipr.html
- Thème GENERIC
1.0.4 - en développement. Compatible : SPIP 3.1 SPIP 3.0
http://plugins.spip.net/theme_generic.html
- Generic (thème SPIPr pour SPIPr-dist)
15 juillet 2016 – par Alexandre Tomas
https://contrib.spip.net/Generic-theme-SPIPr-pour-SPIPr-dist
- SPIP RADIUS
1.0.1 - stable. Compatible : SPIP 3.0
Squelette multilingue de type blog
http://plugins.spip.net/spipradius.html
- Squelette SPIP RADIUS
9 juillet 2013 – par AMBG
https://contrib.spip.net/Squelette-SPIP-RADIUS
STRONGLY TYPES PAR HTML5UP
Un template de HTML5 UP : https://html5up.net/
- STRONGLY TYPES PAR HTML5UP
Du Html5 à haute dose dans tous les formats
Préfixe : html5up_strongly_types, Mis à jour le 11 mai 2017
1.0.0 - en développement
Compatible : SPIP 3.1 SPIP 3.0
Squelettes proposant une lecture agréable qu’il s’agisse d’un blog ou tout autre site web.
https://plugins.spip.net/html5up_strongly_types.html
- Strongly Typed
A responsive HTML5 site template. Manufactured by HTML5 UP
https://html5up.net/uploads/demos/strongly-typed/index.html
Html5up Strongly Typed
- Html5up Strongly Typed
https://contrib.spip.net/Html5up-Strongly-Typed
1er décembre 2017 – par nostromo
Html5up Strongly Typed est un jeu de squelettes, dont l’habillage peut convenir à tout type de site web : blog, webzine, etc.....
Éditorial (HTML5UP)
- Éditorial (HTML5UP)
27 novembre 2017 – par chankalan
Squelette SPIP pour intégrer le modèle Editorial de HTML5UP
Squelette responsive « Editorial » de HTML5UP
https://contrib.spip.net/Editorial-HTML5UP-4947
https://plugins.spip.net/html5up_editorial
HTMLUP ALPHA
- HTMLUP ALPHA
Compatible : SPIP 3.2 SPIP 3.1 SPIP 3.0
Utilisé dans 4 sites
Mis à jour le 21 octobre 2017
Ce plugin permet de reprendre le design proposé sur Html5Up
https://plugins.spip.net/alpha.html
Thème Alpha https://html5up.net/alpha
Hyperspace
Un template de HTML5 UP : https://html5up.net/
- Hyperspace : squelette responsive
8 mars 2016 – par L0r3nt
Ce squelette distribué en plugin est un portage pour SPIP du thème responsive « Hyperspace », proposé sur le site http://html5up.net/
https://contrib.spip.net/Hyperspace-squelette-responsive
- hyperspace_theme_responsive_pour_spip
https://git.framasoft.org/L0r3nt/hyperspace_theme_responsive_pour_spip
- Sites utilisant le plugin Hyperspace :
- Hyperspace (Démo originale)
Un template de HTML5 UP : https://html5up.net/
Just another fine responsive site template designed by HTML5 UP and released for free under the Creative Commons.
https://html5up.net/hyperspace
Parallelism pour SPIP
Un template de HTML5 UP : https://html5up.net/
- Parallelism pour SPIP
Squelette de portfolio responsive. Ce squelette vise à vous permettre de mettre en ligne facilement et joliment vos photos et images. Il s’agit d’une intégration pour SPIP de Parallelism (de html5up).
Un template de HTML5 UP : https://html5up.net/
Vous pouvez le voir en fonctionnement sur le site de démonstration : http://parallelism4spip.brubel.net
6 juin 2014 – par Suske
https://contrib.spip.net/Parallelism-pour-SPIP
- PARALLELISM
Utilisé dans 14 sites. Mis à jour le 12 mars 2015
Squelette de portfolio responsive
0.4.1 - stable. Compatible : SPIP 3.1 SPIP 3.0
http://plugins.spip.net/parallelism.html
- Démonstration de PARALLELISM
https://parallelism4spip.brubel.net/
- Hyperspace (Démo originale)
Un template de HTML5 UP : https://html5up.net/
Just another fine responsive site template designed by HTML5 UP and released for free under the Creative Commons.
https://html5up.net/hyperspace
Curalicious
- Curalicious
2 mai 2016 – par ydikoi
Un squelette généraliste basé sur la dist, tout particulièrement indiqué pour la veille sur internet (en association avec le plugin curator : https://contrib.spip.net/Curator).
Le squelette n’est pas prévu pour fonctionner avec des brèves, et toute la colonne de gauche (’aside’) a été supprimée du squelette.
Ce plugin s’installe comme tous les plugins, il nécessite le plugin Social tags et Menu déroulant 2.
https://contrib.spip.net/Curalicious
- CURALICIOUS
Préfixe : curalicious. Utilisé dans 7 sites. Mis à jour le 15 août 2016
0.1.9 - en test. Compatible : SPIP 3.1 SPIP 3.0
Nécessite les plugins Social tags = 1.*.* et Menu déroulant = 2.3.*
http://plugins.spip.net/curalicious
- Démonstration Curalicious
http://actu-lambda.fr/
Initializr
- Initializr
20 août 2012 – par touti
Ce thème reprend la page de démo http://www.initializr.com/try en l’adaptant à la sauce ZPIP pour SPIP3
Thème très simple (en développement car il dépend de 2 plugins non stables) est en deux colonnes qui s’adaptent à la taille de l’écran, cela sert de base de travail pour faire du responsive design et en comprendre rapidement le fonctionnement en html5.
https://contrib.spip.net/Initializr
Le thème s’installe comme n’importe quel thème ZPIP . Il nécessite les plugins Zcore et Z5 que vous pouvez trouver zippés ou sous SVN.- Le plugin Z5 (zpip_html5 en dev branches/V2) pour SPIP3 http://files.spip.org/spip-zone/zpip_html5_spip3.zip
- Le plugin Z-core (en dev) pour SPIP3 http://files.spip.org/spip-zone/z-core.zip
- INITIALIZR
Préfixe : initializr. Utilisé dans 12 sites. Mis à jour le 4 novembre 2013
1.1.1 - en test. Compatible : SPIP 3.0
http://plugins.spip.net/initializr
- Démonstration INITIALIZR
http://www.initializr.com/
http://www.initializr.com/try#
TypoManiac
- TypoManiac
25 juillet 2012 – par davduf
Un squelette « responsive », minimal et typographique, basé sur le framework Boostrap.
https://contrib.spip.net/TypoManiac
- TypoManiac
http://plugins.spip.net/typomaniac.html
- Démo TypoManiac en version web
http://www.davduf.net/typomaniac-un-squelette-responsive-pour-spip-3-0
- Démo TypoManiac en version mobile
http://www.responsinator.com/?url=www.davduf.net
Larma
- Larma : Thème responsive
Passage à Spip 3 + nouveau thème graphique responsive (Larma) : ce dernier s’adapte aux différentes tailles d’écran. Propulsé par Aveline (http://contrib.spip.net/Aveline-v2) et le noizetier (http://contrib.spip.net/noiZetier-v2), eux aussi devenus compatibles pour SPIP 3.
http://joseph.larmarange.net/?+passage-a-spip-3-nouveau-theme+
- larmarange/larma
https://github.com/larmarange/larma
BEIGE
- BEIGE
1.1.6 - stable.
Compatible avec spipr = 0.1.0-dev
theme_bsblog. Utilisé dans 45 sites. Mis à jour le 15 décembre 2015
SPIP 3.1, SPIP 3.2, SPIP 3.0, SPIP 2.1, SPIP 2.0, SPIP 1.9
Blog simple, 2 colonnes, responsive, aux couleurs douces.
http://plugins.spip.net/theme_bsblog.html
Bazar
- Bazar
Bazar est un squelette HTML5/CSS3 simple à prendre en main pour étaler son bazar sur l’accueil. L’intérêt de Bazar est de pouvoir paramétrer facilement les informations affichées sur la page d’accueil. Elle fait ressortir de un à cinq articles côte à côte sur autant de lignes qu’on veut.
8 octobre 2015 – par chankalan, Pierke1
https://contrib.spip.net/Bazar
- BAZAR
Afficher tout son bazar sur l’accueil du site
0.2.18 - stable. Compatible : SPIP 3.1 SPIP 3.0
http://plugins.spip.net/bazar
- Démo BAZAR
https://bazar.choc02.fr/