Magazine Animation

25 cool design de blogs

Par Paul-Emile Raymond


Je vais vous présenter aujourd’hui 25 de mes web-design de blogs préférés, il ne s’agit pas d’un classement mais juste de vous montrer des design de blog que j’affectionne. Pour commencer, je commenterai 5 blogs qui me tienne à cœur puis vous laisserai découvrir 20 autres design de blog à “découvrir au plus vite”.

Freelance Switch (en):

Communauté internationale de Freelance, ce site & son blog se sont vite imposés comme une référence dans le domaine. En plus de vous proposer un blog très complet et très beau, le site vous propose également des ressources, un forum, une plateforme de recherche d’embauche et en plus les créateurs n’hésitent pas à mettre la main à la patte pour proposer des tutoriaux sur d’autres communautés.

   J’aime bien :

  • l’excellente gestion des couleurs,les graphismes très soft & légers,
  • la qualité rédactionnelle et le grand nombre d’article,
  • la mascotte et l’identité visuelle.


  J’aime moins :

  • le surplus de pub, même si l’espace est bien géré, on aimerai en voir moins,
  • la colonne parfois beaucoup plus longue qu’un article (à cause du nombre de pubs :s).


  Mention spéciale pour la box Related Posts // Subscribe (accessible en cliquant sur le titre d’un article) que j’affectionne.

Veerle’s blog (en):

Veerle est une talentueuse graphiste / web designer Belge (et oui ça existe ^^), qui a ouvert son blog il y a plus de 4 ans (actuellement en version 2). Son blog de renommé international est devenu une véritable institution en matière de graphisme, regroupant conseils de développement, design, évènements, tutoriaux, …

  J’aime bien :

  • le design très bien construit,
  • le mélange de couleurs,
  • l’illustration du header,
  • le grand nombre d’articles intéressants.


  J’aime moins :

  • le fait que l’on ne puisse lire qu’un seul article sur la home, même si il faut avouer que ça donne vraiment quelque chose de très clair où tous les éléments son mis en avant sans scroll,
  • un peu d’Ajax aurait été un plus (pour le “skip the content “en haut de page par exemple).


  Mention spéciale pour le pattern (papier peint ou image de fond) du haut de page.

Web Designer Wall (en):

Dernier petit de Nick La (N-Design Studio & Best Web Galery), ce blog regroupe toutes les idées en terme de web-design et de graphisme de ce graphiste talentueux. Comme il définit le lui-même :

I love to share ideas and design techniques. This site serves as my public blog where I post my design ideas, tutorials, and talk about modern web design trends.

  J’aime bien :

  • les illustrations (c’est bien sûr @@…),
  • le design très original,
  • la pointe d’Ajax vraiment très sympathique,
  • la qualité des billets.


  J’aime moins :

  • la recherche et le poll, histoire de chipoter ^^ ;


  Mention spéciale pour le design autant original que bien réalisé.

EMob (fr):

Cocorico, enfin un blog français , Emob à su s’imposer comme un des sites francophones de référence en matière de E-Learning. La première version était très sobre et bien construite, la 2ième change un peu de style. Au programme pattern d’ornement floraux, beaucoup plus de dégradé qui donne une dynamique plus « web2.0 ». Mais hélas beaucoup d’éléments viennent s’ajouter. Personnellement je regrette un peu le temps où les tutoriaux vidéo étaient totalement gratuit, même si ceux qui sont en vente sont vraiment de meilleure qualité. Je trouve que les initiatives de la part de la team se sont un peu dégradées, et que ce blog est devenu largement plus commercial (on a un peu trop de musique plutôt que de papertoys ou de petits tutoriaux )…

  J’aime bien :

  • le pattern,
  • l’aspect plus « web2.0 » du site,
  • les présentations d’artistes,
  • les couleurs très classes,
  • le logo.


  J’aime moins :

  • la colonne réservée aux publicités qui diminue la largeur des articles d’un tiers !
  • le surplus d’informations pas assez différenciées les unes des autres,
  • le double footer (pied de page) et les mentions posées sans support,
  • la jointure du 1er footer (le noir), histoire d’abuser un peu,
  • le scrolleur horizontal en 1024*768.


  Mention spéciale : ça fait plaisir de voir un beau blog français même si je trouve quand même que la qualité des articles a baissé.

Go To Css3 (fr):

Site français peu connu, fait par Nokliolabs (auteur du design de paperblog) consacré au prochain format de feuilles de style le css 3 (css 2 étant la version actuelle utilisée par la plus part des navigateurs qui commence à s’adapter au 3 (s’en parler d’Internet Explorer :p). Le style très « zen » fait un peu penser au célèbre Zen Garden, référence mondiale en terme de développement css (enfin ça à tendance à vieillir un peu mais les bases sont là ). On apprécie bien les illustrations sans contours qui nous font un peu penser à Dofus.

  J’aime bien :

  • les couleurs assez sobres,
  • les illustrations très bien intégrée dans les blocs,
  • le style très « web2.0 » allié à de belles illustrations,
  • vivement que le format css3 soit adopté par tous les navigateurs.


  J’aime moins :

  • la cadance des billets plutôt faible,
  • le footer inexistant,
  • la coupure du header sur la gauche.


  Mention spéciale pour la colonne de droite avec les commentaires et les informations du billet à l’intérieur.

I Love Typography (en):

Global Zoo’blog (de):

Sylivia Loh (en):

Malene Hald (en):

SimpleBits (en):

The Geniant Blog (en):

Kloobik (fr):

FusionFox (en):

Alex Buga (en):

Photo Matt (en):

Deziner Folio (en):

Lense’s blog (fr):

Design You Trust™ (en):

PSDTuts (en):

Blog de Michaël Villar (fr):

Colour Lovers blog (en):

Spoon Graphics (en):

RootsArts (fr)

Chewy Tha Scratchy Nutz (fr):

N-Design Studio (en):

Liens utiles :

  • A weblog dedicated to web-developers and designers: Smashing Magazine (en);
  • A gallery of CSS web design in Yorkshire UK: CSS Web Design Yorkshire (en);
  • CSS Gallery is a showcase of outstanding W3C compliant web sites from designers and developers that are inspired by and work to W3C Standards: CSS Gallery (en);
  • Your Daily Design Dose * Demo Tapes and Dreams Studio K — We’re ready to take your order: CSS Flash (en).
  • Dimanche Motion (9)
  • Art & Design of GAMA-GO (3)
  • Ceci n’est pas un blog (14)

Retour à La Une de Logo Paperblog

A propos de l’auteur


Paul-Emile Raymond 7 partages Voir son profil
Voir son blog

l'auteur n'a pas encore renseigné son compte l'auteur n'a pas encore renseigné son compte