Jquery Mobile vs Twitter Bootstrap

1. JQUERY MOBILE
VS
TWITTER BOOTSTRAP
P R É S E N T É E PA R :
NESRINE MAAOUIA

2. PLAN :
2

3. Développement Web mobile
Construire plusieurs sites
Web qui peuvent avoir un
rendu fluide sur mobile.
Le principe de base est de construire une seule
application qui fonctionne sur plusieurs plateforme
PRÉSENTATION
3

4. Un site qui pourra s'auto-adapter en fonction de la taille d'un écran.
RESPONSIVE WEB DESIGN (RWD)
4

5. Qu'est-ce que Jquery Mobile
5

6. 6

7. 7

8.  Un Framework pour développer sur différentes plates-formes :
iOs, Android, Windows Mobile, BlackBerry, mais également navigateurs desktop et
Phonegap.
 Facile à utiliser :Un système basé sur l’attribut HTML5 data- qui sera automatiquement
récupéré et transformé par jQuery Mobile.
 Un design personnalisable
 Des modules personnalisables
JQUERY MOBILE: AVANTAGES
8

9. 9

10. 10

11. 11

12. 12

13.  Son look and feel de base laisse peu de place à l’image de marque
de votre client
Très grand travail sur le CSS
 Le poids de la librairie est également un paramètre non négligeable
: 24KB pour le script minifié, 7KB pour la feuille de style de base
minifiée elle aussi. Sans oublier qu’il faut inclure la librairie jQuery !
JQUERY MOBILE: INCONVÉNIENTS
13

14.  Un Framework HTML, CSS & JavaScript
 Fonctionnant sur n'importe quelle technologie serveur
ou environnement serveur.
 Avec une dizaine de composants, et plugin JavaScript
 Son concept : Création et maintenance rapide d'un
site internet avec rendu correct, et interface complète
QU'EST-CE QUE BOOTSTRAP ?
14

15.  Facilité & Accessibilité
 Structure & Méthodologie
 Vitesse de développement accrue
 Framework porté vers le futur
 Grille fixe ou fluide
 Personnalisable & Modulable
 Compatibilité sur les différents browsers
(amélioration progressive sur IE7, et IE8)
BOOTSTRAP : AVANTAGES
15

16. BOOTSTRAP: EXEMPLE
16

17. Bootstrap : Composants
17

18. 18

19. 19

20. 20

21. PERSONNALISATION
21

22.  Rendu des composants parfois limité sous IE
 L'héritage de classes peut devenir lourd
 Contrainte au niveau du design suite à l'utilisation de la
grille
 Peut prendre un certain temps pour qu'un site ait un
rendu unique
BOOTSTRAP : INCONVÉNIENTS
22

23. Chaque projet étant différent, cela va dépendre du
contexte, du projet, du client, etc.
The right tool, for the right job.
CONCLUSION
23

24. MERCI POUR VOTRE ATTENTION
24