Un essai HTML 5 et CSS 3 et des ressources liées
fév
11
2010
Nous avons mis en place un nouveau site Internet composé d’une petite dizaine de pages répondant à l’URL : www.developpeur-front-end.fr. Ce site a été réalisé pour mettre en pratique quelques une des nouveautés permises par HTML 5 et CSS 3.
La forme
Nous avons ainsi utilisé pour HTML 5 des éléments structurant tels que :
1 2 3 4 5 | <header></header> <!-- pour identifier l'en-tête de la page --> <footer></footer> <!-- pour identifier le pied de page --> <nav></nav> <!-- pour identifier une zone de navigation --> <section></section> <!-- pour identifier la section variable de la page --> <figure></figure> <!-- pour identifier une zone d'illustration et sa légende --> |
Pour les CSS 3 nous avons joué avec les ombrés sur les textes ou les blocs, les arrondis ou les rotations.
Alors bien évidemment le site est moins jolie sous Internet Explorer 8 voir inutilisable sous les versions précédentes d’Internet Explorer… Peu importe le principe était d’essayer ces nouvelles versions de langage (et nous avons mis en place un message s’affichant spécifiquement aux utilisateurs d’Internet Explorer pour les inviter à changer de navigateur).
Le fond
Du point de vue des contenus le site présente :
- une définition du développeur Front-end au travers des compétences que doit réunir ce type de professionnel du Web,
- quelques une de nos dernières références en matière d’intégration et de développements Front-end,
- des ressources variées et régulièrement mises à jour en HTML 5 et CSS 3