Firebug et le débogage d’une page web
Vous en avez marre de faire d’innombrables allers-retours entre votre navigateur et votre éditeur de code pour trouver ce qui cloche ? N’attendez plus, utilisez un outil de débogage !
Display inline-block, une valeur trop peu utilisée
Floatera, floatera pas… mais pourquoi ne pas utiliser la valeur inline-block de la propriété display en CSS ? Vous connaissez certainement les valeurs block ou inline, mais moins celle de inline-block et pourtant elle peut vous servir dans bien des cas.
9 thèmes WordPress HTML5 pour créateurs de thèmes
De nombreux thèmes WordPress utilisent les nouvelles balises associées à la sémantique HTML 5. Voici une sélection de thèmes plus ou moins minimalistes .
Les grilles dans le webdesign
Utilisée en imprimerie, il est tout à fait possible de transposer le système de grille dans le domaine du web. Mais attention le web n’a pas, et ne doit pas, forcément avoir les mêmes caractéristiques et contraintes que le support papier.
FitText – Un plugin JQuery pour ajuster la taille du texte
FitText est un petit plugin JQuery pour ajuster correctement la taille du texte selon les écrans.
Donnez du style à vos listes d’éléments
Modifier ou designer les puces des éléments de liste n’est pas forcément un exercice de tout repos : nous avons souvent recours aux images de fond bien que d’autres techniques, plus simples à maintenir, mais moins connues, existent.
Un responsive design pour tous ?
Le « responsive design » est une technique qui permet de créer des sites avec un design compatible avec tous les appareils puisque le contenu s’adapte à la résolution d’écran. On parle beaucoup de ce type de design grâce aux media queries.
CSS3 Media Queries – Adapter un site à plusieurs résolutions d’écran
Imaginons que vous ayez développé un site web adapté aux résolutions classiques: 1024px / 1280px de largeur, qu’avec la démocratisation des smartphones et tablettes, vous souhaitiez rendre votre site compatible sur ces écrans, sans toucher au HTML…
CSS3 et RGBA avec les outils de développement de Google Chrome
J’utilise de plus en plus Google Chrome pour tester mes pages web. J’ai trouvé dernièrement une petite astuce qui m’évite d’ouvrir Photoshop pour connaitre la correspondance des couleurs hexadécimales dans les formats RGB ou HSL.
Layer Style – Générez du CSS3 avec une interface Photoshop like
Layer Styles est un générateur de CSS3 avec une interface très proche de celle de photoshop et les effets sur calques.