Description
Table des matières
- Caractéristiques du Web mobile
- 1. Définition du Web mobile
- 2. Un marché en expansion
- 2.1 Multiples fabricants de smartphones et tablettes
- 2.2 Multiples OS
- 2.3 Multiples navigateurs
- 2.4 Évolutions technologiques rapides
- 3. Les périphériques
- 3.1 Multiples dimensions d’écran
- 3.2 Orientation portrait ou paysage
- 3.3 Clavier limité ou virtuel
- 3.4 Le doigt au lieu de la souris
- 3.5 Relative lenteur des connexions
- 4. Le comportement de l’usager
- 4.1 Recherche rapide de l’information utile
- 4.2 Fréquence élevée de renouvellement du matériel
- 5. Synthèse
- Pré-requis et outils
- 1. Les pré-requis
- 2. Un éditeur de texte
- 3. Des navigateurs de bureau
- 4. Les outils de débogage
- Tester les applications Web mobile
- 1. Introduction
- 2. Achat de multiples périphériques
- 3. Les sites professionnels dédiés
- 3.1 Perfecto Mobile
- 3.2 Device Anywhere
- 4. L’installation des SDK
- 5. Les émulateurs en ligne
- 5.1 Émulateur mobile (by Cowemo)
- 5.2 Opera Mini simulator
- 5.3 TestiPhone.com – iPhone Simulator
- 5.4 iphonetester.com
- 5.5 Mobilemoxie
- 5.6 iPad Peek
- 5.7 Autres émulateurs
- 6. Les émulateurs à installer
- 6.1 Opera Mobile Emulator
- 6.2 Windows Phone Emulator
- 6.3 Firefox pour Android
- 6.4 Electric Mobile Simulator
- 6.5 iPhoney pour Macintosh
- 6.6 AIR iPad Simulator
- 7. Les navigateurs de bureau adaptés
- 7.1 Présentation
- 7.2 Changer d’user-agent sous Chrome
- 7.3 L’option Agent d’utilisateur de Safari
- 7.4 L’add-on User Agent Switcher de Firefox
- 7.5 Le module User-Agent Switcher pour Internet Explorer
- 8. Les validateurs Web Mobile
- 8.1 W3C mobileOK Checker
- 8.2 Google GoMo
- Applications natives ou applications Html5
- 1. Présentation
- 2. Le pour et le contre
- Les bonnes pratiques du Web mobile
- 1. Un seul Web
- 2. Une URL concise
- 3. Le ciblage de la dimension d’écran avec les Media Queries
- 4. La verticalisation des pages
- 5. L’efficacité du contenu
- 6. Une navigation intuitive
- 7. L’optimisation des liens pour l’utilisation tactile
- 8. L’optimisation des images
- 8.1 Un usage intelligent
- 8.2 Les images redimensionnables
- 8.3 Les CSS sprites
- 8.4 Les images en base64
- Éléments utiles du Html5
- 1. La balise meta viewport
- 2. Les balises meta spécifiques aux iPhones
- 3. Les balises Html5 à éviter
- 4. Les nouveaux formulaires Html5
- 4.1 Labéliser les champs de formulaires
- 4.2 Les formulaires Html5 et les périphériques mobiles
- Améliorer le design avec les CSS3
- 1. Introduction
- 2. Les bords arrondis
- 3. Les ombres
- 3.1 Les ombres sur le texte
- 3.2 Les ombres sur les éléments boîte
- 4. Les dégradés de couleur
- 4.1 Les dégradés linéaires
- 4.2 Les dégradés circulaires
- 5. La présentation en colonnes (column)
- 6. Le traitement des longs intitulés
- 7. La césure automatique
- 8. Les transformations
- 9. Les transitions
- 10. L’ajustement de la taille des caractères
- 11. En route vers les CSS4
- Les applications JavaScript Html5
- 1. La géolocalisation
- 1.1 Géolocaliser l’utilisateur
- 1.2 Géolocalisation avec Google Maps
- 1.3 Suivre les déplacements
- 2. Le stockage de données en local
- 2.1 Présentation
- 2.2 Le stockage persistant
- 2.3 Le stockage temporaire
- 3. La consultation en mode déconnecté
- 3.1 Présentation et utilité
- 3.2 Le fichier de manifeste
- 4. Base de données SQL
- 4.1 Présentation
- 4.2 SQLite en bref
- 4.3 Les principales instructions
- 4.4 Le futur de Web SQL Database
- 5. Les autres API JavaScript du Html5
- 1. La géolocalisation
- Présentation de jQuery Mobile
- 1. Objectifs de jQuery Mobile
- 2. jQuery et jQuery Mobile
- 3. Les points forts de jQuery Mobile
- 4. Les plateformes prises en compte
- 5. Les attributs data- du Html5
- Une première application avec jQuery Mobile
- 1. Mise en place de jQuery Mobile
- 2. Une première page avec jQuery Mobile
- 3. Un modèle pour la suite de notre étude
- 4. Documentation
- Les pages
- 1. Un fichier de page unique
- 2. Un fichier de pages multiples
- 3. Le titre de la page et son rôle
- 4. Les liens entre les pages
- 5. Le préchargement des pages
- 6. La mise en cache des pages
- 7. Les thèmes graphiques de jQuery
- 8. Les transitions de pages
- Les boutons
- 1. Ajouter un bouton
- 2. Changer les liens en boutons
- 3. Ajuster la largeur des boutons
- 4. Ajouter une icône aux boutons
- 4.1 Les icônes standard de jQuery Mobile
- 4.2 Positionner les icônes
- 4.3 Créer des icônes
- 5. Aligner des boutons
- 6. Grouper plusieurs boutons
- 6.1 Grouper verticalement
- 6.2 Grouper horizontalement
- 7. Une présentation réduite des boutons
- 8. Styler les boutons
- Les barres d’outils
- 1. Ajouter une barre d’en-tête
- 2. Ajouter une barre de pied de page
- 3. Ajouter une barre de navigation
- 4. Positionner les barres d’outils
- 4.1 Les barres en ligne
- 4.2 Les barres en position fixe
- 4.3 Les barres en mode plein écran
- 4.4 Les barres persistantes
- 4.5 Styler les barres d’outils
- Les fenêtres de dialogue
- 1. Les fenêtres de dialogue
- 1.1 Ajouter une fenêtre de dialogue
- 1.2 Fermer une fenêtre de dialogue
- 1.3 Ajouter une transition
- 1.4 Styler les fenêtres de dialogue
- 2. Les pop-ups
- 2.1 Ajouter un pop-up
- 2.2 Sans bords arrondis et sans ombre
- 2.3 Ajouter un bouton de fermeture
- 2.4 Ajouter un effet de transition
- 2.5 Positionner le pop-up
- 2.6 Styler le pop-up
- 1. Les fenêtres de dialogue
- Les listes
- 1. Créer une liste non numérotée
- 1.1 Sans liens
- 1.2 Avec liens
- 2. Créer une liste numérotée
- 3. Créer des listes imbriquées
- 4. Ajouter des séparateurs dans la liste
- 5. Ajouter des séparateurs dans les éléments de liste
- 6. Formater le contenu des listes
- 7. Créer des listes multiples dans une page
- 8. Liste de formulaires
- 9. Ajouter des vignettes
- 10. Ajouter des icônes
- 11. Ajouter des bulles de comptage
- 12. Ajouter un filtre de recherche
- 13. Styler les listes
- 1. Créer une liste non numérotée
- Les formulaires
- 1. Les formulaires sous jQuery Mobile
- 2. La ligne de texte
- 3. La zone de texte
- 4. La ligne de mot de passe
- 5. Les boutons de formulaire
- 6. La liste de sélection
- 6.1 Créer une liste de sélection
- 6.2 Grouper des options
- 6.3 Grouper des listes de sélection
- 6.4 Sélections multiples
- 7. Les boutons radio
- 8. Les cases à cocher
- 9. Les curseurs du Html5
- 10. Les boutons de permutation
- 11. Le bouton de recherche du Html5
- 12. Les autres formulaires du Html5
- 13. Une présentation compacte des formulaires
- 14. Une présentation native des formulaires
- Éléments de présentation
- 1. Les grilles
- 1.1 Avec deux colonnes
- 1.2 Avec plusieurs colonnes
- 1.3 Avec plusieurs lignes et colonnes
- 1.4 Insérer et aligner des boutons
- 2. Les éléments dépliants
- 2.1 L’élément dépliant basique
- 2.2 Quelques variantes
- 2.3 Des éléments dépliants imbriqués
- 3. L’effet accordéon
- 1. Les grilles
- D’autres thèmes pour jQuery Mobile
- 1. Créer son nuancier personnel
- 2. Créer son thème avec l’outil ThemeRoller
- 3. Le thème Metro de Windows 8
- L’API jQuery Mobile
- 1. Configurer jQuery Mobile
- 1.1 L’événement mobileinit
- 1.2 activeBtnClass
- 1.3 activePageClass
- 1.4 ajaxEnabled
- 1.5 allowCrossDomainPages
- 1.6 autoInitializePage
- 1.7 buttonMarkup.hoverDelay
- 1.8 defaultDialogTransition
- 1.9 defaultPageTransition
- 1.10 defaultTransitionHandler
- 1.11 getMaxScrollForTransition
- 1.12 gradeA
- 1.13 hashlisteningEnabled
- 1.14 ignoreContentEnabled
- 1.15 linkBindingEnabled
- 1.16 maxTransitionWidth
- 1.17 minScrollBack
- 1.18 ns
- 1.19 orientationChangeEnabled
- 1.20 pageLoadErrorMessage
- 1.21 pageLoadErrorMessageTheme
- 1.22 pushStateEnabled
- 1.23 subPageUrlKey
- 1.24 transitionFallbacks
- 1.25 transitionHandlers
- 2. Les événements
- 2.1 Les événements tactiles
- 2.2 Les événements de changement d’orientation
- 2.3 Les événements de défilement de page
- 2.4 Les événements d’initialisation de page
- 2.5 Les événements de changement de page
- 2.6 Les événements de transition de page
- 2.7 Les événements de chargement de page
- 2.8 Les événements de page supprimée (remove)
- 2.9 Les événements de création de page (create)
- 2.10 Les événements de mise en page
- 2.11 Les événements d’animation (animationComplete)
- 3. Les méthodes et propriétés
- 3.1 Rafraîchir la page
- 3.2 Manipuler les champs de formulaire
- 3.3 Afficher les pages avec changePage()
- 3.4 Précharger les pages
- 3.5 Traiter les éléments Data
- 3.6 Déclencher le message de chargement
- 3.7 Manipuler les URL
- 3.8 Défiler la page en mode silencieux
- 3.9 Utiliser la propriété de la page active
- 1. Configurer jQuery Mobile
- Annexe[koo_icon name=”undefined” color=”” size=””]
Reviews
There are no reviews yet.