BlogmyQuery – BMQ

For years you have been searching for it. You hear the question being asked in your dreams as you go on an Indiana-Jones-type-crusade to find the answer. When the answer comes to you, you know that the confetti will fall from the ceiling and the band will start playing your favorite song. You might even get a kiss from that special someone. So what is this question?

What is the secret to Web design?

A tough question and one that might not have an answer. In 2006, Oliver Reichenstein wrote Web Design is 95% Typography. Some people loved it, others were not so amused. If Web design was based that much on typography, then what was the point of learning anything else? All you needed to do is understand the elements of typography and you were good to go.

Of course typography doesn’t mean font selection. With the advent of @font-face and services such as Typekit, Webtype, Fontdeck, and Google Web fonts, your skills in typography won’t improve. You can easily create wonderful designs with one font for the rest of your life if you choose to—they had to do it centuries ago and they didn’t have Photoshop sticking things to guides for them. If anything, more font selection will make things worse for you because creativity and beauty become hard to achieves when more options are given to us.

More toys means more fun though, right? If you want to go that route, then by all means go for it. I love to look at the different fonts being used and admire anyone that can successfully pull off using newer fonts for the Web. However, I’ve seen too many times what can happen when development options are given to the masses, and it isn’t pretty (re: Myspace). Instead of having a user agreement it would be cool if Typekit made you read a book on typography before you could begin using a font—the Web would improve tenfold, if that was the case.

I’m not being sarcastic, saying that is all you need to know for a majority of websites. Try going through all of the Web designs that you love, strip out the images and ask yourself “how would that website look with just text and spacing?”. When designers say “text is the interface”, they really do mean it. The iA site is a great example of that.

Information Architects is based around strong typography.

One of my all time favorite designs is A Working Library. The site is a showcase of text being the interface. The spacing is just right and the typography is on point.

A Working Library by Mandy Brown.

Some people find design like this to be dull and boring, they feel that design should have more pop to it. At the end of the day some extra visual flair might be what separates your design from the rest, but you need to get the first 95% down. The website that you are reading this article on now has done a wonderful job of presenting a visual design that isn’t reliant on images to be beautiful.

Well That Isn’t Hard

It’s possible to create a wonderful design without the use of images at all. I know that sounds crazy, but it is possible. I’m not saying it should be done, but if we can create elegance simply with typography and white space, then why shouldn’t we be able to create greatness when we start throwing in images, videos and other effects?

With the use of images I’m not talking about images that are needed to represent something such as icons, but images that are there for flare. Sometimes a picture is worth at least ten better words than any word you could use, so it’s better to go with an image (but you still need to consider using white space with it).

Here are two more examples of beautiful websites that place a heavy emphasis on typography to control the design. The first is Blake Allen Design and the second is The Harriet Series (both use images to represent their typography, but you get the point).

Blake Allen Design uses images, but with great typography.

The Harriet Series by OkayType.

What makes the two designs above so interesting to me is that the typography not only guides you along a journey, but it does so with personality. You almost feel as if the typography is an expression of the person that designed it. Blake Allen uses Helvetica which gives the website a Swiss, clean and structured personality. On the opposite side of the spectrum, the Harriet Series website is a bit more playful and experimental—there is beauty in the organized chaos that the typography creates.

For 99% of the designs out there, typography and white space are going to be your underlying foundation. So if you can’t get them right, then the rest of your design has nothing to stand on. Stop worrying about the pop of your design and first worry about how it will stand tall. Once you get that down then you can begin to dress it up.

Clear is a very simple to do list application for iOS devices. While the majority of the excitement around it are the gestures used to control the interface, you will notice that the typography does enough to get out of the way and allow you to enjoy the application. Sure it is nothing more than Helvetica, but what if it was Comic Sans and had bad spacing all around? Great typography doesn’t have to stand out in a good way, but that doesn’t mean it should do enough harm when it stands out in a negative way, either.

Typography In Other Disciplines

Art of the Menu is a great website on menu design.

The Art of the Menu does a great job of showing the importance of typography in menu design. While a lot of restaurants like to add images and illustrations to their menus to give them a bit more pizzaz, they fail in providing a decent typographical structure that allows you to easily browse through the menu.

If you are a designer you have no excuse to say you can’t come up with a decent design. When you create a design that lacks a strong foundation, anything else you add to it is just going to make it worse. Too many designers attempt to save their designs with fluff without understanding they are pouring gasoline onto the fire. If a design is not enjoyable to read then it is not an enjoyable experience, no matter how many images, colors or sounds you decide to add to it.

Looking to understand typography a little bit better? Not too long ago Smashing Magazine did a comprehensive overview of some wonderful typography tools and resources.

(jvb)

© Paul Scrivens for Smashing Magazine, 2012.

As consumers, there are a lot of different products that companies want us to purchase or get into. When you’re in a position to make one choice amongst many products, there is a need for it to stick out; you need to be swayed. Companies do this through things like features and pricing; is it what you need? or is it in your budget? Many times, all the features and prices can be relatively similar, so what do people turn to? The design.

Design is important not just because it can make what you’re selling look better, but often times because it gives us a sneak peek into what’s in store. The purchase of an album or a movie ticket is no different. If you’re looking for a good movie or album, you’re often taking a look at the related artwork.

Though an unfortunate truth about movie and television artwork, as well as album artwork, is sometimes it can be a bit over done. Most times, it’s your first impression, so typically production companies want to cram in as much as possible–or either they’re completely off. Either way, after you listen or you watch you have an idea of what you just consumed; it’s either the same or very different.

The Artwork

What would happen if you just stripped down movie posters and album artwork to what it really is or could be? What if one decided to pick one thing to single out and used that as the artwork? Well, fortunately we don’t have to ask as many designers have done so. Below are some of our favorite minimalist movie posters and album artwork; some are clever, and some are just the essentials.

For added fun, as you scroll, stop at the title of the work and try to imagine what you would use as the design then scroll to the picture and see what you get. It’s very fun to see how people strip down different things.

True Blood by Albert Exergian

Batman by RCrosby93

The Simpsons by Albert Exergian

The Help by Nelos

Radiohead’s “The Bends” by Danix54

Sex and the City by Albert Exergian

Slumdog Millionaire by ThreeProngs

Superman by Haden Yale

Roger Water’s “Amused to Death” by Abrickinthewall

Titanic by Pedro Vidotto

Teenage Mutant Ninja Turtles by Ahrima13

Alice in Wonderland by Rowan Stocks-Moore

The Avengers by William Henry

From Dusk Till Dawn by Grilherme Grecu

Fight Club by Pedro Vidotto

Juno by Theckboom

Forrest Gump by Pedro Vidotto

Hangover by Cameron X. Coleman

Home Alone by Backstothewall

Jay-Z’s “Blueprint 3″ by Minimal Album Artwork

Kill Bill Vol. 1 by Ibraheem Youssef

Captain America by Marko Manev

Pulp Fiction by by Ibraheem Youssef

The Shawshank Redemption by Nick Tassone

Shutter Island by Kenzo Giunto

The Social Network by Kairon Sarri

Coldplay’s “Fix You (Single)” by Ty Lattau

REM’s “In Time: The Best of R.E.M., 1988-2003″ by Mr. Brocklehurst

Pink Floyd’s “Dark Side of the Moon” by Ty Lattau

The Beatles’ “Abbey Road” by Abrickinthewall

Nirvana’s “Nevermind” by Ty Lattau

AC/DC’s “Back in Black” by Ty Lattau

System of a Down’s “Mesmerize” by Chris Siegle

Wall-E by Tom Cross

Wolverine by Marko Manev

Your Turn

Did you play along when scrolling? Pick three titles from above and let us know what you would have designed in our comments. Everyone has different ideas, so share yours!

(rb)

With the growing number of HTML5 tutorials available to help designers and developers get a better handle on this language, it can get a bit tricky sorting through them to find what you are truly looking for. And as the capabilities of this language expand, it is important to keep up with the many ways to harness the full power of HTML5. Today, we hope to help you on that journey.

Below is a collection of handy HTML5 tutorials and resources that will teach you the basic ins and outs of the language, along with many, much more specific techniques. Take a look down through them and start boning up on HTML5!

Learn the Basics

What is HTML5? Infographic covers what it is, and why it’s useful. It also goes into where it’s supported. While not technically a tutorial, this is still a helpful resource to keep on hand.

HTML5 Tutorial.com is a great place for beginners to get their feet wet. The site is set up for those who have little to no knowledge of the language, and promises to get them ready to write and edit a site by hand.

HTML5 for Web Developers is an awesome work in progress, that is written with web developers in mind (cutting out the unnecessary vendor specific bits of the spec). Comprehensive and growing, this HTML5 specification is fantastic for beginners or those looking to refresh.

HTML5 Doctor is a site that anyone looking to sharpen their skills should know about. Their article archive alone is like an entire course on HTML5 and worth your while to take a look through.

HTML5 Pocket Book is just that. A short and sweet intro into the language. This printable fold-up pocket guide is a good cheat sheet of sorts for beginners to keep handy.

Getting Specific

Toying With the HTML5 File System API is a tutorial that explores this new element of HTML5, and the basics of this new API. Going over the most common file system tasks.

Have A Field Day With HTML5 Forms seeks to make you share the author’s love of using HTML5 to create much needed web forms. With the aid of some CSS techniques, you will have a fully styled and ready to use form in your arsenal.

Cross-Browser HTML5 Placeholder Text is a tutorial that will allow you to use HTML5 to fill any unfocused sections of your forms to have placeholder text. For browsers where this is not supported yet, there is a jQuery fallback in place.

Code a Backwards Compatible, One Page Portfolio with HTML5 and CSS3 is a solid tutorial that will teach you the basics of this sort of build. While it is built using HTML5 and CSS3, it takes older browsers and their lack of support into consideration.

How To Build A Real-Time Commenting System is a nifty tutorial that will take you through using HTML5 to craft a commenting system that works with users in real-time, adding that fluidity and freshness to your site.

Design & Code a Cool iPhone App Website in HTML5 is not just for someone looking to promote an app, though that is where it is aimed. The tutorial will take the user through constructing a promotional site using HTML5 and a bit of style in CSS3.

How HTML5 Aids Mobile Financial App Development explains many of the new tags that are available in the language for building financial based applications.

HTML5 localStorage is divided into four parts and seeks to break down and fully explain the specifics of this aspect of the language. For those who do not know much about HTML5 localStorage, or those looking to know more, this is a great place to turn.

Add HTML5 video to your site will give you the tools to embed vids into your pages without having to rely on plugins or anything but your code. Again, there are fallbacks in place with this system for older browsers (flash based).

Touch The Future: Create An Elegant Website With HTML5 And CSS3 offers readers a brief overview of both languages before diving into a well structured tutorial that will have you building your own site by the end.

A Non-Responsive Approach to Building Cross-Device Webapps is a well thought out approach to serving up device specific builds, without simply using media queries to accomplish a purely aesthetic rearrangement of web elements.

HTML5 File Uploads with jQuery is a useful tutorial that uses the new HTML5 API’s to facilitate a jQuery based ‘upload center’ with drag and drop capabilities.

Create Vector Masks using the HTML5 Canvas teaches users to use the handy canvas tag in HTML5 with a bit of clipping to help shape more stylish images for your site.

Build your own HTML5 3D engine once again uses HTML5′s canvas tag, though this time with a little bit of Javascript to fashion a 3D rendering engine.

HTML5 Grayscale Image Hover offers users the means to dynamically clone colors within an image to turn it into grayscale, without an image editor. Instead, once again, HTML5′s canvas tag plays along with jQuery to make this happen.

“Mobifying” Your HTML5 Site is a tutorial that is dedicated to keeping your website mobile ready, and using HTML5 to get you there. With the focus on mobile ready these days, this tutorial might just hold the solutions you have been looking for.

Build your First Game with HTML5 calls on the power of Box2D and the ever-awesome canvas tag in HTML5 to craft a playable app.

Making a Beautiful HTML5 Portfolio uses both the Quicksand plugin, and the power of jQuery to build this stylish HTML5 based site to display your works.

All For Now

That is all on this end, folks, but that doesn’t mean the road ends here. We know there are more tutorials out there, and some thoughts that you may have on the ones we have shared. So take a moment and leave us a comment telling or directing us to the tutorials that really stand out to you.

(rb)

Just this spring, Apple revealed that more than 25 billion apps have been downloaded from its App Store. Add to that the 10 billion Android Market downloads announced at the end of 2011, and you’re looking at more than 35 billion apps downloaded cumulatively across both platforms. Clearly, consumers love their smartphones and the mobile apps they can get on them – but they can’t love all the apps.

With over a million different apps on the market, the competition is fierce. So unless you’re Facebook and pretty much guaranteed a ubiquitous presence on smartphones everywhere, you have to figure out how to make your app stand out. Having the next big idea might do it, but with the marketplace so saturated, that’s becoming increasingly difficult to do. New competitors are instead focusing on improving or redesigning existing ideas to make a better app.

One of the most effective ways of getting an app to stand out should be obvious, and yet many app developers don’t spend nearly enough time on it: creative design. What an app looks like is the first aspect people notice about it – even before they download it, and certainly before they test it out and see how it functions. That initial visual impression affects the entire user experience and will likely determine the ultimate success of an app.

If you’re doubtful, just look at Apple. Many people don’t realize that, despite now being a leader in the industry, Apple was actually not the first company to provide a mobile operating system or mobile apps. Before iOS, there were the likes of Palm OS, Symbian, Windows CE, and BlackBerry OS. And yet, like with almost everything else, Apple quickly surpassed the competition in the mobile market. In large part, this was because iOS simply looked better.

It set completely new standards for the role of creative design in the mobile app user experience arena; something that has always been one of the most basic foundations for all Apple products and services. And successful app developers have been smart to take a cue from the giant whose platform they’re building on. If you take a closer look at some of the top apps, you’ll see they tend to follow three general guidelines:

Forget Web Design

Mobile design comes with its own set of rules and expectations, so when you’re designing for mobile, don’t let the standards of web design dictate what you do. Sure, you should maintain consistency of look-and-feel across devices and stick to brand standards, but you also need to keep in mind conventions that have been established for mobile operating systems.

A great example is how Southwest adapted its website to the iPhone. The mobile app incorporates design elements from the site, but has clearly been created to provide the optimal user experience on a smartphone:

Keep it Simple

One of the biggest trends in mobile app design today is simplicity. Clean, intuitive interfaces that are easy to navigate and don’t try to be flashy. “Less is more� is not a cliché in mobile app design, but a standard.

One of the best examples of this is the incredibly successful Instagram, which combined a great idea with a simple, easy-to-use design and intuitive functionality. Many new apps are doing the same thing, regardless of industry. Two examples are the XFINITY TV and Medi-Weightloss Clinics apps below.

Make it Fun

Have you ever heard someone say they don’t like fun? For mobile apps, this means incorporating things like bright colors, cool textures, 3D effects, fun buttons, and any of a thousand other options. And no, simple and fun are not mutually exclusive as long as you don’t go overboard.

Just take a look at Yelp, Groupon, and Wunderlist – all popular apps that take advantage of interesting creative design elements while keeping the overall interface clean and simple:

As long as you keep your audience in mind, you can even forgo a bit of simplicity to make an app more exciting. Like when it comes to a drinking app. Take Brewski Me for example: every single design element – from background texture, to fonts, to buttons – took into account the preferences and interests of the target audience. It’s fun and flashy, but without compromising the simplicity or intuitiveness of the interface. There’s a reason it won the 2011 Best Beer App award.

For people outside of the app design process, User Experience (UX), a.k.a., how the app controls in the user’s hands, can seem a little nebulous. What exactly does it entail? Where does UX end and UI (user interface) begin? Do they ever cross over?

While they are two different disciplines, they are absolutely intertwined. UX defines the userflow and functionality of the product, while the UI is all about what visuals you see while using the app.

Some additional apps that do a great job of giving users an intuitive UX coupled with a stunning UI are:

Clear

UX Highlights: Simple list of to-dos, gesture-based clearing of items, pull-down to add a new feature, pull-up to clear a finished list, and pinch to move through menu hierarchy.

UI Highlights: Bold, gorgeous colors. Beautiful chiming animations make you feel accomplished and keep you smiling. Vibrations upon choices give that little extra punch that you’ve completed something monumental. The usage of color coding to indicate priority is coupled with the work-as-you-expect it movement of items. Add in the different theme options, which grow as you install different applications on your device, and Clear is the end-all, be-all of to-do lists.

Path

UX Highlights: The springy menu at the bottom left, housing all of your action items, takes the place of the typical TabBar seen in most applications. Also the left-side slide-out navigation, which houses details about your user account is reminiscent of Facebook, but that’s okay because we think perhaps Facebook’s Timeline feature may have borrowed a thing or two from Path’s.

UI Highlights: Aside from the gorgeous graphics, all of the animations, interactions, textures, structure of information, loading bars and even the typing experience makes it easy to use. The parallax scrolling on the Timeline is particular mesmerizing.

Miso

UX Highlights: With a TabBar at the top, Miso sets itself apart, but keeps important information always in a users view. The simple grid view for popular shows lets you find data quickly, and interior pages are laid out in an easy to understand fashion. The Check-In & Rate screens are some of the most straight-forward, intuitive around.

UI Highlights: Using a dark interface, perfect for not bugging other viewers around you, coupled with tiny little animation touches, Miso makes for a great viewing experience. Pull to Refresh unleashes a rainbow of fun!

Tweetbot

UX Highlights: The account view pop-over allows for super-quick switching between accounts, great for experienced Twitter users. A slide-down sub-menu for each tweet makes replying or retweeting a pleasure. The custom icon bar at the bottom of a new tweet makes adding tags, photos even easier. By far the best Twitter application available.

UI Highlights: Everything? From the subtle textures used on the buttons and navigation bars, to the plethora of indicator sounds that let you know what the app is doing, Tweetbot is the sort of application you love to use – just because it’s so much fun.

Nevus

UX Highlights: The most important features of a skin care app – what the UV Index is and when you need to reapply sunscreen, are given center stage. The Skin Record feature is intuitive, fun, with a straight-foward “compare to a pennyâ€� feature to track size. Password protecting skin records is a nice added feature.

UI Highlights: Simple, clean colors work well in the sunlight and communicate effectively. The design of the Skin Record chart is particularly straightforward, while attractive.

Yahoo! TimeTraveler

UX Highlights: The card-style destination city chooser is simple and effective. The spinning “duration� picker is a lot of fun to play with. Top navigation floats above content but is always available for users to utilize.

UI Highlights: Animations on the aforementioned card-style destination city choose is flawless. Beautiful colors and buttons lets the app feel like Yahoo!, but very distinct as well. Informational rows are clean, while giving you plenty of room between each stop to facilitate reading.

Just Landed

UX Highlights: Quick interface lets you enter the flight number, then tells you how when you should leave to pick up your passengers on time. All of this without any muss, or fuss. Just to the point.

UI Highlights: Clean and stunning interface. From clever little animations of turbines spinning to the distinctive time meter indicating how long until you should leave to the beautiful illustrations beneath each airport, this app makes you want to always volunteer to pick up friends when they arrive!

Day One

UX Highlights: Simple interface shows you what you’ve done and gives you access to everything. Concise list views and a simple writing interface.

UI Highlights: The epitome of clean. Nothing superfluous, only solid colors and subtle suggestions. The sounds make this app a stunner.

Readability

UX Highlights: Big, bold rows, with menu items hidden at the top so they don’t get in the way of reading. Controls for changing text-size are unique and intuitive. Layout of reading page is uncluttered and pristine.

UI Highlights: A classic style, with subtle textures and slight values of brown keep this app warm and inviting. From the subtle fade on the font-slider to the choice Hoefler & Frere-Jones fonts throughout, this app is the best way to read content on a consistent basis.

Dropbox

UX Highlights: Human Interface Guideline is friendly all the way. They keep it simple and it works.

UI Highlights: Custom illustrators for each of the sections before you’ve added anything into the mix. Clean use of icons and the strength to remain reserved when other uploading applications go overboard with visuals.

TuneIn

UX Highlights: Easy to understand icons and straight forward usage of the list view. Layout of the radio station page is great, with many features right at your fingertips.

UI Highlights: Use of warm colors coupled with dark backgrounds and navigation draws the eye directly where it needs to go.

Flipboard

UX Highlights: From the now-classic grid-interface for news consumption, to the pull-down menubar, Flipboard gives you a high-level view of news & information. The “flip-up� paradigm with the interface is useful and entertaining. Keeping text in navigation elements to a minimum means you pay attention to the content instead.

UI Highlights: The moving images when you launch the application coupled with the clean, narrow fonts lets you know this app means business. Inside, the off-white background is easy on the eyes, while the usage of bold, vibrant photographs engage readers. Beautiful tutorial overlays add wonderful polish.

OkCupid

UX Highlights: The slide-up drawer TabBar is a fantastic way to handle multiple options. Large, easy to follow rows and layout make browsing simple. Photo gallery is intuitive and quick.

UI Highlights: Great loading animations, calming, comforting colors (nice to have in a dating app), with a clean, distinctive interface.

Stamped

UX Highlights: The color gradient picker for choosing your stamp color stands out as particularly amazing. The large new stamp button in the TabBar is to-the-point, and the simple icon-based filter works flawlessly with its pop-over tool tip.

UI Highlights: Subtle shades of white and gray, with splashes of color where they are needed. The large, narrow font helps Stamped stand out from most other check-in apps. Great animations and tons of style.

The Fancy

UX Highlights: A simple, elegant design that puts an emphasis on ease of navigation. Tapping the menu button in the upper left-hand corner of the screen will bring up a list of options. The browse button splits all ‘Fancied’ items into categories.

UI Highlights: Pleasant light blue and white theme. A selection of products can be purchased directly through the app’s effortless process.

To Conclude

The key with creative design is not to go overboard. The size of mobile screens ensures that every element counts, no matter how tiny. To make an app successful, each one of those elements has to be both beautiful and useful. What are your thoughts on the mobile app user experience? What are some of your favorite mobile apps that fit these criteria?

(rb)

Professionally designed and neatly coded templates always make life easier for developers, not only because they save time, but also for the effort they save. Since web development is an ever expanding field, it is important for developers to keep their work up to date with the latest changes. HTML5 and CSS3 templates are there to make your websites future proof and make them even more accessible.

In this round up, we are presenting a brilliant collection of some fresh and free HTML5 and CSS3 templates that you can download today. With these templates, you can also learn how to code your websites in HTML5 and CSS3. So, enjoy looking into this collection we have compiled for you.

The Templates

Template for Powerful Business Startup ( Demo | Download )
The visually pleasing layout is the first thing that catches the attention when you look at this theme, but it’s certainly not the last. Along with cool graphic elements and hand-written typography, this free website template will provide you with the functionality you need for a good start for your online business.

Animated Neoarts ( Demo | Download )
This is a modern and elegantly designed web template suitable for Design/Studio websites. All-in-One page with an animated theme.

Vintage – HTML Template ( Demo | Download )
This is a responsive blog template that comes with a retro touch. You can use this template for a stylish portfolio.

Template for Restaurant Business ( Demo | Download )
This free website template features an attractive and functional design, which is important for attracting visitors’ attention and making the time they spend at your site pleasant. Geared towards a restaurant, this high-grade theme comes with a stylish layout in an elegant color scheme, with a jQuery slider, and a nice gallery for the images you have.

Simpler ( Demo | Download )
As the name indicates, the template is relatively simpler than the other templates presented in this collection. It has a fixed layout which is made in HTML5.

Free Template for Spa Salon with Zoomer Effect ( Demo | Download )
If your business deals with offering a wide variety of beauty services, try this nicely done ready-made template for starting up your project. The pleasant color scheme turns out to be a good background for the wonderful images from your collection. The neatly arranged content blocks in the main part of the theme are intended to present all the necessary information in an effective way.

CSS3 Design One ( Demo | Download )
CSS3 Design One is a simple two column fixed width template, with a jQuery drop-down menu, jQuery image fader and working PHP contact form. It utilizes @font-face, and CSS3 rounded corners / text shadow.

Zen ( Demo | Download )
This free website template is best suited for the personal blog pages. The template has been designed by using HTML5 and looks visually appealing.

Template for Web Design Studio ( Demo | Download )
Though this theme can be used for many other purposes, it was primarily designed for web design studios. It is a user friendly and visually appealing web template.

Caja ( Demo | Download )
This creatively designed web template is ideal for those who want to make certain files available for download on their websites as well as want to showcase their work.

Scenic Photo Two ( Demo | Download )
Scenic Photo Two is a simple two column fixed width template, with a jQuery drop-down menu and scenic photographic background image. With a working PHP contact form, it utilizes lots of CSS3 features.

Watercolor ( Demo | Download )
This template comes with a fixed layout however you can choose from 4 different skins that are available. It is a friendly XHTML/CSS template.

Responsive Brownie ( Demo | Download )
A brilliant responsive HTML5 template aimed at businesses and portfolios.

Simple ( Demo | Download )
Simple is a neat and clean web template that offers more 7 page layouts, jQuery functionality, 2 Cufon fonts to choose from, loads of background patterns, as well as one sprite file image.

Immaculate 2 ( Demo | Download )
This free HTML5 website template is suitable for blogs and personal websites.

Folder ( Demo | Download )
This is a responsive HTML5 template that can be used with any device and browser size without any problem. This is an ideal template for creative showcases and businesses.

PhotoArtWork2 ( Demo | Download )
PhotoArtWork2 comes with 3 different image galleries, a jQuery drop down menu, as well as a functional PHP contact form. This template is suited for photography related and portfolios websites.

Left ( Demo | Download )
This web template is designed in HTML5 and offers more than 6 page layouts with a unique skin system that can create a new skin appearance within minutes.

PhotoArtWork2_reverse ( Demo | Download )
This is another version of PhotoArtWork2 that is a complete web template with easy to customize options.

Muro ( Demo | Download )
This is another brilliantly designed web template that comes with 3 different skins, 7 page layouts as well as jQuery functionality.

Torn ( Demo | Download )
Torn is an XHTML web template that offers 5 pre-defined skins and 7 page layouts along with jQuery functionality.

Template for Horse Club ( Demo | Download )
Horse Club is one of the free website templates created by the Template Monster team.

CSS3 Seascape Two ( Demo | Download )
This template offers a 2 column fixed width template with a jQuery drop down menu, image transitions and PHP contact form.

Photo Style Two ( Demo | Download )
Photo Style Two web template also offers a jQuery drop down menu, image fader and PHP contact form.

Template for Business Project ( Demo | Download )
If you want your website to look as efficient and professional as possible then you should opt for this free web template. It focuses on the main points of your business and highlight them to grab the attention of the visitors.

Connoisseur ( Demo | Download )
With this web template, you can easily set your website apart from your competitors. This free website template is suitable for all those websites that pertain to fine arts, cuisine, dining, etc.

More on Page Two

Many more templates await, over on page two. So head on over and check them out!