Is There any Online Tools for Web Designer ??

-

15 Free Online Tools for Web Designers

Pixlr

web apps

Pixlr is a powerful online image editing application. Although it can’t do everything Photoshop can do, it has some very impressive features considering it is all done within the browser.

Google Analytics

Google Analytics

Google Analytics is probably the most popular free analytics tool available. It has loads of features including custom views and reports, access sharing, and integration with adsense.

Typetester

Typography Tools

The 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.

CSS Type Set

Typography Tools

CSS Type Set allows you to visually and interactively style text and it generates the CSS.

net2ftp

web apps

net2ftp gives you a fully featured ftp client within your browser. There’s even a skin designed for the iPhone.

WhatTheFont

Typography Tools

WhatTheFont allows you to scan in or provide the URL of a font and it will tell you what it is.

Color Scheme Designer

Color Scheme Designer

Color Scheme Designer has been around for a while, but was just recently updated with a brand new interface and a new color scheme generating engine.

Fontstruct

Typography Tools

FontStruct lets you quickly and easily create fonts constructed out of geometrical shapes, which are arranged in a grid pattern, like tiles or bricks.

Kuler

Kuler

Kuler is a community driven web app that lets your browse color palettes created by others. You can also create your own by using the color wheel, harmony rules, and color sliders.

Bespin

web apps

Bespin is an online code editor by Mozilla. It allows you to write and edit code, share projects, and connect to existing open-source projects.

Adobe BrowerLab

web apps

Adobe BrowerLab gives you the ability to preview and test your websites in multiple browsers and operating systems. Since building a website to be cross-browser compatible is one of the more annoying aspects of web design, this should be a valuable web app to all of us.

W3C Markup Validation Service

web apps

The Markup Validator is a free service by W3C that helps check the XHTML and CSS validity of Web documents.

ViewLikeUs

web apps

ViewLikeUs allows you to check out how your website looks in the most popular resolution formats. It’s all powered by Ajax & PHP.

ColoRotate

ColoRotate

As well as being a useful way to choose colors, ColoRotate looks cool and is actually fun to use. Instead of using two dimensional viewers, it presents color palettes to you in 3d and in real time.

Pingdom Tools

web apps

Pingdom Tools allows you to run load time tests on your web pages. It mimics the way a page is loaded in a web browser. The load time of all objects is shown visually with time bars. You can view the list of objects either in load order or as a hierarchy. The hierarchy view allows you to see which objects are linked to in for example a CSS file.

Comments

Post a Comment

Please register before posting your comment here !!

Popular posts from this blog

Simple and Versatile Navigation – Tree View

-
Image
The system can present a so-called ‘tree view’ of the Assets Register. The hierarchy of Client, Location, Assets and Parts, etc is presented on screen, enabling you to view all the interrelationships and navigate your way around your enterprise’s entire asset population. The tree view is the most convenient and intuitive way in which to explore and scrutinise the enterprise’s asset population, as well as its organisational structure. And it’s interactive. You also have quick access to the compendium of information held for each location, system and equipment item. You can drill-down to find the information you need; click on any item to view its full details. For example, you can view the asset list at each location, a single asset’s assembly hierarchy down to part level, find out where any particular part is used, who supplies it, the technical specification, see a picture of it – and study any other information filed against it. You can expand or collapse branches to drill down to
Read more

Creating Online Portfolio Gallery Tutorials

-
Image
Times really have changed! Only a few years ago it was par for the course to travel across town (or the country) lugging a heavy portfolio case full of treasured works, or mailing them to a faceless stranger. There was the fear of damage, or worse still, hearing the words, "Can you just leave it here with us for a few days," not knowing what will happen to them as soon as we turn our backs. I have a hunch that the printed portfolio will be with us well into the future. However there is a growing trend to put a portfolio on the web. This has obvious advantages; Your site is up 24/7, it's cheap, can be viewed by anyone around the world and the potential audience is huge. Since launching PhotoshopCAFE.com almost 5 years ago, over 3 million people from around the world have viewed my portfolio, this would be impossible without the web. Photoshop makes it very easy to build an online portfolio. I will show you how in just a few steps and we can do it all from the File Br
Read more

Easter Eggs on Windows NT

-
Volcano 1. Right click on the desktop and select Properties. Or open Control Panel from the Start button/Settings menu and select Display. 2. From the Display Properties, select Screen Saver. 3. Select 3D Text (OpenGL) as your screen saver type. 4. Click on the Settings button to configure the screen saver. 5. Change the text that the screen saver will display to "Not Evil". 6. Click OK to save the changes. Click the test button or wait until the screen saver kicks in the next time. 7. This will show the names of all the members of the Windows NT developer team. 8. You can also try the changing the text to "Volcano". 9. This will display the names of a bunch of volcanoes all over the world. Pipes Screensaver 1. Open Control Panel 2. Open Desktop 3. Select 3D Pipes (OpenGL) as the screen saver 4. Click Setup, and set the joint style to mixed. 5. When the screen saver comes on - look closely. Every once in a while, a 'teapot joint' will appear.
Read more