Wireframing is one of the best parts of starting a new web design project. You have a blank canvas and you are allowed to let your creativity rein free. Your design may eventually be spoiled by the clients added input… but for that short time …
Anyway, today’s post is a collection of useful resources for web design wireframing, prototyping and mockups. There are templates for, possibly every browser in every size, there are form and button templates for all browsers and a hell of a lot more.
You can download from a choice of Safari (MAC OSX), Firefox (MAC OSX, Win XP and Vista) and IE (Win XP and Vista) in almost every possible screen resolution: 465×320, 625×440, 849×608, 1105×800 and 1425×1040.
All of these free Photoshop browser templates come in 1024×768 pixels and 800×600 pixels size s. You can also choose from a wide range of browsers: Firefox, Safari, Camino, IE, Opera and even Netscape (!).
This site offers a huge collection of web and interface stencils for Omnigraffle, a quick page-layout and website mockup tool. You can download Omnigraffle here: .
The Yahoo! Design Stencil Kit is by far and away the most complete mockup package in this post. Downloads are available for OmniGraffle, Visio (XML), Adobe Illustrator (PDF and SVG), and Adobe Photoshop (PNG).
You might also like…
10 Completely Free Wireframe and Mockup Applications »
10 Online Tools and Apps to Help Optimize and Format CSS »
CSS References, Tutorials, Cheat Sheets, Conversion Tables and Short Codes »
The Blueprint CSS Framework – Tutorials, How-to Guides and Tools »
50 Essential Web Typography Tutorials, Tips, Guides and Best Practices »
50 Useful Tools and Generators for Easy CSS Development »
20+ Resources and Tutorials for Creative Forms using CSS »
24 CSS (in some cases with jQuery) Navigation and Menu Tutorials »
22 CSS Button Styling Tutorials and Techniques »