Cette page collecte un ensemble d'articles sur les langages HTML 5 et CSS 3.
Ressources HTML 5
Les indispensables
- W3Cschool : HTML 5 - Langue anglaise : tout savoir sur toutes les balises de ce langage, leur utilisation, les attributs,...
- HTML 5 Vs HTML 4 - Langue anglaise : un comparatif des balises autorisées ou dépréciées entre les langages HTML 5 et HTML 4.
- Les meilleures présentations de HTML 5 - Langue anglaise : un ensemble de présentation en diaporama ou vidéo pour comprendre les principes et les avantages de ce langage.
- Compatibilité des navigateurs avec HTML 5 - Langue anglaise : connaitre la compatibilité des balises HTML 5 avec les principaux navigateurs.
- HTML 5 se dévoile - Un article par julixyde (posté sur Alsacréation) qui présente cette nouvelle version sous toutes ses coutures.
- HTML 5 n'a pas encore sonné la mort de Flash - Un article sur les éventuelles proximités entre les 2 technologies à l'approche très différente.
- HTML 5 les grands comptes s'y mettent - Un article sur le blog de Philippe Le Mesles sur un début d'utilisation de templates en HTML 5 par les grands comptes.
- Le plus beau site HTML 5 of the world - Un article sur le blog de Philippe Le Mesles sur une belle réalisation en HTML 5 par les grands comptes et les ressources commentées par l'auteur auxquels on peut avoir accès.
- Meet The Future – HTML5 Demos - Langue anglaise : des démos impressionnantes de ce que nous pouvons concevoir sur la base de ce standard
Tutoriaux
- Osez HTML 5 et CSS 3 - Un article par Raphael (posté sur Alsacréation) sans lequel ce site n'aurait sans doute pas été créé !
- Tutorial HTML 5 - Langue anglaise : plein de tutoriaux uniquement sur ce langage.
- Création de formulaires en HTML 5 - Langue anglaise : la description est dans le titre. Merci à W3avenue.
- Glossaire des balises HTML 5 - Langue anglaise : la description est dans le titre avec des liens sur chaque balise renvoyant vers des informations plus détaillées.
- 70 ressources et tutoriels en CSS 3 et HTML 5 - Langue anglaise : 70 tutoriels pour débuter et se perfectionner sur le blog Designer Wall : à bookmarker !
Ressources CSS 3
Les indispensables
- css3.info - Langue anglaise : tout savoir sur les CSS 3.
- css3.com - Langue anglaise : tout savoir sur les CSS 3.
- CSS 3 roadmap - Langue anglaise : l'avancement des CSS 3.
- Inventaire des pseudo class et utilisation - Langue anglaise : un article très intéressant sur l'utilisation des pseudo-class : très riche et très complet.
- Compatibilité des navigateurs avec CSS 3 - Langue anglaise : connaitre la compatibilité des effets ou sélecteurs CSS 3 avec les principaux navigateurs.
- www.awwwards.com : le site référence en matière de design et de tendance.
- border-radius.com : le générateur tout simple de bordure en CSS.
Articles d'actualités
- Coins arrondis en CSS 3 - Langue anglaise : gérer les coins arrondis en CSS par htmlremix.com.
- Une library javascript pour émuler les CSS 3 sous Internet Explorer - passage obligé par le JS mais cela peut servir...
- Le futur de la typographie CSS - Langue anglaise : comment bien exploiter les CSS pour la mise en forme des textes. Merci à DarkglWeb.
- Tout savoir sur le responsive Webdesign : - Langue anglaise : maitriser les tenants et aboutissant de ces principes pour proposer des sites adaptés aux différents supports de consultation (mobile,...).
- Tout savoir sur les animations en CSS sur le site smashingmagazine - Langue anglaise.
Tutoriaux
- Bulles en pur CSS - Langue anglaise : de jolies bulles uniquement en CSS.
- Démos CSS 3 - Langue anglaise : des exemples pour comprendre les possibilités offertes par le CSS 3 (et parfois JS).
- 47 trucs et astuces en CSS pour améliorer le code et le rendu - Langue anglaise : des exemples d'utilisation significatifs. Merci à W3avenue.
- Implémentation jQuery du module CSS 3 - utiliser jQuery pour mettre à niveau les navigateurs.
- Créer une galerie d'images simple en CSS 3 sans Javascript - Langue anglaise : une galerie simple mais efficace pour apprendre à manipuler du CSS 3. Merci à W3avenue.
- Un joli formulaire en CSS 3 c'est facile - Langue anglaise : la description est dans le titre. Merci à W3avenue.
- Cross Browser pour faire fonctionner CSS 3 sur des navigateurs différents - Langue anglaise : la description est dans le titre. Merci à W3avenue.
- Ovales et formes ellitiques en CSS 3 - créer des ovales et des formes elliptiques en CSS 3 sur le site d'Alsacreation par Rika Asakura. Bientôt des logos tout en textes et CSS partout (comme le logo d'Opéra : http://desandro.com/articles/opera-logo-css/)...
- Générateur de code CSS 3 c'est facile - Langue anglaise : une interface pour s'initier aux CSS 3.
- Tous les sélecteurs en CSS 3 - Langue anglaise : une présentation détaillée de tous les sélecteurs en CSS 3. C'est riche !
- Comprendre les bases de CSS 3 - Langue anglaise : belle présentation très claire des bases de CSS 3 : bords arrondis, dégradés,...
- Entrez dans les principaux avantages du CSS 3 en prenant en compte tous les navigateurs - Langue anglaise : des bouts de code CSS à réutiliser avec à chaque fois les déclinaisons pour Internet Explorer, Safari, Chrome, Opéra,...
- Ressources de polices embarquées - Langue anglaise : télécharger des polices pour enrichir le graphisme de votre site.
- 70 ressources et tutoriels en CSS 3 et HTML 5 - Langue anglaise : 70 tutoriels ou articles de références pour débuter et se perfectionner sur le blog Designer Wall : à bookmarker !
- 50 ressources et tutoriels en CSS 3 - Langue anglaise : 50 tutoriels pour s'initier ou se perferctionner en CSS 3.
- Tutoriel pour un joli formulaire CSS 3 : un joli tutoriel d'un formulaire dans Javascript et sans images mais avec un beau rendu en CSS 3.
- Tutoriel pour un effet transition en CSS 3 : un petit tutoriel sur vioco.fr usant de l'effet de transition en CSS 3.
- HACKS CSS POUR IE, FIREFOX, SAFARI ET OPERA : pour mieux optimiser l'affichage sur ces différents navigateurs.