Webdesign
Packs d’icones minimalistes
Un petit billet pour commencer 2011 en douceur, et lier une sélection de 25 packs d’icônes minimalistes. Je trouve ce type d’icônes simplistes toujours très pratique, que ce soit pour peaufiner un menu, des liens de footer ou personnaliser tout une interface.
Virtual Box 4 : tester la compatibilité de son site sous différents OS
C’est bien connu, lorsque l’on teste la compatibilité de son site sous différentes versions de navigateurs, il est aussi préférable de tester le rendu sous différents OS. Entre le rendu des couleurs ou des polices , il n’est pas rare d’avoir quelques surprises annexes. Seulement voilà : posséder différentes machines nécessite un certain budget, et les DUAL Boots ne sont pas vraiment des solutions économiques en terme de temps. La solution se trouve donc auprès des machines virtuelles. Et ça tombe bien, car la solution open source d’Oracle VirtualBox, vient tout juste de sortir sa version 4 ! VirtualBox, qu’est-ce [...]
+150 packs de silhouettes vectorielles gratuites
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 ?
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
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
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> : <!–[if lt IE 7]> <script src="http://ie7-js.googlecode.com/svn/version/2.1(beta4)/IE7.js"></script> <![endif]–> Il est possible d’ainsi upgrader le [...]
Templates de site optimisés pour Adsense
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
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
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
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 [...]
