Squelettes/Templates SPIP RWD (Responsive Web Design)

François Daniel Giezendanner — 2017-03-18T16:18:07Z

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
https://contrib.spip.net/SPIPr-1776

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 :
- http://www.langogne-natation-et-sauvetage.com/
- http://leschoraulnes.free.fr/

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/

SPIPr : Squelettes et framework pour le développement front avec SPIP

François Daniel Giezendanner — 2017-02-15T11:45:00Z

Sommaire

SPIPr : une famille de squelettes et un framework pour le développement front avec SPIP

Le site de SPIPr (nursit) se présente en 7 volets :

SPIPr c'est 4 Squelettes et un framework pour le développement front avec SPIP.

SPIPr est Prêt à l'emploi, thémable, responsive, et conçu dans une approche d'industrialisation et de développement rapide.

SPIPr regroupe 3 squelettes de base & 1 squelette multifonction :

SPIPr-dist : Un squelette de départ pour construire un site à son goût.
Site exemple d'utilisation de SPIPr-dist, Técharger spipr_dist.zip

SPIPr-blog : Un squelette simple, orienté blog, sans arborescence de rubriques, avec une page d'archives.
Site exemple d'utilisation de SPIPr-blog, Técharger spipr_blog.zip

SPIPr-doc : Un squelette pour construire un site de documentation d'un projet.
Site exemple d'utilisation de SPIPr-doc, Técharger spipr_doc.zip

SarkaSPIP v4 : Un squelette multifonction, hautement configurable pour construite un site riche sans coder.
Site exemple d'utilisation de SarkaSPIP v4, Télécharger SarkaSPIP v4

Documentation

SPIPr. SPIP reboot (nursit).
Site de SPIPr en 7 volets : SPIPr, Framework Z, BootStrap, LayoutGala, HTML5, Thèmes, Télécharger.
SPIPr c'est : Squelettes et framework pour le développement front avec SPIP. Prêt à l'emploi, thémable, responsive, et conçu dans une approche d'industrialisation et de développement rapide.
Exemples, démonstration et mise à disposition (download) des 3 squelettes de base & 1 squelette multifonction de SPIPr.
- SPIPr-dist. Un squelette de départ pour construire un site à son goût.
  Site de démonstration
- SPIPr-blog. Un squelette simple, orienté blog, sans arborescence de rubriques, avec une page d'archives.
  Voir un exemple de blog
- SPIPr-doc. Un squelette pour construire un site de documentation d'un projet, comme ce site.
  Voir un exemple d'utilisation de SPIPr-doc
- SarkaSPIP v4. Un squelette multifonction, hautement configurable pour construite un site riche sans coder.
  Voir un exemple d'utilisation de SarkaSPIP

SPIPr (contrib.spip.net).
Articles de cette rubrique par Cerdic :

Site PLUGINS SPIP, Squelettes :
- Squelette SPIPr-dist (plugins.spip.net).
  Squelettes Dist Z+BootStrap+HTML5
- Squelette SPIPr-doc (plugins.spip.net).
  Squelettes de Doc Z+BootStrap+HTML5
- Squelette SPIPr Éduc (plugins.spip.net).
  Des squelettes responsives, modulables, configurables avec thèmes
- Squelette SPIPr-blog (plugins.spip.net).
  Squelettes de Blog Z+BootStrap+HTML5
- Sarka-SPIP Reloaded (plugins.spip.net).
  Squelette généraliste, configurable et responsive Z-core, Comments, Bootstrap, Compositions

Site PLUGINS SPIP, Thèmes :
- Thème Generic (plugins.spip.net).
- Thème Cyborg (plugins.spip.net).
- Thème Spacelab (plugins.spip.net).

spip-zone/_themes_/spipr/

Ici & Là

Squelettes/Templates SPIP RWD (Responsive Web Design)

Dist de SPIP 3.x.x

ViaSPIP 3.1

Ipad CSS Layout

PopDev : thème Z fluide

Japibas

ScolaSpip

Brownie

SoyezCreateurs

Escal-V3

SPIPR

STRONGLY TYPES PAR HTML5UP

Html5up Strongly Typed

Éditorial (HTML5UP)

HTMLUP ALPHA

Hyperspace

Parallelism pour SPIP

Curalicious

Initializr

TypoManiac

Larma

BEIGE

Bazar

SPIPr : Squelettes et framework pour le développement front avec SPIP

SPIPr : une famille de squelettes et un framework pour le développement front avec SPIP

Documentation