Ce sera celui de Normandie Web, mon agence à moi, pour la création de sites Web en HTML5...
J'ai reçu en juin dernier 2 demandes de formation à HTML5 en provenance de webmestres de PME qui vont passer leurs sites d'HTML4 et XHTML1.1 à HTML5. Au-delà de la formation, pour l'un, je vais produire la charte éditoriale et certains contenus institutionnels. Très bien. Mais assez frustrant car, dans les 2 cas, je n'ai pas la main sur la partie graphique et l'ergonomie, ni sur l'architecture et son code.
Je ne suis pas référenceur mais le référencement naturel où le code et le contenu s'allient pour optimiser le positionnement des pages que je travaille a toujours été, dans mes missions, l'objectif imposé.
J'ai donc pris une décision : celle de relancer l'agence que j'avais créée en 2000.
Il me faut un site en HTML5. Ce site j'ai commencé à le coder dans la nuit de jeudi denier et j'ai décidé de partager cette création en direct live. L'idée étant la suivante :
- je partage mon code et mes essais d'optimisations et j'aide dans les questions/réponses (ici pour le moment, les commentaires n'existant pas encore sur le blog HTML5 de l'agence normande) les candidats à HTML5 et à CSS3
- des balises du design, du code, de l'optimisation et du référencement pourront me donner leurs avis en cours de route et, le cas échéant, me permettre de corriger le tir.
ID, ni CLASS. Uniquement les sélecteurs. Effet de bord : pas d'accès possible à aucune version d'IE. Il faut Chrome ou Safari (voire, Firefox) pour profiter de l'impression du gabarit.
[]
Je viens de balancer un semblant de gabarit. Avec des problèmes de scrolling pour faire glisser les articles sous le footer en position fixed
[]
Ouh... la la... je suis en train de me battre avec la base de données (sqlite) : je n'arrête pas de me prendre des time out. Mais je soupçonne mon hébergeur...
Je viens d'intégrer dans une balise section la pagination des articles.
Le truc que j'ai mis en place pour le pousser tout en bas du code et les placer (sans CLASS ni ID) sans qu'il se chevauche, c'est l'attribut TITLE des liens (previous & next). Bon, c'est pas parfait mais pour le moment ça fait le job.
Je crois avoir fixé aussi le problème du scrolling de BODY mais il se peut que sous différents navigateurs, des problèmes se posent.
[]
L'idée d'utiliser les propriétés sans attibution d'ID, ni de CLASS (par les sélecteurs universels, leurs frères et enfants...) est sans doute excellente... pour un site expérimental ou pour un autre dont la sortie serait prévue dans 4 ou 5 années. Mais Normandie Web c'est pour être lu par la majorité des navigateurs et sans différence d'interprétation entre les différents moteurs.
Les problèmes sont tellement nombreux entre Safari et Chrome que je dois me résoudre à revenir à des considérations plus pragmatiques.
Qui plus est, porter mes développements dans l'environnement SQlite me coûte très cher en temps passé.
Pour ces 2 raisons je repars au point zéro avec un code HTML5 sémantiquement correct mais avec une feuille de styles plus normative.
Commentaires :
[EDIT]
Si tu as mis du code il a été avalé.
Pour poster du code il ne pas faut ceindre les balises des <>...
Pour la CSS comme je m'appuie sur les modèles de boîte je rencontre des problèmes de différences d'interprétation avec les navigateurs Webkit. Safari a des comportements étranges sur les marges, mais peut-être est-ce mon code ?.
Ajouté à tout cela que je ramasse beaucoup de commandes de rédaction d'articles pour des projets de rentrée, il va y avoir du retard à l'allumage.
Mais tu sais j'ai plus de leçons à recevoir qu'à donner en cette matière.
Le blog de l'agence de création Web en Normandie : Normandie Web
[EDIT]
Nos posts se sont croisés, ami...
Finalement j'ai réussi à sortir quelque chose...
si je veux jouer avec ce genre de défis, je mettrai moi même les mains dans le cambouis mais vu que tu te proposais...
bon courage
sûrement mon manque d'habitude devant ce genre de contorsion
maintenant cote pur design et ergo du site, je n'aime pas du tout cette espece de "frame centrale qui defile" avec un scroller pas syncro et le fait qu'on puisse voir derriere la top nav'. Le footer est trop gros aussi. Bref je suis pas fan, mais c'est une question de gout
J'espère que tu as bien profité de tes congés.
Comme d'autres copains le scrolling du contenu principal ne te plaît pas. Bon.
J'ai aussi bien d'autres remarques sur le « design », donc je vais refaire la CSS en partie dans les prochaines semaines.
Merci pour ta critique.