Archive pour le tag ‘Responsive

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

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…

CyberCrab – Testez votre site Web sur différentes résolutions d’écran

Découvrez CyberCrab Screen Check, l'outil pour tester vos designs responsive sur différentes résolutions d'écran.

CyberCrab - Responsive design testing tool - Viewport Resizer - Device simulation tool - Resolution Tester - Responsive-Screen-Tester-Responsive-Screen-Tester-Screen-Check-Resolution-Tester

Screen Check développé par CyberCrab est un outil en ligne offrant la possibilité de tester un design responsive selon différents viewports, résolutions et supports : tablette, mobile, TV, desktop. Lire la suite…

Réaliser une capture d’écran d’un site Web responsive selon différents viewports

Effectuer des captures d'écran d'un site Web en fonction de plusieurs résolutions peut prendre du temps.

Outil screenshot viewports responsive design

Certains clients sont friands de ce type de demandes à diverses étapes d’un projet. Malheureusement, prendre 15-30 minutes pour redimensionner son navigateur selon les points de rupture du design, effectuer la capture d’écran et l’importer dans Photoshop peut vite faire grimper le coût du screenshot. Afin de vous faciliter la tâche, voici l’outil idéal pour réaliser rapidement des captures d’écran selon les résolutions les plus populaires. Lire la suite…

↑ Haut de page