Une intégration HTML5 et responsive !
Je me suis donc lancé dans une intégration HTML5 en essayant de produire un thème graphique le plus légé possible ! J'ai essayé de respecter au maximum la sémantic et j'espère avoir correctement utilisé les différents tag à ma disposition.
Techniques mises en œuvre
Techniques mises en œuvre, en voici quelques unes :
- Sprite CSS
- Compression CSS
- HTML5
- Poids des images
Un exemple de code
Pour la démo, je vous propose un petit exemple de code mis en forme. Après tout, ce thème est à destinnation d'un blog technique, donc faut bien tester l'affichage de code !
<!DOCTYPE html > <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr"> <head> <meta http-equiv="Content-Type" content="text/html;charset=utf-8" /> <title>Google Map API V3</title> <link type="text/css" href="style.css" rel="stylesheet" /> <script type="text/javascript"> window.onload = function() { // Nous placerons ici le code servant à créer notre carte } </script> </head> <body> <div id="map"> </div> </body> </html>
Oui, ce code est incomplet. Il n'est là que pour la démo !