Open Source Resources for Web Application Developers

When we are talking about fonts, we should not miss this one. Typetester is an online application for comparison of the fonts for the screen. Its’ primary role is to make web designer’s life easier. 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.

Requirements: Modern Browsers with Javascript Enabled
Demo: http://typetester.maratz.com/
License: License Free

• 3 Comments

Multi-color sIFR (Scalable Inman Flash Replacement) is a technology that allows you to replace text elements on screen with Flash equivalents with colors. sIFR is a DOM replacement method originally conceived by Shaun Inman and turned into a high quality cross-browser, cross-platform typography solution for the masses.

sIFR allows website headings, pull-quotes and other elements to be styled in whatever font the designer chooses without the user having it installed on their machine.

Multi-color sFIR implementation is easy – just add sEmColor:”#FF4400″, sStrongColor:”#FF0000″ and sSpanColor:”#EE6600″ into your named argument call function at the bottom of the .html file and if the script finds a <strong>, <em> or <span> elements, each one will be colored3. And they can be nested, too.

Requirements: Browsers required Flash
Demo: http://webdesign.maratz.com/lab/multi_color_sifr/
License: LGPL License

• 3 Comments

Urban Fonts has an amazing collection of over 8,000 free fonts for you to download fonts. You can customize the look of the font previews by typing your own text in the input text field provided in all the font pages, or switch to an alphabetical view. The Names button switches your preview back to the name of the font. The colors of the text and background can be easily changed using the built in color picker. Urban Fonts also lets you choose how many fonts you’d like to have displayed in your page.

Requirements: No Requirements
Demo: http://www.urbanfonts.com/free-fonts.htm
License: License Free

• 4 Comments

Requirements: No Requirements
Demo: http://www.dafont.com/will-grace.font
License: License Free

• 0 Comments

Requirements: No Requirements
Demo: http://www.dafont.com/sling.font
License: License Free

• 0 Comments

Having trouble of making your favourite text with CSS? CSSTYPE V2 lets you preview your css text as you modify it, and generates the code for you immediately. Typography is the art and techniques of type. The arrangement of type is the selection of typefaces, point size, line length, line spacing and letter spacing. It is very important to get the typography right. Good typography is just as important as good design.

Requirements: No Requirements
Demo: http://www.suprb.com/apps/csstype/
License: License Free

• 2 Comments

Pinvoke has created 5 sets of amazing mini fonts ( Base size: 8 points ). The fonts can be used royalty-free by the licensee for any personal or commercial projects. If you like these fonts, you may also like
Pinvoke Mini Icons as well.

Requirements: Any Browsers
Demo: http://www.pinvoke.com
License: Creative Commons Attribution 3.0 license

• 0 Comments