15 Websites All Web Developers And Designers Should Know

Web designers and developers have the difficult task of creating web applications. It is not enough to design the pages and create and implement a layout. There are other aspects to consider, such as performance. What about having some awesome tools to make your web developer life easier? I have compiled a must-read list for you.

 

kuler

Adobe® Kuler™ is a web-hosted application that allows you to generate color themes that can inspire any project. With Kuler you can explore, create and share color themes.

 

 

Stripe Generator

Stripe Generator is a tool that lets you tweak a bunch of settings to produce the stripes that you need for your own Web 2.0 application.

 

 

 

BgPatterns

BgPatterns is a tiny web application for making background patterns. It offers a collection of repeatable patterns for website backgrounds. Switch patterns, change pattern opacity, customize color, choose canvas, rotate and scale patterns, customize pattern location and more.

 

Ajaxload

AjaxLoad is a website that allows you to customize the colors of your rotating loading image. This generator only has one rotating image for now, but you can assign any background and foreground HTML colors to it and render it right there on the page. Then you can save your creation as an animated GIF file to be used on your site.

 

CSS Compressor

CSS Compressor is an utility that allows you to compress your CSS to increase loading speed and save on bandwidth as well.

 

 

 

Javascript Compressor

Javascript Compressor is a free online javascript compression tool. It also allows you to easily obfuscate your javascript code.

 

 

 

Yahoo! Smush.it

Smush.it uses optimization techniques specific to image format to remove unnecessary bytes from image files. It is a “lossless” tool, which means it optimizes the images without changing their look or visual quality.

 

CSS Sprite Generator

CSS sprites are a way to reduce the number of HTTP requests made for image resources referenced by your site. By using this technique, the performance of your website will increase. CSS Sprite Generator is a tool for generating image sprites and CSS for your web site.

 

ScriptSrc.net

Tired of hunting down the script tag for the latest version of your Javascript Library of choice? By using this tool you will get the latest version of the script tag for the Javascript library of your choice.

 

 

favicon.ico Generator

favicon.cc is a tool to create favicon.ico icons, that are displayed in the address bar of the web browsers.

 

 

 

Lipsum Generator

Lorem Ipsum is the name given to the dummy text used to demonstrate the graphics elements of a document or visual presentation, such as font, typography, and layout. To generate text, select a unit (paragraphs, words, bytes or lists) and type a length.

 

test everything!

Test Everything incorporates over 100 useful website checkers and validators, throughout 8 different categories, all in one place! The categories vary from HTML and CSS validators to SEO, Network, Image and Text tools.

 

 

Browsershots

With Browsershots you can view screenshots of your website as it displays in different browsers. It lets you choose your screen size, color depth, JavaScript and Flash settings. You can select different versions of each browser as well as different operating systems.

 

Pingdom Tools

This tools allows you to test the load time of a web page. Simply enter a URL to test the load time of all elements on that page and click on the “Test Now” button.

 

 

10 Minute Mail

10 Minute Mail is a service that offers free email addresses that last for only 10 minutes. This is perfect for forums and signing up for sites that you think will sell your email address. 10 Minute Mail does not require any registration and does not force you to use a password.

 

What do you think about these tools?  Do you know another useful tool for web designers and developers? Please share your thoughts in the comments section.

web, web tools, websites