Websites made with xhtml and css

Aller au contenu | Aller au menu | Aller à la recherche

portfolio html5 + css

Fil des billets - Fil des commentaires

dimanche 14 août 2011

Consultant internet

Réalisé en HTML5 et CSS 3, le site Omnireso.com est dédié à la présentation des services proposés par un consultant internet indépendant basé en Loire-Atlantique.

Le site dispose d'une cinquantaine de pages servies dynamiquement par le module PHP, ainsi que quelques scripts (ECMA et Ajax). Le choix de coder la structure des pages avec une langage uniquement supporté par les dernières versions de navigateurs laisse donc les internautes utilisant Internet Explorer 8 (et versions antérieures) quelque peu défavorisés, puisqu'ils perdent la mise en page CSS 3, mais sans toutefois altérer la navigation ou la lisibilité.

Le site propose également plusieurs flux XML sous différents formats comme Atom et RSS (mais aussi les listes OPML).

Quant au contenu du site, il est avant tout pensé et optimisé pour l'accessibilité et le temps de chargement. L'intégration des pages a donc été réalisée selon une stratégie de réduction de poids, d'appel aux feuilles de styles et scripts externes, etc...

Il est intéressant de noter que les dernières versions successives du navigateur Mozilla Firefox interprètent différemment la propriété border-radius utilisée pour les éléments du menu horizontal du site.

mardi 29 juin 2010

Aller de l'avant avec HTML5

On peut vouloir rester sur ses acquis. On peut se poser des questions, longtemps, sur la pertinence de migrer ses sites de la structure de code xHTML au HTML5, comme l'atteste l'avant dernier billet sur le meilleur choix de balisage pour ses pages web.

Mais on peut également cesser de se poser des questions et regarder ce que la nouveauté peut nous apporter. En occurrence, un balisage sémantique logique, économe (au revoir les balises DIV et SPAN) et très intéressant pour l'accessibilité, des fonctionnalités natives (formulaires web par exemple dans le cas présent) sans passer par de multiples plug-ins, et le référencement naturel qui est induit.

Le site de la psychologue pour enfants Emilie Bernardeau, Psychologie Nantes, bénéficie de structure de pages codées en HTML5 et CSS.