HTML5, CSS3 et JavaScript : développez vos sites pour les terminaux mobiles
Livreweb
Derrière l'un des titres d'ouvrage les plus longs (et les plus SEO) du monde se cache un condensé de techniques et d'exemples décortiqués pour l'intégration de sites web pour mobiles et tablettes.
Les trois chapitres principaux sont bien séparés : d'abord HTML5, puis CSS3, puis enfin JavaScript. Sans oublier de passer par quelques généralités d'ergonomie et de design pour le Web mobile.
L'ouvrage est très didactique et parfaitement adapté à l'apprentissage d'un débutant ou d'un semi-confirmé dans le domaine : toutes les étapes sont détaillées et illustrées par des mini-tutoriels décortiqués.
Tout n'est pas parfait, bien entendu : autant de langages et technologies complexes concentrées dans un livre de 400 pages ne se fait pas sans faire l'impasse sur un certain nombre de secteurs.
Quelques coquilles
L'un des principaux reproches que je fais à cet ouvrage est que j'ai pu y dénicher un bon nombre d'inexactitudes, généralement bénignes mais parfois plus gênantes.
Quelques exemples :
-
des éléments vides simplement pour afficher une bordure (
<div class="separateur"></div>
) -
des liens en JavaScript (
<a href="javascript:showPerdu();">Perdu</a>
) -
des hauteurs fixées (
height: 160px
) ingérables si le contenu s'allonge -
des éléments mal fermés (
<div class="fleche_un" />
) - etc.
Et l'accessibilité alors ?!
Un dernier point pour la route, mais pas des moindres, une grosse critique sur l'accessibilité des exemples proposés.
Tous les exemples de structure HTML proposée comportent les indications suivantes dans la balise <meta>
viewport : user-scalable=no
, maximum-scale=1.0
.
C'est pour moi une aberration à la fois pour l'ergonomie et l'accessibilité des pages produites : un utilisateur doit pouvoir zoomer sur du contenu textuel et agrandir un élément ou une image pour en voir les détails.
Le Web est fait pour être universel, ne l'en empêchons pas.
Sommaire
- Introduction
- Particularité des sites mobiles
- Premiers pas
- Créer un site mobile : HTML5
- Créer un site mobile : CSS3
- Créer un site mobile : JavaScript
- Aller plus loin
- Aller plus vite
- Site normal vers site mobile
- Transformer un site en application native
Plus d'informations ou acheter en ligne sur amazon.fr (lien sponsorisé)
Commentaires
J'adore les critiques justifiés par des exemples !
Par contre, je ne comprend pas trop pourquoi mettre un meta où on ne peut zoomer (autre que pour l'accessibilité) alors qu'on est sur des terminaux mobiles et que donc l'utilisation du zoom est assez courant ?
@Apoooo : généralement c'est pour faire "comme des appli natives" (qui ne sont pas zoomables). Sauf que là on fait du Web et que le Web doit pouvoir être zoomable.