Visual-Blast Media

Free web resources for designers and web developers | Tutorials, Scripts, Graphics, Photoshop, CSS

‘Online Tools’ Articles

CSS Type Set - Online css type tool

CSS Type Set - typography tool allowing designers and developers to interactively style their web content.

Enter the text you want to modify on the left, adjust font-family, font-size, color, text-align, line-height, …..  and view generated CSS code on the right.

online_css_type_set_tool.jpg

Digg it   Add to Del.icio.us  Stumble it   |  Subscribe to RSS

Web 2.0 Badges - Online generator

One more Web 2.0 Badges Generator - choose the predefined design from the list and personalize it. Choose the font size, color, text position, text angle … apply your style, right click and save image.

online_web_20_badges.jpg

Digg it   Add to Del.icio.us  Stumble it   |  Subscribe to RSS

Dummy Text Generator

If you’ve got tired of using the Lipsum Generator to create lorem ipsum as dummy text, you might want to check out the Dummy Text Generator.

Dummy Text Generator gives you several other texts to choose from, number of words or characters, number of paragraphs.

Advanced setting gives you some options to play with different font settings: Font-Family, Font-Style, Letter-Spacing, Text-Transform, Text-align, Text-Decoration, …..

dummy_text_generator.jpg

Digg it   Add to Del.icio.us  Stumble it   |  Subscribe to RSS

CSSFly - a web 2.0 tool

CSSFly is a web 2.0 tool for easy editing websites direct and in real-time in your browser.

Simply edit the (X)HTML-code and the external Style-Sheet files.
Within every change in the HTML or CSS Code, the display-container will be refreshed.

This tool is designed for developers. Use it for developing, testing or checking your web-project or take a look behind the scenerys of your favourite websites.

css_fly.gif

Digg it   Add to Del.icio.us  Stumble it   |  Subscribe to RSS

pForm: Free Online Form Builder

pForm: Create Web Form Online

pForm is a free web service that generate forms in 3 simple steps:

  1. Choose color scheme - Total of 25 different color schemes
  2. Design your form - select checkboxes, text fields, etc
  3. Download or Preview the form - or Go Back and Edit Form

php_form_free.jpg

Digg it   Add to Del.icio.us  Stumble it   |  Subscribe to RSS

Em based layouts - Vertical rhythm calculator

James Whittaker Calculator that converts pixel based mockups into em based layout. Vertical rhythm calculator.

A pixel is the ‘dot’ on your computer screen. Displays are measured in pixels across and down like 1024 × 768. These dots are unscalable and fixed in size. In some situations this is desirable and it would be better to set your measurements as pixels.

An em is a relative measurement based on the square of the font size at that particular point. As font sizes can vary across differing systems and displays the result is that the em measurement will always be relative and scalable.

em_calculator.jpg

Digg it   Add to Del.icio.us  Stumble it   |  Subscribe to RSS

Convert TrueType Font to Sifr Flash File

sIFR 3 Beta 2: Fire Cracker is meant to replace short passages of plain browser text with text rendered in your typeface of choice, regardless of whether or not your users have that font installed on their systems.

If you don’t have Flash here’s a handy tool that can turn any TrueType Font into a Flash font for use with sIFR.

Digg it   Add to Del.icio.us  Stumble it   |  Subscribe to RSS

ColorBlender – free online tool for color matching and palette design

ColorBlender - Choose a preferred color and a 6-color matching palette (a “blend”) will be automatically calculated.

Using the radio buttons you may switch to Direct Edit mode to tweak or edit individual colors of your blend. This makes picking the right colors really easy.

color_blender.jpg

Digg it   Add to Del.icio.us  Stumble it   |  Subscribe to RSS

Em Calculator

Em Calculator. A simple JavaScriptTool for working out CSS relative em values, useful for creating completely resizable layouts.

Digg it   Add to Del.icio.us  Stumble it   |  Subscribe to RSS

AjaxLoad

AjaxLoad, a little application that will let you generate some animated “loading” gifs.

There are 35 different types of indicators that you can select from - the circle ball, indicator, arrows, bouncing ball, …

ajax-loader.gif

Digg it   Add to Del.icio.us  Stumble it   |  Subscribe to RSS

Page 2 of 3«123»

Translations

English flagItalian flagKorean flagChinese (Simplified) flagPortuguese flagGerman flagFrench flagSpanish flagJapanese flagArabic flagRussian flagGreek flagDutch flagBulgarian flagCzech flagDanish flagFinnish flagHindi flagPolish flagRumanian flagSwedish flagNorwegian flag