ThemeLab's Blog

Stay up to date with our newest WordPress themes, WordPress plugins, WordPress tutorials, and other announcements.

Your Blazing App – Free XHTML/CSS Template

Last Updated on by

Michael Soriano of Fearless Flyer recently released a free PSD template called “Your Blazing App.” Like my Corporate Blue release (also designed by Soriano), I’ve also coded this one into XHTML/CSS for free download.

Your Blazing App screenshot

Download

Description

Like the Corporate Blue template, this layout consists of just a homepage. It’s designed for phone-related app website, but can be customized into a lot of other different uses. Here’s a description from the release page:

The layout itself is very modern. The page is housed in a beautiful etched container with very subtle textures. The large feature section showcases the “Apps” main message with large “call to action” buttons to get the viewers to instantly join.

There’s a blue ribbon separating the main section and the latest posts / sidebar. I imagined this to be an expanding area for categories and what not. Typically a little javascript should do this trick. The rest is pretty conventional, icons, typography, grid spacing and pixel perfect alignment.

I didn’t actually code the Javacsript part of the blue ribbon to make it expand, although the “Click here to expand” link is styled as a link so it shouldn’t be too difficult to integrate whatever Javascript you want.

Twitter Widget Compatible

I coded the Twitter list on the sidebar to easily integrate with their Javascript Twitter feed. I wrote more about this on my custom Twitter widget tutorial

With this template, pretty much all you have to do is place the following code at the end of your document (just before the closing body tag). Of course, you’ll have to replace the USERNAME with your actual Twitter username.

<script type="text/javascript" src="http://twitter.com/javascripts/blogger.js"></script>
<script type="text/javascript" src="http://twitter.com/statuses/user_timeline/USERNAME.json?callback=twitterCallback2&count=3"></script>

You’ll also want to empty out the sample content in there so it says something like the following:

<ul id="twitter_update_list"><li>Twitter feed loading</li></ul>

Want More HTML Templates?

I know Theme Lab is primarily known for WordPress themes, but I want to gauge interest to see if you’re interested in just XHTML/CSS templates. Would you be interested in more?

There are plenty of resources nowadays to get free PSD layouts, which means many potential coded templates here in the future.

I think examining the code of these (in my opinion, although I’m a little biased since I coded them) cleanly coded templates could in turn improve your overall WordPress coding skills. HTML and CSS is a major part of that.

Conclusion

I’d love to hear your thoughts in the comments. Oh and thanks once again to Michael of Fearless Flyer for designing the actual template!

  • Daniel

    I would like to turn this into a WordPress theme and we could distribute it together. Of course if you agree to GPL it :)

  • http://fearlessflyer.com michael soriano

    good job on the coding Leland. Much props.

  • http://lrastart.org/ Adam

    This is a really cool theme… I could use this somewhere.

  • http://www.sparringmind.com Gregory C.

    Too good to be free, simply awesome.

    • http://bintangweb.com Bintang

      You are right, Leland can easily sale it on themeforest for $30 and got tens selling.