CSSRockstars

Archive for the ‘Web Based’ Category

CSS Grid Builder is a web tool which can create standards-compliant grid layouts with a few clicks.

Outputs are generated with the powerful Yahoo! UI Library: Grids CSS which offers pre-built templates & page layout combinations.

Auto CSS Grid Builder

YUI Grids CSS:

  • Supports fluid-width (100%) layouts as well as preset fixed-width layouts at 750px, 950px, and 974px, and the ability to easily customize to any number.
  • Supports easy customization of the width for fixed-width layouts.
  • Flexible in response to user initiated font-size adjustments.
  • Template columns are source-order independent, so you can put your most important content first in the markup layer for improved accessibility and search engine optimization (SEO).
  • Self-clearing footer. No matter which column is longer, the footer stays at the bottom.
  • Layouts less than 100% are automatically centered.
  • Accommodates IAB’s Ad Unit Guidelines for common ad dimensions.
  • Offers full A-grade browser support.

CSS Grid Builder is a quick solution specially for Yahoo! UI Library users or web developers who are better in coding rather than design.

Tag Clouds, which has a positive seo effect for websites + increases the usability of websites in many cases are normally generated dynamically.

You may want to create a static tag cloud or see the keyword density of a website - file - text input as a tag cloud.

TagCrowd

TagCrowd is a web-based service which visualizes the keyword density of an input as a tag cloud (text cloud - including the css & html).

Here is the tag cloud of WebResourcesDepot homepage:

Static Tag Cloud

Supported Inputs:

  • website url address
  • text file
  • text itself

 

Tag Cloud Generator

Tag Cloud Generator can call tags from an URL address or tags can be mentioned manually to create the static tag cloud

Tag Cloud Generator

Supported Inputs:

  • website url address
  • text itself

Tag Cloud Generator has an easy to use interface with font size, color & other customization options.

 

tagCloud.de

tagCloud.de is aslo a simple to use tag cloud generator offering less customaziton options. On the other hand the standard tag cloud generated has a nice look.

Supported Inputs:

  • website url address
  • text itself

 

Rainmaker

This tag cloud generator has a handy option which lets you exclude the words you want. Besides this you can define font settings per keyword frequency too.

Supported Inputs:

  • website url address
  • text itself

When designing a website, it is generally hard to decide which font(s) to use. Also, it is hard to compare which font looks better as, normally, we can test 1 font at a time.

Typetester
is web based font comparison service which you can compare the mostly available fonts - 3 at a time -, colors, backgrounds, sizes, alignments & more. In many cases, Typetester makes the life of a web designer easier. Give it a try!

Compare Fonts Online Typetester

Many designers use lorem ipsum text blocks in their designs to make the look & feel of the design like there is a real content inside.

What is lorem ipsum?

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry’s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.

Online lorem ipsum generators, plugins & extensions:

Online: http://www.lipsum.com/
Online: http://www.lorem-ipsum.info/generator
Online: http://johno.jsmf.net/knowhow/ngrams/index.php (has other text options)
Online: http://www.i-r-genius.com/lipsum.html
Dreamweaver extension: http://www.technocurve.co.uk/index.php?fn=downloads
Firefox plugin: http://addons.mozilla.org/en-US/firefox/addon/198

3d package is a 3d-box graphic generator. 3d package lets you instantly create 3d-box images online, free!

Just upload pictures for cover and sides and then get 3d-box in you favorite image format (JPG, GIF, PNG supported).

Create 3D Boxes Online

  • Tags:
  • Filed under: Design, Web Based
  • 0 Comments
  • RoundPic is an online tool for making anti-aliased rounded corners for avatars and images.

    It is one of the other web based image editing tools that can be used while your image editing software isn’t around or complete a specific task faster.

    Round Corners Of Images RoundPic

    If you have an ajax application and want it to rock, then you need a good looking ajax loader.

    Ajax loaders are generaly simple animated gifs. Some popular types of loaders include Circle Ball, Kit, Indicator or the bar.

    Ajaxload.info makes it easy to create more than 25 types of ajaxloaders with any color and speed you want.

    Ajax Loader

    Resizing & cropping images fast & easily with a web based, flash interface. rsizr is a simple to use website which is focused for this mission.

    If your image editing software isn’t with you or you are a blogger who is not good at image editing, than you may like rsizr so so much.

    rsizr image editing online

    Iconfinder has 1000’s of icons in their database and lets you search for icons by using keywords.

    It even has a widget to use with Mac OSX.

    IconfinderFree Icon

    What is vectorization?

    Vectorization (aka tracing) is the process of converting a raster image to a vector image.

    Vector Magic Raster images are pixel-based, whereas vector images are represented by geometric shapes such as lines, circles and curves.

    Vector Magic converts bitmap images to vector art - it’s an online auto-tracer. Just upload your image and Vector Magic will vectorize it for you.

     

    feed-holder
    FeedBurner
    • Gooey Templates
    • Krop
    • slice'n dice
    • Website Magazine
    • DNS Pinger
    • Advertise Here