background preloader

FFFFALLBACK - A simple tool for bulletproof web typography.

FFFFALLBACK - A simple tool for bulletproof web typography.
It's a brave new world. Web fonts are here, sparking an exciting new era in web design. Ffffallback makes it easy to find the perfect fallback fonts, so that your designs degrade gracefully. So, in the spirit of bulletproof web design, we give you… Okay, so how do I use this thing?*

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. Mega Web Buttons Pack #1 Today we want to share our first set of easy-to-implement buttons called ‘Mega Web Buttons Pack’. In this set you will find 42 buttons which you can use easily on your website. We are using the WooFunction icon set released under the GNU General Public License. Our first step is to add […]

Scapple for Mac OS X and Windows Rough It Out Scapple doesn’t force you to make connections, and it doesn’t expect you to start out with one central idea off of which everything else is branched. There’s no built-in hierarchy at all, in fact—in Scapple, every note is equal, so you can connect them however you like. The idea behind Scapple is simple: when you are roughing out ideas, you need complete freedom to experiment with how those ideas best fit together. It’s Scapple Simple Creating notes is as easy as double-clicking anywhere on the canvas and then typing; making connections between ideas is as painless as dragging and dropping one note onto another. 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

47 Top Typography Tools and Resources Typography is the foundation of design on the web. Back in 2006, designer and founder of iA Oliver Reichenstein even went so far as to proclaim "web design is 95% typography." It's imperative, then, to have a thorough, grounded education in optimizing and utilizing typography to create a balanced, harmonious, accessible hierarchy of content, when working on the web. To help you improve and learn more about typography, we have compiled 25 useful tools and resources, from fundamentals to modular scales.

CSS drop-shadows without images Drop-shadows are easy enough to create using pseudo-elements. It’s a nice and robust way to progressively enhance a design. This post is a summary of the technique and some of the possible appearances. Demo: CSS drop-shadows without images CSS Gradient Generator CSS is always generated for all browsers, but the generated gradient may look different in older browsers (depends on the features - using two or more stop points, explicit or implicit sizes). Simple mode IE6+, Android 2.3+, iOS 3.2+ Only two point linear gradients are supported with horizontal or vertical direction. Utilizes only IE filter, SVG and old webkit safe features. Advanced mode

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 Unicode symbols In computing, a Unicode symbol is a Unicode character which is not part of a script used to write a natural language, but can be used as part of a text.[according to whom?] Many of the symbols are drawn from existing character sets or ISO or other national and international standards. The Unicode Standard states that “The universe of symbols is rich and open-ended.”[1] This makes the issue of what symbols to encode and how symbols should be encoded more complicated than the issues surrounding writing systems. Unicode focuses on symbols that make sense in a one-dimensional plain-text context. For example, the typical two-dimensional arrangement of electronic diagram symbols justifies their exclusion.[2] Of course, for adequate treatment in plain text, symbols must also be largely monochromatic.