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. Related:  Fonts

Top Links to Fonts for Your Self-Published Book One 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

Boatswain 雲端監控網頁服務,無法連線或內容變化時自動發送 Tweet 通知 對於自己架站的網站站長來說,多半會尋找適合自己的網站監測服務,當網頁發生問題時就能在第一時間收到通知,減少因無法連線而造成的損失,如果你是使用 WordPress 架站的話,我會推薦使用 Jetpack Monitor 來監測網站,不但完全免費、而且能跟其他的功能綁在一起,就無須額外加裝其他外掛。 本文要介紹的 Boatswain 是 網站其中一項工具,跟一般網站監測服務不同的是它不僅能檢查網站是否能正常連線,也可自動化執行你設定的動作,甚至用於監控網站內容有無更新、變化,類似 VisualPing 線上監控網頁更新功能。 既然可以自動執行某些指令,或者檢查網站上是否出現某些內容,那就表示 Boatswain 能夠做更多、更複雜的運用,例如偵測網站更新、追蹤價格變化、新產品是否推出,甚至想在線上購物撿便宜等等,可以利用這項服務來設定條件,當符合條件時,Boatswain 就會發送推特來提醒你囉! 網站名稱:Boatswain 網站鏈結: 使用教學 如果你要偵測網站是否能夠正常開啟、連線,打開 Boatswain 後,先在上方輸入你要偵測的網站鏈結,然後 Visit 部分不用多做設定,除非你想偵測某個頁面能否連線,接著從下方選擇「I SHOULD SEE」,填入網頁內某一段必定會出現的文字。 這個原理就是,Boatswain 會定時開啟你設定的網址,檢查網頁內是否出現某段文字,假設沒有出現,通常表示網站無法開啟,或者內容發生變化,這時候就會發送 Tweet 通知你。 有看到 Boatswain 提供的許多動作指令和觸發條件嗎? 假設你要追蹤某個商品的價格變化,也可以利用 Boatswain 來自動訪問某個頁面,把原價設定為觸發項目,當沒看到原價格時就自動通知你。 點選 Let’do This 後,會出現登入 Twitter 帳號畫面,點選 Login in with Twitter 登入。 返回 Boatswain 後,別忘了要留下你的 Email,這是防止 Boatswain 被濫用,填入信箱後點選 I Agree 就完成註冊囉! 值得一試的三個理由: 自動監測網站是否可以正常連線利用不同指令、觸發動作,自訂出更多的監測類型雲端 24/7 全天執行,每 30 分鐘偵測一次

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

How to Choose a Typeface - Smashing Magazine Advertisement 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

Modularscale Identify music in youtube videos 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).