Quelques liens et outils sur le responsive design

Le responsive design continue de hanter le web. C'est le sujet n°1 sur le design/l'ergonomie de sites web actuellement. Voici un florilège de liens sur le thème.

  • Quelques conseils et bonnes pratiques pour pratiquer le Responsive Web Design par Jean-Baptiste Jung : on y découvre deux outils très sympas pour tester ses sites que sont ScreenQueri.es et Resize My Browser qui complètent parfaitement l'outil Responsinator donné dans ce précédent billet..
  • Un pamphlet sur la création d'un site mobile séparé par Karen McGrane. Elle explique de manière plus détaillée et argumentée l'avis que nous avions donné sur ce précédent billet.
  • Les principes du webdesign par Joshua Porter. Un rappel qui ne doit pas nous faire oublier qu'un design responsive doit surtout être un design qui respecte les principes de base du webdesign. Cet article a été traduit ici-même.
  • Un article de Raphaël Goetter sur l'utilité des caractères unicode pour économiser la bande passante. L'idée est de remplacer une image pour les appareils mobiles par un symbole unicode équivalent. En combinant les media queries et le pseudo élément content on peut en focntion du périhpérique remplacer un texte (pour l'accessibilité) par une image ou un caractère unicode. Une brillante idée qui semble déjà mise en oeuvre sur GutHub.
  • Un article sur les images et le responsive design par Bruno Bichet dont le blog regorge de bonnes infos pour les web designer et développeur front-end.
  • Enfin, un article prospectif sur la meilleure façon d'implémenter les images responsives (image de contenu cette fois ci, traditionnellement ajoutée avec la balise IMG).

Publié par Nicolas Froidure le Vendredi 18 Mai 2012 à 09:22:38

Retour

Commentaires

Ce billet vous fait réagir ? N'hésitez pas à ajouter votre pierre à l'édifice ! Ajouter un commentaire

Derniers articles

Soumettre des bugs

Qu'il s'agisse de votre propre site ou que vous soyez simplement un de ses utilisateurs, soumettre des bugs améliore la qualité des sites web. Découvrez comment soumettre des bugs de qualité afin de permettre une résolution rapide. Suite de l'article

Sélection des commentaires

Les partisans de la liberté d'expression vont bondir, nous pensons qu'il est nécessaire de sélectionner les commentaires, voyons comment et pourquoi. Suite de l'article

Se tromper en web design

Vous l'avez peut-être remarqué, même les plus grands pondent régulièrement des maquettes de site inefficaces et ante-ergonomiques. Voici notre explication. Suite de l'article

Commentaires récents

Nous sommes d'accord, Lorem Ipsum, c'est mal ;-). J'ai la chance de ne pas faire de sous-traitance avec des entreprises que je ne connais pas. Je travaille avec un réseau de partenaires avec lesquels je suis très proche. Du coup, ... par Froidure Nicolas Suite

Je vais me permettre de te citer Nicolas, ce sera plus simple pour montrer nos points d'accord et de désaccord. Même si au fond, tu vas voir qu'on est d'accord, il y a juste un point à éclaircir (tout à la fin pour le méga suspen... par Emmanuel Suite

"empêcher le client de se concentrer sur le texte quand on lui présente une maquette" Bien au contraire ! Le texte et la maquette sont indissociables. Surtout en matière de webdesign où le contenu est l'axe central de la création. ... par Froidure Nicolas Suite

Nous contacter

SARL Elitwork
10, rue Antoine DEQUEANT
62860 Oisy le Verger
Tél. : 03 21 59 62 24
E-mail

Restons en contact

Profitez de notre veille en choississant parmi les nombreux canaux de diffusion que nous vous proposons.

Nos outils

Tremplin Numérique : Agence web spécialisée en référencement SEO à Paris et partout en France.
BBComposer : Cet éditeur permet de rédiger du contenu de haute qualité pour vos sites Internet grâce au respect de la sémantique du HTML.
CanImage : Editez facilement vos images avant de les ajouter à votre site Internet directement à l'intérieur de Firefox.