web Responsive

Focal Point - Des images responsives redimensionnées pertinemment

Responsive 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

Responsive Img - a jQuery Plugin for Responsive Images

FooTable Responsive Demo with frame

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?

Gallery of free HTML snippets for Twitter Bootstrap.

34 Responsive Grid System

Gamma Gallery - A Responsive Image Gallery Experiment

6 outils en ligne pour webdesigners :

On/Off Flipswitch HTML5/CSS3 Generator - Proto.io
Un 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 !

Responsify.it - A responsive template generator
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.es | Pixel Perfect Responsive Design Testing Tool
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.

Design in the browser with web fonts and real content - Typecast
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.

SnipSave 2 - Save code snippets online for future reference
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.

Live Tools - Form Builder
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.
-----------

Responsive News

Building a modern grid system | Tutorial

50 fantastic tools for responsive web design

Responsive Grid System
Elastislide - A Responsive jQuery Carousel Plugin
Blueberry - A simple, fluid, responsive jQuery image slider.
ResponsiveSlides.js   Responsive jQuery Slider & Slideshow
Responsive Web Design: Layouts and Media Queries
CSS Animations Media Queries
60 Examples of Responsive Website Design
Une collection de pattern de navigation reponsive avec le pour et contre
CSScience - CSS3 Responsive Slider / Carousel Using Radio Buttons
Responsive Horizontal Layout

15 Best Responsive Premium WordPress Themes

Code a Responsive Navigation Menu | Design Shack

Responsive Design: 160 useful tools, plugins and resources - WebDesignShock
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
Responsive web design complete guide
Breakpoints.js is a project of the hackers and designers
LukeW | Multi-Device Layout Patterns
Responsive Design: 160 useful tools, plugins and resources - WebDesignShock
20 Useful jQuery Plugins for Responsive Web Design - DesignModo
Code a Responsive Navigation Menu (http://designshack.net)

what you’ll learn:

CSS3 media queries
Integrating Google’s HTML5 Shiv JavaScript
Internet Explorer-specific CSS rules
Image slicing and optimizing techniques in Photoshop
Developing strategies for HTML markup
Considering design adaptations for multiple screen sizes
Comments