Catégories
livre Technologie

Projet Responsive Web Design


Ce livre de Rudy Rigot et Jérémie Patonnier permet de se poser énormément de questions sur la conduite d’un projet de site web intégrant du responsive web design.

La problématique n’est pas anecdotique : mon expérience m’a montré que dans 90% des cas un projet se déroule de la manière suivante :

  • Réalisation de maquettes par des graphistes
  • Réalisation du site par des développeurs

Certe on peut broder un peu autour en ajoutant quelques métiers tels que : marketing, SEO, ergonomies…

Mais cette approche simpliste marche très mal si le site doit s’adapter à différents terminaux (smartphone, ordinateur…).

Rudy et Jérémie nous font ici un retour d’expérience qui permet d’identifier des solutions concrètes pour résoudre ce problème et trouver un mode d’organisation plus efficace. En voici quelques une en vrac :

Faire de la pédagogie envers le clients : lui montrer et lui faire valider, non pas les maquettes, mais des prototypes fonctionnels sur différents supports.

Limiter l’engagement contractuel à quelques supports et valider sur ceux-ci.

Expliquer au client les principes de dégradation gracieuse, de design fluide, de design responsive et de design adaptatif.

Sans oublier quelques classiques de la gestion de projet :

Dans un projet, il ne faut jamais fixer plus d’un élément dans ceux-ci : délais, fonctionnalités, budget.

Au final la gestion de projet pour un site responsive permet de se rendre compte que le développeur frontend est bien plus proche du graphiste que ce que l’on peut imaginer.

Ce livre est un «must read» pour tous les chefs de projets web et d’une manière générale tous les intervenants sur ce type de projet.

Projet responsive web design : Du recueil des besoins à la mise en ligne

Catégories
livre Technologie

Responsive Web Design – Ethan Marcotte

Ce livre d’Ethan Marcotte est un bijou pour n’importe quel technicien débutant qui se pose la question d’adapter une maquette de taille fixe à un écran de taille inconnue.

Il offre les détails techniques et une méthodologie pour parvenir à un design fluide puis « Responsive ».

Si j’ai avalé l’ouvrage en quelques heures (facile à lire, drôle, concret…), je regrette de ne l’avoir eu que maintenant. En effet je connais et je pratique tout ce qui y est expliqué.

C’est un ouvrage que je recommande donc aux débutants… et qui est presque obsolète en 2014.

Responsive Web design

Catégories
Technologie

Compression d’image pour le web

Ce billet est à la fois une note pour plus tard et un peu d’info pour ceux, qui comme moi, cherchent à optimiser les images de leur site web pour gagner en performance, mais aussi des points au test pageSpeed.

Les PNG avec optipng

L’installation est facile, le paquet est sur les dépos ubuntu :

sudo apt-get install optipng

Pour l’optimisation à proprement parler :

optipng -o7 -fix *.png

De manière récursive :

find . -iname "*.png" | xargs optipng -o7 -fix

et voilà, vos PNG sont compressés sans perte, simple et efficace.

Les JPG avec jpegoptim

Pareil, l’utilitaire est dans les dépos :

sudo apt-get install jpegoptim

Et pour l’utiliser :

jpegoptim --max=50 --strip-all *.jpg

De manière récursive :

find . -iname "*.jpg" | xargs jpegoptim --strip-all --max=50

Vos utilisateurs vous remercieront !