30 Time Saving and Useful Web Site Resources for Designers and Developers

30 Time Saving and Useful Web Site Resources for Designers and Developers

Posted on by in Resources


There are so many free tools online today that help designers and developers do their work better, quicker and more efficient, but sometimes its not easy to find out which ones are the best and most useful.  You can find tools that will help with web typography, CSS generators to quickly create code to color pickers and pallete galleries.  As designers we shouldn’t ignore these helpful and time saving tools. Working smart helps keep us fresh and ready for future projects.

Today lets take a look at 30 Time Saving and Useful Web Site Resources for Designers and Developers.

Which of these have you used and liked?

Intelligencefont

Automatic Font Styling

Intelligence Font

WebInk

Typography site from Extensis that includes fonts from a various foundries for your website.

WebInk

Fillerati

Use paragraphs from literature as filler text instead of Lorem ipsum

Fillerati

WhatTheFont

Have you seen a font in use and want to know what it is? Submit an image to WhatTheFont to find the closest matches in our database.

What The Font?

CSS3 Sandbox

Has five different generators: linear gradients, radial gradients, text properties, box properties, and transforms.

CSS3 Sandbox

Smush.it

Optimization techniques specific to image format to remove unnecessary bytes from image files. It

Smush It

Color Palette Generator

This generator creates a color palette based on an image. Just enter any image URL and it will create two color schemes: dull and vibrant.

Color Palette Generator

Color Scheme Designer

Attractive and easy to use interface. Just select a color, the type of color scheme you want to create (mono, complement, triad, tetrad, analogic, or accented analogic) and then make adjustments.

Color Scheme Designer

RedMark

This site offers visual communication in just three simple steps between designers and clients. It is also possible for a client to find a particular designer they need to match their business.

Redmark

CSS3.0 Maker

Create a variety of CSS3 elements, including rounded corners, gradients, and shadows. You change properties using drop-downs and sliders, and it shows you a preview of what you’ve created.

CSS 3 Maker

Browser UI

Photoshop action that creates a browser window around any size document you can throw at it.

Browser UI

Defolio

Collaboration tool for sharing website designs with colleagues and clients. It handles version control and allows for visual comparison between versions

Defolio

Mockingbird

Mockingbird is an online tool that makes it easy for you to create, link together, preview, and share mockups of your website or application.

Mockingbird

Placehold.it

Format, Text, Color and Size – Quick and simple image placeholders.

Placehold.it

CSS Menu Maker

Custom, cross browser compatible website menus. Menu generator makes it easy to create custom CSS menus without having to know all the complicated HTML and CSS

CSS Menu Maker

WordPress Generator

Create your own unique simple, minimalist wordpress theme easily within minutes.

Wordpress Generator

Colorotate

View and create color schemes in 3D. Manipulate the color palette tool in 3 dimensions can lead to better understanding of how the colors in a palette relate to one another.

Colorotate

Spoon

Run desktop applications in the “cloud” with no installs, conflicts or dependencies such as .NET, Java nor AIR.  At home or on the road have any program at your disposal

Spoon

Buttonator

Generate a variety of buttons and get the css ready to be used in your websites

Buttonator

Stylevault

Design showcase where web designers can show off their talents and get inspiration as well as giving it.

Style Vault

Pixlr

High powered Online Image editor. Edit, adjust and filter your images

Pixlr

Stripemania

Create striped backgrounds and textures in seconds with this online editor

Stripemania

CSS3 Generator v1.6

Generate various CSS3 effects  and use the code immediately

CSS3 Generator

Entitifier

Clean up your text from Word, take out the extra useless code and characters and use in in HTML.

Entitifier

Are my sites up?

Website monitors your websites and if they go down, you will be notified right away

Are My Sites Up

Nice Tables

Create and generate the HTML for nicely laid out and effective tables

Nice Tables

Browser Shots

Browsershots makes screenshots of your web design in different operating systems and browsers.

Browser Shots

Tiny Bounce

Save a screenshot of an image, create notes for feedback on it, and then send the link to others.

Tiny Bounce

Google Font Preview

Helpful to try out fonts before embedding them in your website.

Google Font Preview

Button Maker

Simple to use button maker lets you create custom CSS3 buttons with gradients.

Button Maker

4 Responses to “30 Time Saving and Useful Web Site Resources for Designers and Developers”

  1. [...] This post was mentioned on Twitter by Mike Lane, Beverly Brewer, Akira Maruyama/丸山 章, Vu Nguyen, H.F.Kais and others. H.F.Kais said: 이런건 어디서 다 찾아오시는지 늘 감사할 뿐입니다. RT @hyunwook: 디자이너와 개발자를 위한 30가지 시간을 절약시켜 주는 유용한 웹사이트와 리소스입니다. http://fb.me/xqXXrlA6 [...]

  2. 30 Time Saving and Useful Web Site Resources for Designers and Developers…

    As designers we shouldn’t ignore these helpful and time saving tools. Working smart helps keep us fresh and ready for future projects. Today lets take a look at 30 Time Saving and Useful Web Site Resources for Designers and Developers….

  3. DTX Studios

    12. Nov, 2010

    Wow.. Amazing collection of tools. Thanks for share. Great work.

    [Reply]

  4. [...] 30 Time Saving and Useful Web Site Resources for Designers and … [...]

Leave a Reply