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... Lire la suite →

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... Lire la suite →

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 ... Lire la suite →

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... Lire la suite →

Feuille de styles de base (CSS)

/* --- STYLES DE BASE --- */    /* Page */  html {    font-size: 100%; /* Évite un bug d'IE 6-7. (1) */  }  body {    margin: 0;    padding: 1em; /* Remettre à zéro si nécessaire. */    /* Pensez à utiliser une collection de polices (2), par ex:    font-family: Arial, Helvetica, FreeSans, sans-serif; */    font-size: .8em; /* À adapter pour la police choisie. (3) */    line-height: 1.4; /* À adapter au design. (4) */    color: black;    background: white;  }    /* Titres */  h1, h2, h3, h4, h5, h6 {    margin: 1em 0 .5em 0; /* Rapproche le titre du texte. (5) */    line-height: 1.2;    font-weight: bold; /* Valeur par défaut. (6) */    font-style: normal;  }  h1 {    font-size: 1.75em;  }  h2 {    font-size: 1.5em;  }  h3 {    font-size: 1.25em;  }  h4 {    font-size: 1em;  }    /* Listes */  ul, ol {    margin: .75em 0 .75em 32px;    padding: 0;  }    /* Paragraphes */  p {    margin: .75em 0; /* Marges plus faibles que par défaut. (7) */  }  address {    margin: .75em 0;    font-style: normal;  }    /* Liens */  a {    text-decoration: underline; ... Lire la suite →

Retour en haut ↑