Dotclear

Vous n'êtes pas identifié(e).

Annonce

13 février 2024 Sortie de Dotclear 2.29

#1 2010-06-09 13:26:44

dClauzel
Membre
Lieu : Villeurbanne, France
Inscription : 2008-09-16
Site Web

Thème en HTML5 + CSS3

J'ai porté (et légèrement étendu) le thème simplebw pour DotClear afin de le passer en HTML5 + CSS3. Pour cela, j'ai travaillé dans les CSS et taillader dans les templates du thème. J'ai uniquement ajoutés quelques fichiers, juste pour moi, qui sont sans incidences (support gravatar, albaneye...)

Le résultat est un blog vaguement valide à cause d' extensions qui génèrent du code que je ne contrôle pas.

Mais au final, j'utilise les nouvelles possibilités proposées par le HTML5 et les CSS3, comme :

  • le balisage sémantique du contenu, avec section, article, aside, etc.

  • des polices personnalisés fournies par le blog

  • des jolis effets sur le texte

  • la numérotation automatique des parties d'un billet (à ce propos, avoir de force le titre du billet en H2 et le premier niveau de titre accessible à l'utilisateur aussi en H2 est pas terrible du tout...)

  • heu, etc. :)

Pour ceux que ça intéresse, j'ai fait un tarball ici : http://damien.clauzel.nom.fr/simplebwHTML5CSS3.tgz et le blog qui l'utilise est là : http://damien.clauzel.nom.fr/blog/

Ce qui m'intéresserait surtout, en fait, est de voir dotclear passer complètement au HTML5, de façon à faciliter le balisage pour faire du web sémantique. Les métadonnées exposées via les marquages Dublin Core sont un bon début en ce sens, mais c'est difficile d'aller plus loin sans devoir casser le moteur de DotClear :/

D'où ma question : qu'est-ce qu'il est prévu pour DotClear, niveau HTML5 ?

Hors ligne

#2 2010-06-09 13:34:47

patidou
Membre
Inscription : 2004-11-14
Site Web

Re : Thème en HTML5 + CSS3

Salut dClauzel,

J'ai passé aussi mon blog en html 5 (conversion du thème par défaut, je ferai un design perso plus tard).

J'ai posé une question au niveau de la syntaxe wiki ici.


«Quand j'étais petit, je voulais être maître du monde. Maintenant que je suis grand, j'arrive à peine à être maître de moi-même.» Le Chat/Philippe Geluk.
Dotclear a besoin de vous

Hors ligne

#3 2010-06-09 13:36:44

patidou
Membre
Inscription : 2004-11-14
Site Web

Re : Thème en HTML5 + CSS3

Pour ton blog, il y a un problème de chevauchement entre le titre du blog et le premier post (firefox windows xp).


«Quand j'étais petit, je voulais être maître du monde. Maintenant que je suis grand, j'arrive à peine à être maître de moi-même.» Le Chat/Philippe Geluk.
Dotclear a besoin de vous

Hors ligne

#4 2010-06-09 13:43:39

Tomtom33
Responsable des travaux finis
Lieu : Barcelone
Inscription : 2006-06-13

Re : Thème en HTML5 + CSS3

dClauzel a écrit :

D'où ma question : qu'est-ce qu'il est prévu pour DotClear, niveau HTML5 ?

Il est prévu dans un premier temps d'intégrer les nouvelles fonctionnalités javascript et db locale pour la partie administration. Au niveau de l'HTML, tant que tout les navigateurs ne supporteront pas HTML5, on ne changera pas le balisage.


Le lab => http://lab.dotclear.org
Besoin d'un plugin? => http://plugins.dotaddict.org
Besoin d'un thème? => http://themes.dotaddict.org
Besoin d'une astuce? => http://tips.dotaddict.org

Hors ligne

#5 2010-06-09 13:50:05

dClauzel
Membre
Lieu : Villeurbanne, France
Inscription : 2008-09-16
Site Web

Re : Thème en HTML5 + CSS3

patidou a écrit :

Pour ton blog, il y a un problème de chevauchement entre le titre du blog et le premier post (firefox windows xp).

Curieux, ça.
Dans Firefox (Mozilla/5.0 (X11; U; Linux x86_64; fr; rv:1.9.2.3) Gecko/20100423 Ubuntu/10.04 (lucid) Firefox/3.6.3) et Chromium (version du svn), ça me donne ceci (à un chouillat près) : http://cl.ly/bb821a471c28395d748f

Tu peux me montrer comment ça s'affiche chez-toi, STP ?

Hors ligne

#6 2010-06-09 13:52:30

dClauzel
Membre
Lieu : Villeurbanne, France
Inscription : 2008-09-16
Site Web

Re : Thème en HTML5 + CSS3

Tomtom33 a écrit :
dClauzel a écrit :

D'où ma question : qu'est-ce qu'il est prévu pour DotClear, niveau HTML5 ?

Il est prévu dans un premier temps d'intégrer les nouvelles fonctionnalités javascript et db locale pour la partie administration. Au niveau de l'HTML, tant que tout les navigateurs ne supporteront pas HTML5, on ne changera pas le balisage.

Donc ça veut dire attendre après Internet Explorer 9, qui aura le support qu'il aura... :(
Ce n'est pas une bonne nouvelle, ça.

Et pour les extensions, il est prévu des recommendations en termes de technologies à utiliser : version minimale de javascript, etc ?

Hors ligne

#7 2010-06-09 13:56:54

Tomtom33
Responsable des travaux finis
Lieu : Barcelone
Inscription : 2006-06-13

Re : Thème en HTML5 + CSS3

dClauzel a écrit :

Et pour les extensions, il est prévu des recommendations en termes de technologies à utiliser : version minimale de javascript, etc ?

Qu'est-ce que tu entends par version de javascript?


Le lab => http://lab.dotclear.org
Besoin d'un plugin? => http://plugins.dotaddict.org
Besoin d'un thème? => http://themes.dotaddict.org
Besoin d'une astuce? => http://tips.dotaddict.org

Hors ligne

#8 2010-06-09 13:57:28

patidou
Membre
Inscription : 2004-11-14
Site Web

Re : Thème en HTML5 + CSS3

Ah oui c'est mieux chez toi. ;-) Voici : png (168Ko).


«Quand j'étais petit, je voulais être maître du monde. Maintenant que je suis grand, j'arrive à peine à être maître de moi-même.» Le Chat/Philippe Geluk.
Dotclear a besoin de vous

Hors ligne

#9 2010-06-09 15:44:38

dClauzel
Membre
Lieu : Villeurbanne, France
Inscription : 2008-09-16
Site Web

Re : Thème en HTML5 + CSS3

Tomtom33 a écrit :
dClauzel a écrit :

Et pour les extensions, il est prévu des recommendations en termes de technologies à utiliser : version minimale de javascript, etc ?

Qu'est-ce que tu entends par version de javascript?

JS v1.5, JS v1.6, JS v1.7, JS v1.8, JS v2.0, etc.
Sans compter que des navigateurs ajoutent des extensions qui leurs sont propres au langage.

Hors ligne

#10 2010-06-09 15:48:39

dClauzel
Membre
Lieu : Villeurbanne, France
Inscription : 2008-09-16
Site Web

Re : Thème en HTML5 + CSS3

patidou a écrit :

Ah oui c'est mieux chez toi. ;-) Voici : png (168Ko).

Alors, à vue de nez la version de ton navigateur web ne supporte pas suffisamment les CSS3 au niveau des polices de caractères. Ce qui explique les différences d'affichage.

Ou alors, tu as bloqué le javascript qui permet de précharger les polices de caractères. je pencherais plutôt pour cette option.

<!--
	Google WebFont Loader
	http://code.google.com/intl/fr/apis/webfonts/docs/webfont_loader.html
--> 
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js"></script> 
<script type="text/javascript"> 
	WebFont.load({
		google: {
			families: [ 'Tangerine' ]
		},
		custom: {
			families: ['Garamond Premier Pro', 'Helvetica Neue LT Pro', 'DejaVu Sans Mono'],
			urls: [ 'http://damien.clauzel.nom.fr/Polices/GaramondPremrPro.css', 'http://damien.clauzel.nom.fr/Polices/HelveticaNeueLTPro.css', 'http://damien.clauzel.nom.fr/Polices/DejaVuSansMono.css' ]
		}
	});
</script>

Hors ligne

#11 2010-06-09 16:29:47

Moe
Responsable du mini-bar
Lieu : France
Inscription : 2004-09-19
Site Web

Re : Thème en HTML5 + CSS3

dClauzel a écrit :

JS v1.5, JS v1.6, JS v1.7, JS v1.8, JS v2.0, etc.

As-tu des références à ce propos ? Des exemples de logiciels/sites qui utilisent une de ces versions ? À ma connaissance la version de Javascript dépend du navigateur, pas des sites. C'est différent avec HTML 5 ?

Dotclear intègre la librairie jQuery qui est utilisée par à peu près tout le code Javascript de Dotclear et de ses thèmes et plugins.

Hors ligne

#12 2010-06-09 17:10:38

patidou
Membre
Inscription : 2004-11-14
Site Web

Re : Thème en HTML5 + CSS3

dClauzel a écrit :

JS v1.5, JS v1.6, JS v1.7, JS v1.8, JS v2.0, etc.
Sans compter que des navigateurs ajoutent des extensions qui leurs sont propres au langage.

D'après ce que j'ai compris la DB en javascript permettra de travailler hors-ligne. Si le navigateur n'a pas de DB, il ne sera simplement pas possible de le faire, rien de catastrophique. En js on ne teste pas les versions, on teste si la fonction voulue est dispo ou non.


«Quand j'étais petit, je voulais être maître du monde. Maintenant que je suis grand, j'arrive à peine à être maître de moi-même.» Le Chat/Philippe Geluk.
Dotclear a besoin de vous

Hors ligne

#13 2010-06-09 17:16:32

patidou
Membre
Inscription : 2004-11-14
Site Web

Re : Thème en HTML5 + CSS3

Sinon ton site s'affiche mieux chez moi (firefox mac) peut-être un problème avec le proxy du boulot…


«Quand j'étais petit, je voulais être maître du monde. Maintenant que je suis grand, j'arrive à peine à être maître de moi-même.» Le Chat/Philippe Geluk.
Dotclear a besoin de vous

Hors ligne

#14 2010-06-10 08:14:46

dClauzel
Membre
Lieu : Villeurbanne, France
Inscription : 2008-09-16
Site Web

Re : Thème en HTML5 + CSS3

Il y a quelques années, j'avais eu un problème avec IE qui avait une version trop ancienne de JS par rapport à mozilla. Très gênant pour les pages dynamiques.

Il y a ceci qui se fait pour tester la version du JS : http://javascript.about.com/library/bljver.htm

Hors ligne

#15 2010-06-10 08:30:31

patidou
Membre
Inscription : 2004-11-14
Site Web

Re : Thème en HTML5 + CSS3

Houlà, c'est assez dépassé comme code! ;-)

jQuery permet de ne pas se soucier des petites différences avec IE par rapport aux autres navigateurs.


«Quand j'étais petit, je voulais être maître du monde. Maintenant que je suis grand, j'arrive à peine à être maître de moi-même.» Le Chat/Philippe Geluk.
Dotclear a besoin de vous

Hors ligne

Vous n'êtes pas identifié(e).

Pied de page des forums

Sites map