20 more online tools for web designers - TechRepublic

20 more online tools for web designers

  • HTML-Ipsum

    \n\tThis website by Chris Coyier presents this useful feature of Ipsum text already in HTML tags. Just click on the titles to copy text to your clipboard. Html-Ipsum gives you the Latin text already in HTML tags, as unordered list, ordered list, or a definition list, just to name a few examples. Check out his CSS Tricks, another great resource.

  • Identifont

    \n\tIdentifont lets you identify a typeface from a sample by answering a series of questions about key characteristics. Identifont is the largest independent directory of typefaces on the Internet. It provides a range of features to help you locate fonts or find information about fonts:

    \n

      \n\t

    • \n\t\tFind fonts by appearance
    • \n\t

    • \n\t\tFind fonts by name
    • \n\t

    • \n\t\tFind fonts by similarity
    • \n\t

    • \n\t\tFind picture and symbol fonts
    • \n\t

    • \n\t\tFind designers and publishers
    • \n

    \n

    \n\tThe Identifont website is based on the Common Lisp Hypermedia Server, a Web server designed for advanced applications in AI and research, and developed at the Massachusetts Institute of Technology Artificial Intelligence Laboratory.

  • Lino Type Font Finder

    \n\tIf you have a restricted set of letters, such as in a logo or heading, enter them into the font finder and you will be asked questions that can be answered from the letters you specified.

  • Lorem Ipsum

    \n\t

    \n\t\t“Neque porro quisquam est qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit…”
    \n\t\t”There is no one who loves pain itself, who seeks after it and wants to have it, simply because it is pain…”

    \n

    \n

    \n\tThe paragraphs, words, bytes, or lists of Lorem Ipsum are available including mock banners in several colors and a range of banner sizes.
    \n\t 

  • Microsoft Clear Type Tuner

    \n\tUse this online tuner to adjust  your Windows XP ClearType settings for better readability. Please note that the online tuner does not currently work with Windows Vista.

  • Microsoft Typography

    \n\tThis tool features a selected list of Microsoft products and fonts listed by family also has a list of core fonts for the web, and a clear type font collection.

  • PXtoEM

    \n\tPXtoEM is a calculator that does conversions of pixels, ems, points, and percentages. Easily convert pixels to em to percent to points with this online tool.

  • STC FontBrowser

    \n\tThis flash application will allow you to quickly preview the fonts active on your system.

  • Texster

    \n\tThough it appears to be in Russian language, this tool is a very helpful font selector with options to modify the size, line height, letter spacing, word spacing, and text indent in em, px, pt or %. Options for color and background color also. Just grab the CSS when you have configured what you need.

  • The TTFTitles WordPress Plugin

    \n\tThis WordPress plugin lets you use images to replace the titles of your posts, thus circumventing the problem of guessing what fonts your end-users might have installed.

  • Type Chart

    \n\tTypechart lets you flip through, preview and compare web typography while retrieving the CSS:

    \n

      \n\t

    • \n\t\tBrowse typographic styles.
    • \n\t

    • \n\t\tDownload CSS.
    • \n\t

    • \n\t\tCompare Windows (ClearType) rendering with Apple font rendering. Each style corresponds with a \u201cstyle ID” which allows you to annotate prototypes and retrieve the CSS while coding.
    • \n

  • Type Navigator

    \n\tTypeNavigator is the world’s first interactive visual font search system. Select from the forms on the left that best describes the font you are looking for, and then pick other attributes by selecting the radio buttons that define the characteristics, and then click “Search.”

  • Type Tester

    \n\tTypetester is an online application for comparison of the fonts for the screen. As the new fonts are bundled into operating systems, the list of the common fonts will be updated. Typetester’s code structure is XHTML, styled with the finest CSS and driven by the JavaScript for manipulating DOM structures. Typetester will not work without JavaScript enabled. Typetester is built by User Interface Studio.

  • typeface.js

    \n\tInstead of creating images or using flash just to show your site’s graphic text in the font you want, you can use typeface.js and write in plain HTML and CSS, just as if your visitors had the font installed locally. Here’s what it takes to make it run: load the typeface.js library and some typeface.js fonts, then proceed like normal.

  • Typophile Forum

    \n\tOne of the best typographic related forums, where you can find very useful information, ask your questions, and find experienced people in the same realm.

  • Typotheque Hi-Res FontTester

    \n\tThis is a useful tool; however it is limited to only the fonts available to buy from the site. You can create a PDF file from the end results.

  • What The Font (My Fonts)

    \n\tWhatTheFont allows you to scan in or provide the URL of a font and it will tell you what it is. Have you seen a font in use and want to know what it is? Submit an image to WhatTheFont to find the closest match in their database. Or, let cloak-draped font enthusiasts lend a hand in the WhatTheFont Forum.

  • Wordle

    \n\tWordle is a fun online application for generating \u201cword clouds\u201d from text or URL with RSS feed that you provide. The clouds give greater prominence to words that appear more frequently in the source text. You can tweak your clouds with different fonts, layouts, and color schemes. The images you create with Wordle are yours to use however you like. You can print them out, or save them to the Wordle gallery to share with your friends.

  • Your Fonts

    \n\tYourFonts.com is an online font generator that allows you to create your own OpenType fonts within a couple of minutes. Go make your own handwriting as a font!

    \n

    \n\tDo you have any other tools that you would like to add to this list?

1 of 19
Ryan Boudreaux140

Thirteen years of web and graphic developer experience.