background preloader

Responsive Webdesign : 30 exemples de sites web adaptables

Responsive Webdesign : 30 exemples de sites web adaptables
Le responsive webdesign continue son chemin sur la toile et commence à devenir de plus en plus présent au coeur des interfaces web. Le responsive webdesign Petit rappel sur la notion du web responsive : La notion de Responsive Web Design regroupe différents principes et technologies mais il indique globalement qu'un site est conçu pour s'adapter aux différentes tailles d'écran et aux différents terminaux permettant d'afficher le site (navigateur, tablette, mobile, télé connectée, ...) source : Aujourd'hui le responsive et les Medias Queries sont une réponse aux enjeux que le web connaît actuellement avec la progression des mobiles et des tablettes qui ont fait évoluer notre manière de concevoir un site web. Si vous êtes intéressé par le web design responsive, je vous conseille la lecture du très bon livre Responsive Webdesign par Ethan Marcotte qui permet une approche efficace et une mise en pratique du responsive. Découvrez notre sélection non exhaustive de 30 webdesign responsive.

http://www.blogduwebdesign.com/inspiration-webdesign/responsive-webdesign-30-exemples-de-sites-web-adaptables/671

Related:  Guide de création

Les sites web incontournables (janvier 2014) L’année 2014 commence sur les chapeaux de roues niveau webdesign. Retour sur les sites et concepts à garder sous le coude pour votre inspiration. Je suis heureux de commencer cette 5ème année d’activité du blog avec toujours autant de beaux webdesign à partager avec vous. Les data en forme La veille hebdomadaire du meilleur du datajournalism, c'est ici. Réalisée par les datajournalists d'OWNI. Cette semaine, ils vous proposent un voyage au coeur des data contre vents et marées, avec une Terre qui tourne et des courants marins visualisés en temps réel. Mais aussi des données en 3D qui se promènent au plafond de Grand central station, à New York. Amoureux de la donnée, sortez vos mouchoirs. Introduction aux grilles typographiques La macro typographie (ou plus simplement, la mise en page) est une discipline en plein essor sur le Web et c’est une excellente chose. De nombreuses règles (mais pas toutes !) peuvent être transposées du média papier au média Web.

Responsive design : 10 exemples de sites web de destinations touristiques La révolution responsive est en marche ! En veille permanente sur les sorties de nouveaux sites web dans le domaine du tourisme, je constate avec satisfaction que de plus en plus de destinations touristiques optent pour le responsive design. Petit rappel sur la notion de responsive design Cette technique permet de créer un site web dont l’affichage est compatible avec tous les terminaux (ordinateurs, mobiles, tablettes, télés connectées) quelque soit la résolution et l’orientation de l’écran (paysage et portrait). Mise en "Seine" de 70 blogs Vous l’avez sans doute remarqué ce blog n'est pas conforme à l'état de l'art. En effet contrairement aux usages vous n’y trouvez pas la liste des mes blogs favoris. En fait j’y pense depuis un bon bout de temps mais, outre la procrastination qui nous atteint tous, il faut bien dire que je ne savais pas trop comment faire tenir tous mes flux rss dans un espace raisonnable..

Micro/Macro Typographie et Mise en page Au cas ou vous ne l’auriez pas remarqué, il fait trop froid pour mettre ne serait-ce qu’un orteil dehors, ça tombe bien je vous ai trouvé une occupation pour les deux heures à venir ! Il y a un petit moment, j’ai parcouru (en diagonale, je l’avoue) les résumés faits par différents blogueurs sur les sujets abordés lors de Paris Web 2010, mais je n’avais pas encore pris le temps d’écouter chaque conférence (ça fait quand même des heures et des heures de vidéos). C’est donc chose faite ! Je voulais revenir sur deux conférences que j’ai trouvé « absorbantes », non seulement par le rythme donné par les orateurs, mais aussi (et surtout) pour la mine d’informations apportées par ces derniers ! David Rault nous parle typo.

Comment Créer un site mobile et tablette en utilisant le "Responsive Design" L’année 2010 a connu une véritable explosion de l’internet Mobile et des tablettes tactiles internet, et cela ne fait que commencer ! Selon l’Association Française du Multimédia Mobile, en 2010, près d’1 équipé mobile sur 2 a déjà consulté un site internet depuis son mobile. Ces nouvelles plateformes d’affichage pour le web sont devenues des canaux de communication à part entière. Il est aujourd’hui quasiment indispensable de prendre en compte ces nouveaux canaux dans sa stratégie de communication. Responsive design : définition, fonctionnement, ressources et tutoriels Si vous vous intéressez de près ou de loin au webdesign ou à l’intégration, vous n’avez pas pu échapper au dernier terme à la mode : le “responsive web design”. Cette avancée technologique est également une nouvelle philosophie de création de site. Voici un article pour définir ce qu’est le “responsive web design” et expliquer quels en sont les points-clés (puis plein de liens, de tutoriels et de ressources super cools aussi !). Le “responsive web design” est né suite à un besoin grandissant. De nos jours, il n’y a pas un client qui demande un site Internet sans demander une version mobile de celui-ci.

Related:  Responsive web design & media queriescamping Gervanne