Revue de site : l’interface de LifeInMyShoes.org

thumb01

Je vous propose de décortiquer un site web chaque mois afin d'examiner son interface utilisateur. Je tâcherai de choisir des sites plutôt bien exécutés, utilisant des techniques actuelles et ayant des designs intéressants. Pour la première édition de l'année, nous allons nous pencher sur le site Life In My Shoes. Quelles sont ses forces au … [Lire plus...]

Faire varier le format d’une date avec CSS et les media-queries

calendar

Nous allons voir comment dans un blog "responsive" on peut afficher un format de date différent, comme par exemple avoir tantôt le mois en toutes lettres (ex : Septembre), tantôt l'abréviation du mois (ex : SEP), le tout en gardant une syntaxe HTML propre. Rappel sur le design "responsive" (ou "réactif") : il s'agit d'utiliser les media-queries … [Lire plus...]

Responsive web design : Comment optimiser son site pour mobiles et tablettes (3ème partie)

thumb4

Après les phases initiales de recherche et de design graphique que nous avons abordé dans deux articles précédents, vient le temps de l'intégration HTML et CSS. En principe ce n'est pas très compliqué : il suffit de suivre la méthode de 320 and up qui consiste à intégrer d'abord pour la taille de fenêtre la plus petite. Je dis "en principe", … [Lire plus...]

Responsive web design : Comment optimiser son site pour mobiles et tablettes (2ème partie)

thumb3

Dans un article précédent nous avons parlé des outils que nous avons choisi pour la réalisation du site secri.fr, afin d'en faire un site "responsive" (ou en français, "réactif"). Cependant, avant de passer à l'intégration du site il nous a fallu repenser le design. En effet, le visuel du site en 960px de large avait déjà été validé par le client, … [Lire plus...]

Responsive web design : Comment optimiser son site pour mobiles et tablettes (1ère partie)

responsive_thumb

Nous avons récemment mis en ligne le site secri.fr, pour un syndic de copropriété situé en région parisienne. Nous l'avons intégré de sorte qu'il soit "réactif". En anglais on parle de "responsive web design". En pratique, cela signifie qu'on utilise les media-queries (CSS3) pour appliquer des styles différents selon la taille de l'écran, de la … [Lire plus...]