Sommaire formation apprendre le CSS 3

Partie 1 :

 - Installer les pré-requits (navigateur et editeur notepad++)
 - Installer des plugin a Notepad++ dont Emmet
 - Appliquer une règle de style sur une balise HTML 5
 - Appliquer plusieurs règles de style sur une même balise HTML 5
 - Créer une balise HTML 5 de style pour y placer toutes nos règles CSS
 - Apprendre les sélecteurs fondammental en CSS soit une balise, un id et une class
 - Quelque notion sur le poids des règles CSS
 - Externalisé nos règles CSS dans une feuille de style soit un fichier css
 - Enfin lier une feuille de style css à notre page web HTML 5

Partie 2 :

 - Comprendre la notion de poids
 - Utiliser Emmet pour coder du CSS 3
 - Bien comprendre le système de couleur en CSS 3
 - Débugger un code CSS avec le navigateur Chrome (ou autre) 
 - Exploration de quelques attribut de texte
 - Changer la mise en forme d'un lien et d'une liste
 - Utiliser le site W3Schools pour nous aider (http://www.w3schools.com/cssref/)
 - Externalisé nos règles CSS dans une feuille de style soit un fichier css
 - Enfin lier une feuille de style css à notre page web HTML 5

Partie 3 :

 - Configurer Aptana Studio 3
 - Le principe de flottaison
 - Les positionnements
 - Les propriétés de dimmensionnement
 - Appliquer une bordure

Partie 4 :

 - Le chargement des régles css et leur poids
 - Les sélecteurs
 - La propriété display

Partie 5 :

 - La sélection par filtre d'attribut 
 - La sélection par le fitrage par les valeurs d'attributs
 - La sélection par filtrage multiple
 - La sélection par speudo class

Partie 6 :

 - L'alignement d'une image dans un bloc de paragraphe
 - La différence entre les margin et padding
 - Centré un bloc de paragraphe sans centré son contenu
 - Voir une petite différence entre les unitées comme le %, em et px
 - Création d'une page HTML puis la stylisé en CSS
 - Mettre une image en arrière plan
 - Créer un calque de transparence

Partie 7 :

 - Utiliser des propriétés CSS 3
 - Mettre un fond et un texte transparent
 - Comprendre la différence entre la propriété opacity par rapport a l'alpha
 - Créer des dégradées de couleur
 - Ajouter des ombres sur un block ou du texte
 - Appliquer des transformations d'échelle, de translation et rotation
 - Utiliser LiveReload et des générateurs de code CSS

Partie 8 :

 - Utiliser des propriétés CSS 3
 - Utiliser les transformations
 - Utiliser les transitions
 - Utiliser les animations
 - Mettre en place des images pour nos menus
 - Utiliser le programme Inkscape 
 - Utiliser des générateurs de code CSS

Partie 9 :

 - Optimiser nos images de menu 
 - Utiliser les sprites
 - Bien comprendre le background-position
 - Créer des sprites a partir de nos icones
 - Générer automatiquement nos sprites et le code css
 - Utiliser le system d'icone du Bootstrap version 2
 - Utiliser le nouveau system d'icone du Bootstrap version 3 
 - Utiliser Inkspace et Gimp pour nos images

Partie 10 :

 - Personnaliser ses menus horizontaux ou verticaux 
 - Utiliser la navigation des pills du bootstrap 2
 - Principe d'un site avec positionnement fixe en pixel
 - Principe d'un site avec redimmensionnement en pourcentage
 - Principe d'un site responsive et redistribuable avec les media queries
 - Adapter la fenêtre de son navigateur pour simuler l'écran d'un périphèrique
 - Utiliser le system de grille fluide du Bootstrap 2