Overblog Suivre ce blog
Administration Créer mon blog

Dreaminvasion

Publié le Rédigé par
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 : Réseaux sociauxCSS 3Tutoriel

Voici un tutoriel pour créer un menu animé en CSS3 pour les icones de partage sociaux.

Petit plus cet article utilise le tendance actuelle : remplacer les logos des réseaux sociaux (au format image) par une font spécialisée.

Tutoriel trouvé via HumanCoders

Lire la suite

Publié le Rédigé par
Catégories : FiltresCSS 3Développement Web

Avez vous déjà souhaité appliquer des filtres sur vos images en utilisant uniquement du CSS ?

Pour ma part j'ai longtemps souhaité avoir la possibilité d'appliquer un filtre sur mes images telles que le Blur pour le background d'un site, ou passer une image en noir et blanc ou sépia.

Bien entendu Photoshop et ses amis sont là pour nous faire de superbes images, mais il y à un jour où l'on souhaite modifier à la volée ces filtres sans avoir à faire des rollover avec plusieurs images.

C'est avec un grand plaisir que je viens de découvrir les filtres CSS3.

J'en connais déjà qui vont me dire que je suis à la bourre, c'est vrai mais il vaut mieux tard que jamais.

Un peu de lecture

Commençons d'abord par un peu de lecteur avec un tutoriel de Paul Underwood traduit en français par Sébastien Germez

Lire la suite

Publié le Rédigé par
Catégories : ResponsiveCSS 3
Lire la suite

Publié le Rédigé par
Catégories : ResponsiveEmailingWeb DesignCSS 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.

Lire la suite