Avec le tag RWD

[Infographie] Qu’est ce que le responsive webdesign ?

Webdesign Express : Créer des menus réactifs – exemples, ressources et conseils

li-developpement-web

Un webdesign Express, vraiment express, avec seulement 3 liens mais de bons liens. Tout d’abord 2 exemples de menus réactifs (responsive) que je trouve intéressants, et un article bourré de conseils et d’astuces. Voila, pas de blabla, juste des liens.   Creating a CSS3 Responsive Menu   How to Create a Responsive Navigation   10 Tips How To Handle Responsive … Lire la suite

Enquire.js, créer des évènements en fonction de la taille de l’écran

enquireJs-150x150

Enquire.js est une bibliothèque JS qui permet de gérer ses media queries en Javascript. Equire.js permet notamment de créer des évènements en fonction de la taille de l’écran, pour ainsi complètement adapter l’affichage ou le comportement des pages selon le terminal. Ce petit script de moins d’un Ko peut rendre de fiers services. Certains exemples d’utilisations sont l’affichage d’image plus … Lire la suite

WordPress Express : Query, Ajax, Hooks et responsive webdesign

wordpress-large

Voici une nouvelle édition de WordPress Express avec des liens en vrac et sans blabla. Ce sont les bonnes ressources que je garde dans mes bookmarks. Cette fois -ci on parle Ajax, choix du mode de requêtage de WordPress et responsive webdesign. Deux ressources intéressantes aussi pour rapidement comprendre comment fonctionnent les filtres et les actions avec cette plateforme. Enjoy … Lire la suite

bgStretcher, créer des « background-image » animées à la taille de l’écran (jQuery)

bg_stretcher_2

bgStretcher est un plugin pour jQuery qui permet d’ajouter une grande image (ou plusieurs) en tant que fond de page web, et d’étendre et de redimensionner automatiquement l’image à la taille exacte de l’écran. Mieux, ce plugin permet de faire défiler différentes images en tant que fond de page comme un slideshow, dont la vitesse et les pauses sont configurables. … Lire la suite