Posts tagged tools
Top 10 Web Design Resources Every Designer Should Know About
Feb 14th
Where would web designers be without the invaluable resources provided on the web for us? Design inspiration, stock photos, tutorials, fonts, freebies, brushes, textures … the list goes on. Take advantage of the resources and expertise other web designers offer for free! Here are 10 of my absolute favourites, in no particular order:
Design Meltdown (design inspiration)
Browse thousands of cataloged sites to get inspiration for your own web designs – invaluable for finding inspiration on specific design elements, styles, themes, or colours.
Scrnshots (design inspiration)
Browse screenshots of inspirational web design uploaded by other users or upload your own favourite designs. Very useful for finding inspiration about specific elements since you browse by tags and keywords.
Designer’s Toolbox (design resources)
Provides many miscellaneous design and print resources, including PSDs of HTML form and browser elements for realistic design mock-ups.
Stock Xchng (stock photos)
One of the best free stock photo sites; Stock Exchange provides thousands of super high-quality stock photos for FREE for both personal and commercial use.
Smashing Magazine (interactive design blog)
The most well-known web design blog out there, Smashing Magazine provides TONS of information, resources, tutorials, and tips from industry professionals. Try to soak up as much of their expertise as you possibly can.
DaFont (free fonts)
Browse their huge selection of free fonts to spice up your design. They make it easy to find a specific type of font since you can browse by theme, name, or search for keywords!
Blind Text Generator (dummy text)
Generates highly-customizable dummy text (lorem ipsum) for use in the text areas of your design.
Type Tester (css font comparison)
Preview different web-safe fonts to see what they will look like on the screen and customize the different CSS font options.
Color Scheme Designer (colour palettes)
Highly-customize colour palette generator which allows you to also preview what the colour scheme could look like on a web page.
Design Resources Search Engine (design search engine)
This search engine has endless usefulness – it allows you to do a Google search but only on the selected design-related websites. Great for finding tutorials, resources, and blogs.
What are YOUR favourite web design resources? Comment and let us know!
If you liked this post, you might also like…
Firebug is every web developers friend
Jan 29th

Have you ever built an HTML page and styled it thinking it was going to look like the mock up you created just to view it on a web browser and find out that you have block elements going places you never thought possible. This is the point where the browser leaves you wondering “WHY IS THAT THING OVER THERE!”.
Luckily there is a tool out there that can help you see whats actually going on and that tool is called Firebug. Firebug is a plugin for Firefox and can help a ton when debugging or styling a webpage. It gives you a visual of whats going on by hovering over elements. I also use it to optimize my CSS. Sometimes you might have way to many statements telling your <p> tags to do the same thing. That can lead to a bunch of unnecessary code that increases the size of your css files.
Download and install Firebug. Trust me it helps.
The “Ipad” – What do you think?
Jan 29th
There has been mixed emotions about the new Apple Ipad – we want to know what you think! Good? bad? 
Click “Comment” (or scroll down) to leave your thoughts, we want to hear from you!