Articles pour les mots-clés ‘responsive’

Dans la série des A Book Apart je voudrais le n°15 ! Ce bouquin d’Ethan Marcotte, préfacé par Mandy Brown nous invite à voir un site web (sa conception pour être précis) sous un tout nouvel angle. L’auteur ne souhaite plus parler de pages web, mais de patterns… regardons ça ensemble.

Après vous avoir proposé cette sélection de slideshow il y a maintenant deux ans, celle que je vous propose aujourd’hui vient compléter un nouveau besoin réel : le responsive et la prise en charge des actions au touch. Je vais vous présenter 3 outils qui se ressemblent et qui proposent tous leurs particularités.

Si vous pratiquez couramment le JS, vous avez certainement remarqué que certains évènements sont déclenchés de manière assez ponctuelle, et d’autres peuvent être déclenchés de manière très fréquente et devenir assez difficile à gérer, c’est le cas de « onscroll » et « onresize » par exemple.

Il y a quelques jours est sortie la version 7.1 de iOS, apportant avec elle son lot de bugs (typo et bug) et de nouveautés. Parmi ces dernières, la meta viewport peut désormais accueillir la valeur minimal-ui qui permet de cacher une partie des éléments d’interface du navigateur.

La problématique se pose depuis maintenant quelques temps concernant l’affichage d’image optimisée pour nos différents terminaux : qu’ils proposent une dimension d’écran plus petite ou une densité de pixels plus grande (HD). Cette problématique est en cours de travaux, et Webkit vient d’annoncer le support d’une des solutions envisagées.

Retina, ou la haute définition de manière plus générale pour les images de nos sites web pose un problème relatif. En effet depuis la sortie du premier Mac Book Pro à écran Retina (et avant pour certain), la question qui revient le plus souvent est : doit-on boycotter Retina, ou au contraire y accorder de l’importance ?

J’ai souvent eu l’occasion à travers mes divers projets Web mobile (responsive), d’avoir à réduire la taille des polices de titre car même un simple mot ne passait pas en largeur. Pour éviter d’avoir une césure sur chaque mot du titre, le plus simple était de s’autoriser une réduction approximative du corps. (approximative… façon de parler). Je vous propose des solutions relative.

Projet initié par Geoffrey Dorne et Julien Dorra, Responsive Museum Week présente un défi intéressant : proposer des feuilles de styles utilisateur afin d’améliorer les sites Internet de nos musées pour les rendre responsive. C’est à vous de proposer ces styles après une retouche de l’existant.

Ayant récemment eu besoin de parcourir les ressources du web à la recherche d’une solution de slideshow simple et personnalisable, j’ai rencontré quelques bonnes choses. Voici une liste très largement non exhaustive de quelques slideshow et carrousels en JavaScript qui ont retenu mon attention par leur simplicité, leurs fonctionnalités ou la qualité de leur ergonomie.

Si vous êtes un habitué du blog, vous avez certainement déjà vu passer l’information sur ce plugin.
La mise à jour a été effectuée en début de semaine, mais je n’ai pas eu le temps de faire l’actu avant.