Blog WEB-d Développement Web

CSS reset

Chaque navigateur possède une feuille de style de CSS par défaut, qui permet de styler les éléments si le développeur du site n'a rien spécifié. Ce code CSS n'est naturellement pas le même pour tous les navigateurs, ce qui peut au final produire un affichage différent de votre site.

Pour éviter ce problème, on utilise généralement un peu de code CSS pour "remettre à zéro" tous les éléments. Il existe de nombreux exemples sur le net. Voici ma version, inspirée par le code de Eric Meyer:

Lire la suite

Google mod_pagespeed

mod_pagespeed est un module pour Apache2 développé par Google afin d'accélérer l'affichage des sites web. Il se compose de plusieurs filtres parmi lesquels:

• combine_css combine plusieurs fichiers CSS en un seul afin de réduire le nombre de requêtes vers le serveur;
• inline_css écrit le contenu des petits fichiers CSS directement dans le code HTML;
• rewrite_images optimise les images à la volée;

Lire la suite

Une page de contact arrondie avec CSS3

Avec Google Maps et un peu de code CSS, il est possible de créer une page de contact originale aux formes arrondies!

Lire la suite

Nouvelles balises sémantiques HTML5

HTML5 a aussi introduit de nouvelles balises, afin de mieux structurer le code html d'une page:

• header peut-être utilisé au niveau de la page (au lieu du classique div id="header") et au niveau d'un article par exemple.
• footer peut, de la même façon, être utilisé une ou plusieurs fois sur la même page.
• nav contient des liens de navigation. Il peut y en avoir plusieurs sur la page, il remplace alors div id="nav_main" et div id="nav_sub"...
• article représente, comme son nom l'indique, un article au sens large (billet de blog, produit,...).
• section peut regrouper plusieurs articles, avec au moins un titre, ainsi qu'un header et un footer par exemple.
• aside regroupe du contenu supplémentaire ou annexe, comme la bibliographie d'un article par exemple. Il peut également être utilisé pour créer une barre latérale.

Lire la suite

Formulaires HTML5

HTML5 apporte beaucoup de nouvelles fonctionnalités extrêmement utiles pour le développeur web, notamment en ce qui concerne les formulaires. Elles ne sont pas encore toutes supportées par tous les navigateurs, mais cela ne saurait tarder...

Lire la suite