- 1. Dveloppement efficace avec les frameworks CSS Paris-Web 2008
Paris-Web 2008 Thomas Parisot ( case.oncle-tom.net )
2. Plan
- Qu'est-ce qu'un framework CSS ?
- Modules et fonctionnalits
- Comment choisir un framework ?
- Cas pratique avec Blueprint
3. Qu'est-ce qu'un framework CSS ? 4. Qu'est-ce qu'un framework
CSS ?
- Qu'est-ce qu'un framework ?
- Base de travail extensible
5. Qu'est-ce qu'un framework CSS ?
- Fondations solidescross-browser
- Du temps de gagn dans vos projets
6. Modules et fonctionnalits 7. Modules et fonctionnalits
- Bass et/ou inspirs du reset.css d'ric Meyer
- Harmonise l'affichage pour tous les navigateurs
8. Modules et fonctionnalits
- Complment idal au reset.css
- Trs variable d'un framework l'autre
9. Modules et fonctionnalits
- Largeur fixe, fluide ou lastique
10. Modules et fonctionnalits
- Optimise pour l'impression
- Rvle l'URL des liens hypertextes
11. Modules et fonctionnalits
- Correctifs pour Internet Explorer
- Intgrs ou en feuille(s) spare(s)
12. Modules et fonctionnalits
- Feuilles additionnelles optionnelles
13. Frameworks CSS majeurs 14. Frameworks CSS majeurs
- Largeur fixe (+ lastique viaplugin )
- Compressor+ configurateur
- Reset + Grille + Typographie + IE + Formulaires + Print
15. Frameworks CSS majeurs
- Configurateur de grille en ligne (+Autogrid )
- CDN ( Content Delivery Network )
- Nommage des classes difficilement mmorisable
- Reset + Grille + Fonts + IE
16. Frameworks CSS majeurs
- Mise en forme pragmatique
- Excellent compromis Blueprint Typography
- Reset + Typographie + Formulaires + IE
17. Frameworks CSS majeurs
- YAML ( Yet Another Multicolumn Layout )
- Reset + Navigation + Typographie + IE + Debug + Print
18. Frameworks CSS majeurs
- Trs trs similaire Blueprint
- Intgration pour Fireforks, Omnigraffle, Photoshop et Visio
19. Comment choisir un framework ? 20. Comment choisir un
framework CSS ?
- Quelques questions se poser
- Contexte graphique stable ou pas ?
- Exhaustivit de la documentation
- Rapport contraintes / avantages
21. Comment choisir un framework CSS ?
- Contexte graphique changeant
- Incomprhension du code utiliser
- Trop de comportements standards modifier
- Allergie la dnomination des classes
- Collisions d'ID avec votre CMS (#col1, #col2 etc.)
22. Cas pratique avec Blueprint 23. Cas pratique avec Blueprint
24. Cas pratique avec Blueprint 25. Cas pratique avec Blueprint 26.
Cas pratique avec Blueprint 27. Cas pratique avec Blueprint 28. Cas
pratique avec Blueprint 29. Cas pratique avec Blueprint 30. Cas
pratique avec Blueprint 31. Merci ;-)
http://www.slideshare.net/oncletom/dveloppement-efficace-avec-les-frameworks-css-presentation/