Web responsive

De Marmits Wiki

Liens

Img - a jQuery Plugin for Responsive Images

How to Create a Responsive Navigation

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

Infographie - 10 choses à savoir sur le responsive design

Calendario - Un plugin jQuery de calendrier design et responsive - La Ferme du web

A NextGen Alternative : FooGallery

Responsive Menu Concepts | CSS-Tricks

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

Which Responsive Frameworks are Designers Using ?

Design elements, playground and code snippets for Bootstrap HTML/CSS/JS framework

34 Responsive Grid System

Gamma Gallery - A Responsive Image Gallery Experiment

Responsive News

net-magazine

Responsive Grid System

Elastislide - A Responsive jQuery Carousel Plugin

Mark Tyrrell - Solution Architect

ResponsiveSlides.js Responsive jQuery Slider Slideshow

Responsive Web Design: Layouts and Media Queries

Animations Media Queries

Responsive Horizontal Layout

15 Best Responsive Premium WordPress Themes

Code a Responsive Navigation Menu | Design Shack

webdesignshock.com

20 tools to help you create responsive web designs

Developing a Responsive Website Part 1 2 3 4

Camera a free jQuery slideshow by Pixedelic

Breakpoints.js is a project of the hackers and designers

Multi-Device Layout Patterns

20 Useful jQuery Plugins for Responsive Web Design - DesignModo

Code a Responsive Navigation Menu (http://designshack.net)

A series of illustrations for DuckDuckGo

outils en ligne pour webdesigners :

Proto.ioUn superbe outil pour générer rapidement et facilement des boutons de type switch en pur CSS3. Personnalisez la couleur, la taille, les états actifs ou non…En plus ils sont animés !

Créez une grille adaptative en quelques secondes grâce à cet outil en ligne. Choisissez le nombre de colonnes, la taille des marges et les breakpoints. Il ne reste plus qu’à télécharger votre template au format HTML, CSS et PNG.

Screenqueri vous permet de tester votre site sur plus de 30 résolutions pré-définie. Idéal pour le test rapide d’un site responsive.

Typecast est un outil de test de polices. Il permet de tester différentes combinaison dans un « environnement réel » avec du contenu réaliste comme des paragraphes, des titres…Pratique pour tester rapidement des polices avant de passer sur Photoshop par exemple.

Outil non réservé aux webdesigners, Snip Save offre la possibilité d’enregistrer rapidement en ligne un snippet de code pour s’en servir ultérieurement.

Un générateur de formulaire (HTML/CSS) qui en impose. En effet, les options de personnalisation proposées vous permettrons de mettre sur pied un formulaire de connexion en quelques secondes. Il vous restera tout de même
à réutiliser vous-même les styles créés pour styler vos boutons radio ou checkbox par exemple.erbe outil pour générer rapidement et facilement des boutons de type switch en pur CSS3. Personnalisez la couleur, la taille, les états actifs ou non…En plus ils sont animés !