Webdesign

Tutos Photoshop, formes Illustrator et images libres de droit

+150 packs de silhouettes vectorielles gratuites

Publié le 6 décembre 2010 - Webdesign.

Petit pense bête rapide si vous cherchez des silhouettes vectorielles pour vos illustrations. All-silhouettes.com rassemble pour nous de nombreuses formes vectorielles gratuites pour (presque) tous les goûts. Oubliant toujours l’adresse de ce site, il est grand temps de le bookmarker via ce blog. L’occasion aussi de partager cette trouvaille.

Comment utiliser de nouvelles polices de caractère sur votre site ?

Publié le 20 novembre 2010 - Webdesign.

S’il est bien un thème qui revenait sans cesse concernant les polices de caractères et la création de site, c’est la difficulté de présenter son contenu texte en se passant des polices standards, reconnues par tous les navigateurs. Jusqu’à il n’y a pas si longtemps, la technique courante consistait à utiliser des images pour afficher une police différente compatible pour tous les visiteurs. Outre le fait que cela alourdissait le temps de chargement des pages, c’était aussi un frein conséquent au référencement : à part utiliser la balise alt, on ne pouvait grosso-modo pas faire grand chose de plus. Aujourd’hui […]

PSD gratuits pour photoshop sur FreePSDFiles

Publié le 20 août 2010 - Webdesign.

Dans la lignée de l’excellent PSD Graphics que j’avais présenté il y a tout juste un an (des PSD gratuits sur PSD Graphics), je vous propose de découvrir aujourd’hui ma dernière trouvaille en date, pour vos recherches de fichiers PSD : Free PSD Files. Encore une source de PSD gratuits de très grande qualité, constituant un très bon complément à PSD Graphics. Les type de fichiers sont assez variés (illustrations, boutons, templates, etc.), et pour ne rien gâcher, la mise en page est simple et efficace. Pour ma part je regrette comme souvent le très petit nombre d’éléments graphiques prêts […]

HTML/CSS : Rendre facilement son site compatible sous IE5.5,IE6,IE7

Publié le 28 juin 2010 - Webdesign.

Dans la série des outils destinés à rendre votre site compatible sous IE6 (et accessoirement 5.5), voici l’excellente librairie Javascript IE7. Cette dernière permet à Microsoft Internet Explorer de se comporter comme un navigateur respectant les standards. IE7 corrige de nombreux problèmes HTML CSS et rend le travail PNG transparent correctement sous IE5 et IE6. Cerise sur le gâteau : l’implémentation est très facile. Par exemple, pour que votre site se comporte sous IE5.5 et IE6 comme sous IE7, ajoutez simplement cette ligne dans votre <head> : &lt;!–[if lt IE 7]&gt; &lt;script src="http://ie7-js.googlecode.com/svn/version/2.1(beta4)/IE7.js"&gt;&lt;/script&gt; &lt;![endif]–&gt; Il est possible d’ainsi upgrader le […]

Templates de site optimisés pour Adsense

Publié le 9 juin 2010 - Publicité Online, Webdesign.

Actuellement en phase de refonte d’un site perso, j’en profite pour compléter mon précédent billet théorique comment augmenter ses revenus Adsense? par des exemples concrets très intéressants trouvés sur la toile : Adsense Website Templates. Ces templates sont bien entendu payants, mais l’aperçu permet de comprendre parfaitement les différentes optimisations effectuées. Et à la différence de la plupart des templates « ready for adsense » (où un très fort accent est mit sur la technique d’harmonisation – noyer les pubs dans le site), ici, toutes les techniques d’intégrations optimisées sont présentes. C’est plutôt instructif : Pour ceux qui cherchent des modèles de […]

Trouvez la palette de couleur d’une image

Publié le 9 avril 2010 - Outils Webmasters, Webdesign.

Comment définir simplement une palette de couleur pour un site Internet à partir d’une image de référence? Utilisez Image Palette (par CSS Drive) ! Il s’agit d’un outil plutôt efficace qui vous aidera à trouver les gammes de couleurs d’une image en 2 clicks : l’un pour uploader (ou insérer le l’url) votre image, l’autre pour valider. L’outil affichera alors les 4 palettes de couleurs correspondantes : tons clairs, moyens, foncés, palette de couleur complète. Il est bien entendu possible d’obtenir les codes Hexa de chaque couleur par simple rollover, mais aussi de sélectionner les 8 couleurs principales afin de […]

Nuances de couleur : toutes les variations des tons clair à foncés

Publié le 18 mars 2010 - Webdesign.

Dans la série des outils d’aide au webdesign, voici une découverte intéressante : 0 to 255 . Cette fois, il ne s’agit pas de vous aider à choisir une palette de couleur (ou schéma de couleurs) pour votre site internet, mais de vous permettre de trouver facilement des variations de tons. Si colors on the web propose une déjà une fonctionnalité similaire, elle est nettement moins exhaustive comparé à ce que nous offre 0 to 255. Développé par un web designer, cet outil vous permet de trouver facilement toutes les variations de couleurs possibles selon une couleur principale. Du ton […]

Bugs CSS IE6 : rendre compabible sa feuille de style à l’aide d’IE6 Fixer

Publié le 22 janvier 2010 - Outils Webmasters, Webdesign.

Dans la série « j’ai besoin de débugger mon site sous IE6″, voici une ressource très intéressante destinée à réduire le temps passé à la création d’une feuille de Style CSS spécifiquement destinée à IE6 : IE6 Fixer. Cet outil gratuit applique une série de corrections basiques sur les propriétés connues pour engendrer des problèmes de compatibilité avec IE6. Avec près de 60% des erreurs traditionnelles débuggées en un clic, il s’agit sans aucun doute d’un très bon point de départ pour commencer un travail de débuggage de site sous d’IE6. L’utilisation d’IE6 Fixer est très simple : Paramétrez 2/3 options […]

Générateur de Menus CSS

Publié le 3 novembre 2009 - Webdesign.

Dans la lignée du célèbre CCS Play ou de Free CSS, voici CSS Menu Maker, un site complémentaire vous permettant d’obtenir clé en main des menus CSS plutôt sympas. Le choix est nettement moins important que sur CSS Play, mais les exemples peuvent donner des idées intéressantes.

Illustrations et formes vectorielles gratuites

Publié le 13 octobre 2009 - Webdesign.

A l’image des formes vectorielles gratuites pour Illustrator dont j’avais parlé il a quelques temps, voici un excellent complément pour parfaire vos illustrations vectorielles : VectorPortal. Il s’agit ni plus ni moins que d’une banque d’illustrations 100% gratuites, mais à priori (de ce que j’ai pu voir) également originales (la plupart des sites ne sont que de simples copies de concurrents). En cherchant bien, on trouve vraiment des formes vectorielles intéressantes, même s’il faut bien l’avouer il y a pas mal de déchet. Voici les principales catégories d’illustrations proposées : • Eléments graphiques • Fonds • Cliparts vectoriels • Bannières […]