SlideShare uma empresa Scribd logo
1 de 23
[object Object],[object Object],[object Object],[object Object],[object Object]
Optimiser ses CSS ?
Un reset ?
[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Ou : - Le reset d'Éric Meyer :  http://meyerweb.com/eric/tools/css/reset/ - Le reset de Y! :  http://developer.yahoo.com/yui/reset/ - ou un autre !
L'important est d'obtenir une base de travail cohérente sur chaque navigateur.
YUI propose une approche intéressante : reset + base + font http://yui.yahooapis.com/2.6.0/build/reset-fonts-grids/reset-fonts-grids.css
Donner des noms pertinents aux sélecteurs
[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Mettre des commentaires
[object Object]
Regrouper les sélecteurs
[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Synthétiser les déclarations
[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
[object Object],[object Object],[object Object],[object Object]
Gérer les ordres de priorités
[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
[object Object],[object Object]
[object Object],[object Object],[object Object],[object Object],[object Object]
[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
[object Object],[object Object],[object Object],[object Object]
Des questions ?

Mais conteúdo relacionado

Semelhante a Atelier "Optimiser ses CSS" ParisWeb 2008

IPW Course 3 CSS
IPW Course 3 CSSIPW Course 3 CSS
IPW Course 3 CSSVlad Posea
 
CSS Facile : organiser ses feuilles de style
CSS Facile : organiser ses feuilles de styleCSS Facile : organiser ses feuilles de style
CSS Facile : organiser ses feuilles de styleKaelig Deloumeau-Prigent
 
Intégrateurs, bousculez vos habitudes
Intégrateurs, bousculez vos habitudesIntégrateurs, bousculez vos habitudes
Intégrateurs, bousculez vos habitudesRaphaël Goetter
 
Community Builder : Tools and tips CB 2.0
Community Builder : Tools and tips CB 2.0Community Builder : Tools and tips CB 2.0
Community Builder : Tools and tips CB 2.0Agence agerix
 
PHP (Partie II) Par Mahdi Ben Alaya
PHP (Partie II) Par Mahdi Ben AlayaPHP (Partie II) Par Mahdi Ben Alaya
PHP (Partie II) Par Mahdi Ben AlayaMahdi Ben Alaya
 
Formation PHP
Formation PHPFormation PHP
Formation PHPkemenaran
 
Internationalisation du Front
Internationalisation du FrontInternationalisation du Front
Internationalisation du FrontYannick Croissant
 
Quoi de neuf dans Zend Framework 1.10 ?
Quoi de neuf dans Zend Framework 1.10 ?Quoi de neuf dans Zend Framework 1.10 ?
Quoi de neuf dans Zend Framework 1.10 ?Mickael Perraud
 
Conception Web Avec Dreamweaver
Conception Web Avec DreamweaverConception Web Avec Dreamweaver
Conception Web Avec Dreamweaverdavidbx
 
0 g170g formation-presentation-des-donnees-avec-le-module-tableau-de-ibm-spss
0 g170g formation-presentation-des-donnees-avec-le-module-tableau-de-ibm-spss0 g170g formation-presentation-des-donnees-avec-le-module-tableau-de-ibm-spss
0 g170g formation-presentation-des-donnees-avec-le-module-tableau-de-ibm-spssCERTyou Formation
 
Beautiful CSS : Structurer, documenter, maintenir
Beautiful CSS : Structurer, documenter, maintenirBeautiful CSS : Structurer, documenter, maintenir
Beautiful CSS : Structurer, documenter, maintenirYves Van Goethem
 
Site Web Centrale Eco
Site Web   Centrale EcoSite Web   Centrale Eco
Site Web Centrale Ecom.dubucq
 
Introduction au langage PHP (2éme partie) élaborée par Marouan OMEZZINE
Introduction au langage PHP (2éme partie) élaborée par Marouan OMEZZINEIntroduction au langage PHP (2éme partie) élaborée par Marouan OMEZZINE
Introduction au langage PHP (2éme partie) élaborée par Marouan OMEZZINEMarouan OMEZZINE
 
Un rythme pour les gouverner tous !
Un rythme pour les gouverner tous !Un rythme pour les gouverner tous !
Un rythme pour les gouverner tous !Jonathan Levaillant
 
technologie web - part2
technologie web - part2technologie web - part2
technologie web - part2Benoît Simard
 
Structurer ses travaux SAS à l'aide de pages HTML, Joël Rivest
Structurer ses travaux SAS à l'aide de  pages HTML, Joël RivestStructurer ses travaux SAS à l'aide de  pages HTML, Joël Rivest
Structurer ses travaux SAS à l'aide de pages HTML, Joël Rivestsasreference
 

Semelhante a Atelier "Optimiser ses CSS" ParisWeb 2008 (20)

IPW Course 3 CSS
IPW Course 3 CSSIPW Course 3 CSS
IPW Course 3 CSS
 
CSS 3
CSS 3CSS 3
CSS 3
 
Html
HtmlHtml
Html
 
CSS Facile : organiser ses feuilles de style
CSS Facile : organiser ses feuilles de styleCSS Facile : organiser ses feuilles de style
CSS Facile : organiser ses feuilles de style
 
Intégrateurs, bousculez vos habitudes
Intégrateurs, bousculez vos habitudesIntégrateurs, bousculez vos habitudes
Intégrateurs, bousculez vos habitudes
 
Community Builder : Tools and tips CB 2.0
Community Builder : Tools and tips CB 2.0Community Builder : Tools and tips CB 2.0
Community Builder : Tools and tips CB 2.0
 
PHP (Partie II) Par Mahdi Ben Alaya
PHP (Partie II) Par Mahdi Ben AlayaPHP (Partie II) Par Mahdi Ben Alaya
PHP (Partie II) Par Mahdi Ben Alaya
 
Formation PHP
Formation PHPFormation PHP
Formation PHP
 
Internationalisation du Front
Internationalisation du FrontInternationalisation du Front
Internationalisation du Front
 
CSS3
CSS3CSS3
CSS3
 
Atelier template
Atelier templateAtelier template
Atelier template
 
Quoi de neuf dans Zend Framework 1.10 ?
Quoi de neuf dans Zend Framework 1.10 ?Quoi de neuf dans Zend Framework 1.10 ?
Quoi de neuf dans Zend Framework 1.10 ?
 
Conception Web Avec Dreamweaver
Conception Web Avec DreamweaverConception Web Avec Dreamweaver
Conception Web Avec Dreamweaver
 
0 g170g formation-presentation-des-donnees-avec-le-module-tableau-de-ibm-spss
0 g170g formation-presentation-des-donnees-avec-le-module-tableau-de-ibm-spss0 g170g formation-presentation-des-donnees-avec-le-module-tableau-de-ibm-spss
0 g170g formation-presentation-des-donnees-avec-le-module-tableau-de-ibm-spss
 
Beautiful CSS : Structurer, documenter, maintenir
Beautiful CSS : Structurer, documenter, maintenirBeautiful CSS : Structurer, documenter, maintenir
Beautiful CSS : Structurer, documenter, maintenir
 
Site Web Centrale Eco
Site Web   Centrale EcoSite Web   Centrale Eco
Site Web Centrale Eco
 
Introduction au langage PHP (2éme partie) élaborée par Marouan OMEZZINE
Introduction au langage PHP (2éme partie) élaborée par Marouan OMEZZINEIntroduction au langage PHP (2éme partie) élaborée par Marouan OMEZZINE
Introduction au langage PHP (2éme partie) élaborée par Marouan OMEZZINE
 
Un rythme pour les gouverner tous !
Un rythme pour les gouverner tous !Un rythme pour les gouverner tous !
Un rythme pour les gouverner tous !
 
technologie web - part2
technologie web - part2technologie web - part2
technologie web - part2
 
Structurer ses travaux SAS à l'aide de pages HTML, Joël Rivest
Structurer ses travaux SAS à l'aide de  pages HTML, Joël RivestStructurer ses travaux SAS à l'aide de  pages HTML, Joël Rivest
Structurer ses travaux SAS à l'aide de pages HTML, Joël Rivest
 

Atelier "Optimiser ses CSS" ParisWeb 2008