16 Web Based Handy Web Designer Tools

Posted by | Posted in General, Web Graphic Design | Posted on 04-10-2008

If you're new here, you may want to subscribe to our RSS FEED. Thanks for visiting!

If you're new here, you may want to subscribe to my RSS feed. Thanks for visiting!

while designing and developing a website a web designer need to several tools to maximizing the effectiveness of the website. There are a wide range of different tools which is been presented here. Each of these tools is so important for a web designer.

  1. Web Page Analyzer Tool
    Web Page Analyzer Tool – This tool can be used to test the loading time of your web page. It gives a detailed report on how many objects and size of the objects on the page. These tools have several rating for each object like Green ratings is for good, Yellow for caution and Red for warnings.
  2. W3C CSS Validation Services
    W3C CSS Validation Services –
    This W3C CSS validation Service is a web based tool helps web designers to check Cascading Style Sheets(CSS) are validated. The CSS can be validated here by three ways one is typing the URL, second is by uploading the file and finally by inputting the direct CSS code in the input box.
  3. Browser compatibility testing tool
    Browser compatibility testing tool – By using Browsershots you can test your web designed pages in different browsers. As we all know the importance of checking the web pages with different multiple browsers. Browser compatibility testing is a critical element in the web development practice.
  4. Website Wireframe Tool
    Website Wireframe Tool –
    Wireframes are a basic visual guide for any web page layout design. Wireframe also allows maintaining design consistency throughout the site. Wireframes are very important part in the initial stage of the design process. Gliffy is a free web-based diagram editor. Gliffy free wireframe software makes it easy to create website wireframes and to share web mockups with anyone.
  5. Web color picker
    Web color picker - This color picker will help you fine tune the hex color codes for your web page. These color picker tools are great for exploring colors and color schemes for your web design project.
  6. Screen Resolutions Checker
    Screen Resolutions Checker – Quickly and easily test any Website in various Screen Resolutions! This tool allows you to check any web page in different screen resolutions. As web visitors uses different screen resolutions web designers need to check their web page design in different screen resolutions and make sure it looks in all of them.
  7. Dummy Text Generator
    Dummy Text Generator –
    A dummy text generator will come handy to any web designers because when they wait for the content. Web designers can use dummy text generators to fill up that space.
  8. CSS Menu Generator
    CSS Menu Generator - will generate both the CSS and the HTML code required to produce a text-based yet appealing set of navigation buttons. Menu generator makes it easy to create custom CSS menus without having to know all the complicated HTML and CSS
  9. Broken Link checker
    Broken Link checker –
    Use this tool to check for Broken Links on a website. Broken links are links that lead nowhere; Clicking on the link will show an error page.
  10. Browser size checker
    Browser size checker -
    A nifty online tool for setting your browser size while doingWeb design.
  11. Robot Control Code Generation Tool
    Robot Control Code Generation Tool –
    The only reason you might need to use a robots.txt file is if you want to prevent someone else from using this search engine to index your site
  12. Http header checker
    Http header checker - Check your server to make sure the proper HTTP Status Codes (200, 301, 302, 304, 307, 404, 410) are being returned in the server headers.
  13. URL rewriting tool
    URL rewriting tool - This tool helps you convert dynamic URLs into static looking html URLs.
  14. htaccess tool
    htaccess tool – These tools will create .htaccess and .htpasswd files for you, without having to build these manually.
  15. Rounded Corner and Gradient Generator
    Rounded Corner and Gradient Generator - This generates a basic box with rounded corners. It will create four image files and the necessary HTML and CSS code for you to put rounded corners around your content.
  16. Strip Generator
    Strip Generator lets you make your own comic strips. Users can even create their own Strip Blog, which combines the art of creating comic strips with blogging.

Comments (4)

  1. Thanks Thomson for the tips, your #9 and #10 really helped me. Another thing i wanted to know was a website that would give complete details on backlinks, everything on a domain. Thanks

    http://www.blograzy.com

  2. Thanks for the description about Gliffy! Let us know if there are features you’d like to see to enhance our use for wireframes,
    debik at gliffy dot com

  3. Thank you for the tips. #8 is very useful and without it, you can have problems indexing correctly on Google.

  4. #14 sure makes websites look better.

Post a comment


By TwitterIcon.com