Prototyping Tools

Gone are the days of creating paper prototypes – see ya paper and cardboard – now we have web apps and a short list of my 3 favorite prototyping tools!
prototyping tools
Omnigraffle: Great cross-platform software tool for creating wireframes, and comes with an iPad version for prototyping on the go. Only available for Mac.

ScratchPad: It hasn’t publicly launched yet, but this tool is sort of the Pinterest of web design tools. Anytime you visit a website where you like the way a button looks, or how a headline is styled, or a call-to-action is placed, you can clip those elements and store them. When you’re re-designing your website or making updates, you can look back at all the smart design decisions you liked.

Pencil: This is an open-source, cross-platform tool for website prototyping, including mobile prototypes.

Best Web Design Resources

This post continues to evolve and get better as we receive more input from our readers. Our Best Web Design Resources list covers high quality web design training, coding and HTML tips, CSS, JavaScript and more. The websites we list below – we trust and so do many others – consider them some of the best and definitive web design resources on the web.

Exploring the best web design resources and web development training can be daunting. Simply the sheer quantity of new methods and acronyms appearing every day could make it appear frightening and complicated, even if you’re an expert web developer, not to mention a beginner. Do not fret – assistance is at hand in the form of simple to understand, web design training resources on the internet.

There are lots of strategies to web design training – some paid, some free; some interactive, some not; some based upon text, others on video. What this means to you – your journey can be an uphill battle working out where to go and just what to learn.

To make things much easier for you, we’ve gathered what we think are the finest 20 web design training resources on the web. All have an excellent credibility and attribute direction and guidance from web design’s leading specialists. Most include a range of lessons covering a variety of levels, from newbie to advanced.

Enjoy…

From #1 to #5: Top Ranked Web Design Resources

I’ve recently had a chance to review the most popular web design resources. Ranking factors that were used are listed below each resource. The categories.

Publish Date: 07/20/2011 7:20

http://www.ittreats.com/others/web-2-0/from-1-to-5-top-ranked-web-design-resources.html

 

10 CSS Web Design Resources | Best Web Gallery – Flash Gallery

10 CSS Web Design Resources. Tables are like that annoying fly that won’t leave the room. Many web developers are still coding their html using tables. When will the fly leave the room?! CSS coded websites are high quality,

Publish Date: 07/20/2011 7:57

http://csschow.com/10-css-web-design-resources

 

7 Helpful Web Design Resources

Here are 7 Web Design / Development resources to help you gain more knowledge about web design and development. designfloat.com forums.digitalpoint.com www.pixel2life.com w3schools.com forums.devshed.com www.pixelgroovy.com webdevelopersfieldguide.co…

 

Free Open Source Web Design Resources

Web design resources are the heart and soul of the web designing industry and are use by web designers extensively.

Publish Date: 07/16/2011 0:30

http://iwebask.com/blog/2011/07/16/free-open-source-web-design-resources/

 

Create Your Own Image Search Engine

The best resources for adding images to your blog posts!

Image Search

A few weeks ago I discovered that it was taking me way too long to find the perfect image to go along with our blog posts. I set out to discover what others were doing and develop a system of my own that would act as my own “image search engine”. By combining a simple process and some great resources for images I have now cut my image search in half, which frees up my time to focus on other tasks.

I started with a great blog post by 10e20 author, Patrick Winfield titled: Rewind to Fundamentals: The 10 Best Ways to Find the Perfect Image for your Blog Post

In summary here are Paul’s ten best ways to find images…

  1. Subscription Based Stock Photography
  2. Creative Common Licenses
  3. Free Photo Sites
  4. National Parks Archives
  5. Public Libraries
  6. Agricultural Research Archives
  7. Public Domain
  8. Shoot Your Own Photos
  9. Draw Your Own Pictures
  10. Pull-Quotes

In each of the above categories there are links to relevant sites – I spent some time picking the ones I liked and compiled a list and began setting my bookmarks for easy reference. Using the sites mentioned in Paul’s post along with other image sites I was able to build a list of 25-30 sites that I now use on a regular basis. I encourage you to begin to develop your preferred image list to act as your own image search engine.