CSS 3 : déclarer une police de caractère non standard avec @font-face

Longtemps, longtemps, le webmestre s’est lamenté de ne pouvoir utiliser qu’un petit nombre de fontes pour ses sites web. Arial, Helvetica, times new roman… c’était d’un triste ! Ou alors il fallait faire des images. Et mettre du texte en image ce n’est tout de même pas très logique, sans compter les problèmes d’accessibilité qui peuvent…

Zen Coding, un éditeur de code HTML CSS qui crée les balises pour vous

Si vous faites un peu (ou beaucoup) d’intégration et de développement web, et que le duo HTML CSS n’a plus de secret pour vous, vous utilisez déjà certainement un éditeur de code avec auto-complétion, qui suggère, corrige la syntaxe et ferme les bonnes balises à votre place, entre autres. Je ne sais pas si vous…

Palette de couleurs web 2.0

Découvrez plus de 600 couleurs web 2.0 en code Hexadécimal et RGB ( Red Green Blue) ou RVB (Rouge Vert Bleu). Une liste d’association d’idée de couleurs pour un même thème vous est également suggérée pour faciliter vos créations graphiques, de nombreuses couleurs sont issues des sites populaires mondiaux. > Découvrez la palette

Tutoriel Vidéo xHTML-CSS : Design « Responsive »

Dans ce tutoriel vidéo vous apprendrez comment utiliser les media queries dans vos fichiers CSS pour adapter vos designs aux différents médias qui peuvent être utilisé pour naviguer sur votre site. La spécification CSS3 Media Queries du W3C définit les techniques pour l’application de feuilles de styles en fonction des périphériques de consultation utilisés pour…

Stylizer, Editez votre CSS avec simplicité

Stylizer est un logiciel dédié aux intégrateurs. Il permet, avec une interface innovante, de travailler d’une manière plus visuelle sur vos CSS. Le principe est d’utiliser directement le moteur de rendu des navigateurs (Firefox, Chrome, IE) pour afficher en temps réel les modifications apportées sur votre CSS. Finit les F5 et les switchs inutiles entre votre éditeur…

Comment créer un design multi-navigateur ?

La résolution des écrans varie de 320px (iPhone) à 2560px (grand écran), voire plus. Les utilisateurs ne naviguent plus seulement sur le Web avec des ordinateurs de bureau. Les utilisateurs surfent de plus en plus sur les téléphones portables, les tablettes numériques… Le webdesign doit alors s’adapter automatiquement à toutes résolution d’affichage. > Découvrez le …

Créer un site d’entreprise de A à Z 2/3 : Intégration HTML5 / CSS3

Design Spartan (Gaétan Weltzer) vous montre comment créer un site d’entreprise de A à Z en commençant par la phase de réflexion puis le webdesign. L’objectif de ce tutoriel assez long est d’offrir un cas pratique avec une réflexion derrière. En situation réelle pour une entreprise, comment se passe la réalisation d’un site Internet de…

CSS3 Maker, l’outil indispensable du webworker

CSS3 Maker est un webware qui permet de générer facilement les éléments UI les plus courants en utilisant CSS3. Il gère non seulement le rendu graphique mais aussi les effets (transitions, déformations, …). Un fois votre vos styles créés, CSS3 Maker vous indique la compatibilité avec les différents navigateurs du marché et vous propose de…