Dans le cadre du Web-in 2012, je présentais une conférence sur le responsive web design pour le W3Québec. Il me fait plaisir de vous partager ma présentation, ainsi que les éléments clés de ma veille informationnelle sur le sujet, des derniers mois.
Tutoriels sur le responsive web design
- Mobile Web Design & Development Fundamentals
- Responsive Design Fundamentals
- Responsive Design Workflows
- Creating a Responsive Web Design
- WordPress: Building Responsive Themes
- 30 Useful Responsive Web Design Tutorials
- Tutoriel vidéo HTML-CSS : Design « Responsive »
- 10 Responsive Navigation Solutions and Tutorials
- Creating a mobile-first responsive web design
- Build a responsive site in a week: designing responsively (part 1)
- Responsive Web Above The Fold
- Responsive Design Workflow
- Different Stylesheets for Differently Sized Browser Windows
Articles importants et points de réflexions
- A Dao of Web Design (Genèse en 2000)
- Comprendre le html5 en trois infographies
- Responsive Web Design
- Responsive Web Design par Ethan Marcotte : une traduction française
- L’inventeur du Web dénonce les applis mobiles
- Mobile Industry Stats
- Responsive Web Design Infographic
- Fluid Grids
- A simple guide to responsive typography
- display: none;
Méthodologies et processus d’affaires en responsive web design
- Méthodologie d’Intégration pour un site en Responsive Web Design
- Responsive web design: Présentation et Tutoriel
- Conditional Loading for Responsive Designs
- http://bradfrostweb.com/blog/web/responsive-nav-patterns/
- Multi-Device Adaptation vs. Optimization
- Design Process in the Responsive Age
- Responsive Design Workflow: Mobilism 2012
- Multi-Device Layout Patterns
- An Event Apart: Rolling Up Our Responsive Sleeves
- Adaptive Content Management
- Responsive Patterns
- Responsive design : le guide de référence pour les seos
Les pour et les contres
- Pourquoi les grilles « responsive » et les frameworks CSS sont une mode qui passera
- Responsive Design Vs. Mobile Application
- Le « responsive webdesign » – Handicap pour le créatif… ou pas ?
- The top responsive web design problems … and how to avoid them!
- The problem with responsive design
- Responsive Design Vs. Mobile Application
- Avantages et Inconvénients du Responsive Web Design
Spécification du W3C
- Media Queries
- The ‘view-mode’ Media Feature
- CSS Flexible Box Layout
- CSS Device Adaptation
- HTML Responsive Images Extension
Outils pour du Responsive Web Design
Web services
- resizeMyBrowser
- Screenqueri.es | Pixel Perfect Responsive Design Testing Tool
- Gridset
- RWD Calculator
- responsivepx – find that tricky breakpoint
- Screenfly by QuirkTools — Test Your Website at Different Screen Resolutions
- Responsive Design Testing
- The Responsinator
- PXtoEM.com PX to EM conversion made simple
- Pixel to Percent Converter
Documentations et inspirations
- Responsive Web Design Sketch Sheets
- Responsive deck
- Responsive Design Sketchbook
- Responsive web design sketch sheets
- Interface sketch
- Responsive Sketchsheets
- Photoshop grid for responsive web
- Stripes – Free Responsive Web Design PSD
Développement: Librairies javascript
- Respond.js
- metaquery
- Responsive Retrofitting
- BREAKPOINTS.JS
- ReView.js
- fittextjs.com/
- fitvidsjs.com/
- css3-mediaqueries-js
Développement: Bookmarklet
Développement: Framework Responsive
Listes de liens
- Responsive Resources: A collection of resources about the various aspects of responsive web design.
- 50 fantastic tools for responsive web design
- 50 Useful Responsive Web Design Tools For Designers
- 50 exemples de sites responsive
- 30 Useful Responsive Web Design Tutorials
- Responsive Web Design Toolbox: 50 Handy Tools and Services
- 15 web design responsive pour trouver l’inspiration
- Le plein de ressources sur le responsive design
- Responsive Web Design Techniques, Tools and Design Strategies
- Plus de 10 frameworks CSS adaptatif