Tutoriel HTML & CSS

Quelques liens

N'ayant plus le temps de continuer ce tutoriel, je vais plutôt ajouter quelques liens pour vous guider.
Je vais m'efforcer de rajouter des liens régulièrement pour rester au goût du jour avec les avancements du CSS 3, mais aussi du HTML 5, et vous maintenir informés des avancées en la matière.

Depuis la création de ce tutoriel, beaucoup de choses ont changé : HTML 5, le CSS 3 et bien d'autres nouvelles technologies du Web deviennent enfin une réalité !
Le monde des navigateurs internet change énormément et le développement du HTML et du CSS s'accélère frénétiquement.
Les standards du Web étaient jusque maintenant freinés par l'arrêt du développement d'Internet Explorer avec sa version 6. Ce navigateur restreignait la partie des standards que les développeurs Web pouvaient utiliser pour rester compatible avec la majorité des navigateurs.
Depuis Internet Explorer 7, le retard pris par Microsoft se comble, pour devenir presque nul avec Internet Explorer 9 sur les fonctionnalités les plus utilisées des standards HTML et CSS. Et avec la version 10, ce navigateur risque bien de nouveau d'être l'un des moteurs de l'innovation sur le Web, au même titre que Firefox, Chrome, Safari ou Opera.

Les liens qui suivent sont peu nombreux, pour commencer. Mais ils fourmillent d'informations et de démonstrations technologiques sur tous les aspects du HTML 5.
C'est un nom plutôt commercial, et qui comprend le CSS 3, le JavaScript, le SVG (dessin vectoriel à la manière des animations Flash), le multimédia, etc.
Je vous conseille tout particulièrement les exemples et démonstrations des éditeurs de navigateurs : ils ont chacun une page permettant de tester les standards qu'ils supportent. De plus en plus, ces pages sont aussi utilisables dans les autres navigateurs que ceux pour lesquels ils ont été conçus. Preuve que le HTML 5 et le CSS 3 deviennent une réalité : l'interopérabilité de ces avancées technologiques est pour bientôt. Une grande partie des standards étant maintenant supporté par tous les navigateurs majeurs.

• CSS3.info : restez informés sur les nouveautés des modules CSS 3 ;
• HTML 5 par l'exemple : tableau de support des éléments du HTML 5 et exemples live de leur utilisation ;
• HTML 5 Demos and Examples : démonstration de tous les modules de la prochaine version du HTML : beaucoup sont déjà supportées par les navigateurs actuels ;
• Les démos HTML 5 de Firefox : je vous conseille tout particulièrement celle-ci : HTML 5 & Friends, qui résume très bien tous les rajouts à HTML, CSS et JavaScript : il y a de quoi y passer des heures à fouiller dans toutes ces démos pour apprendre ce que le futur nous réserve (et même, pour la plupart des technologies, le présent !) ;
• Chrome Experiments : les démos technologiques des standards du Web par Google Chrome ;
• Safari Technology Demos : la même chose pour Safari. Au fur et à mesure du temps et de l'avancée des développements, ces démos fonctionneront dans tous les navigateurs ;
• Internet Explorer Test Drive : Internet Explorer 10 rattrape son retard et prend même un peu d'avance sur certains points, comme l'accélération graphique. Toutes ces démos sont tout aussi très intéressantes et ne laissent présager que du bon lorsque toutes ces propriétés CSS, HTML et JavaScript sont implémentées dans tous les navigateurs ;
• Articles sur l'Open Web sur le site des développeurs d'Opera : de très bons articles traitants les sujets avec profondeur ;
• Tout sur la balise audio qui permettra de lire des sons et musiques en HTML 5 sans avoir besoin du plugin Flash ;
• Le site officiel du HTML 5 : il regroupe toutes les dernières technologies du Web : HTML 5, stoquage et accès hors-ligne, accès au matériel, connectivité, multimedia, 3D et effets graphiques, performances et CSS 3.