Apprentissage du langage CSS

Langues

Ceci est une traduction. Elle peut avoir des erreurs ou être dépassée par rapport à la version anglaise. Traducteur(-trice): A.-V. Lerat (quelques passages par Bert Bos)

Le document Débuter avec HTML + CSS explique aux débutants comment créer une feuille de style. Pour une brève présentation du langage, reportez-vous au chapitre 2 de l'ouvrage Lie & Bos ou à l'introduction au langage CSS de Dave Raggett. Vous pouvez également vous reporter aux exemples des pages How to add style to XML et Trucs & astuces CSS. Les Styles de base de W3C sont des simples feuilles de style prêtes à être utilisées. Un cours autodidactique est Web Standards Curriculum.

Cette page contient également quelques livres, des listes de diffusion et autres forums, et des liens vers d'autres répertoires. Jens Meiert entretient un index de propriétés CSS.

Congrès & autres événements

Suggerer un lien

Ressources CSS en ligne

Openweb.eu.org par l'OpenWebGroup propose un grand nombre de textes expliquant les technologies (HTML, CSS, etc.) mais aussi l'accessibilité, la gestion de qualité, les outils, etc.
CSS Débutant (des tutoriels CSS, par Pascale Lambert-Charreteur)
SELFHTML – Feuilles de style CSS (traduction française du site SELFHTML allemand)
Apprendre les standards Web (par Alsacréations)
Pompage (traductions d'articles anglais)
Tutoriel CSS (HTML.net)

Ressources CSS en ligne en anglais

2012-04-23 Les slides (en anglais) du tutoriel CSS3 à WWW2012 par Eva Kasal et Bert Bos sont en ligne.
2011-07-20 W3C publie du matériel pédagogique (encore en développement) pour CSS : CSS for beginners et Web Standards Curriculum Le premier est écrit par Hiroki Yamada avec le soutien d'Internet Academy. Le deuxième est écrit par Chris Mills d'Opera et a été développé au départ pour l'Opera Web Standards Curriculum.
2008-07-09 En association avec le réseau de développeurs Yahoo, le créateur de navigateurs Opera propose des cours de développement Web basé sur des normes, destinés aux universités, écoles et autres institutions. Le cours est composé de plusieurs dizaines de chapitres, qui peuvent être téléchargés gratuitement.
2008-04-23 SitePoint propose des références CSS (CSS niveau 2).
2007-08-16 xhtml.com publie des références CSS 2.1 alphabétiques avec des captures d'écran pour la plupart des propriétés.
2006-12-05 HTML.net propose un tutoriel CSS (également disponible dans plusieurs autres langues).
2006-07-31 Stu Nicholls propose CSSplay, un site avec des exemples CSS, incluant les nombreuses utilisations de « :hover ».
2006-05-03 Cultured Code propose des références aux propriétés CSS 2.1 compactes et interactives (avertissement : nécessite JavaScript).
2006-01-17 Emil Stenström a rédigé un guide du langage CSS et des normes destiné aux débutants.
2005-11-29 A List Apart a publié l'article Printing a book with CSS: Boom! de Bert Bos et Håkon Wium Lie. Parlez-en sur le site Microformats wiki.
2005-02-03 Max Design publie différents articles et tutoriels consacrés au langage CSS, incluant les Listamatic 1 et 2 (« une liste, de nombreuses options »).
2005-01-21 Benjamin Jung crée un guide de référence rapide au langage CSS2 (PDF) [lien alternatif].
2004-12-16 Westciv a publié son guide CSS 2.1 au format iPod Notes (iPod, gratuit).
2004-04-19 Un tutoriel pour les débutants créé par mes soins (Bert) permet de créer une première feuille de style. Aucun logiciel spécifique requis.
2003-01-08 Une sélection aléatoire de sites qui présentent des coins arrondis, des ombres, des volets à onglets et autres astuces de CSS. Certains simples, d'autres plus flexibles : les expériences CSS de Mark Schenk, le CSS sketchbook d'Ian Andolina (Nontroppo), la page des coins arrondis de css-discuss Wiki, les portes coulissantes de Douglas Bowman (A List Apart) et les onglets dynamiques [copie sous archive.org] du site Applook.com.
2003-12-10 Nigel Peck (MIS Web Design) montre comment une page peut afficher aléatoirement un contenu différent à chaque fois, avec un feuille de style générée de manière dynamique. Les mémoires cache, les moteurs de recherche et les archives Web n'ont ainsi pas à télécharger de nouveau la page. Gez Lemon (Juicystudio) montre comment vous pouvez proposer des feuilles de style alternatives aux personnes dont les navigateurs ne les prennent pas en charge (elles doivent cependant activer les témoins).
2003-09-29 Sur le site Position Is everything, Big John montre comment créer une mise en page avec des positionnements flottants et absolus et comment résoudre les bogues du navigateur.
2003-07-22 Le CSS Zen Garden est un projet dans le cadre duquel des artistes graphiques inventent de nombreux styles magnifiques pour un fichier HTML. Il existe également des versions en français, en néerlandais, en russe et dans d'autres langues.
2003-07-01 Westciv propose des cours consacrés aux langages CSS et HTML, inclus un cours gratuit, qui peuvent être suivis en ligne, de manière hebdomadaire.
2003-06-26 CodeBitch de MacEdition publie un tableau (et une version abrégée) de la prise en charge CSS au niveau des navigateurs Mac.
2002-12-16 Un article de Christopher Schmitt, sur le site Web Reference, intitulé « Making Headlines with Cascading Style Sheets », indique comment pimenter les en-têtes de pages Web avec une pincée de CSS.
2002-07-9 Un article de Christopher Schmitt, sur le site Digital Web Magazine, intitulé « Web Page Reconstruction with CSS »;, indique comment convertir une mise en page HTML au format CSS et décrit les avantages d'une telle conversion.
2002-06-04 Dominique Haza?Massieux a rédigé un bref tutoriel sur la mise en page sans tableaux.
2002-05-22 Introduction to CSS (Tapio Markula) est la traduction anglaise d'un tutoriel finlandais.
2001-05-23 Troisième version du guide CSS en ligne publiée par Westciv, couvrant l'ensemble du langage CSS2, ainsi que les problèmes de compatibilité au niveau du navigateur (version en ligne gratuite, version optimisée payante)
2001-05-22 L'article CSS Layout Techniques: for Fun and Profit d'Eric Costello se concentre sur les dispositions complexes et explique comment résoudre les bogues du navigateur.
2001-03-10 Jan Roland Eriksson met à jour deux foires aux questions pour le forum Usenet comp.infosystems.www.authoring.stylesheets (« ciwas ») : la foire aux questions du forum et une foire aux questions pour les auteurs de feuilles de style.
2001-01-30 W3Schools est un site incluant des tutoriels portant sur de nombreuses technologies Web, incluant le langage CSS.
2000-09-28 Eric Meyer met en évidence la puissance des feuilles de style utilisateur dans deux articles humoristiques : The CSS Anarchist's Cookbook et Using CSS as a diagnostic tool.
2000-12-11 Le site Zvon a publié des références CSS2 complètes, avec des exemples. également sur ce site : Les références CSS1 de Miloslav Nic sont un index des spécifications CSS1 par nom de propriété, avec des exemples. Il y a également un tutoriel sur le langage CSS pour XML.
Index DOT CSS (Brian Wilson) comprend une liste de propriétés, des tableaux de prise en charge des navigateurs, une foire aux questions, etc.
XML Web pages with Mozilla (Simon St. Laurent) est un tutoriel sur la mise en forme du langage XML.
RichInStyle.com dispose d'un tutoriel CSS2, avec les commentaires de l'auteur et (bientôt) également d'un cours de maître consacré au CSS.
Understanding em
Webreview a publié un certain nombre d'articles sur le langage CSS. Eric Meyer vous indique comment écrire votre première feuille de style.
WebMonkey de HotWired a publié une série d'articles sur les feuilles de style.
c|net propose une introduction au langage CSS, incluant le positionnement CSS et le Style-o-Mattic
The Web Design Group a rédigé un guide complet consacré au langage CSS. Découvrez comment il est possible d'abuser des feuilles de style.
La HTML Writer's Guild a publié une foire aux questions consacrée au CSS.
Steven Pemberton a compilé un guide de référence rapide au langage CSS1. Joachim Schwarte a réalisé un tableau similaire des propriétés CSS1.
Jacob Nielsen a publié un guide d'utilisation efficace des feuilles de style
Urban Fredriksson a rédigé un bref guide portant sur le langage CSS
An Introduction to Cascading Style Sheets (Norman Walsh), initialement publié dans le World Wide Web Journal

Ressources disponibles en langues non-anglaises

العربية/arabe

serdal.com – CSS (tutoriels, mises en page, liens et ouvrages)
درس CSS (tutoriel CSS)

Català/catalan

Curs de CSS (cours CSS)

Nederlands/néerlandais

Handleiding HTML (manuel HTML et CSS)

Suomi/finnois

Cours sur le langage CSS1, brève présentation du langage CSS2, notamment le positionnement, et pages consacrées à l'accessibilité et au langage XHTML 1.1 de l'Université de Jyväskylä
CSS-opetus (partie d'un ensemble couvrant également les langages HTML et XSL)
CSS-opas (articles portant sur le langage CSS)

Deutsch/allemand

Voir page en allemand.

עִבְרִית/hébreu

מדריך CSS (tutoriel CSS)

Italiano/italien

日本語/japonais

Cascading Style Sheets 滝状直列的様式 (ressources japonaises d'apprentissage du langage CSS)

한국어/coréen

CSS 소개 (apprentissage du langage CSS)
CSS Reference

Norsk/norvégien

Introduksjon til CSS (présentation du langage CSS)

Polski/polonais

CSS tutoriale (traductions d'articles du WDG).
Kurs jezyka HTML – poradnik webmastera: Style (partie d'un guide destiné aux webmestres polonais)
Kurs CSS (tutoriel CSS)
CSS w 12 prostych krokach (traduction de CSS from the Ground Up).

Português Brasileiro/Portugais (brésilien)

Tutoriais CSS, Maurício Samy Silva
CSS desde o início (traduction par Maurício Samy Silva de CSS from the Ground Up
CSS Tutorial (traduction par Maurício Samy Silva du CSS Tutorial danois de Jonas Astrup)

Русский/russe

Продвинутая CSS-верстка: шаг за шагом – Вёрстка – Webmascon (un recueil de traductions d'articles portant sur le langage CSS)
Учебник CSS (HTML.net).

Српски/Serbian

Каскадно Стыле Схеетс туториал (didacticiels traduits).

Español/espagnol

Ovillo, la lista de distribuci?e CSS en castellano (liste de diffusion espagnole pour les utilisateurs du langage CSS)
Tutorial CSS

Forums de discussion

Listes de diffusion et forums Usenet

2004-03-25 [email protected] est une liste de diffusion italienne pour les utilisateurs du langage CSS (« Una lista nella quale discutere di tecnica ma con un occhio al 'mondo reale' »).
2003-09-30 AccessifyForum.com propose plusieurs forums de discussion consacrés à l'accessibilité, qui traitent également du rôle des langages HTML et CSS.
2003-03-21 Un forum « CSS Creator » pour les personnes intéressées par le développement Web à l'aide du langage CSS a été créé par Tony Aslett.
2002-02-04 [email protected] est une liste de discussion qui permet aux auteurs Web de discuter de l'utilisation du langage CSS dans le monde réel.
1997-03-20 Le forum Usenet comp.infosystems.www.authoring.stylesheets est destiné aux discussions portant sur les feuilles de style Web.
1995-05-09 La liste de diffusion [email protected] (archivée) héberge des discussions techniques axées sur le développement et la mise à jour des spécifications CSS.

Ouvrages

Sélection d'ouvrages consacrés au langage CSS (sans ordre spécifique). Notez que je n'ai pas lu la majorité d'entre eux. Pour les livres autres que français, voir la page anglaise.

2008-05-26 Charles Wyke-Smith, Stylin' with CSS (New Riders, 2ème édition, 2007). 1ère édition également disponible en français : CSS 2 – Guide du designer (CampusPress, 2005).
2007-01-10 Raphaël Goetter, CSS2 Pratique du design web, (2005, éditions Eyrolles)
Daniel Glazman, CSS 2 (1998). Les exemples et la suite de tests sont disponibles en ligne.

Ressources secondaires

Ressources incluant des liens vers d'autres ressources. (Cette liste est donc une ressource tertiaire…)

DMOZ (Open Directory Project) met à jour des liens CSS.

Les diapositives de toutes les présentations (publiques) données par le personnel de W3C sont disponibles sur la page Talks W3C.

Liens de navigation du site

Dernière modification dim. 04 déc. 2016 06:20:09 UTC

Langues

À propos des traductions

Feuilles de style en cascade Apprentissage du langage CSS

Congrès & autres événements

Ressources CSS en ligne

Ressources CSS en ligne en anglais

Ressources disponibles en langues non-anglaises

العربية/arabe

Català/catalan

简体中文/chinois

繁體中文/chinois (traditionnel)

Dansk/danois

Nederlands/néerlandais

Suomi/finnois

Deutsch/allemand

עִבְרִית/hébreu

Italiano/italien

日本語/japonais

한국어/coréen

Norsk/norvégien

Polski/polonais

Português Brasileiro/Portugais (brésilien)

Русский/russe

Српски/Serbian

Español/espagnol

Forums de discussion

Ouvrages

Ressources secondaires

Liens de navigation du site

Langues