faaabulous

Besoin d’icônes pour le design de votre site web ou de vos applications ? Default Icon propose une très jolie série d’icônes minimalistes, noires ou blanches, dans des tailles allant de 16×16 à 256×256.

Disponible au téléchargement gratuitement (sous licence CC) dans les formats .eps, .png et .gif, la liste est déjà bien exhaustive mais de nouvelles icônes sont ajoutées régulièrement. N’hésitez donc pas à refaire un passage de temps en temps.

Conçu pour tout ceux qui ont la fâcheuse tendance à se laisser aller à ne pas ranger leur bureau (celui de Windows XP/Vista/7, pas le réel), Fences est un petit utilitaire bien pratique qui va vous permettre d’organiser les icônes présentes sur celui-ci en différents groupes.

Après l’installation, un assistant vous permet de créer l’agencement qui vous convient (soit totalement manuel, soit un agencement prédéfini qui se chargera de trier automatiquement les icônes déjà présentes sur le bureau en quelques groupes bien pensés: Quick Links, Recent Things, Programs, Web Links, Folders et Files&Documents). Ensuite, encore un peu de customisation afin de définir la couleur de fond des « fences » (« clôtures » – le nom donné à chaque groupe d’icônes) ainsi que leur transparence.

Et hop, vous voila avec un beau bureau tout bien rangé. Personnellement, vieil adepte du « zero-icone » sur le bureau, j’ai tendance à me laisser déborder de temps en temps et ce Fences me permet de garder tout ça organisé en attendant un futur tri/ménage.

Voila un petit package bien pratique proposé chez Pooliestudios, Iconize Textlinks with CSS, qui vous fournit les icônes et le code CSS permettant d’afficher automatiquement à coté de chaque lien vers un type de fichier spécifique, l’icône qui lui correspond. Quelques exemples dans l’image ci-dessous.

Cliquez sur l’image pour la voir en grand

Ca couvre un bon paquet d’extensions (de fichiers, mais aussi de services comme les mails, les clients IM, les vidéos online, etc…). Et si besoin d’en rajouter, il suffit de trouver une icône et de s’inspirer du code dans le fichier CSS fournit. Les icônes proposées ici viennent de chez famfamfam, que je vous invite à visiter pour trouver votre bonheur.

a[href$='.pdf'] {
padding: 5px 20px 5px 0;
background: transparent url(icons/icon_pdf.gif) no-repeat center right;
}

C’est tout con, mais ça peut se révéler bien pratique sur un blog ou un site d’entreprise proposant de nombreux liens vers des documents (Word, PDF, etc…) pour que les visiteurs identifient rapidement le type de lien sur lequel ils cliquent.