Nouveau visage HTML5/CSS3 pour le Colibri

Voilà lors de la sortie de la première version du template, j’avais eu quelques critiques. J’ai donc décidé de faire un pas en arrière pour reprendre mon ancienne maquette et bosser avec elle. Le nouveau thème est plus structuré, avec un contraste avec 3 couleurs principales : #f9f9f9 -#ededed #fff. Au final je trouve que le rendu est plus agréable et lisible.

J’en ai profité pour finaliser les commentaires à coup de CSS histoire de m’identifier facilement et de mettre en valeurs vos beaux avatars.

Introduction to HTML 5 from Brad Neuberg on Vimeo.

Une vidéo qui va vous présenter un peu (beaucoup) le HTML5, ainsi qu’un lien contenant tout ce qu’il vous faut pour apprendre le HTML5: Resources HTML5 (à bookmaker d’urgence !!)
La vidéo vient de ce site.

J’ai pour la première fois mis en ligne une version HTML5 et CSS3. CSS3 je l’utilisais déjà mais vu la vitesse à laquelle les navigateurs l’intègrent je pense que l’on peut faire le pas. Pour ce qui est du HTML 5 tous le gère très bien (structurellement parlant) pour quelques balises dont on est quasiment sûr qu’elles sont définitives.
Mais il n’est qu’à l’état de brouillon me direz-vous, oui sauf qu’il est de plus en plus implanté dans nos navigateurs.

Bien sûr ça passe très bien sur tous les navigateurs les bons comme les mauvais (pour ceux qui ne voient pas je parle d’IE) et pour la grosse merde d’IE6 je garantie un affichage à 90%.

7 thoughts on “Nouveau visage HTML5/CSS3 pour le Colibri

  1. Bof, je ne suis pas supr fan. Bon, c’est clair, c’est propre, mais le logo fait tâche du coup. Pareil pour les onglets sur la droite, tu aurais pu ajouter un petit coup de javascript histoire de donner un chti effet sympa.

    Bon, après par contre, j’aime déjà plus les commentaires. Le blanc sur le crème rend bien.

  2. @antistress: Je parle du HTML5 structurel, pas niveau balise video et audio. Certes j’aurais pu mettre la balise video que doit proposer vimeo mais proprio pour priorio… Car le codec utilisé chez eux n’est pas l’OGG il me semble bien. Va pour le flash alors.

    @Fred: Oui c’est aussi ce qui me dérange avec le logo, il ne va pas. Dommage je l’aimais bien mais quand j’ai codé ça je voyais bien que ça ne collait pas. Hélas j’en aurais bien refais un ce week end mais je viens de me prendre 3 projets à rendre pour vendredi donc j’ai pas mal de boulot.
    J’en ferais un autre plus sobre.
    Pour le JS je vais travailler ça aussi, faut me laisser un peu de temps :)

    @FOx15: Merci; oui c’est le but. La simplicité !

  3. t’as teste avec chrome (5.0.342.3 dev ici)? j’ai une sale superposition du titre avec son sous titre (retour a la ligne entre « colibri » et « libre » qui cache le sous-titre).
    edit: ouai c’est juste sur la version linux (leur deb, pas des binaires compiles localement). chelou.

  4. @meush’: Bah pourtant oui j’ai tout fais avec une build de chromium datant de 1 mois 5.0.348.0 et je n’ai aucun problème d’affichage.
    Je vais mettre un peu de margin pour assurer le coup.

    @Louis: Oui je viens de voir ça mais uniquement sous GNU/Linux chez moi.. étrange je vais donc retoucher ça.

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *

*

Vous pouvez utiliser ces balises et attributs HTML : <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> <pre lang="" line="" escaped="" highlight="">

Comments links could be nofollow free.