Any web designer or web developer have its own favorite list with most used tools to enhance the productivity, in special when the rates are paid per hour. In past, anyone was thinking at a “tool” like at a software installed in computer, but today, the online medium contain such great tools what should be in any web designer toolbox. This article contain a round up of 20 Useful websites and tools for web designers and developers. We are open to suggestions. If you know a similar tool, then feel free to share it using the commenting form.
Unblock Websites
This is a simple proxy websites that allows you to see what your designs and website changes looks like without have to clear cache. This is very useful when you are working with an ISP with strong internet cache. I personally prefer to have the website opened in a separate windows and that makes it easy for me to visualize my changes once I make them.
The eCommerce Guide
This eCommerce Book impartially covers all the important topics from choosing a platform to marketing, mobile eCommerce and logistics. This book will teach how to get started choosing an ecommerce platform, getting started with ecommerce marketing, how to choose an ecommerce web hosting, how to track & measure stats and growth, types of payment gateways, introduction to mobile ecommerce (this is priceless information and my tops pick from the chapters), how to set up 3rd party selling, the tidbits of legal side of ecommerce, logistics & administration, the future of ecommerce, glossary and resources and some invaluable experts advice from top ecommerce experts worldwide.
Wordmark.it
Preview words with the fonts installed on your computer. Great tool when you are developing website templates and try to chose the proper heading fonts. You can enter your own text for previews.
0to255.com
0to255 is a simple tool that helps web designers find variations of any color. Perfect for hovers, borders, gradients, and more.
Screenqueri.es
Screenqueri.es is a Pixel Perfect Tool to test your Responsive Design / Media Queries. Select from Pre-defined Screen Resolutions OR Drag Screen Handles To Go With Your Custom Screen Resolutions.
Icomoon
IcoMoon is a package of flat, vector icons along with a font generator. Using this font generator, you can make a custom icon font that has icons as its glyphs.
CSS Button Generator
CSS Button Generator will create beautiful css buttons for you to use on your web pages without the need for any images. When you have styled your button to your liking, simply click on the generated button to get your css style code.
jQuery Slick Wrap
jQSlickWrap is a plugin for jQuery which enables you to easily and accurately wrap your text around the content of floated images.
Support details
Get your client computer full configuration, useful for testing possible errors while developing.
Grid Calculator
A simple tool for web and print designers to calculate your grids. Download your grid as illustrator or photoshop files with a pre-made guides ready to go.
Drop Mocks
DropMocks is the easiest way to create and share beautiful image galleries online.
Golden ratio calculator
There are two scenarios the calculator is designed for. The first is that you have a column with a certain width (perhaps to achieve a nice word:line ratio). You wish to find a matching column. Type in the width and use the left side, which gives you both a smaller and larger column.
Colorzilla – Gradient editor
A powerful Photoshop-like CSS gradient editor.
Snippi
A super awesome snippet tool. Paste, annotate, share.
Prevue.it
It’s a simple and elegant tool that allows you to upload and share your work. It’s used by designers, studios and freelance creatives all over the world to privately share work with clients.
Place hold it
A quick and simple image placeholder service. How does it work? Just put your image size after our URL and you’ll get a placeholder.
Color image pallete
Upload an image to generate a color palette based on the image’s primary colors. Useful for quickly grabbing a particular color within an image for inspiration.
Subtle Patterns
Free textures and patterns for your next web and graphic project.
Custom Ajax preloaders
Most popular AJAX loading GIF and APNG spinners, bars and 3D animations generator.
Sprite Cow
Sprite Cow helps you get the background-position, width and height of sprites within a spritesheet as a nice bit of copyable css. Automated spritesheet generators are pretty cool, but I prefer the control over optimisation and compression you get by making them manually.
Internet Connection Speed test
Test your Internet connection bandwidth to locations around the world with this interactive broadband speed test.
10 Minute Email
Temporary disposable e-mail service to beat spam. Avoid spam with a free secure e-mail address.
