Blank Themes, Frameworks and Templates: Resources to Speed Up Your Development Time

As a designer, anything that you can do to make more efficient use of your time will ultimately increase your productivity. When you’re starting a new design you probably do many of the same tasks over and over again to build the foundation of the site. I’d like to point out a number of resources that others have created to streamline the process and give you a starting point that can save you some time.

CSS frameworks are of course popular for this purpose, and there are a number of different frameworks available. However, outside of the typical framework choices there are some other great resources including skeleton templates that will simply give you a starting point for your design that you can style in any way you like.

Additionally, for WordPress designers/developers there are a few different blank themes that you can download. These themes will include the standard WordPress files and the coding to have a functional site (which can save you a few hours) but they’ll leave the styling up to you.

UPDATE: We recently launched a gallery site to showcase the best blog designs for your inspiration – Blog Design Heroes.

Blank HTML/CSS Templates

Dyanamic Drive

Dynamic Drive provides a large number of CSS layouts, including two column, three column, fixed width, liquid layouts, and CSS frames.

Code Sucks

Code Sucks offers over 90 free CSS layouts. There are over 50 fixed width layouts and over 40 faux column layouts.

Code Sucks

Layout Gala

Layout Gala has 40 CSS layouts to choose from. You can download them individually or as a pack.

Layout Gala

CSS Creator

CSS Creator is a little bit different from the others. Rather than providing blank templates, you will enter the details that you want and it will create the code for the layout.

CSS Creator

Blank WordPress Themes

Whiteboard

Whiteboard is a free WordPress theme framework. It contains all the necessary tags and files, plus a little bit extra. Unfortunately there is no demo available on the site. I’ve downloaded it and it really does give you a blank theme with just the basics (see image below).

Whiteboard

Starkers

Elliot Jay Stocks has created the Starkers theme with no formatting whatsoever, just the basic WordPress coding. Again, there is no demo available on the site, but you can refer the image below to see it in action.

Starkers

Naked

Unlike Starkers, Naked does contain some very basic formatting. You may prefer it one way or another, so try them out and see what works best for you.

Sandbox

The Sandbox is a powerful tool available for WordPress theme designers and developers. The Sandbox can be easily designed just with CSS, so beginners will feel comfortable not bothering with PHP.” You can see a live demo of Sandbox at plaintext.org.

Sandbox

Starter Theme

WPCandy has released the Starter Theme. It is not an out-of-the-box usable theme. From the words of the creator, “This isn’t a framework, and it’s not intended to work as a theme right out of the box. Rather, it’s a basic template that I can paste right into without worrying about typing out the loop and standard header.php information every time I create a theme.”

CSS Frameworks

YAML

Yet Another Multi-Column Layout (YAML) “is an (X)HTML/CSS framework for creating modern and flexible floated layouts. The structure is extremely versatile in its programming and absolutely accessible for end users.”

YUI Grids CSS

YUI Grids CSS from Yahoo! “offers four preset page widths, six preset templates, and the ability to stack and nest subdivided regions of two, three, or four columns. The 4kb file provides over 1000 page layout combinations.”

Blueprint

Google’s Blueprint “is a CSS framework, which aims to cut down on your CSS development time. It gives you a solid CSS foundation to build your project on top of, with an easy-to-use grid, sensible typography, and even a stylesheet for printing.”

What Do You Use?

If you’ve used any of these themes/templates/frameworks please share your thoughts in the comments.

For more design/development resources and tutorials see:

0 shares
Stephen Snell is the owner and editor of Vandelay Design, a popular design blog.
  1. August 20, 2008

    Thanks for sharing! If you’re interested in another WordPress Starer Theme, check out the following:

    http://wpcandy.com/articles/the-wordpress-starter-theme-project.html

  2. August 20, 2008

    Michael,
    The starter theme is already mentioned in the post (just before the frameworks).

  3. August 20, 2008

    Woops, my bad! You can delete these comments if you need to.

  4. Steven Snell
    August 20, 2008

    No problem Michael, just didn’t want you to think I missed you.

  5. August 21, 2008

    For the record: blueprint is not written by Google. Hosted at Google Code, yes, but not written by Google.

  6. August 21, 2008

    http://960.gs/

    I’ve not tried many, but I quite like this one.

  7. August 21, 2008

    Oh, and while technically not a framework/template, I always use Eric Meyer’s reset css as a starting point.

  8. Pingback: Delicious Bookmarks for August 20th through August 21st | styl.eti.me

  9. August 21, 2008

    Hsiu,
    You’re right. Sorry if that was unclear in the post.

  10. August 21, 2008

    I have been a fan or YUI CSS stuff for a while.

  11. August 21, 2008

    Re. WordPress starter themes: Technically any WordPress theme is a starter theme—if it’s the Parent of a WordPress Child Theme. I wrote a little about this in How I used a WordPress Child Theme To Redesign My Blog The Smart Way.

  12. August 21, 2008

    Wow, what a great list of resources! I especially like the CSS layouts. Thanks Steven!

  13. August 21, 2008

    you rock Steven! Thanks for these. I need to check some of these out.

  14. August 21, 2008

    CSS templates work like a charm and cut sooo much time down on those those little things like: body { margin: 0;} Awesome list. Thanks!

  15. August 21, 2008

    The elements framework is quite good.
    http://elements.projectdesigns.org/

  16. Ian
    August 21, 2008

    I’ve written a sandbox wordpress theme that’s been SEO’d

  17. Ian
    August 21, 2008

    Oops forgot the URL http://ianpurton.com/seo-wordpress-sandbox-theme/

  18. August 21, 2008

    There’s also the Thematic WordPress Theme Framework.

  19. August 21, 2008

    This post is amazing, id say im confident with css but just started using wordpres these naked styles will be awesome as i get used to coding wordpress these, Great thanks.

  20. roto
    August 21, 2008

    Very nice resource, Steven. Thanks a ton.

    Thanks for NOT mentioning Template Monster. 😉

  21. Pingback: Blank Themes, Frameworks and Templates - DesignersTalk

  22. Steven Snell
    August 21, 2008

    Ian,
    I wouldn’t say that any theme is a starter theme. Yes, any theme can be customized and changed in just about any way you like, but these starter themes are built specifically with the purpose of others styling and customizing them. They won’t be used as is… Now I read your comment more carefully and saw the if. In that case I guess I can agree, I’m really not all that familiar with parent/child themes.

  23. Pingback: vBharat.com » Blank Themes, Frameworks and Templates: Resources to Speed Up Your Development Time

  24. Pingback: Scott Brenner | links for 2008-08-21

  25. Pingback: links for 2008-08-22 - Alessandro Baffa.it

  26. Pingback: WordPress Weekend Resources - August 22, 2008 | Theme Lab

  27. Pingback: WEB STREET - 作業効率をよくする為のHTML・CSSテンプレート

  28. August 22, 2008

    Great post, I will definitely be bookmarking this and using it in the future.

    I use the 960 grid system (http://960.gs), on most of my projects. I really like the simplicity of it and it’s ease of use.

  29. Pingback: Ethan’s Blog » Blog Archive » Tired

  30. August 23, 2008

    very nice post.thanks a lot Steven:)

    Ronald

  31. Pingback: Resources to Speed Up Your Development Time | WhiteSandsDigital.com

  32. August 25, 2008

    Great post!! Just what I have been looking for to help me build out my layouts quicker, Thanks Steve!

  33. Pingback: 使用 CSS 製作網頁有捷徑 - J Solutions Blog

  34. Pingback: andy.edmonds.be › links for 2008-08-26

  35. Pingback: The Burgeoning Openly Owned Web » links for 2008-08-26

  36. Pingback: nerdd.net | news and opinion

  37. August 30, 2008

    Great links! I knew about a few of these but you showed a few more I haven’t seen. Thanks!

  38. August 30, 2008

    Found 1 more framework source for your list:

    http://www.intensivstation.ch/en/templates/

  39. Pingback: Websites You Shouldn´’t Have Missed in August

  40. Pingback: » links for 2008-08-31

  41. Pingback: S A N D E E P [ I N D I A N I C ] » Blog Archive » Websites You Shouldn’t Have Missed in August 2008

  42. Pingback: Kr

  43. September 1, 2008

    This is a great list of resources. I’ve been researching around a lot lately looking for a good tutorial on how to design a wordpress theme from scratch so this will be very useful. Thank you very much!

  44. Pingback: rss blog » Blog Archive » Websites You Shouldn’t Have Missed in August 2008

  45. Pingback: Websites You Shouldn’t Have Missed in August 2008 | POLPDESIGN

  46. Pingback: Technology Story» Blog Archive » Website You Shouldn’t Have Missed

  47. Pingback: Themes, SEO and Consulting in One Day - LGR Webmaster Blog

  48. September 30, 2008

    Great list. It’s extremely useful to me as a beginner to search for a plain CSS template for WP. Thanks once again ^^;

  49. Harry
    October 23, 2008

    Hi,
    I was going to use the the blank theme from texto.de. But since I dont speak German, thats not such a great idea, so I’m very glad to find the links you have here.

    Harry

  50. Pingback: » links for 2008-09-01 | Paul Cowles

  51. November 24, 2008

    hey how i use css templates

  52. December 22, 2008

    Blueprint CSS is not by Google.

  53. Pingback: 20 Expert Wordpress Tips for Pro-Developers | StylizedWeb.com

  54. Pingback: The Ultimate Wordpress Theme Developer List - Webitect

  55. Pingback: Photoshop to WordPress: A Basic Guide | Randa Clay Design

  56. Pingback: The Ultimate Wordpress Theme Developer List « Webitect Theme Contest

  57. Pingback: Macplus » Blog Archive » Blank Themes, Frameworks and Templates: Resources to Speed Up Your Development Time

  58. July 16, 2009

    Thanks a million. As an inexperienced freelancer, I am thrilled by the availability of these valuable resources.
    Your whole site is a treasure trove.

  59. July 16, 2009

    gypsie,
    Thanks for the feedback. I’m glad you find the site to be useful.

  60. Pingback: 5 Habits to Help You Complete Your Project in Record Time - Webitect

  61. Pingback: 5 Habits to Help You Complete Your Project in Record Time «

  62. Pingback: Build a Wordpress Theme Stylesheet | The Gift Colony Online

  63. October 13, 2009

    Hey its really great theme and template. Will surely follow it on my website soon. Thanks for sharing

  64. Steveorevo
    December 3, 2009

    There is also a set of 6 basic WordPress ‘blank’ themes that address compatibility issues with older browsers, a nice commented CSS file and a ‘cheat sheet’ that illustrates navigating the whole WordPress elements and how to style ’em.

    http://www.themedreamer.com/bft

  65. December 8, 2010

    Bertrand Russell~ Guy needs for his happiness not merely the satisfaction of this or that but hope and enterprise and change.

  66. May 12, 2011

    I am not much of an online reader in all honesty however your sites great, keep writing! I’ll go ahead and bookmark your website to come back down the road. Good luck

  67. May 19, 2011

    This is a excellent posting. I am so happy the on-line world still has decent written content.

  68. May 31, 2011

    I know this if off topic but I’m looking into starting my own weblog and was curious what all is required to get setup? I’m assuming having a blog like yours would cost a pretty penny? I’m not very web smart so I’m not 100% positive. Any suggestions or advice would be greatly appreciated. Many thanks

Leave a Reply

Your email address will not be published. Required fields are marked *

7 Photoshop Tutorials for Creating Album Covers