Description
Table des matières
- Introduction
- 1. Avant-propos
- 2. Ressources
- 3. Historique
- 3.1 HTML/CSS/JavaScript
- 3.2 Sur les appareils mobiles
- Particularité des sites mobiles
- 1. Introduction
- 2. Comportement des utilisateurs
- 3. Spécificités des appareils
- 3.1 Résolution
- 3.2 Tactile
- 3.3 Vitesse de connexion
- 3.4 Design général
- 4. Capacités des navigateurs
- 4.1 Extensions
- 4.2 Géolocalisation
- 4.3 Mode hors-ligne
- 5. Différence avec les applications natives
- 5.1 Accéder à toutes les fonctionnalités de l’appareil
- 5.2 Les magasins d’application
- 5.3 Design adapté à l’appareil
- 5.4 Développement natif
- 5.5 Le meilleur des deux mondes
- Premiers pas
- 1. Introduction
- 2. Première page HTML5
- 3. Émulateur pour applications mobiles
- Créer un site mobile : HTML5
- 1. Introduction
- 2. Bonnes pratiques
- 2.1 Adapter le site à la taille de l’écran
- 2.2 Améliorer la visibilité
- 2.3 Écrire des pages légères
- 2.4 Gérer correctement le contenu
- 2.5 Simplifier la saisie
- 2.6 Penser à la navigation au doigt
- 2.7 Rendre le site accessible pour touset pour toute orientation
- 3. Doctypes
- 3.1 Écrire le doctype pour les sites classiques
- 3.2 Écrire le doctype pour un site mobile
- 3.3 Écrire le doctype HTML5
- 3.4 Utiliser la taille de son navigateur[koo_icon name=”undefined” color=”” size=””]
- 4. Nouveaux tags en HTML5
- 5. Formulaires
- 5.1 Utiliser les nouveaux types
- 5.2 Utiliser les nouveaux attributs
- 5.3 Validation automatique des formulaires
- 5.4 Utiliser les éléments avancés
- 5.5 Créer un formulaire de contact
- 6. Mode hors-ligne
- 6.1 Installer le serveur Apache
- 6.2 Créer les pages HTML
- 6.2.1 Créer une page montrant neuf chiens perdus
- 6.2.2 Écrire la page de description d’un chien
- 6.3 Installer les pages sous Apache
- 6.4 Créer un manifest pour le mode hors-ligne
- 6.5 Aller plus loin
- 6.5.1 Affichage d’un message pour un site hors-ligne
- 6.5.2 NETWORK et FALLBACK dans le manifest
- 6.5.3 Gérer le mode hors-ligne avec JavaScript
- Créer un site mobile : CSS3
- 1. Introduction
- 2. Bonnes pratiques
- 2.1 Optimiser la connexion avec le serveur
- 2.2 Gérer un défilement vertical
- 2.3 Faciliter la navigation au doigt
- 2.4 Gérer les images
- 2.5 Gérer correctement les tailles de caractères
- 3. Formulaires
- 4. Mises en page fluides
- 5. Media Queries
- 5.1 Où écrire les requêtes
- 5.2 Comment écrire les requêtes
- 5.3 Gérer l’écran en paysage et en portrait
- 5.4 Gérer une page pour smartphone, tabletteou ordinateur classique
- Créer un site mobile : JavaScript
- 1. Introduction
- 2. Bonnes pratiques
- 2.1 Optimiser la connexion avec le serveur
- 2.2 Utiliser Ajax avec précaution
- 2.3 Écouter les événements
- 3. Méthodes spécifiques et/ou utiles pour mobiles
- 3.1 Gérer l’orientation du navigateur
- 3.2 Gérer l’accélération de l’appareil
- 3.3 Utiliser les Media Queries en JavaScript
- 3.4 Événements tactiles et gestuels
- 3.5 Valider les formulaires
- 3.6 Dynamiser le mode hors-ligne
- 3.7 Utiliser les Web Workers
- 4. Canvas
- 4.1 Créer son premier canevas
- 4.2 Créer d’autres objets en deux dimensions
- 4.3 Aller plus loin
- 4.4 Utiliser les autres technologies graphiques du HTML5
- 4.5 Conclusion sur les canevas
- 5. Géolocalisation
- 5.1 Localiser l’utilisateur
- 5.2 Suivre l’utilisateur
- 5.3 Un exemple avec Google Maps
- 6. WebSockets
- Aller plus loin
- 1. Introduction
- 2. Gérer les flux audio ou vidéo
- 2.1 Utiliser la balise audio
- 2.2 Utiliser la balise video
- 2.3 Lire de l’audio et des vidéos autrement en HTML5
- 3. Glisser-déposer
- 4. HTML5 Web Storage
- 4.1 Avant : utiliser les cookies
- 4.2 Comprendre le Session storage
- 4.3 Comprendre le Local storage
- 4.4 Stocker une donnée
- 4.5 Lire une donnée
- 4.6 Supprimer une donnée
- 4.7 Utiliser un exemple
- 4.8 Aller plus loin
- Aller plus vite
- 1. Introduction
- 2. HTML5
- 2.1 Template HTML5 BoilerPlate
- 2.2 Template Gridless
- 2.3 52 framework
- 2.4 Framework Lungo.js
- 3. JavaScript
- 3.1 Wink toolkit
- 3.2 Librairie jqMobi
- 3.3 The-M-Project
- 3.4 jQuery Mobile
- 3.4.1 Créer un Hello World
- 3.4.2 Réécrire une page plus complexe
- Site normal vers site mobile
- 1. Introduction
- 2. Préparer le site
- 3. Modifier le site
- 3.1 Utiliser le même site pour une version mobile
- 3.2 Créer un site mobile supplémentaire
- 3.2.1 User-Agent
- 3.2.2 Media Queries
- 3.2.3 Lien sur notre page
- Transformer un site en application native
Reviews
There are no reviews yet.