Les CSS faciles ?
Découvrez la puissance des CSS et progressez en douceur grace à nos cours illustrés et détaillés.
Les CSS facilitent considérablement la maintenance des sites Web, mais la création de sites à l'aide de cette technique peut sembler a priori un peu complexe.
Ce site tente d'aborder cette technique avec méthode et douceur. Nous essayerons de vous prendre par la main pour vous rendre cette découverte agréable et faciliter le design de votre site au maximum.
Les autres sites parlant des CSS
Ces liens pointent vers des pages dont les contenus complètent nos articles.
Les standards du Web
Ce tout nouveau wiki dresse un tableau des différentes normes qui
régissent aujourd'hui le Web
Contourner les défauts/limitations/bugs
du navigateur web Internet Explorer 6
Voilà
une trés belle compilation de références pour entrer dans le Web 2.0
sans (trop) trainer le boulet que représente Internet Explorer 6.
CSS tests and experiments
Une formidable collection de tests et d'illustrations de ce que les CSS
permettent de faire
(en anglais)
Comprendre les CSS
Un article de mediabox
CSS properties
une liste de W3schools
en anglais.
ZoneCSS
Un bon site trés complet sur les CSS
WebDesignFromScratch
Cet excellent site anglophone a inspiré plusieurs des pages de notre
site
Jardin Zen CSS
Site de démonstration de la souplesse des CSS. Le menu de droite permet
d'appliquer des styles differents au contenu proposé en introduction.
AlsaCréations
Le forum le plus sérieux sur les CSS.
A propos du design :
Qui dit CSS, dit design de sites Web. On ne saurait concevoir un site à base de CSS sans prendre en compte les questions de l'accessibilité et de l'esthétique. Voici deux liens concernant ces questions générales :
Design de site, accessibilité et gestion des couleurs
Création de sites et référencement
Plan du site
Introduction aux CSS
CSS ( Cascading Style Sheets ) : Une feuille de style CSS est un langage informatique ( langage CSS ) qui décrit la présentation des documents HTML, XHTML et XML. Les standards définissant le code CSS sont publiés par le World Wide Web Consortium (W3C). L'utilisation du CSS est indispensable pour le developpement web ( front end ) afin de rendre le site esthétique et responsive design. Dernière version CSS : CSS3
Premiers pas : cette page aborde la philosophie générale des CSS. Elle vous propose de créer vos premières feuilles de styles et explique comment appliquer des styles CSS aux éléments du langage html d'une page Web.
Héritages et cascades : avec cette page sur les héritages, vous allez devenir riche... de connaissances sur la façon dont les éléments HTML se transmettent leurs styles.
Éléments"blocs" et "en-ligne" : tous les styles ne s'appliquent forcément à tous les éléments HTML. Apprenez à reconnaître les deux grandes familles d'éléments ( display bloc et en-ligne). Vous constaterez que même dans ce domaine il y a des travestis !
Mise-en-page avec les CSS : cette page aborde le thème le plus complexe concernant les CSS : comment réaliser la totalité de la mise en page ( conteneur, div, margin, padding, bordure, width, line height, shadow, position absolute, z-index, etc. ) avec des styles et comment se passer définitivement des tableaux pour le design de votre site web.
Problèmes et solutions
Faire des tableaux en CSS : il s'agit d'un exercice de style expliquant comment obtenir une présentation tabulaire sans utiliser les balises html <table>.
Pseudo-frames en CSS : les "frames" traditionnels comportent de nombreux problèmes et rendent les sites difficiles à référencer. Voici comment obtenir un menu fixe tout en se débarrassant de ces inconvénients.
Menu déroulants en CSS : voici comment réaliser un menu déroulant entièrement en CSS fonctionnant sans javascript sur les navigateurs modernes et avec javascript sur IE6.
Styles alternatifs : apprenez comment profiter des avancées du Web 2.0 tout en préservant la compatibilité de votre site avec les anciens navigateurs.
10 trucs à savoir : recueil d'astuces répondant aux besoins les plus courants des utilisateurs de CSS. Cette page comporte également des liens vers d'autres compilations d'astuces.
Toutes les propriétés CSS
130
pages sur les propriétés des normes CSS 1 et
CSS 2 ainsi que sur les propriétés CSS 3 déjà intégrées dans les
navigateurs actuels.
Exemples : background image, color ( rgba ou color html ), transform, positionnement, padding, margin, div, bordure, syntaxe, border box.
Ces propriétés sont complémentaires aux cours css ( design web ) que peut recevoir un dévéloppeur web pour la mise en page et le design d'une page html.
Réflexions et prises de tête
Les fausses promesses des CSS : halte à la propagande : concevoir un design de site Web entièrement en CSS (et sans tableaux !) n'est pas un parcours facile et ne satisfait pas forcément tous les espoirs.
Tableaux contre CSS : un combat truqué. La mauvaise foi est souvent de mise lorsqu'il s'agit de comparer les avantages des CSS et ceux des tableaux. Cette page expose notre point de vue sur cette question.
Les
ayatollah des CSS
: les intégristes sont partout, y compris sur le Web. Si vous n'avez
pas encore brulé des statuettes et organisé des danses vaudou pour
conjurer l'utilisation des tableaux, cette page est peut-être votre
dernière chance.