Last week we received a request for this tutorial from our reader Mike, so here it is.
It is a template for a hotel/motel or a relevant business website.
We published a Photoshop tutorial to design a hotel template about a month ago. And we also published its download-able PSD. But then our Webmaster decided get to married and take a big leave. And that’s why I couldn’t publish the HTML tutorial, as it is our webmaster who makes the online demo.
You know the recipe to create a perfect modern website? You start with a dough of HTML5, then you add CSS3 sauch, in the end garnish it with a bit of jQuery and you got yourself a tasty website.
But sadly these three things are very new in the market and we haven’t yet learned to use them properly. Designzzz is playing its part to get you HTML5 literate, I myself have been jumping on these new trends in my tutorials. Today instead of a web design, I decided to share some of the best HTML5 CSS3 tutorials I have seen in the previous months.
This is an excellent minimalist portfolio template for designers and photographers.
About a year ago we published a tutorial to create an attractive portfolio web template and a week later we published it’s PSD Download, but we never published its HTML CSS tutorial, that’s because we weren’t focusing much on web design in those days.
Last month one of our readers requested HTML5 CSS3 tutorial of this template. I told our reader that I will publish his requested tutorial by 24th Feb… Yes, I’m more than a month late!! but not really, it wasn’t my fault. Our webmaster suddenly decided to get married (silly guy) and he is the only one who can include a “demo” in a tutorial. So my apologies everybody, I had this tutorial ready a month ago, but when a man decides to get married and go to honeymoon, you can’t do anything about it.
This is the homepage of an app development agency. Since creative programming is their speaciality, their homepage provides an inspiration for web developers.
I just loved their CSS3 and jQuery tricks. You should also take a look. The best thingy I liked on this page is a “scroll to top” feature.
Today I have decided to jump into jQuery a little bit, so this time, we won’t just create a featured area but a complete featured slideshow. If you like this idea, we’ll carry on including a bit of jQuery here and there regularly.
This is the last tutorial of Real Estate Template series. As our regular readers know that we always make a series of articles, in the first we publish a Photoshop tutorial, in the second article we present the download file and in the last article, we publish the HTML CSS tutorial. The articles of web design series are published every Friday.
Other Articles in the Series
This is another one of those single page web design, but not an ordinary one. I loved how the hovering objects slide on a different pace than the content. This is a jeweler’s website designed excellently and coded using HTML5, CSS3 and jQuery.
This is a website that uses HTML5, CSS3 and no JavaScript for any kind of dynamics or graphics. I was looking for a site like this for quite a time for your coding inspiration. This site renders superbly and doesn’t need any user’s system resources.
On a side note, I loved the inspirational stories I read here. I think you should also read them.
Last Friday we offered free download of the Jewelry Web Design Template and the Friday before that, we published the Photoshop tutorial for designing a jeweler’s website. Today is the time for HTML CSS tutorial. By following this, you can easily code this website to perfection. It also includes a simple JavaScript slideshow.
Jeweler’s sites require dark backgrounds, sharp colors, quality stock photos and large size jewelry display. This layout has all these specifications.
Previous Posts:
I was overthrown by looking at their design and their HTML5 and CSS3 coding… goodness me they have done a fine job. This is is a site of a software house kind of a thing, they provide services of design and development.
The design illustrations of the web design are so cool… but that wasn’t enough for them so they added supreme level HTML5, CSS3 and garnished it with extensive jQuery. I just loved it, I think you will also.
Sponsors
