Jquery Mobile vs Twitter Bootstrap
-
Upload
odc-orange-developer-center -
Category
Technology
-
view
2.589 -
download
0
description
Transcript of Jquery Mobile vs Twitter Bootstrap
JQUERY MOBILE
VS
TWITTER BOOTSTRAP
P R É S E N T É E P A R :
N E S R I N E M A A O U I A
PLAN :
2
PRÉSENTATION
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
3
RESPONSIVE WEB DESIGN (RWD)
Un site qui pourra s'auto-adapter en fonction de la taille d'un écran.
4
5
Qu'est-ce que Jquery Mobile
6
7
JQUERY MOBILE: AVANTAGES
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
8
9
10
11
12
JQUERY MOBILE: INCONVÉNIENTS
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 !
13
QU'EST-CE QUE BOOTSTRAP ?
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
14
BOOTSTRAP : AVANTAGES
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)
15
BOOTSTRAP: EXEMPLE
16
17
Bootstrap : Composants
18
19
20
PERSONNALISATION
21
BOOTSTRAP : INCONVÉNIENTS
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
22
CONCLUSION
Chaque projet étant différent, cela va dépendre du
contexte, du projet, du client, etc.
The right tool, for the right job.
23
MERCI POUR VOTRE ATTENTION
24