Pourquoi et comment utiliser le HTML 5

Je n'ai pas encore fini d'explorer toutes les nouveautés introduite par cette nouvelle norme, mais Le HTML5 permet de combler (en partie) l'un de mes regrets dans l'utilisation du HTML jusque-là à savoir le manque de sens de la plupart des balises utilisées.

En effet, nous utilisions des 'boîtes' (balise div) ayant toutes le même sens (sémantiquement parlant). Dorénavant des balises spécifiques permettent de séparer, dans le code d'une page, les blocs de navigation, les sections de contenus, les accessoires et les en-têtes / pieds de section ou de page.

Si cela est un progrès considérable, je suis curieux de savoir comment 'Government Google' et les autres vont réagir. A priori l'indexation devrait être plus rigoureuse et toute la SEO à revoir.

jQuery est une bibliothèque Javascript libre qui porte sur l'interaction entre JavaScript (comprenant AJAX) et HTML, et a pour but de simplifier des commandes communes de Javascript. La première version date de janvier 2006.

Le framework contient notamment les fonctionnalités suivantes :

Parcours et modification du DOM y compris le support des CSS 1 à 3 et un support basique de XPath, les événements, les effets et animations, les manipulations des feuilles de style en cascade (ajout/suppression des classes, d'attributs…), l'AJAX, une grande collection de plugins et des utilitaires (version du navigateur…),

Cette bibliothèque m'a réconcilié avec le javascript.

Dans ce site, je l'utilise pour dessiner le dégradé des boutons du menu, pour charger mes coordonnées dans la page de contact et pour l'animation sur les images de la page mes créations..

Web design et ergonomie

J'ai voulu un design simple, voir épuré, pour que le contenu principal soit mis en valeur.

Il traduit l'organisation hiérarchisée de l'information contenu dans ses pages.

L'entête des pages est fixée à gauche de la fenêtre du navigateur.

La barre de menu est fixée en haut et à droite de la fenêtre du navigateur.

Pour une utilisation sur un grand écran, j'ai mis une décoration plus lumineuse sur la barre de menu pour que l'internaute la repère plus facilement.

Versatilité et accessibilité

Ce design s'adapte parfaitement aux différentes configurations d'écrans. Les pages sont lisibles avec un écran de 320px (petit smartphone) de large et s'adapte à un plein écran de 1440px.

Aucune dimension n'est fixée en px. La page s'adapte aux réglages par défaut du navigateur utilisé, notamment la taille minimum de police.

L'organisation du code (par exemple menu de navigation en fin de page dans le code) permet de naviguer agréablement dans le site avec un navigateur texte comme lynx. Une bonne ergonomie dans la navigation en mode texte est un gage d'accessibilité améliorée.

La taille du bloc central est bloqué à 550 px de large pour une police de base de 13 px, ce qui évite les lignes trop longues et difficiles à lire.