Le blog de Guillaume Bizet - Webdesign

30 templates haute qualité et gratuits pour campagne d'emailing

Guillaume BIZET — Tue, 12 May 2009 13:17:00 +0200

Je vous avais déjà parlé de ces templates email gratuits il y a quelques temps mais je me permets de réactualiser la news puisque CampaignMonitor a mis à jour ces templates en proposant dorénavant des templates que je qualifierais de haute qualité.

Ces nouveaux templates sont toujours compatibles avec les messageries suiivantes :

Outlook (même 2007)
Apple Mail
Windows Live Mail
Hotmail
Lotus Notes
Outlook Express
Yahoo! Mail
AOL
Thunderbird
Gmail (ancienne et nouvelle version)

Je vous invite fortement à aller faire un tour sur leur site qui regorge d’informations sur les campagne d’emailing dont :

tips
Documents et plugins
satistiques sur les clients mail
etc …

Onebit : un pack d'icones tendance web2.0

Guillaume BIZET — Wed, 06 May 2009 09:32:00 +0200

Icojoy est connu pour ses packs d’icônes de qualité mais elles sont pour une grande majorité payantes.

Aujourd’hui ils nous propose un pack d’icônes gratuites orienté blog dans le pure style web2.0 qu’ils ont nommé Onebit

Au passage je vous invite à fouiller dans les archives de ce site, il y a des packs d’icônes à la pelle dont certaines valent le coup.
Bon téléchargement et/ou bookmark

Set d'icônes Milky

Guillaume BIZET — Mon, 03 Nov 2008 14:02:00 +0100

Quand on fait des design on est toujours à la recherche de bons plans sur les sets d'icônes, alors en voici un que je trouve assez sympathique et qui se prénomme Milky

Ce set d'icônes est composé de 131 icônes au format PNG 64x64 et 48x48.

J'adore ce genre de set d'icônes assez arrondies avec des ombres ... Par contre, dommage qu'ils ne soit pas aussi décliné dans les tons bleu.

Icones sociales dessinées à la main

Guillaume BIZET — Tue, 21 Oct 2008 09:09:00 +0200

Ça a l'air d'être la grande mode du moment, les design de blog "à la main" avec le trait incertain, les découpes maladroites, un air de faux fini ... Personnellement je ne suis pas du tout fan de ces design mais bon comme on dis : les gouts et les couleurs ça ne se commande pas

Pour ceux qui aimerait se faire un design de ce type, voici 2 packs d'icônes. Je suis sur d'ailleurs que ces 2 packs plairaient bien à Monsieur Dream

Handycons, téléchargeable sur jankoatwarpspeed.com

et un autre téléchargeable sur spoongraphics.co.uk

Alors cela vous inspire pour faire quelque chose ...

Icones "sociales" originales par Smashing Magazine

Guillaume BIZET — Thu, 09 Oct 2008 09:34:00 +0200

Smashing Magazines nous gratifie d'un set d'icônes sociales pour le moins originales qu'ils ont nommé "The Leaf Fall".
Vous pourrez télécharger les icones au format PNG mais aussi les sources au format PSD

C'est toujours pratique de bookmarker ce genre de set d'icônes ...

Agency Tool : un foisonement de ressources pour le webdesign/webdeveloppement

Guillaume BIZET — Thu, 11 Sep 2008 09:29:00 +0200

Agency Tool regroupe et références des centaines de ressources pour :

le webdesign
le web developpement
le marketing online
la maintenance de site

Vous y retrouverez des ressources sur tout, enfin presque tout : Inspiration, css, couleurs, domaines, SEO, Php, javascript, polices de caractères, flash, icones, ajax etc ….

Le nombre de ressources est vraiment impressionnant. SI vous trouvez qu’il n’y a pas assez de ressources vous pouvez bien sur en proposer.
Un site à bookmarker absolument

Avec TypeChart : choississez votre police de caractère

Guillaume BIZET — Tue, 09 Sep 2008 10:39:00 +0200

TypeChart est donc un site qui va vous permettre de comparer le rendu de différentes polices de caractères, ainsi il vous sera beaucoup plus facile de faire un choix entre les différentes polices affichées.

Vous trouverez donc sur TypeChart de très nombreux exemples ce qui vous permettra de ne pas avoir à faire d’essais visuels qui vous prennent pas mal de temps j’en suis sur lors de vos développements.
TypeChart propose un filtre par :

Type de police
- Arial / Helvetica
- Cambria
- Georgia
- Lucida Grande
- Lucida Sans Unicode
- Trebuchet MS
- Verdana
Taille de police :
- Small
- Medium / Body
- Large / Heading
- Extra Large
L’emphase utilisée :
- Normal
- gras
- Italique
- Lettres capitales

Vous pouvez visualiser votre police pour PC ou Mac en cliquant sur le bouton adéquat qui se trouve à coté du titre.
Une fois votre exemple choisi vous pourrez obtenir la css correspondant au choix que vous avez fait

Avez-vous / Allez-vous utiliser TypeChart pour vos projets ?

Edit : francis de fran6art.com en parle aussi sur son blog, je vous invite d’ailleurs à aller lire son post

CSS Menu Builder : construisez et téléchargez votre menu HTML CSS

Guillaume BIZET — Wed, 03 Sep 2008 09:14:00 +0200

Dans la création d’un site ou d’un blog le menu est une des parties les plus importantes. C’est lui qui va permettre à l’internaute de naviguer à travers les différentes parties de votre site/blog.
Certains aime bien créer d’eux-même leur menu , d’autres préféreront se baser sur l’exemple d’un menu et d’autres encore préfèrent en prendre un tout fait.

Voici donc CSS Menu Builder un générateur qui va vous permettre de créer 3 types de menus en CSS :

des menus horizontaux
des menus verticaux
des “fils d’Ariane”

En fonctions des différentes combinaisons possibles, vous pourrez créer pas moins de 1000 menus différents !!!
Vous pourrez remarquer l’interface que l’interface en ajax est très intuitive et agréable. Elle vous permets d’ailleurs de visualiser en live la construction de votre menu pour pouvoir voir les changements que vous effectuez et les tester.
Une fois le menu créé, il ne vous reste plus qu’à télécharger le zip et à l’installer

Screenshots :

Alors pratique, vous ne trouvez pas ?

Journée des nouveaux designs ... les oubliés !!!

Guillaume BIZET — Fri, 29 Aug 2008 13:24:00 +0200

Hier je publiais un billet sur les nouveaux design de la rentrée mais il semblerait, selon les commentaires que j’en ai oublié certains, c’est mal de ne passer presqu’exclusivement par les flux rss !!! Alors les voici :

le site Justacoté

Le site de jQuery

Le site de scribd

Le site minurl de darklg

La Fredzone

Le blog de Nalao

Le blog biologeek

Pareil qu’hier :
Vous en pensez quoi de ces nouveaux design ?

Si j’en ai loupé n’hésitez pas à en faire part via les commentaires …

Journée des nouveaux designs

Guillaume BIZET — Thu, 28 Aug 2008 13:54:00 +0200

Plusieurs nouveaux designs ont été mis en ligne ces derniers temps :

Hier FriendFeed

Aujourd’hui Météo France

Puis TechCrunch.com

J’ai repéré aussi css4design de Brunot Bichet

et le nouveau design de Jean-Marie Gall

Vous en pensez quoi de ces nouveaux design ?

Si j’en ai loupé n’hésitez pas à en faire part via les commentaires …

Nouveaux boutons pour réseaux sociaux

Guillaume BIZET — Wed, 27 Aug 2008 14:05:00 +0200

Je vous avais parlé dans un Vrak de blogs de superbes boutons pour réseaux sociaux créés par Jeremy ROUX de SoulVisual

Le monsieur récidive en créant des boutons pour 2 services scoopéo et blogasty que j’apprécie particulièrement puisque je l’utilise presqu’au quotidien depuis sa création pour promouvoir les article de mon blog

Au passage je vous invite à aller fouiller dans les archives surtout si vous vous penchez sur le webdesign et le graphisme

Coquette Icons : un superbe set de 50 icones au style web2.0

Guillaume BIZET — Fri, 22 Aug 2008 09:49:00 +0200

J’ai découvert ce matin dryicons et notamment un superbe sets de 50 icônes. Je vous laisse juger par vous même

Cliquez pour agrandir

Vous trouverez dans le pack coquette les icônes au format ico, png, icns.
Au niveau des tailles d’icones vous aurez droit à du16x16px, 32x32px, 48x48px, 64x64px et 128x128px

Elles me donnent des idées de design ces icônes

Fugue : un set de 900 icones pour blog ou autre

Guillaume BIZET — Tue, 05 Aug 2008 13:56:00 +0200

Tout le monde connait le fameux set d'icônes silk de famfamfam et bien on peut dire que Fugue est le set d'icônes concurrent de famfamfam.

Il a été réalisé par pinvoke. Ce set est ultra complet et cela change un peu !!!
Vous trouverez surement dans ce set de 901 icônes au format PNG 16x16 de quoi agrémenter l'interface de votre blog ou de votre site.

Set d'icones pour toolbar ou ... autre !

Guillaume BIZET — Thu, 10 Jul 2008 11:34:00 +0200

Voici un set d'icône pour toolbar que je trouve particulièrement réussi, d'autant plus que le package comprends les icones au format 32 x 32 pixels avec les formats : PNG, ICNS, TIFF et ICO. Dernière précision, elles sont compatibles Windows et Mac

Page deviant art de présentation du set d'icônes.
Pour le téléchargement c'est par ici

iPhoney : simulez le rendu de votre site sur l'iPhone

Guillaume BIZET — Fri, 04 Jul 2008 09:11:00 +0200

Avec l'arrivée dans quelques jours maintenant de l'iPhone 3G, je pense que beaucoup de sites et de blogs vont accélérer leur développement de version spéciale iPhone. Or on ne peut pas toujours se rendre compte de ce que peux donner le rendu de son site ou de son blog sur l'iPhone.

Je vous présente donc iPhoney, qui va vous permettre de voir quel est le rendu de votre site / blog sur le navigateur safari de l'iPhone

Malheureusement cette version est uniquement disponible pour les mac users.
Si quelqu'un sait où je pourrais trouver la même chose pour windows ou bien encore mieux une simulation via le web, je suis preneur

En fait j'ai trouver les sites :

mais pour avoir pu tester vraiment quelques sites dont mon blog sur un vrai Phone, je sais que les rendus donnés par ce sites ne sont pas bons

Set d'icones facebook

Guillaume BIZET — Tue, 01 Jul 2008 09:38:00 +0200

Je ne vais pas vous présenter Facebook, si vous aimez bien les icônes de l'application et que vous voulez les utiliser dans le design de votre site / blog, en voici un set

Lien

Enjoy

Light Icons : un set d'icônes freshy

Guillaume BIZET — Thu, 26 Jun 2008 15:32:00 +0200

Voici un set d'icônes bien feshy pour agrémenter thèmes de blog et autres sites web.
J'adore ce style d'icônes

A télécharger sur le deviant art de sone-pl

Edit excusez moi je le croyais téléchargeable mais ce n'est pas le cas. Si vous souhaitez acquérir le set en visitant le site du créateur et en prenant contact avec lui

Icones RSS : coktail

Guillaume BIZET — Mon, 23 Jun 2008 10:37:00 +0200

Vous souhaitez des icones RSS estivales et rafraichissantes, voici un set d'icônes original pour signaler votre flux RSS

Dans le set vous trouverez 3 formats d'images : GIF, PNG et SVG et 3 tailles différentes : 32, 64 et 128 pixels.
Il est à télécharger sur Drink RSS

Enjoy

CSS type set : un site web 2.0 pour créer facilement des css pour du texte

Guillaume BIZET — Wed, 11 Jun 2008 09:34:00 +0200

CSS Type set est outil ultra simple et hyper convivial pour créer des css pour du texte.

Cliquez sur l'image pour la voir en grand

Comme vous pouvez le voir le site se compose de 3 parties :

celle de gauche peut contenir un texte exemple de votre choix
celle de droite le fichier CSS correspondant
les différents parametres sur lesquels on peut jouer pour faire évoluer la css du texte précédement saisi :
- Type de police
- Taille
- Couleur de la police
- Couleur du background de la police
- Espacement entre les lettres des mots
- Espacement entre les mots
- Espacement entre les lignes
- Alignement
- Style de la police

Comme vous pouvez le constater tout est paramétrable et est servi par une interface tout ajaxée ce qui rends son utilisation très agréable.
pas forcément indispensable mais parfois utile, surtout pour ceux qui débute dans la conception de site en utilisant les CSS

Set d'icones pour blogging

Guillaume BIZET — Mon, 09 Jun 2008 12:16:00 +0200

Décidément l'équipe de Blog Perfume est en forme en ce moment !!!
Après Feed Compare, la semaine dernière, le blog nous livre cette semaine un set d'icones pour blogs

Liens :