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. Liens - ergonomie, architecture de l'information, utilisabilité. 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é

Le contenu est maitre et le design est son serviteur. Que souhaitez-vous trouver lorsque vous cliquez sur les résultats d’une recherche dans Google ?

Le contenu est maitre et le design est son serviteur

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.

Typographie

8 exemples de tarifs pour l’intégration de votre site WordPress d’après la méthode des Personas. Tailles de police en pourcentage ou en em. Impact sur l’accessibilité et solution. - AccessiBlogue | AccessibilitéWeb. 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 .

Tailles de police en pourcentage ou en em. Impact sur l’accessibilité et solution. - AccessiBlogue | AccessibilitéWeb

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. Et on reparle de l’emplacement des intitulés de champs de formulaire. 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 ?

Et on reparle de l’emplacement des intitulés de champs de formulaire

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 : Webdesign — Après le contenu, le contraste est roi ! Le principe de proximité dans le webdesign. Webdesign : 21 livres à télécharger gratuitement - Framasoft Framafox. 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

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.

Ce que nous réserve CSS3 en 2010 - Alsacréations

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. Axiis. Simile. 15 examples. Data Visualization is a method of presenting information in a graphical form.

15 examples

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.

Become A WordPress Theme Developer Who Rocks In Four Steps (and

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. Introduction to CSS3 – Part 1: What is it? This article marks the first of several, providing an introduction to the new CSS3 standard which is set to take over from CSS2.

Introduction to CSS3 – Part 1: What is it?

We will be starting from the very beginning – taking you from not having even heard of CSS3, to feeling ready to hit it running as various features start to become more widely adopted. What is it? CSS3 offers a huge variety of new ways to create an impact with your designs, with quite a few important changes. This first tutorial will give you a very basic introduction to the new possibilities created by the standard. Framework CSS — mettez vos grilles au pas ! Tutoriaux graphisme - annuaire gratuit Tutoriaux graphisme. 365 PSD : un PSD gratuit chaque jour !


  1. dimitri.millefiori Mar 4 2011
    Chouette ! Merci beaucoup ! Je vais pouvoir perfectionner mon site avec tout ça ! ;) Merci ! et votre image d'équipe est magnifique !