CSS
Get flash to fully experience Pearltrees
404
CSS Débutant : cours et tutoriels sur les feuilles de style CSS
Vous êtes débutant en réalisation de site web, vous ne savez pas par où commencer. La section premiers pas en CSS est faite pour vous. En suivant pas à pas les différents tutoriels, vous pourrez appréhender progressivement et facilement les feuilles de style et les rudiments du html. Les CSS3 facilitent grandement la vie pour créer des ombres, arrondir les coins, ou encore adapter ses pages aussi bien aux grands écrans qu'aux smartphones. Tous les tutoriels sont originaux et s'attachent à respecter les bonnes pratiques du web, tant au niveau du respect des standards que de l'accessibilité. Mais tout est toujours perfectible.
Les Media Queries CSS3 - Alsacr?ations
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 des pages HTML. On nomme également cette pratique Responsive Web Design , pour dénoter qu'il s'agit d'adapter dynamiquement le design à l'aide de CSS. Ces bonnes pratiques permettent d'exploiter encore plus les avantages de la séparation du contenu et de la présentation : l'intérêt est de pouvoir satisfaire des contraintes de dimensions, de résolutions et d'autres critères variés pour améliorer l'apparence graphique et la lisibilité (voire l'utilisabilité) d'un site web. Les plateformes exotiques sont concernées en premier lieu : navigateurs mobiles et tablettes, écrans à faibles résolutions, impression, tv, synthèses vocales, plages braille, etc.Sur ce code, on appliquerait nos backgrounds et l'effet de positionnement au survol. Mais créer un lien vide en HTML n'est pas une bonne chose, pour des questions d'accessibilité. Mais pourquoi ? Comme on le stylise en CSS, on peut quand même le voir et cliquer dessus, non ?
Bien utiliser les sprites CSS
Avant d'aller plus loin dans la mise en forme du texte, c'est une bonne idée de vous familiariser avec quelques termes basiques de typographie. Quand nous parlons de la taille de la police, ou font-size en CSS , cela fait référence à la distance entre le sommet d'une lettre majuscule comme « A » jusqu'au bas d'une lettre à jambage comme « p » ou « y ». Il peut aussi y avoir un léger espace supplémentaire appelé « interlignage ».
CSS : on reprend tout à zéro ! (épisode 4)
Il n’existe pas de méthode universelle pour faire un site web. Tout au plus peut-on dégager de la pratique quelques principes de conception pour organiser le code HTML et CSS d’un projet à l’autre. Dans cette optique, Jonathan Snook (@snookca) nous fait profiter de son expérience avec SMACSS. Vous l’aurez compris, SMACSS fait la part belle aux règles CSS que l’auteur a divisé en quatre parties : base, maquette (structure), module et état.
Le blogzine de l'intégrateur web : du Design Web au HTML5, CSS3 et jQuery en passant par la création graphique
Dynamic Drive CSS Library- Practical CSS codes and examples
Welcome to Dynamic Drive's new CSS library! Here you'll find original, practical CSS codes and examples such as CSS menus to give your site a visual boast. Date: 11/02/2006 | By ddadmin | Comments: 209 A common pitfall of a CSS based columns layout is that the columns do not share a common height. Unlike a table based layout where the height of the table itself dictates the height of all of its columns, CSS columns are independent of one another in that respect.
Un petit avertissement : cette notation abrégée ne fonctionnera que si vous spécifiez font-size et font-family . De plus, si vous ne spécifiez pas font-weight , font-style , ou font-variant , ces valeurs prendront automatiquement la valeur par défaut qui est normal. Gardez ceci en tête. 2. Deux classes ensemble Habituellement, les attributs ne sont assignés qu'à une classe, mais cela ne signifie pas qu'il ne soit pas permis de faire autrement.
10 astuces en CSS