Articles pour les mots-clés ‘responsive’

Responsive Design Patterns d’Ethan Marcotte

Lire l'article

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.

Un « onresize » ou « onscroll » plus performant en JS

Lire l'article 11

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.

Meta viewport Minimal-UI

Lire l'article 2

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.

Webkit annonce son support de l’attribut srcset

Lire l'article

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.

Du Retina et HD pour votre site web : image-set, picture et srcset

Lire l'article 15

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 ?

Une taille de police en fonction de la largeur d’écran

Lire l'article 53

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.

Sélection de Slideshow et Carrousels

Lire l'article 32

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.