background preloader

FontFriend – Soma Design

FontFriend – Soma Design
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.

FFFFALLBACK - A simple tool for bulletproof web typography. 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. 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

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. Cela vous demandera finalement assez peu de travail pour les premiers résultats et beaucoup plus pour arriver à un résultat parfait. 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. A partir de 4 secondes d’attente on perd massivement les visiteurs… ETags Ajax

The Web's biggest Vector Icons Pack: 1500 icons for Wireframes and Interface Design 1500 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).

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. Artisteer fait certainement partie des logiciels qui m’ont le plus impressionnés depuis que je touche à l’informatique et au webdesign, et je le dis sans détour, la première démo que m’a faite mon camarade a été une véritable claque. Un webdesigner dans votre souris Mais de quoi s’agit-il exactement ? Travailler la CSS sans toucher au code Prêt pour WordPress, Drupal, Joomla et autres… L’ami des webdesigners ?

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

Related: