0
JQUERY MOBILE
VS
TWITTER BOOTSTRAP
P R É S E N T É E PA R :
NESRINE MAAOUIA
PLAN :
2
Développement Web mobile
Construire plusieurs sites
Web qui peuvent avoir un
rendu fluide sur mobile.

Le principe de base...
Un site qui pourra s'auto-adapter en fonction de la taille d'un écran.

RESPONSIVE WEB DESIGN (RWD)
4
Qu'est-ce que Jquery Mobile
5
6
7
 Un Framework pour développer sur différentes plates-formes :
iOs, Android, Windows Mobile, BlackBerry, mais également na...
9
10
11
12
 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 poi...
 Un Framework HTML, CSS & JavaScript

 Fonctionnant sur n'importe quelle technologie serveur
ou environnement serveur.
...
 Facilité & Accessibilité
 Structure & Méthodologie

 Vitesse de développement accrue
 Framework porté vers le futur
...
BOOTSTRAP: EXEMPLE
16
Bootstrap : Composants
17
18
19
20
PERSONNALISATION
21
 Rendu des composants parfois limité sous IE
 L'héritage de classes peut devenir lourd

 Contrainte au niveau du design...
Chaque projet étant différent, cela va dépendre du
contexte, du projet, du client, etc.
The right tool, for the right job....
MERCI POUR VOTRE ATTENTION
24
Upcoming SlideShare
Loading in...5
×

Jquery Mobile vs Twitter Bootstrap

2,609

Published on

Jquery Mobile vs Twitter Bootstrap

Published in: Technology
0 Comments
3 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
2,609
On Slideshare
0
From Embeds
0
Number of Embeds
2
Actions
Shares
0
Downloads
25
Comments
0
Likes
3
Embeds 0
No embeds

No notes for slide

Transcript of "Jquery Mobile vs Twitter Bootstrap"

  1. 1. JQUERY MOBILE VS TWITTER BOOTSTRAP P R É S E N T É E PA R : NESRINE MAAOUIA
  2. 2. PLAN : 2
  3. 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. 4. Un site qui pourra s'auto-adapter en fonction de la taille d'un écran. RESPONSIVE WEB DESIGN (RWD) 4
  5. 5. Qu'est-ce que Jquery Mobile 5
  6. 6. 6
  7. 7. 7
  8. 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. 9
  10. 10. 10
  11. 11. 11
  12. 12. 12
  13. 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. 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. 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. 16. BOOTSTRAP: EXEMPLE 16
  17. 17. Bootstrap : Composants 17
  18. 18. 18
  19. 19. 19
  20. 20. 20
  21. 21. PERSONNALISATION 21
  22. 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. 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. 24. MERCI POUR VOTRE ATTENTION 24
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×