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

k610i · janvier 2012

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 · janvier 2012

ç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 · janvier 2012

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 · janvier 2012

J'ai corrigé les deux erreurs.

>> A quoi servent les rôles ?

Merci en tout cas.

Jos · janvier 2012

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 · janvier 2012

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

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

à plus,

Gzyg

k610i · janvier 2012

Bonne question.

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

k610i · janvier 2012

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 · janvier 2012

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 · janvier 2012

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 · janvier 2012

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

k610i · janvier 2012

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 · janvier 2012

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

Je vais donc passer à l'orange!

à plus,

Gzyg

k610i · janvier 2012

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 · janvier 2012

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

k610i · janvier 2012

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

Jos · janvier 2012

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 · janvier 2012

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

Jos · janvier 2012

Moi sur mon site j'ai mis çà :



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

Jerry Wham · janvier 2012

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

k610i · janvier 2012

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 · janvier 2012

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

k610i · février 2012

<!--[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 · février 2012

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 · février 2012

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 · février 2012

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

Jerry Wham · février 2012

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 · février 2012

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

zenpix · février 2012

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 · février 2012

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 · février 2012

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

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

Réponses