background preloader

Soma FontFriend

Soma FontFriend
FontFriend is a bookmarklet for typographically obsessed web designers. It enables rapid checking of fonts and font styles directly in the browser without editing code and refreshing pages, making it the ideal companion for creating CSS font stacks. 2.0’s killer feature is instant drag-and-drop font previewing right in the browser (Firefox 3.6+, Chrome 7+), in any document you’re currently viewing. Version 2.5 and 3.0 introduced some new features that aren’t documented here yet. Click the version numbers to see the release announcements for each. How To Begin First, drag the following link to your browser toolbar: Then, view the following screencast, as any information new to v2.0 is in it. How To Use A CSS selector is chosen from the Selector column—body by default. Additional Usage Click the large F to show or hide the overlayClick the faint S in the lower right corner to reset all styles (Caution: this is an intensive operation that could take down your browser on a very complex site.

14 outils en ligne pour créer des palettes de couleur Pour le webdesigner d’aujourd’hui comme pour le peintre d’hier, le choix d’une bonne palette de couleur est déterminant pour la réussite d’une oeuvre, fut-ce un site web. Pour y parvenir, voici quelques ressources en ligne pour obtenir rapidement des palettes de couleurs de qualité, tout en s’amusant. La couleur ?Longtemps elle a semblé échapper à toute appréhension, son caractère « accidentel » a découragé toute science. Art et science de la couleur. 1. Toucan fait partie des outils de création et d’édition en ligne proposés par Aviary. 2. kuler L’outil indispensable pour chercher l’inspiration ou créer votre palette de couleur à partir de couleurs choisies d’après un nuancier (analogique, monochromatique, triade, complémentaire) ou en fonction de différentes teintes ou saturation. Il est également possible de déterminer une palette de couleur d’après une image que vous aurez téléchargée depuis votre poste de travail ou depuis le meilleur site de photo au monde : flickr. 3. 5. 6. 8.

unifont.org Optimiser son site web Par Martin La vitesse d’affichage d’un site web est très importante pour capter les visiteurs. Les internautes sont dans l’instantanéité et ne veulent pas attendre pour voir votre page. Avec quelques astuces simple à mettre en place, vous pouvez retenir vos visiteurs et améliorer leur expérience d’utilisateur, ce qui les incitera à revenir. Il faut bien avoir en tête que ce sont les petits gains par ci par là qui feront la différence. Voici donc quelques conseils, et quelques références afin de maîtriser le sujet Photo de GemMoth depuis Flickr L’optimisation c’est quoi ? On peut voir dans un premier temps l’optimisation comme la mise en œuvre des moyens disponibles pour améliorer l’existant. Quelques statistiques La taille des pages a plus que triplé en 5 ans, passant de 90Ko à 310Ko. Perdre 500ms c’est perdre 20% de trafic pour Google et réduire de 25% le poids de la page c’est gagner 25% d’utilisateurs à moyen terme pour Google. Que doit on améliorer ? La mise en cache ETags Mod_concat Ajax

Artisteer, un logiciel révolutionnaire pour générer des thèmes W Voici un logiciel que j’ai découvert un peu par hasard récemment suite à une discussion avec un ami qui l’utilise pour déployer des sites et des blogs, mais dont la première version avait été dévoilée en septembre 2008. J’ai réalisé ensuite qu’il ne m’était pas totalement inconnu car son éditeur communique massivement dans les blogs Voici un logiciel que j’ai découvert un peu par hasard récemment suite à une discussion avec un ami qui l’utilise pour déployer des sites et des blogs, mais dont la première version avait été dévoilée en septembre 2008. J’ai réalisé ensuite qu’il ne m’était pas totalement inconnu car son éditeur communique massivement dans les blogs via Google Adsense, et j’ai déjà vu la bannière s’afficher fréquemment sur Presse-citron et sur les pages de nombreux confrères. Ça c’est pour la petite histoire du premier contact. Vous vous en foutez mais moi j’aime bien les petites histoires. Un webdesigner dans votre souris Mais de quoi s’agit-il exactement ?

Common fonts to all versions of Windows & Mac equivalents (B Last updated: 2008/06/03 Return to the main page Introduction Here you can find the list with the standard set of fonts common to all versions of Windows and their Mac substitutes, referred sometimes as "browser safe fonts". This is the reference I use when making web pages and I expect you will find it useful too. If you are new to web design, maybe you are thinking: "Why I have to limit to that small set of fonts? If you want to know how the fonts are displayed in other OS's or browsers than yours, after the table you can find several screen shots of this page in different systems and browsers. The list First, a few introductory notes: The names in grey are the generic family of each font. 1 Georgia and Trebuchet MS are bundled with Windows 2000/XP and they are also included in the IE font pack (and bundled with other MS applications), so they are quite common in Windows 98 systems. 5 These fonts work in Safari but only when using the normal font style, and not with bold or italic styles.

Bien gérer ses noms de domaine Par Martin Un nom de domaine sur le web c’est un passage obligé pour publier n’importe quel contenu. Que vous utilisiez un sous domaine mis gratuitement à votre disposition ou que vous gériez vous même votre propre domaine de A à Z, voici quelques bons conseils pour les utiliser au mieux et mettre en avant votre site web. Photo de nitot depuis Flickr Définitions Présentation Pour trouver un contenu hébergé sur Internet, on peut éventuellement y arriver via l’adresse ip du serveur, mais ce n’est bien sûr pas facile à retenir et pas parlant du tout. A quoi sert un nom de domaine ? Mais la gestion de votre propre nom de domaine peut vous apporter bien plus que cela. Comment choisir son nom de domaine ? L’extension Il existe déjà une multitude de noms de domaines, et il peut être compliqué voire impossible de trouver le nom que vous souhaitez avec la bonne extension. Pour plus d’informations vous pouvez voir la liste complète des extensions par pays .asia : Asie.eu : Europe Le nom Le Whois

Liste de 18 outils pour prototyper des maquettes Aujourd'hui, j'ai cherché une petite application qui me permettrait de réaliser des maquettes d'interfaces graphiques simplement, comme je le faisais sous Linux avec Pencil (mais pour Mac OSX). Puis au fil de mes recherches, j'en ai dégoté plusieurs qui je pense vous intéresseront. Voici donc une sélection de 18 outils de création d'interfaces graphiques (et de schémas) pour vos projets. J'ai fait un mix entre les outils Mac, Windows et Linux (en précisant à chaque fois) et j'ai listé les outils payants à la fin (en bonus). Balsamiq mockups Fonctionne sous Mac, Windows et Linux. Rejoignez les 60762 korbenautes et réveillez le bidouilleur qui est en vous Suivez KorbenUn jour ça vous sauvera la vie..

thumbizy :: instant website thumbnail generator :: Version 1.0(still beta) :: Last update 2009/02/17

Related: