Web Design Resources
More free resources to help you with your next web design project!
Free Stock Photography
-
Pixel Perfect Digital
Free Stock Photos, Backgrounds and Textures with Creative Commons Attribution Licensing.
-
Stock Vault
Stockvault's sole purpose is to collect and archive medium and high resolution photographs that designers and students can share and use for their personal and non-commercial design work.
-
MorgueFile
Free images for your inspiration, reference and use in your creative work, be it commercial or not!
-
Open Photo
OpenPhoto is a high-quality photo sharing platform created in 1998. Our primary audience are artists,
developers, teachers and students. OpenPhoto contributors offer their images for free under terms of
Creative Commons licensing.
-
Image*After
Large online free photo collection. You can download and use any image or texture from our site and use it in your own work, either personal or commercial.
-
Free Seamless Textures
We have a growing collection of seamless textures, background and patterns for your web and graphic design projects!
-
Web Templates
-
Designs by Darren
Download free XHTML/CSS web design templates. Easy to update. PSD files included. Creative Commons License.
-
Free CSS Templates
All of our templates are free for any personal or commercial use (provided you follow the license) so you do not have to pay us anything to use them. All we ask is that you link back to our website.
-
Styleshout
This site offers a collection of quality free CSS-based website templates and a list of useful resources which will help you learn CSS and improve your web design skills.
-
Open Source Web Design
A site where you can download free web design templates and share yours with others.
CSS Frameworks
-
960 Grid System
The 960 Grid System is an effort to streamline web development workflow by providing commonly used dimensions, based on a width of 960 pixels. There are two variants: 12 and 16 columns, which can be used separately or in tandem.
-
Blueprint
Blueprint is a CSS framework, which aims to cut down on your development time. It gives you a solid foundation to build your project on top of, with an easy-to-use grid, sensible typography, useful plugins, and even a stylesheet for printing.
-
YAML (Yet Another Multicolumn Layout)
A modular CSS framework for truly flexible, accessible and responsive websites.YAML is tested and supported in major modern browsers like Chrome, Firefox, Opera, Safari and Internet Explorer.
-
1140px Grid System
The 1140 grid fits perfectly into a 1280 monitor. On smaller monitors it becomes fluid and adapts to the width of the browser.
-
Semantic Grid System
Set column and gutter widths, choose the number of columns, and switch between pixels and percentages.
All without any .grid_x classes in your markup. Oh, and did we mention it's responsive?
-
Fluid Baseline Grid
The Fluid Baseline Grid System is an HTML5 & CSS3 development kit that provides a solid foundation to quickly design websites with ease.