[Thème HTML5/CSS3] Sans Nom...

k610i

Bonjoir,


J'découvre peu à peu le HTML 5 et le CSS 3 et j'essaye de comprendre comment ça marche, etc.
Pour cela, j'ai décidé de créer un p'tit thème assez simple (assez bleu !).


Mon site de démo


Il doit avoir des erreurs à certains endroits... Donc si un motivé veut l'améliorer (puisque je suis novice, j'suis surement passée à côté de choses et d'autres), je lui transmets.
Par ailleurs, je ne m'y connais pas du tout en javascript, y a surement des p'tites choses à améliorer facilement !
Ensuite, il ira virevolter parmi les autres thèmes PluXml.

Stéphane

ça m’intéresse aussi d'avoir un retour sur la structure html5 du site de k610i dans l'utilisation des balises spécifiques

Jos

Et bien l'essentiel est là... Les balises de base, le html5shiv, le display:block pour que sa marche sur les ancien ie, et a peine deux petites erreurs en w3c. Bref, une très bonne base qui fonctionne. a la rigueur tu peu rajouter quelques roles dans tes balises mais c'est pas obligatoire.


Parcontre, certaines classes css3 ne marchent pas sur les anciens ie (normale) et c'est pas bien grave çà non plus. Il existe des scripts pour palier à ce problème mais bon... La j'avoue que je chipote beaucoup Moi les soucies sont venus apres avoir fait le template, il faudra que tu t'adapte au fur et à mesure mais pour une base c'est bon.


EDIT : bon je précise que j'ai donné un coup d'oeil vite fait, il y a peut-être des choses que j'ai pas vu.
-

k610i

J'ai corrigé les deux erreurs.


>> A quoi servent les rôles ?


Merci en tout cas.

Jos

Les roles servent entre autre pour l'accessibilité, notamment pour les syntèses vocales. Pour les versions récentes de Jaws par exemple (pas les anciennes versions je pense), cela permet aux aveugles utilisant une synthèse vocale de se positionner plus facilement. Ce n'est pas forcement utile car ils ont d'autres raccourcis clavier. l'essentiel est dans la sémantique html, et de ce coté la çà me semble bon.

Gzyg

Esthétiquement, c'est très joli.

Sinon, pourquoi ce <div class="line"></div> plutôt qu'un simple <hr /> ?


à plus,

Gzyg

k610i

Bonne question.


J'vais regarder le fonctionnement de la balise hr, que je ne connais que de nom.

k610i

Par ailleurs, j'ai une question.


J'ai testé la font "Forte". Elle s'affiche sans problème sur mon pc perso (chrome dernière version).
Et làà, quand je suis sur mon pc de bureau, elle ne s'affiche pas (c'est la font Myriad que je vois)(toujours chrome dernière version), comment ça se fait ?

k610i

Bon, j'ai changé les couleurs... Parce que je ne suis pas fan du bleu... J'suis passée au jaune/orange/obi wan kenobi.


Ici pour le télécharger
(j'sais pas mettre dans les ressources du site PluXml... )

bankai

super mais par contre si tu as un long menu cela empiète sur le nom et le sous titre du site, sinon très beau thème.

k610i

Voui.
Après, faut l'adapter à ses besoins.

k610i

je ne retrouve plus. Il me semble qu'il existe un plugin qui permet de switcher entre deux thèmes, où est ce que je le retrouve ?


(pour mettre sur mon site de démo les deux versions (bleue et orange))

Gzyg

Tes deux liens (version bleue / version orange) sont ientiques et pointent sur orange !

Je vais donc passer à l'orange!


à plus,

Gzyg

k610i

J'ai retrouvé le selecteur de thème : ICI
Mais ça ne semble pas fonctionner.
(Edith Piaf: J'ai installé le plugin, ça fonctionne ! )


J'ai mis les deux en téléchargement.

Victor

En voilà une bonne idée!
Le thème orange est délicieusement Ubuntu

k610i

Et encore, j'n'ai pas utilisé la font Ubuntu, héhé !

Jos

Ils sont plus dans le violet maintenant Ubuntu non? Sinon ton thème est très beau. Histoire d'optimiser un peu le truc, j'ai remarqué que ie9 prend assez bien en charge le html5 (du moins pour les balises de base. Ce qui fait que pour ta conditionnelle tu peu mettre [if lte IE 8].

k610i

Merci, je ne suis pas du tout une spécialiste en web développement, je vais regarder !

Jos

Moi sur mon site j'ai mis çà :


<!--[if lt IE 8]>
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>;
<![endif]-->


Ca evite de charger le script sous ie9, car sur cette version le html5 semble bien fonctionner, du moins pour les bases.

Jerry Wham

Pas mal comme thème. Par contre, le bouton du sélecteur de thème est trop gros et tronqué.

k610i

Pas mal comme thème. Par contre, le bouton du sélecteur de thème est trop gros et tronqué.

Yep.
J'ai pas cherché à adapter le plugin pour le rendre 'moins moche' sur ce site, vu l'utilisation que j'en ai.
Mais c'est vrai que c'est moche !
Hahaha.
Je devrais proposer un nouveau thème prochainement, que je mettraisen démo sur ce site, p'tèt qu'à ce moment, je me motiverai pour améliorer ce point.

bg62

pas mal du tout ces 'thèmes' ... mais à quand les publications dans les "ressources" ... nombre de gens en cherchent ... sans trouver , dommage !

k610i

<!--[if lt IE 7 ]>
	<script src="//ajax.googleapis.com/ajax/libs/chrome-frame/1.0.2/CFInstall.min.js"></script>
	<script>window.attachEvent("onload",function(){CFInstall.check({mode:"overlay"})})</script>
<![endif]-->

==> Qu'est ce que ça veut dire ?
Je me renseigne pas mal sur le HTML5 pour bien le comprendre et l'intégrer.


Bon je sais, Google est mon ami.
KaySix à la recherche de la perfection !

SapinTremblant

chrome-frame est un complément pour faire comprendre le HTML5 à IE 6 il me semble, enfin quelque chose dans le genre. En gros ne pas l'utiliser poussera les utilisateurs d'IE6 à mettre à jour leur navigateur car il faut, selon moi, arrêter de développer et hacker nos dev pour iE6 (il est trop vieux sérieusement, n'essayons pas de mettre l'ABS sur 2CV).

Jos

C'est pour ie6, 7, 8. D’après ce que j'ai compris, il faut que l'utilisateur installe un truc dans ie6, 7, 8 pour que chrome-frame s'active. Si il ne l'a pas fait, sa ne sert à rien (enfin j'en suis pas sure). Si tels est le cas, çà ne sert pas à grand chose car je pense pas que ce script soit très connu par les utilisateurs novices ayant Internet Explorer en dessous du 9.

SapinTremblant

voila une explication plus poussée et très vraie.

Jerry Wham

C'est pour utiliser chrome à la place de ie. Si chrome est installé sur le poste, et si on utilise ie sur ce même poste, on aura le rendu de chrome. Enfin il me semble... :-°

Jos

Oui c'est çà d'après ce que j'ai lu.

zenpix

bonjour k610

j'effectue des modifs (tres simples, couleur de fond) sur le theme blue , test en local xaamp.
malgres les modifs dans le fichier styles .css , rien n'est pris en compte pour le visuel.....
une idée pour résoudre ce probleme ?

k610i

Le fichier que tu dois modifier s'appelle style.css

body{
	font-size:0.825em;
	color:#fcfcfc;
	background-color:#cfb970;
	font-family:Arial, Helvetica, sans-serif;
}

> Pour la couleur de fond, normalement, si tu touches au background-color sur le body, ça doit changer ta couleur de fond... si ce n'est pas le cas, je vois pas ce que c'est.

zenpix

ok merci k610i.
j'ai beau modifier le code couleur , rien n'y fait...
je le fait tourner sur pluxml 5.1.3 , compatibilité ?