HTML5Up, feuille de route

Général
1

Bonjour à tous,

Le mois dernier, j’ai lancé le challenge/exercice mensuel sur la création de squelettes. Au fil de la discussion, le site html5up.net a été mentionné pour la qualité des templates mis à disposition.

De là, 2 squelettes ont été commencé sur la zone :

Il y avait déjà une belle intégration d’un des templates d’html5up en tant que squelettes de SPIP par suske :
http://zone.spip.org/trac/spip-zone/browser/squelettes/parallelism4spip

Donc, pour résumer, les thèmes suivants sont déjà réalisés sur la zone :

Les autres templates présents sur le site et restant à porter sont :

Tout n’est pas « portable » mais une majeure partie est exploitable en tant que squelette. Alors, la question est la suivante : qui est prêt à travailler sur le portage de ces templates en squelettes SPIP ?

Amicalement,

Ybbet

2

Salut

j'ai fait un portage rapide de hyperspace :

Laurent

Le 12/03/2016 11:39, Ybbet Spip a écrit :

Bonjour à tous,

Le mois dernier, j'ai lancé le challenge/exercice mensuel sur la
création de squelettes. Au fil de la discussion, le site html5up.net
<http://html5up.net> a été mentionné pour la qualité des templates mis à
disposition.

De là, 2 squelettes ont été commencé sur la zone :
-
Connexion · GitLab
- Connexion · GitLab

Il y avait déjà une belle intégration d'un des templates d'html5up en
tant que squelettes de SPIP par suske :
Connexion · GitLab

Donc, pour résumer, les thèmes suivants sont déjà réalisés sur la zone :
- Parallelism : Parallelism | HTML5 UP
- Big Picture : Big Picture | HTML5 UP
- Lens : Lens | HTML5 UP

Les autres templates présents sur le site et restant à porter sont :
- Multiverse : Multiverse | HTML5 UP
- Hyperspace : Hyperspace | HTML5 UP
- Future Imperfect : Future Imperfect | HTML5 UP
- Solid State : Solid State | HTML5 UP
- Identity : http://html5up.net/identity
- Fractal : Fractal | HTML5 UP
- Eventually : Eventually | HTML5 UP
- Spectral : Spectral | HTML5 UP
- Photon : Photon | HTML5 UP
- Highlights : Highlights | HTML5 UP
- Landed : Landed | HTML5 UP
- Strata : Strata | HTML5 UP
- Read Only : Read Only | HTML5 UP
- Alpha : Alpha | HTML5 UP
- Directive : Directive | HTML5 UP
- Aerial : Aerial | HTML5 UP
- Twenty : Twenty | HTML5 UP
- Tessellate : Tessellate | HTML5 UP
- Overflow : http://html5up.net/overflow
- Prologue : Prologue | HTML5 UP
- Helios : Helios | HTML5 UP
- Telephasic : Telephasic | HTML5 UP
- Strongly Typed : Strongly Typed | HTML5 UP
- Escape Velocity : Escape Velocity | HTML5 UP
- Astral : Astral | HTML5 UP
- Striped : Striped | HTML5 UP
- Dopetrope : Dopetrope | HTML5 UP
- Miniport : http://html5up.net/miniport
- TXT : TXT | HTML5 UP
- Verti : Verti | HTML5 UP
- Zerofour : Zerofour | HTML5 UP
- Arcana : Arcana | HTML5 UP
- Halcyonic : Halcyonic | HTML5 UP
- Minimaxing : Minimaxing | HTML5 UP

Tout n'est pas "portable" mais une majeure partie est exploitable en
tant que squelette. Alors, la question est la suivante : qui est prêt à
travailler sur le portage de ces templates en squelettes SPIP ?

Amicalement,

Ybbet

3

Merci pour le portage de ces thèmes
Le samedi 12 mars 2016 à 13:34 +0100, L0r3nt a écrit :

Salut

j'ai fait un portage rapide de hyperspace :
HTML5UP Hyperspace V2 - SPIP-Contrib

Laurent

Le 12/03/2016 11:39, Ybbet Spip a écrit :
> Bonjour à tous,
>
> Le mois dernier, j'ai lancé le challenge/exercice mensuel sur la
> création de squelettes. Au fil de la discussion, le site
> html5up.net < http://html5up.net>a été mentionné pour la qualité
> des templates mis à disposition.
>
> De là, 2 squelettes ont été commencé sur la zone :
> -
> Connexion · GitLab
> -
> Connexion · GitLab
>
> Il y avait déjà une belle intégration d'un des templates d'html5up
> en tant que squelettes de SPIP par suske :
> Connexion · GitLab
>
> Donc, pour résumer, les thèmes suivants sont déjà réalisés sur la
> zone :
> - Parallelism : Parallelism | HTML5 UP
> - Big Picture : Big Picture | HTML5 UP
> - Lens : Lens | HTML5 UP
>
> Les autres templates présents sur le site et restant à porter sont
> :
> - Multiverse : Multiverse | HTML5 UP
> - Hyperspace : Hyperspace | HTML5 UP
> - Future Imperfect : Future Imperfect | HTML5 UP
> - Solid State : Solid State | HTML5 UP
> - Identity : http://html5up.net/identity
> - Fractal : Fractal | HTML5 UP
> - Eventually : Eventually | HTML5 UP
> - Spectral : Spectral | HTML5 UP
> - Photon : Photon | HTML5 UP
> - Highlights : Highlights | HTML5 UP
> - Landed : Landed | HTML5 UP
> - Strata : Strata | HTML5 UP
> - Read Only : Read Only | HTML5 UP
> - Alpha : Alpha | HTML5 UP
> - Directive : Directive | HTML5 UP
> - Aerial : Aerial | HTML5 UP
> - Twenty : Twenty | HTML5 UP
> - Tessellate : Tessellate | HTML5 UP
> - Overflow : http://html5up.net/overflow
> - Prologue : Prologue | HTML5 UP
> - Helios : Helios | HTML5 UP
> - Telephasic : Telephasic | HTML5 UP
> - Strongly Typed : Strongly Typed | HTML5 UP
> - Escape Velocity : Escape Velocity | HTML5 UP
> - Astral : Astral | HTML5 UP
> - Striped : Striped | HTML5 UP
> - Dopetrope : Dopetrope | HTML5 UP
> - Miniport : http://html5up.net/miniport
> - TXT : TXT | HTML5 UP
> - Verti : Verti | HTML5 UP
> - Zerofour : Zerofour | HTML5 UP
> - Arcana : Arcana | HTML5 UP
> - Halcyonic : Halcyonic | HTML5 UP
> - Minimaxing : Minimaxing | HTML5 UP
>
> Tout n'est pas "portable" mais une majeure partie est exploitable
> en tant que squelette. Alors, la question est la suivante : qui
> est prêt à travailler sur le portage de ces templates en
> squelettes SPIP ?
>
> Amicalement,
>
> Ybbet
>
>

_______________________________________________
liste spip
spip@rezo.net- désabonnement : envoyer un mail à spip-off@rezo.net

Infos et archives : http://listes.rezo.net/mailman/listinfo/spip
Discuter chez rezo.net

Documentation de SPIP : http://www.spip.net/

Irc : de l'aide à toute heure : http://spip.net/irc

4

Yo!
Merci Ybbet d'avoir lancé ce challenge :smiley:
Je vais me coller à Halcyonic.
Du coup j'ai un peu regardé comment ont été démarrés Parelelism, puis
BigPicture et Lens.
En fait ce sont des squelettes... et pas des thèmes ?
J'étais parti pour faire 2 plugins séparés : un squelette (p.ex.
html5up) + 1 thème (p.ex. halcyonic)
Et du coup, je partais pour une structure à base de Zcore +
compositions, etc.

Je trouve qu'il serait interessant que le résultat de cette campagne
«themes html5up» soit une série de thèmes SPIP au sens où on les connait...
Qu'en pensez-vous ?

++
Cyril

Le 12/03/2016 11:39, Ybbet Spip a écrit :

Tout n'est pas "portable" mais une majeure partie est exploitable en
tant que squelette. Alors, la question est la suivante : qui est prêt
à travailler sur le portage de ces templates en squelettes SPIP ?

5

Oui ! Merci Cyril :-)k++

On 12.03.2016 17:40, Cyril Marion wrote:

Yo!

En fait ce sont des squelettes... et pas des thèmes ?
J'étais parti pour faire 2 plugins séparés : un squelette (p.ex.
html5up) + 1 thème (p.ex. halcyonic)
Et du coup, je partais pour une structure à base de Zcore +
compositions, etc.

Je trouve qu'il serait interessant que le résultat de cette campagne
«themes html5up» soit une série de thèmes SPIP au sens où on les connait...
Qu'en pensez-vous ?

++
Cyril

6

Oui ! Merci Cyril :-)k++

On 12.03.2016 17:40, Cyril Marion wrote:

Yo!

En fait ce sont des squelettes... et pas des thèmes ?
J'étais parti pour faire 2 plugins séparés : un squelette (p.ex.
html5up) + 1 thème (p.ex. halcyonic)
Et du coup, je partais pour une structure à base de Zcore +
compositions, etc.

Je trouve qu'il serait interessant que le résultat de cette campagne
«themes html5up» soit une série de thèmes SPIP au sens où on les connait...
Qu'en pensez-vous ?

++
Cyril

7

Super initiative tout ça. Ça m'intéresse bien également de m'y coller.

> Je trouve qu'il serait interessant que le résultat de cette campagne
> «themes html5up» soit une série de thèmes SPIP au sens où on les connait...
> Qu'en pensez-vous ?

Je suis comme Cyril : l'idée étant d'aboutir à des thèmes que l'on peut souhaiter vraiment interchangeables, enfin, j'imagine (parce que sinon, ça diminue vraiment considérablement l'intérêt de la démarche), ne serait-il pas important de rédiger au préalable un cahier des charges précis pour être sûr que le portage se fasse sur une même base technique.

En effet, sans que ce soit tout à fait clair (ça sera l'occasion de clarifier ça !), j'ai l'impression l'impression qu'un thème Zpip ou Zcore, ça ne doit pas être tout à fait pareil...

Vous voyez ça comment ?

Manu

8

Bonjour

Pour ma part, après Big Picture, j'ai adapté aussi pour SPIP les squelettes suivants:

- Big Picture
Ex: http://www.topolive.fr/

- Solid State
Ex: http://laboiteadejeuner.com/

- Landed
Ex: http://www.meublespolaud.com/

- Alpha
Ex: http://www.batimentsenergiesdurables.com/

- Twenty:
Ex: http://www.melliechartres.fr/

- Helios
Ex: http://pleins-feux-festival.com/

Par contre, je les ai adapté à mes besoins en apportant quelques variantes. Je n'ai pas vraiment le temps de revenir aux versions "originales"... mais si certains sont prêts à travailler à partir de mes bases, vous devriez gagner du temps... je veux bien livrer un zip...

Encore un point: certains templates de html5up s'affichent très mal sous Safari pour Windows... (!!!)

Cdlmt,
Laurent

PS pour Chankalan et Ybbet: le dernier zip de Big_Picture que je vous ai livré le 10/03 est bien plus propre et bien plus proche du modèle original de html5up...

Le 12/03/2016 11:39, Ybbet Spip a écrit :

Bonjour à tous,

Le mois dernier, j'ai lancé le challenge/exercice mensuel sur la
création de squelettes. Au fil de la discussion, le site html5up.net
<http://html5up.net> a été mentionné pour la qualité des templates mis à
disposition.

De là, 2 squelettes ont été commencé sur la zone :
-
Connexion · GitLab
- Connexion · GitLab

Il y avait déjà une belle intégration d'un des templates d'html5up en
tant que squelettes de SPIP par suske :
Connexion · GitLab

Donc, pour résumer, les thèmes suivants sont déjà réalisés sur la zone :
- Parallelism : Parallelism | HTML5 UP
- Big Picture : Big Picture | HTML5 UP
- Lens : Lens | HTML5 UP

Les autres templates présents sur le site et restant à porter sont :
- Multiverse : Multiverse | HTML5 UP
- Hyperspace : Hyperspace | HTML5 UP
- Future Imperfect : Future Imperfect | HTML5 UP
- Solid State : Solid State | HTML5 UP
- Identity : http://html5up.net/identity
- Fractal : Fractal | HTML5 UP
- Eventually : Eventually | HTML5 UP
- Spectral : Spectral | HTML5 UP
- Photon : Photon | HTML5 UP
- Highlights : Highlights | HTML5 UP
- Landed : Landed | HTML5 UP
- Strata : Strata | HTML5 UP
- Read Only : Read Only | HTML5 UP
- Alpha : Alpha | HTML5 UP
- Directive : Directive | HTML5 UP
- Aerial : Aerial | HTML5 UP
- Twenty : Twenty | HTML5 UP
- Tessellate : Tessellate | HTML5 UP
- Overflow : http://html5up.net/overflow
- Prologue : Prologue | HTML5 UP
- Helios : Helios | HTML5 UP
- Telephasic : Telephasic | HTML5 UP
- Strongly Typed : Strongly Typed | HTML5 UP
- Escape Velocity : Escape Velocity | HTML5 UP
- Astral : Astral | HTML5 UP
- Striped : Striped | HTML5 UP
- Dopetrope : Dopetrope | HTML5 UP
- Miniport : http://html5up.net/miniport
- TXT : TXT | HTML5 UP
- Verti : Verti | HTML5 UP
- Zerofour : Zerofour | HTML5 UP
- Arcana : Arcana | HTML5 UP
- Halcyonic : Halcyonic | HTML5 UP
- Minimaxing : Minimaxing | HTML5 UP

Tout n'est pas "portable" mais une majeure partie est exploitable en
tant que squelette. Alors, la question est la suivante : qui est prêt à
travailler sur le portage de ces templates en squelettes SPIP ?

Amicalement,

Ybbet

_______________________________________________
liste spip
spip@rezo.net - désabonnement : envoyer un mail à spip-off@rezo.net

Infos et archives : http://listes.rezo.net/mailman/listinfo/spip
Discuter chez rezo.net

Documentation de SPIP : http://www.spip.net/

Irc : de l'aide à toute heure : http://spip.net/irc

9

Bonjour à la liste,

j'aimerais savoir si il est possible de faire une boucle qui va afficher que le premier paragraphe d'un article dans une div puis la boucle suivante va afficher le second paragraphe dans une autre div et ainsi de suite jusqu'à la fin de l'article.

D'avance merci à vous pour vos réponses.

Laurent

---
L'absence de virus dans ce courrier électronique a été vérifiée par le logiciel antivirus Avast.
https://www.avast.com/antivirus

10

Bonjour

En fait je ne comprends pas bien la question et encore moins la finalité de la manoeuvre.

S'agit-il de remplacer les <p>...</p> par <div>...</div> ?
ou d'encadrer les paragraphes <div><p>...</p></div> ?

Dans les deux cas c'est bizarre de vouloir casser la structure sémantique du contenu alors qu'en css ou javascript on peut faire se comporter un <p> ou un <div> exactement de la même façon. Sauf que sémantiquement un <p> est un paragraphe (et donc a priori correspond au développement d'une idée particulière au sein d'un texte qui comporte donc plusieurs paragraphes qui se suivent et se complètent) et reste un paragraphe même lorsque les styles sont désactivés ou lorsque le contenu est extrait (dans un lecteur de news par ex) et affiché avec une autre feuille de styles, ce qui ne sera pas le cas du <div> qui n'a aucune signification particulière et aucun style par défaut. Il y a une raison particulière à cette demande ? (je suis curieux, je sais :wink: )

Sinon la solution est quelque chose du genre :

[(#TEXTE|replace{<p>,<div>}|replace{</p>,</div>})]

ou dans les filtres d'extraction de balises |extraire_balises :

[(#SET{paragraphes,[(#TEXTE|extraire_balises{p})]})]
<BOUCLE_divs(DATA){source table, #GET{paragraphes}>
[<div>(#VALEUR)</div>]
</BOUCLE_divs>

à tester

pw

----- Mail original -----
De: "LCVD-Spipeur" <lcvd-spipeur@sfr.fr>
À: spip@rezo.net
Envoyé: Mercredi 16 Mars 2016 19:13:46
Objet: [Spip] boucle extraire paragraphe

Bonjour à la liste,

j'aimerais savoir si il est possible de faire une boucle qui va afficher
que le premier paragraphe d'un article dans une div puis la boucle
suivante va afficher le second paragraphe dans une autre div et ainsi de
suite jusqu'à la fin de l'article.

D'avance merci à vous pour vos réponses.

Laurent

11

Le 13/03/2016 08:46, Manu a écrit :

Super initiative tout ça. Ça m'intéresse bien également de m'y coller.
Je suis comme Cyril : l'idée étant d'aboutir à des thèmes que l'on peut souhaiter vraiment interchangeables, enfin,
j'imagine (parce que sinon, ça diminue vraiment considérablement l'intérêt de la démarche), ne serait-il pas important
de rédiger au préalable un cahier des charges précis pour être sûr que le portage se fasse sur une même base technique.

j'ai l'impression qu'un thème Zpip ou Zcore, ça ne doit pas être tout à fait pareil...

Effectivement.

Vous voyez ça comment ?

Je crois me souvenir que l'idée au départ était de ne pas freiner les enthousiasmes
et de laisser le challenge ouvert à tous squelettes,
déjà existant ou créé pour l'occasion,
et quel qu'en soit son architecture, Z ou pas Z ou autre.

Pour répondre à ta question entre Zpip et Zcore
la question ne se pose pas vraiment, car Zpip n'est plus maintenu,
et il n'est pas opportun de développer de nouveaux thèmes pour ZPIP.

SI c'est Z, c'est donc Zcore !

JLuc

12

Le 17/03/2016 01:56, JLuc a écrit :

Je crois me souvenir que l'idée au départ était de ne pas freiner les enthousiasmes
et de laisser le challenge ouvert à tous squelettes,
déjà existant ou créé pour l'occasion,
et quel qu'en soit son architecture, Z ou pas Z ou autre.

+1

--
----
chan

13

Le 17/03/16 08:45, chankalan a écrit :

Le 17/03/2016 01:56, JLuc a écrit :

Je crois me souvenir que l'idée au départ était de ne pas freiner les
enthousiasmes
et de laisser le challenge ouvert à tous squelettes,
déjà existant ou créé pour l'occasion,
et quel qu'en soit son architecture, Z ou pas Z ou autre.

+1

Oui, bon, pourquoi pas, mais est-ce qu'il faut pas a minima imaginer un repérage de des portages pour pouvoir catégoriser les thèmes qui seront proposés histoire de ne pas se mélanger les pinceaux, de charger un thème non-compatible et qui ne marchera pas bien si on n'est pas sur le socle technique qui va bien ?
Mais, c'est peut-être déjà prévu ?

THEMES ZPIP
- thème 1
- thème 2
...

THEMES ZCore
- thème a
- thème b
...

AUTRES THÈMES
- THÈMES SARKASPIP
  - thème x
  - thème y

PS (coquille)
Dans Ecrire un thème pour Z - SPIP-Contrib
le lien qui est proposé à la fin de Voyez aussi est erroné
en effet, le lien contenu dans autres outils pour Z ou Zpip conduit à Squelette Spipcast, le podcasting avec SPIP - SPIP-Contrib dont on ne voit pas bien le rapport...

14

@Laurent,

Je veux bien t'aider pour que tu puisses te dégager du temps dans les excellentes réalisations pour notre SPIP.

Que notre communauté puisse avoir de belles interface web.

Heu, nous ne sommes hélas pas vendredi, mais à la Fabien Barthez, je peux dire une connerie ?

Je me lance, pour que SPIP taille des croupières aux autres CMS qui nous snobent, alors qu'ils n'existaient même pas avant 2006.

Bonne journée à vous tous mes petits SPIP. Pas taper !

----- Mail original -----
De: "Laurent JULLIEN" <ljullien74@hotmail.fr>
À: spip@rezo.net
Envoyé: Dimanche 13 Mars 2016 11:41:55
Objet: Re: [Spip] HTML5Up, feuille de route

Bonjour

Pour ma part, après Big Picture, j'ai adapté aussi pour SPIP les
squelettes suivants:

- Big Picture
Ex: http://www.topolive.fr/

- Solid State
Ex: http://laboiteadejeuner.com/

- Landed
Ex: http://www.meublespolaud.com/

- Alpha
Ex: http://www.batimentsenergiesdurables.com/

- Twenty:
Ex: http://www.melliechartres.fr/

- Helios
Ex: http://pleins-feux-festival.com/

Par contre, je les ai adapté à mes besoins en apportant quelques
variantes. Je n'ai pas vraiment le temps de revenir aux versions
"originales"... mais si certains sont prêts à travailler à partir de mes
bases, vous devriez gagner du temps... je veux bien livrer un zip...

Encore un point: certains templates de html5up s'affichent très mal sous
Safari pour Windows... (!!!)

Cdlmt,
Laurent

PS pour Chankalan et Ybbet: le dernier zip de Big_Picture que je vous ai
livré le 10/03 est bien plus propre et bien plus proche du modèle
original de html5up...

Le 12/03/2016 11:39, Ybbet Spip a écrit :

Bonjour à tous,

Le mois dernier, j'ai lancé le challenge/exercice mensuel sur la
création de squelettes. Au fil de la discussion, le site html5up.net
<http://html5up.net> a été mentionné pour la qualité des templates mis à
disposition.

De là, 2 squelettes ont été commencé sur la zone :
-

e

- Connexion · GitLab

Il y avait déjà une belle intégration d'un des templates d'html5up en
tant que squelettes de SPIP par suske :

Donc, pour résumer, les thèmes suivants sont déjà réalisés sur la zone :
- Parallelism : Parallelism | HTML5 UP
- Big Picture : Big Picture | HTML5 UP
- Lens : Lens | HTML5 UP

Les autres templates présents sur le site et restant à porter sont :
- Multiverse : Multiverse | HTML5 UP
- Hyperspace : Hyperspace | HTML5 UP
- Future Imperfect : Future Imperfect | HTML5 UP
- Solid State : Solid State | HTML5 UP
- Identity : http://html5up.net/identity
- Fractal : Fractal | HTML5 UP
- Eventually : Eventually | HTML5 UP
- Spectral : Spectral | HTML5 UP
- Photon : Photon | HTML5 UP
- Highlights : Highlights | HTML5 UP
- Landed : Landed | HTML5 UP
- Strata : Strata | HTML5 UP
- Read Only : Read Only | HTML5 UP
- Alpha : Alpha | HTML5 UP
- Directive : Directive | HTML5 UP
- Aerial : Aerial | HTML5 UP
- Twenty : Twenty | HTML5 UP
- Tessellate : Tessellate | HTML5 UP
- Overflow : http://html5up.net/overflow
- Prologue : Prologue | HTML5 UP
- Helios : Helios | HTML5 UP
- Telephasic : Telephasic | HTML5 UP
- Strongly Typed : Strongly Typed | HTML5 UP
- Escape Velocity : Escape Velocity | HTML5 UP
- Astral : Astral | HTML5 UP
- Striped : Striped | HTML5 UP
- Dopetrope : Dopetrope | HTML5 UP
- Miniport : http://html5up.net/miniport
- TXT : TXT | HTML5 UP
- Verti : Verti | HTML5 UP
- Zerofour : Zerofour | HTML5 UP
- Arcana : Arcana | HTML5 UP
- Halcyonic : Halcyonic | HTML5 UP
- Minimaxing : Minimaxing | HTML5 UP

Tout n'est pas "portable" mais une majeure partie est exploitable en
tant que squelette. Alors, la question est la suivante : qui est prêt à
travailler sur le portage de ces templates en squelettes SPIP ?

Amicalement,

Ybbet

_______________________________________________
liste spip
spip@rezo.net - désabonnement : envoyer un mail à spip-off@rezo.net

Infos et archives : http://listes.rezo.net/mailman/listinfo/spip
Discuter chez rezo.net

Documentation de SPIP : http://www.spip.net/

Irc : de l'aide à toute heure : http://spip.net/irc

_______________________________________________
liste spip
spip@rezo.net - désabonnement : envoyer un mail à spip-off@rezo.net

Infos et archives : http://listes.rezo.net/mailman/listinfo/spip
Discuter chez rezo.net

Documentation de SPIP : http://www.spip.net/

Irc : de l'aide à toute heure : http://spip.net/irc

15

JLuc a écrit :

SI c'est Z, c'est donc Zcore !

Sauf que z-core n'est pas un squelette. C'est juste le mécanisme central.

Manu a écrit :

Oui, bon, pourquoi pas, mais est-ce qu'il faut pas a minima imaginer un
repérage de des portages pour pouvoir catégoriser les thèmes qui seront
proposés histoire de ne pas se mélanger les pinceaux, de charger un
thème non-compatible et qui ne marchera pas bien si on n'est pas sur le
socle technique qui va bien ?
Mais, c'est peut-être déjà prévu ?

Mais il y a des problèmes, ou tout du moins questions, importants à résoudre dans vos idées de thèmes interchangeables.

Des thèmes ne peuvent être vraiment interchangeables que si cela repose sur la même structure générale HTML, les mêmes conventions. À la fois pour les grands blocs principaux, mais aussi pour les "modules" utilisés à l'intérieur (blocs de mises à avant, résultats, listes de choses, etc).

Les thèmes présentés sur HTML5Up, ne sont en fait PAS des thèmes graphiques. Ce sont des maquettes de sites complets. Parfois en une seule page, parfois plusieurs. Parfois avec des choses mises en avant sur un accueil, parfois pas. Certains sont spécifiquement pour des galeries photos, d'autres pour de la présentation d'une orga, d'autres uniquement pour présenter une personne physique… Et plein d'autres différences comme ça !

Et donc pour celles des maquettes qui ont des mises en avant, ça veut dire qu'il faut décider comment le squelette fait ces mises en avant (automatique ? sélection manuelle ? par quel moyen ? etc). Plusieurs choses dans ce genre à décider.

Je ne vois donc pour l'instant pas du tout comment on pourrait en extraire *facilement* des thèmes *uniquement graphiques* interchangeables, sans rien toucher aux squelettes, à la production du HTML.

Je ne dis pas que c'est totalement impossible, mais à priori je ne vois que deux pistes (pas du tout pareilles) :
- soit avoir un squelette commun basique, mais alors les thèmes graphiques ne pourraient reprendre que les grands choix graphiques principaux (fond, couleurs, typo, etc), mais pas tous les détails propres à l'une des maquettes
- soit avoir un squelette complexe avec des configs, des compositions multiples déjà prévues (permettant d'activer du one-page ou pas, etc), et avoir toujours une normalisation de comment doivent être les modules HTML, les classes.

Mais ça me parait quand même très compliqué d'avoir un squelette qui saurait gérer tous les types de sites… Un blog, un site carte de visite, un site de PME, un site d'articles genre magazine, tout ça ce soit vraiment des types de sites très différents…
Et donc sinon c'est forcément dans des squelettes différents, propres à chaque maquette de HTML5Up.

--
RastaPopoulos

16

Le 17/03/2016 09:46, RastaPopoulos a écrit :

Je ne dis pas que c'est totalement impossible, mais à priori je ne vois
que deux pistes (pas du tout pareilles) :
- soit avoir un squelette commun basique, mais alors les thèmes
graphiques ne pourraient reprendre que les grands choix graphiques
principaux (fond, couleurs, typo, etc), mais pas tous les détails
propres à l'une des maquettes
- soit avoir un squelette complexe avec des configs, des compositions
multiples déjà prévues (permettant d'activer du one-page ou pas, etc),
et avoir toujours une normalisation de comment doivent être les modules
HTML, les classes.

Mais ça me parait quand même très compliqué d'avoir un squelette qui
saurait gérer tous les types de sites… Un blog, un site carte de visite,
un site de PME, un site d'articles genre magazine, tout ça ce soit
vraiment des types de sites très différents…
Et donc sinon c'est forcément dans des squelettes différents, propres à
chaque maquette de HTML5Up.

Et avoir un squelette de base et une collection d'inclusions qu'on pourrait choisir et ajouter un peu comme des widgets ce ne serait pas une alternative ?

--
Ysabeau

17

Je ne dis pas que c'est totalement impossible, mais à priori je ne vois que deux pistes (pas du tout pareilles) :
- soit avoir un squelette commun basique, mais alors les thèmes graphiques ne pourraient reprendre que les grands choix graphiques principaux (fond, couleurs, typo, etc), mais pas tous les détails propres à l'une des maquettes
- soit avoir un squelette complexe avec des configs, des compositions multiples déjà prévues (permettant d'activer du one-page ou pas, etc), et avoir toujours une normalisation de comment doivent être les modules HTML, les classes.

soit en utilisant le noizetier qui est un outil magnifique !
amicalement
triton

18

je trouve la solution du squelette qui embarque ce qu'il a besoin, voir nécessite des plugins, tout à fait simple et fonctionnelle, pas la peine de compliquer...

Le 17/03/2016 09:46, RastaPopoulos a écrit :

Et donc sinon c'est forcément dans des squelettes différents, propres à chaque maquette de HTML5Up.

--
----
chan

19

Le 17 mars 2016 à 08:45, chankalan <chankalan@free.fr> a écrit :

Le 17/03/2016 01:56, JLuc a écrit :

Je crois me souvenir que l'idée au départ était de ne pas freiner les enthousiasmes
et de laisser le challenge ouvert à tous squelettes,
déjà existant ou créé pour l'occasion,
et quel qu'en soit son architecture, Z ou pas Z ou autre.

+1

Je plussoie. La seule technique qu'on met en avant et qu'on doit "respecter" dans le portage de ces templates est les boucles et balises SPIP. C'est tout.
Déjà passer par là, sera un grand pas. On verra plus tard pour l'architecture Z ou pas Z, habillage ou pas habillage etc.

----------
Ybbet

--
----
chan

_______________________________________________
liste spip
spip@rezo.net - désabonnement : envoyer un mail à spip-off@rezo.net

Infos et archives : http://listes.rezo.net/mailman/listinfo/spip
Discuter chez rezo.net

Documentation de SPIP : http://www.spip.net/

Irc : de l'aide à toute heure : http://spip.net/irc

20

Le 17/03/2016 12:17, chankalan a écrit :

je trouve la solution du squelette qui embarque ce qu'il a besoin, voir
nécessite des plugins, tout à fait simple et fonctionnelle, pas la peine
de compliquer...

Le 17/03/2016 09:46, RastaPopoulos a écrit :

Et donc sinon c'est forcément dans des squelettes différents, propres
à chaque maquette de HTML5Up.

C'est effectivement ce qu'il y a de plus simple à mettre oeuvre. Je n'ai jamais compris l'intérêt des thèmes dans SPIP. Je trouve personnellement que les thèmes induisent en erreur l'utilisateur de base et qu'ils ne servent à pas grand chose. Le développement d'un "template" html5up correspond à un squelette .