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.
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.
Requirements: YUI Grids CSS
Compatibility: All Major Browsers
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 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:
Supported Inputs:
- website url address
- text file
- text itself
Tag Cloud Generator can call tags from an URL address or tags can be mentioned manually to create the static tag cloud
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 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
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!
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).
Requirements: No Requirements
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.
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.
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.
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.
What is vectorization?
Vectorization (aka tracing) is the process of converting a raster image to a vector image.
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.
Requirements: No Requirements
