Your SlideShare is downloading. ×
Twitter Bootstrap par Antoine Guédès et Cédric Dussart
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×
Saving this for later? Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime – even offline.
Text the download link to your phone
Standard text messaging rates apply

Twitter Bootstrap par Antoine Guédès et Cédric Dussart

2,180
views

Published on

Présentation de Twitter Bootstrap par Antoine Guédès et Cédric Dussart - http://www.idweaver.com

Présentation de Twitter Bootstrap par Antoine Guédès et Cédric Dussart - http://www.idweaver.com

Published in: Technology

0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
2,180
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
58
Comments
0
Likes
1
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide

Transcript

  • 1. Bootstraphttp://twitter.github.com/bootstrap/ Cédric Dussart & Antoine Guédès 29 janvier 2013
  • 2. Sommaire1. Introduction2. Quest-ce que Bootstrap ?3. À qui sadresse Bootstrap ?4. Pourquoi lavons-nous utilisé ?5. Avantages & Inconvénients6. Quelques exemples7. Comment débuter ?8. Conclusion9. Questions & réponses
  • 3. 1. Introduction• Créateur : Mark Otto (@mdo) et Jacob Thorton (@fat), chez Twitter• But : uniformisation et maintenance des outils internes• Date de création : Août 2011 - Première version open- source• Origine du nom
  • 4. 2. Quest-ce que Bootstrap ?• Un Framework HTML, CSS & JavaScript• Fonctionnant sur nimporte quelle technologie serveur ou environnement serveur.• Avec une dizaine de composants, et plugin JavaScript• Son concept : Création et maintenance rapide dun site internet avec rendu correct, et interface complète
  • 5. 3. À qui sadresse Bootstrap ?• Aux graphistes• Aux intégrateurs• Aux développeurs
  • 6. 4. Pourquoi lavons-nous utilisé ?• Besoin de gain de temps• Méthodologie commune nécessaire• Meilleure compréhension entre designers, intégrateurs, et développeurs• Facilité de maintenance dun projet après la mise en ligne
  • 7. 5. Avantages & Inconvénients• Avantages : o Facilité & Accessibilité o Structure & Méthodologie o Vitesse de développement accrue o Framework porté vers le futur o Grille fixe ou fluide o Personnalisable & Modulable o Compatibilité sur les différents browsers (amélioration progressive sur IE7, et 8)
  • 8. 5. Avantages & Inconvénients• Inconvénients : o Rendu des composants parfois limites sous IE o Lhéritage de classes peut devenir lourd o Contrainte au niveau du design suite à lutilisation de la grille o Peut prendre un certain temps pour quun site ait un rendu unique
  • 9. 6. Quelques exemples• Utilisation des grilles, et du CSS : Pernod Ricard• Utilisation des composants JavaScript :Bossa LovaLima• Utilisation dun layout fluide :SnackTracks Mobile• Exemple dun CMS personnalisée pour un e- commerce :Fluid Admin
  • 10. 7. Comment débuter ?• Implémentation• Personnalisation & utilisation de Less• Starter files• Comment lutiliser : o Utilisation à la carte, ou partielle o Personnalisation du template
  • 11. 8. Conclusion• Verdict positif : tant de la part des dev que des intégrateurs• Intégralement intégré au workflow• Suivi des MAJs• Bootstrap 3 : drop de IE7 et FF3, icônes implémentées via @font-face et plus par png, un seul fichier css (fluide et static sont ensemble)
  • 12. 9. Questions & réponses