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.
Top Links to Fonts for Your Self-Published BookOne of the most often-asked questions on the blog is: “What text font should I use for my book?” In fact, this question comes up so often I’ve written quite a few articles on the subject. But like most blogs, these posts can be hard to find in the dark reaches of the archives. After writing earlier this week about the posts with the most blog comments, I realized that I had never brought all these articles together in one place. To make up for that, and as a resource I can point to when people ask the question again about the best book font—certain to happen in the very near future—I’ve brought them all together here. If you’re working on your book design, or if you design books for other people, help yourself to some font goodness. Articles on Fonts for Book and Cover Design Articles About Fonts Picking Fonts for Your Self-Published Book “Picking Fonts for Your Self-Published Book discusses how to choose fonts and suggests Garamond, Caslon, Minion, Janson and Palatino.” Typeface Combinations
FFFFALLBACK - A simple tool for bulletproof web typography.14 outils en ligne pour créer des palettes de couleurPour 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. Sur elle on ne pouvait fonder un art. 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. 3. Créé par Paul Burgess, ColorSuckr génère votre palette de couleur à partir du profil chromatique de votre image une fois que vous aurez indiqué son URL. 5. 6. 7. colr
How to Choose a Typeface - Smashing MagazineAdvertisement Choosing a typeface can be tricky. The beauty and complexity of type, combined with an inexhaustible supply of options to evaluate, can make your head spin. What Is Your Goal? The first thing you have to do in order to choose a typeface is form a strong impression in your mind about how you want your audience to react to the text. Perhaps the hardest part of breaking down the typeface selection process is understanding which parts are more subjective and which parts are more objective. Legibility It may seem at first glance that legibility and readability are the same thing, but they are not. Consider this example where the left block of text is set in Tobin Tax, a decorative serif typeface. Quick tips for great legibility: Readability How your typeface is set, combined with the basic legibility of the typeface, yields a certain level of readability. Let’s take our previous example of Sabon and alter the readability. Quick tips for great readability: Aspects of Appropriateness
ModularscaleMooMa.sh: Identify music in youtube videosThe Web's biggest Vector Icons Pack: 1500 icons for Wireframes and Interface Design1500 vector icons for webdesign A few icons previewed at 48 pixels Select, modify, delete Tag, bookmark, vote Graphic tools Communication, mails, discussions Users, personas Commerce, business, delivery Places, maps, pins Programs, code, databases Multimedia, photos, videos Content, documents, organization Object, clothes Download, upload, transfer Files, folders Text, editor, layouts Interface, GUI elements Validate, cancel Settings, time, keyboard Food, leisure, weather, transportation Health, hospital, medecine Arrows, direction Social icons, social logos - Free Bonus by Alex Peattie Included in your Pack License agreement Minicons is created by an Interface Designer for other professionals. You can use these icons for any Web or Graphic templates that you resell. You can use them in your application, and even in templates embedded in your application, with a limit of 100 icons per application You cannot make the icons downloadable, give them away or resell them (even if you modify them).