Agrémenter les sites web d'icônes est monnaie courante. Généralement au format PNG et de petites dimensions (16 x 16 pixels), ces icônes permettent d'illustrer liens, boutons et autres menus. De nombreux packs d'icônes sont disponibles sous licence libre. Voici une sélection de 3 sets, assez complets que j'apprécie particulièrement.

 

Il y a beaucoup de points communs entre la mise en page papier et la mise en page de sites web. Mais il y a aussi beaucoup de différences ne serait-ce que sur le mode de fonctionnement des acteurs responsables de ces mises en forme. D'un côté les graphistes ou maquettistes qui travaillent habituellement pour le papier, de l'autre, les webmasters ou webdesigners qui travaillent toujours pour l'écran. Comment faire en sorte qu'ils se comprennent lorsqu'ils doivent travailler ensemble ?

Je ne connais pas ce type mais je viens de découvrir son site (galerie + blog). Je ne peux pas juger sur le contenu car je n'ai pas regardé en détail mais en tant qu'esthéticienne, j'aime beaucoup la conception.

http://book.abe.free.fr

C'est une jeune technicienne de maintenance informatique rennoise, épaulée par un webdesigner et un illustrateur qui ont l'air tout autant breton, qui a eu l'idée de réaliser un site dédié aux utilisateurs de Macintosh. Très simple de navigation et très propre graphiquement, le site est agréable à consulter. Les tutoriaux sont très bien faits et très accessibles et sont disponibles sous forme de vidéo ou de documents au format PDF. On trouvera également une représentation graphique de l'arborescence des répertoires et des raccourcis clavier de Mac OS X, ce qui peut être pratique.

Le site est encore jeune, on lui pardonnera donc l'absence de flux RSS et de podcasts, tout en espérant qu'il évoluera dans se sens... En tous cas, bravo Audrey !

» www.rhinos-mac.fr

En début de semaine, suite aux annonces de Steve Jobs, Apple a mis en ligne un nouveau design pour leur site internet. C'est l'occasion de faire un petit point sur cette refonte et d'en profiter pour s'arreter quelques instants sur les chartes graphiques soignées de trois autres sites dédiés au Macintosh.

Étant donné le nom du site et le sujet abordé, les graphistes responsables de la charte graphique de ce site ne pouvaient que respecter la tendance web2.0 actuelle. Le choix des couleurs est très agréable et les textes sur aplats ne gênent pas la lecture. Le choix de la police de caractère est original est sympathique. Les petites touches de web2.0 comme le beta, les pastilles ou les liens sous forme de mini bannières sont amusantes. Le seul défaut que j'ai trouvé, c'est le débordement des tags dans le livre en haut à droite. Je ne comprends pas qu'on laisse passer ça alors qu'il suffit simplement de réduire la taille du texte, de limiter le nombre de mots, ou au pire de mettre un hidden sur l'overflow. En tous cas, c'est agréable de consulter un site qui parle du web2.0 sans voir Loïc Lemeur parmi les rédacteurs ;-)

http://www.deuxzero.com

Chers lectrices, chers lecteurs, voilà un mois que j'ai commencé à bloguer sur le web et vous êtes déjà des milliers    des centaines    des dizaines    deux à me lire...
Pour cette anniversaire (en fait c'est un pur hasard...) j'ai le plaisir de vous présenter enfin le theme de mon blog. Je dis bien "enfin" car le theme utilisé jusqu'à présent était une réalisation libre de droit d'un webmaster. Je n'avais pas réalisé mon propre theme par manque d'inspiration. Et oui, je suis comme ça... quand j'ai besoin d'un design, je n'ai pas d'idée et puis un jour, brusquement, j'ai mes deux neurones qui se touchent et les images qui me viennent.

L'élément fondamental d'un blog est bien évidement le contenu. Pour que les visites affluent et que les visiteurs s'abonnent à un blog, il faut que le contenu rédactionnel soit clair et pertinent. On parle d'ailleurs souvent de rédaction adapté au web. Mais les autres éléments d'un blog jouent également un rôle important pour faire en sorte que le lecteur se sente bien sur un blog. Les fonctionnalités, l'ergonomie et bien sûr le design font partie de ces paramètres. Je constate depuis quelques temps l'importance du design en prenant mon blog pour exemple.

Aurélien Levy est webdesigner spécialisé dans le domaine de l'accessibilité des sites web aux handicapés. Son blog intéressera donc les webmasters soucieux de rendre leurs réalisations compatibles pour ce public. Il aborde également les sujets des standards du web, de CSS, de design et de JavaScript.

Son thème pour DotClear est très bien réalisé, très propre et très clair. Les fonds de page apportent un peu de poésie et de rêve ; un peu d'imaginaire avec celui du haut et pas mal d'évasion avec celui du bas... (élargissez votre fenêtre, c'est large).

http://www.fairytells.net

Voici un site avec un sujet intéressant : les objets qui ont investi notre quotidien et qui nous accompagnent dans nos déplacements.
Le design, basé sur un thème proposé par Guillaume Bizet est très simple mais vraiment bien intégré et bien ficelé. On regrettera seulement la mise en gras pour les liens survolés.

http://www.cherychery.com

Depuis quelques mois, je ne me suis pas prononcée sur mon candidat à l'élection présidentielle. Cela ne veut pas dire pour autant que j'ai abandonné les idées de mon champion. D'ailleurs, j'ai reçu la semaine dernière ma carte d'adhérente au Mouvement Démocrate. Suite à cela, je me suis rendue sur le site du nouveau parti de François Bayrou pour en constater l'évolution. C'est l'occasion pour moi de faire une petite analyse dans mon salon.

J'avais fait il y a quelques mois, une petite analyse du site du Mouvement Démocrate qui était en cours de réalisation. De passage sur le site aujourd'hui, je me rends compte que le site a beaucoup évolué :

• Le design et l'ergonomie ont été revus. Ils restent simple et classics mais c'est parfois préférable pour une plus grande clarté.
• La plateforme propose une information accessible par flux RSS, regroupée par tags et prévoit la publication de données pour les mobiles et via un widget.
• Le site se veut moderne et axée web 2.0 en renvotant l'utilisateur vers les publications du mouvement sur les services flickr, YouTube, DailyMotion et invite les visiteurs à participer en proposant leur contenu.

Comme je le prévoyais, le site est donc en mouvement et a su évoluer dans le bon sens. Nous verrons si il en sera de même pour le parti politique qu'il présente.

» Le site du Mouvement Démocrate

Voici un petit site qui intéressera mes collègues qui naviguent sur internet avec Safari. Il s'agit d'un répertoire (en anglais) des extensions existantes pour ce navigateur.

http://pimpmysafari.com

Pour ceux qui sont sur FireFox (j'espère que personne ici n'est sous IE) ils peuvent tout de même s'y rendre ne serait-ce que pour voir le design propre et très clair bien qu'il reste simple. Mais en poussant un peu plus loin, vous pourrez vous rendre sur le site de l'auteur du theme qui a un site un peu plus recherché et très original ainsi que des réalisations intéressantes.

http://www.hicksdesign.co.uk

Et surtout quand elle joue avec la souris de son eMac... ça donne vraiment de très belles réalisations. Que ce soit son blog, sa galerie photos ou les thèmes réalisés pour DotClear !
C'est avec ce genre d'esthéticienne que j'aimerai travailler*. Les chartes graphiques font vraiment envie et j'en utiliserai peut-être à l'avenir pour des projets en cours (n'est-ce pas Cédric ?). Bravo la Lène !

http://www.jeuxdemaux.com

*J'espère que mon esthéticienne préférée qui lira sûrement ces lignes ne m'en voudra pas pour cette remarque. Ca ne veut pas dire que je n'admire pas ses compétences mais il lui manque l'esprit "geek" pour être parfaite dans ses réalisations pour le web...

Qu'est ce qui se passe ici ?
Tout à changé !
Je ne retrouve plus mes marques...
Quelqu'un a touché aux boutons ?

Enfin ! Depuis le temps que j'attendais ça, la refonte du design de mon blog est faite... J'ai profité de ce changement pour activer quelques nouveautés disponibles grâce à la version 1.0b de Brick CMS...

La sélection n'est pas de moi mais d'un blog très axé Web 2.0. Ces animations valent vraiment le coup d'oeil... surtout pour des esthéticiennes comme moi qui ne savent pas flasher ;-)

http://blog.aysoon.com

C'est développé par un jeune, l'administration est très propre, il respecte les standards, il est compatible avec la plupart des navigateurs, c'est très "Mac like", c'est très "famfamfam"....

Beaucoup de qualité pour ce petit éditeur de billets.

Presque tout comme moi sauf que je suis pas belge...

Graphiquement, un bien beau site. Un peu trop chargé dans certaines partie mais des finitions exemplaires. Une vraie pro du CSS !

Au niveau du contenu, malheureusement en anglais (désolée JF) mais des sujets intéressants : Apple, Photoshop, standards du web et j'en passe...

http://veerle.duoh.com

J'ai déjà abordé ici les problèmes relationnels entre graphistes et intégrateurs. Gilles Vauvarin de l'excellent Pixenjoy est intervenu sur le même sujet lors d'une conférence du dernier Paris-Web en octobre dernier. Son approche est bien plus professionnelle et aboutie que mon exposé, c'est pourquoi je vous invite à visualiser la vidéo de cette conférence.

Si vous vous intéressez au web-développement en général, je vous propose également de consulter les autres retransmissions des conférences qui sont réalisées aussi sérieusement que ce rassemblement de professionnels du web.