Archive pour le tag ‘Responsive

Retrouvez ci-dessous l’ensemble des articles tagués ‘Responsive

Table responsive design avec Stacktable.js

L'intégration d'une table responsive dans un site Web n'est pas toujours évidente. Les contraintes d'affichage sur les écrans mobiles sont fortes et les solutions miracles garantissant l'accessibilité des informations contenues dans les cellules ne sont pas légions.

table-responsive-plugin-jquery-stacktable-js

Partant de ce constat, @johnpolacek nous propose un plugin jQuery permettant d’adapter une table à toutes les résolutions du Web. Lire la suite…

HTML5 UP – Templates gratuits pour sites Web responsive

Voici une ressource bien utile pour développer des applications Web responsive en un temps record.

template-gratuit-html-responsive-site-web

HTML5 UP est un projet conçu par @n33co proposant une douzaine de templates HTML gratuits de site Web. Chaque template a été construit en HTML5 et CSS3 au sein d’une enveloppe responsive s’adaptant ainsi parfaitement à toutes les résolutions. Lire la suite…

Un plugin lightbox responsive en jQuery

Une lightbox est un outil fonctionnant très bien sur desktop mais ayant quelques lacunes sur les mobiles. Des plugins lightbox existent mais ils sont difficiles à débusquer.

Magnific Popup-plugin-lightbox-responsive

Ne cherchez plus, la lightbox responsive Magnific Popup réalisée en jQuery accomplit avec brio l’affichage d’images en popup sur les supports desktop et mobiles. Avec un poids super léger (3KB), ce plugin jquery performant ne requiert aucune spécification de la taille via JavaScript. Vous pouvez aussi bien utiliser les unités relatives (EM) ou les CSS media queries pour spécifier les résolutions de lightbox souhaitées. Le contenu s’adaptera et se centrera automatiquement. Lire la suite…

Responsive Inspector – Redécouvrez les media queries

Avec Responsive Inspector, Piotr Walczyszyn nous offre une belle innovation en matière d'outils d'inspection de code.

responsive-inspector-extension-chrome

Cette extension Chrome en version beta permet de découvrir quelles media queries sont utilisées pour les sites Web que vous visitez.

Cet outil est très utile lorsque vous développez un nouveau projet car elle vous indique la valeur des min-width et max-width utilisées pour les media queries. Lire la suite…

Créez un menu responsive off canvas avec Sidr

Sidr est une solution idéale pour créer un menu au sein d’un panel hors-écran et un moyen simple de rendre ce menu responsive.

menu-responsive-off-canvas-plugin-jquery-sidr

Ce plugin vous donne la possibilité de réaliser une multitude de Sidrs sur la gauche ou la droite d’un site Web. Ces panels permettent de créer un menu responsive off canvas mais ils sont également une bonne astuce pour cacher une section complète d’un site. Par exemple un bloc texte ou un système de filtres. Lire la suite…

↑ Haut de page