Webdesign

Facebook Twitter
Complete Websites
Guide stylistique ? Exemple de charte graphique et ?ditoriale
Webdesign — L’essence précède l’existence (Wireframe, Mockup et Mood Board)
Bonnes feuilles : Ergonomie Web illustrée
derniers liens User Interface (Q&A) Une plateforme de Questions / Réponses dédiée à l'expérience utilisateur web et mobile. » Visiter le site Baekdal.com

Liens - ergonomie, architecture de l'information, utilisabilité

Liens - ergonomie, architecture de l'information, utilisabilité
Que souhaitez-vous trouver lorsque vous cliquez sur les résultats d’une recherche dans Google ? Un beau site ?Ou bien un site où vous trouverez l’information recherchée ? Pour la plupart d’entre nous, notre première attente est le contenu pertinent en rapport avec la requête que nous avons formulée. Pourtant, le design revêt une importance capitale dans la satisfaction de l’utilisateur d’un site web, a condition d’être au service du contenu. Sans contenu utile, le design n’est rien. Le contenu est maitre et le design est son serviteur » Blog Axe-Net Le contenu est maitre et le design est son serviteur » Blog Axe-Net
Typographie

8 exemples de tarifs pour l’intégration de votre site WordPress d’après la méthode des Personas
Récemment, une personne soucieuse d’accessibilité demandait s’il valait mieux définir la taille de ses polices en pourcentage ou en largeur d’em 1 . Cette question revient à se demander, par exemple, s’il est préférable d’écrire 92% ou 0.92em dans sa feuille de style. Théoriquement, ces deux expressions sont parfaitement équivalentes, puisque les tailles en pourcentage sont calculées sur la largeur d’em de la police. En clair, cela veut dire que 76% de 1em, a exactement pour résultat 0.76em, que 120% de 1em donne 1.2em, etc. Du point de vue de l’accessibilité cependant, il y a un hic. Tailles de police en pourcentage ou en em. Impact sur l’accessibilité et solution. - AccessiBlogue | AccessibilitéWeb Tailles de police en pourcentage ou en em. Impact sur l’accessibilité et solution. - AccessiBlogue | AccessibilitéWeb
Voilà plus de 10 ans que je fais ce métier, et je ne me souviens pas d’une période aussi trouble que celle que nous sommes en train de vivre… Je fais bien évidement référence à LA grande question que tout le monde se pose : Où positionner les intitulés de champs dans un formulaire en ligne ? Cette question peut vous faire sourire, mais le débat est toujours actif, la preuve avec cet article publié par UXMovement : Why Users Fill Out Forms Faster With Top Aligned Labels. Il y est donc question d’une étude de eye-tracking qui met en évidence le nombre de points de fixation et la distance parcourue par l’oeil dans cette comparaison entre les intitulés alignés à gauche et en haut : Et on reparle de l’emplacement des intitulés de champs de formulaire Et on reparle de l’emplacement des intitulés de champs de formulaire
Webdesign — Après le contenu, le contraste est roi !
Le principe de proximité dans le webdesign
Vendredi 16 juillet Webdesign - 16 juillet 2010 :: 08:17 :: Par Eric Si vous bossez dans le design, le développement et l’intégration de sites web et que l’anglais ne vous fait pas peur, voici un peu de lecture pour l’été. Webdesign : 21 livres à télécharger gratuitement - Framasoft Framafox

Webdesign : 21 livres à télécharger gratuitement - Framasoft Framafox

3D

Fails

Ce que nous réserve CSS3 en 2010 - Alsacréations L'écriture des spécifications CSS progresse à grands pas, et la version 3 comporte déjà plusieurs modules implémentés dans les navigateurs récents. L'année 2010 verra certainement nos habitudes changées par les nouvelles possibilités offertes en CSS 3. D'ores et déjà de nombreuses utilisations concrètes voient le jour. Vous pourrez constater l'état d'avancement des différents modules CSS sur la page récapitulative Cascading Style Sheets : Current Work. Des coins arrondis Du Web 2.0 avec style Ce que nous réserve CSS3 en 2010 - Alsacréations
Axiis: Data Visualization Framework! open source data visualization Axiis is an open source data visualization framework designed for beginner and expert developers alike. Whether you are building elegant charts for executive briefings or exploring the boundaries of advanced data visualization research, Axiis has something for you. Axiis

Axiis

15 examples

15 examples

Data Visualization is a method of presenting information in a graphical form. Good data visualization should appear as if it is a work of art. This intrigues the viewer and draws them in so that they can further investigate the data and info that the graphic represents. In this post there are 15 stunning examples of Data Visualization that are true works of art.
Outils

Tutos

Become A WordPress Theme Developer Who Rocks In Four Steps (and It has been proved. You can become a “RockStar” developing WordPress themes. Think at the audience, think at the creative process… in my opinion a great WP theme is like a great rock song. In my experience I’ve developed some themes for this great blogging platform and when I start a new WordPress-based project my mind automatically thinks at the development of the website in four steps (once the concept is set). My brain sends me the following orders: first, design the general web-layout in Photoshop; second, convert the mockup to a (x)html/css webpage; third, develope the theme for WP; fourth, hack your template. My brain often is a strange company. Become A WordPress Theme Developer Who Rocks In Four Steps (and
Introduction to CSS3 – Part 1: What is it?
Framework CSS — mettez vos grilles au pas !
Tutoriaux graphisme - annuaire gratuit Tutoriaux graphisme
365 PSD : un PSD gratuit chaque jour !