Archives mensuelles :

octobre 2011

Notes de lecture à propos de « Stratégie de contenu web »

Après HTML5 pour les web designers et CSS3 pour les web designers, le troisième opus de la collection A Book Apart Stratégie de contenu web écrit par Erin Kissane et préfacé par Muriel Vandermeulen est consacré à la nouvelle redécouverte du web : le contenu. Le pitch ? La création de contenu pour le web ne devrait pas s’effectuer sans une réflexion en amont sur 1) le profil du lectorat et 2) les compétences et la disponibilité de ses producteurs. Sans oublier que tout travail mérite salaire… En gros, il faut que les producteurs aient les moyens de s’adresser correctement aux consommateurs. Autrement dit : si on dit n’importe quoi à n’importe qui à n’importe quel prix, le résultat ne sera pas pas très efficace !

Blueberry : un diaporama « responsive »

Blueberry est un plugin jQuery expérimental et open source permettant de faire défiler des images (Slider) dans un environnement fluide (Responsive Web Design). Les utilisateurs utilisent de plus en plus souvent des smartphones pour consulter des pages web ; les intégrateurs web ont donc de plus en plus besoin de maquettes flexibles pour les satisfaire. Voici donc un diaporama adapté à cet usage.

Quelques liens sur les Media Queries en CSS3

Les grilles de mise en page et les frameworks CSS qui les accompagnent sont bien jolis mais pas toujours adaptés à la modernité du Web composée d’agents utilisateurs aussi nombreux que différents. Une grille modulaire devrait faire face à toutes les situations. Les Media Queries permettent de cibler un agent utilisateur selon certains paramètres. Il devient possible d’utiliser une grille visible uniquement par : les personnes qui naviguent depuis un ordinateur de bureau avec une largeur d’écran supérieure à 1024 pixels ; celles qui utilisent leur Netbook (possédant une résolution inférieure ou égale à 1024 pixels de large) ; ainsi que par celles qui parcourent le web depuis leur iPhone, leur iPad ou leur téléphone Android. Il est même possible de spécifier des règles CSS différentes selon que l’appareil est utilisé en mode portrait ou en mode paysage !