Overblog
Suivre ce blog Administration + Créer mon blog

Dreaminvasion

Suivez-le blog

Recherche

Articles récents

Mes derniers tweets

Catégories

Publié le Rédigé par
Catégories : CSS 3, Mobile, Responsive, Développement Web
4 outils pour valider le responsive design de vos pages

Tout bon Front-dev se doit de connaitre les Media Queries et gérer le responsive design. Quel site n'est pas responsive de nos jours ?
Ok... Honte à moi, je n'ai pas eu le temps d'adapter le thème de ce blog ;)

Et comme je dois m'y coller bientôt, autant me préparer à tester l'apparence de mon blog sur différentes résolutions d'écran et simuler son comportement sur des devices mobiles.

Passons aux choses sérieuses et découvrons ces 4 outils qui vous seront d'une grande utilité.

Responsivetest.net

Surement mon outil préféré pour tester les pages en responsive.
Il vous propose des preset d'écran et d'ordinateur : Macbook Pro, iPad, iPhone, PC, ...

Responsivetest.net

Am I Responsive Design

Vous permet de voir d'un seul coup d'oeil à quoi ressemble votre site sur iPhone, iPad, iMac et Mac book pro

ami.responsivedesign.is

Responsive Design Bookmarklet

RWD est un bookmarlet très pratique pour tester rapidement une page. Vous remarquerez que cet outil simule également le mode paysage des téléphones mobiles et tablettes.

Responsive Design Bookmarklet

Responsinator.com

Responsinator.com teste uniquement votre site sur un gabarit iPhone 4.

Responsinator.com
Lire la suite

Publié le Rédigé par
Catégories : Responsive, Développement Web
This awesome experiment in responsive typography uses face detection to adjust font size

This awesome experiment in responsive typography uses face detection to adjust font size

Responsive design has recently become a buzzword, and for good reason: it captures the idea of displaying your content beautifully on each and every device. Responsive typography has also received attention, and various techniques have emerged to encourage type legibility across devices: like displaying different font weights to compensate for Retina displays.

http://tnw.to/t11K

Lire la suite

Publié le Rédigé par
Catégories : Responsive, Framework, Développement Web
Cool Kitten - Un framework responsive pour créer des sites parallax - La Ferme du web

Cool Kitten - Un framework responsive pour créer des sites parallax - La Ferme du web

Cool Kitten est un framework permettant de créer des sites web responsive utilisant la technique de parallax scrolling. Vous avez sans doute déjà vu ces sites de marques ou de créatifs dont les backgrounds s'animents lorsque vous scrollez la page de votre navigateur.

http://www.lafermeduweb.net/billet/cool-kitten-un-framework-responsive-pour-creer-des-sites-parallax-1517.html

Lire la suite

Publié le Rédigé par
Catégories : Responsive, CSS 3
FooTable | Themergency

FooTable | Themergency

FooTable is a jQuery plugin that aims to make HTML tables on smaller devices look awesome - No matter how many columns of data you may have in them. Download Get the source from Github, or you can ...

http://themergency.com/footable/

Les tableaux responsives fait en jQuery. Affiche et cache des colonnes en fonction de la résolution de votre écran

Utiliser des templates d'email HTML responsive

Utiliser des templates d'email HTML responsive

Tous les projets web ont la problèmatique format d'email HTML à avoir pour être compatible avec les logiciels de messageries et les webmails. Zurb.com semble nous apporter une solution en nous ...

http://dreaminvasion.over-blog-kiwi.com/utiliser-des-templates-d-email-html-responsive

Des templates d'email responsive.

Lire la suite

Publié le Rédigé par
Catégories : Responsive, Emailing, Web Design, CSS 3

Tous les projets web ont la problématique format d'email HTML à avoir pour être compatible avec les logiciels de messageries et les webmails. Zurb.com semble nous apporter une solution en nous proposant gratuitement 5 templates HTML pour nos emails. Cerise sur le gateau ils sont responsives.

Responsive Email Templates - ZURB Playground - ZURB.com

Responsive Email Templates - ZURB Playground - ZURB.com

We've put together this set of super awesome email templates so that you can make your email campaigns responsive! Responsive, you say? Yep. With more and more people pulling out their phones to ...

http://www.zurb.com/playground/responsive-email-templates

Zurb.com propose 5 templates d'emails gratuits qui ont la particularité d'être responsive. A tester.

Lire la suite