Le blog des nouvelles technologies : ActenBlog By Actengo

» Code d'accés oublié ? » S'inscrire

Tag : design

Il y a 4 articles associés à ce tag.

octo
28
Animated Graphitti
Publié dans WebDesign par jean marc pixelmaker le 28 octobre 2009 à 10:52

Comme faire du aftereffects ou du flash avec de la peinture (beaucoup de peinture) et 3kms de béton:


 paye ta gomme en bombe blanche
et ta timeline en briques!



sept
18
Customize your Twitter page in 8 easy steps, get a beautiful twitter page
Publié dans Twitter par Yoann le 18 septembre 2009 à 14:32

Here are some tips to get a nice Twitter page.

1)      Find inspiration by looking at these beautiful twitter pages.

2)      Go to  http://www.prettytweet.com/

3)      Choose a background for your Twitter page.

 

Customize twitter page

 
4)      Upload an image (110 by 110 px). Beware it will not resize automatically, but  you can then make it fit the size of the window by clicking the – and + buttons.

5)      Choose your text color for “text area 1” and “text area 2” different enough from the background you chose earlier. Do the same for the “sidebar color” and the “text color” on the right panel.

6)      Type in your password so as to export your design directly to your Twitter account. You now have your customized Twitter page !

7)      Once you’re done, check out the luminosity, brightness, and color differences at http://www.checkmycolours.com

 

check twitter page

That is a demanding tool, so don’t worry if you get numerous errors. Just try to get less than 200 of them !



8)      If you want to have a more professional designed Twitter page, you may want to delete the “designed at prettytweet.com” on the top right. If so, just choose to be sent your background image to your e-mail address, and edit it with a photoshop-like tool : draw a rectangle of your background fade color over the text.

 

Digg this

 

Follow us on :          

 

 

And don't forget to participate in our Most beautiful Twitter page contest to win Tee-shirts !! Hurry up !


juil
07
Un outil de vérification des couleurs de votre site web
Publié dans WebDesign par Yoann le 07 juillet 2009 à 15:26

Voilà un outil bien pratique pour vérifier l’utilisation des couleurs sur vos pages web :

http://www.checkmycolours.com/



Il suffit d’entrer l’URL de votre site web, et Check My Colours se charge d’identifier les différences de contraste et de luminosité entre la couleur de fond et la couleur du texte. Si la différence est trop faible, cela indique que les personnes souffrant de déficit visuel peuvent éprouver des difficultés à lire ce texte. De même, cela peut générer une fatigue visuelle importante chez les personnes dont la vue est bonne. C’est d’ailleurs d’autant plus pratique si vous vendez des arcs-en-ciel, ou des caméléons (ou des caméléons sur des arcs-en-ciel, sous une pluie de confettis multicolores).

 

Alors à moins que vous ayiez envie de rendre Afflelou plus riche qu'il ne l'est déjà, nous vous conseillons d’utiliser cet outil qui vous rendra de fiers services !

Cela dit, attention, il s'agit d'un outil assez impitoyable, et peu de sites peuvent prétendre à la perfection !

Quelques exemples pris au hasard :

 

Le site de l'université de nantes :

  • contraste : 151 erreurs
  • différence de clarté : 98 erreurs
  • différence de couleur: 153 erreurs

 

Netvibes :

  • contraste : 22 erreurs
  • différence de clarté : 24 erreurs
  • différence de couleur: 648 erreurs

 

Le site de la présidence de la République :

  • contraste : 42 erreurs
  • différence de clarté : 38 erreurs
  • différence de couleur: 73 erreurs

 

Si vous trouvez des exemples de sites qui passent le test avec succès, faites le nous savoir ! 

 

outil pour vérfier les couleurs d'un site web


mai
13
Des infos de la FOWD
Publié dans WebDesign par tmacpolo le 13 mai 2009 à 22:05

Le FOWD, Future of Web Design, est le grand rassemblement international du web design où interviennent des "grands" web designers et developpeurs du monde anglosaxon.

A cette occasion, Mike Kus est intervenu pour faire passer un message : "si chaque webdesigner pensait son site comme pour le print, alors les sites web seraient plus sympas" voilà comment l'explique Fran6 dans son blog. Fran6art.com

Mike a fait des slides pour exprimer sa pensée, c'est vraiment sympa.

En regardant la source liée, vous trouverez une vidéo de la réalisation de ses slides, et l'article de Fran6 qui était présent au FOWD.