background preloader

Datas Visualisation / Design

Facebook Twitter

Responsive design: techniques and tricks to prepare your websites f... Viewport et les Media Queries pour les nuls! Responsive Webdesign : 30 exemples de sites web adaptables - inspiration-webdesign. Le responsive webdesign continue son chemin sur la toile et commence à devenir de plus en plus présent au coeur des interfaces web.

Responsive Webdesign : 30 exemples de sites web adaptables - inspiration-webdesign

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. Un objet design en moins d'une minute par Pierre Lota.

Infographie

Typographie. Les data en forme. La veille hebdomadaire du meilleur du datajournalism, c'est ici.

Les data en forme

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. On démarre ce nouvel opus des data en forme avec un projet fou, “Graphic World”, signé David Mc Candless et le quotidien économique Financial Times. Une gare, des data, du talent, le tour est joué et ça donne des frissons. Le résultat est à la hauteur du défi, une série d’animations en 3D isométrique réparties sur trois thèmes : la place de l’économie Américaine dans le monde, l’importance de l’industrie du téléphone mobile et les chiffres positifs au coeur de la crise actuelle.

Les data au bout des doigts Do it Toi-même ! Flux et reflux Finissons cet épisode entre brises et courants. INTRAMUROS DESIGN MAGAZINE. Camp de Bases. Mise en "Seine" de 70 blogs. Vous l’avez sans doute remarqué ce blog n'est pas conforme à l'état de l'art.

Mise en "Seine" de 70 blogs

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.. J’ai finalement trouvé la solution évidemment sous forme d’une carte. Vous trouverez donc ci-dessous une sélection de 70 blogs consacrés à la cartographie de l’information encapsulée dans un plan de métro. Les parisiens (et les autres ;-°) reconnaîtront une partie du réseau métropolitain auquel ont été ajoutés certaines lignes de tramway. Ce dispositif a pour objectif de vous inciter à sortir de vos lignes habituelles en prenant des chemins de traverse. A chaque blog est associé une station de métro. Ce réseau vous est proposé en 2 versions : Par nom de blog Par nom d’auteur.

Véritomètre - 2012 - i>TÉLÉ - Le discours politique passé au vérificateur. Data Cartographie.