FFFFALLBACK – A simple tool for bulletproof web typography.


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…

ffffallback the bookmarklet!

Okay, so how do I use this thing?*

  1. Well… you don’t. We noticed you are using Internet Explorer. Unfortunately, this tool doesn’t work in IE at this time.
  2. If you have Firefox or Chrome installed, please visit this page in either of those browsers and follow the instructions.
  3. If you don’t have either of those browsers installed, we strongly encourage you to download Chrome or Firefox now!
  1. Drag the bookmarklet to your browser toolbar.
  2. Go to the page you want to test and click the bookmarklet.
  3. The bookmarklet will scan the CSS of the page in order to identify existing web fonts. Then, using magical unicorns and javascript rainbows, FFFFALLBACKclones the page and provides a tool where you can test and analyze different fallback font choices.
    1. You can also toggle open an input in order to change font-size, line-height, color, etc. Remember to use !important, as it’s…well, you know, important.
  4. Bulletproof your font-stacks and rejoice!

* Small caveat: this bookmarklet only works on webkit browsers (Chrome & Safari) or Firefox. We might get it working for IE and Opera if time permits. But I wouldn’t hold your breath.

For more background on how this came to be and why it’s important, read Type study: Choosing fallback fonts.

Questions, comments & feedback · Fork it on Github Handcrafted by @jbrewer and @shinypb, with love, in San Francisco.

Extra big high-fives to the kind souls whose encouragement brought this to life: Trent Walton, Tim Brown, Kyle Sollenberger, Yaron Schoen and Mandy Brown.

Tell the world about FFFFALLBACK!

via ffffallback.com

Single-direction margin declarations — CSS Wizardry—CSS, Web Standards, Typography, and Grids by Harry Roberts

This morning I awoke to find Smashing Magazine had retweeted a tweet I made two months ago about how you should always try and apply margins in one direction only. This, like most rules in web development, is a very general (and breakable) rule. It’s even a rule you can opt not to follow at all, but after receiving a slew of Tweets asking why, I thought I’d write up why it’s a rule I live by, and one I’d recommend to anyone… Continue reading

Phonedeck Lets You Manage Your Mobile From Your Desktop

Phonedeck launched in private beta late last year, and in the invitation-only period it has managed to bring on board 50,000 users globally through word-of-mouth. The cloud-based mobile phone management platform has taken on board all the feedback over the past four months, and is rolling out to the public today.

Continue reading

Dropbox – Is it possible to change the Dropbox account a computer is linked to? –

Is it possible to change the Dropbox account a computer is linked to?

Yes. To change the Dropbox account your computer is linked to, you will have to unlink your computer first.

Unlinking your computer from your Dropbox account means Dropbox will no longer sync files from that computer to the website and other linked computers. Your files will remain in the Dropbox folder of the unlinked computer afterwards.

To unlink your computer from your account:

On Windows 7

  1. Right-click on the Dropbox icon from your system tray. You may need to click on the arrow to show all system tray icons

    The Dropbox icon on the system tray
  2. Choose Preferences… from the menu
  3. Click on Unlink this computer…

That’s it! Next time you start Dropbox, it will ask you if you want to link your computer to an account again. If you are linking your computer to a different account, you may want to move your Dropbox folder somewhere else first. Otherwise, Dropbox will ask if you want to merge any existing files with the new account.

For Our Advanced Users

If the Unlink this computer… button in the preferences window is not working properly, or you just like to do things the hard way, you can unlink Dropbox from an account as follows:

On Windows Vista and Windows 7

  1. Exit Dropbox by right-clicking the tray icon, and choose Exit from the menu
  2. Open any Windows Explorer window by double-clicking any folder or opening a folder through the Start menu
  3. In the location bar at the top of the window, type %APPDATA% and hit Enter
  4. Delete the Dropbox folder

If you have trouble deleting any files or folders, you might have permissions set incorrectly. This is also a reason why Dropbox’s Unlink this computer… button may not work.