Posts Tagged With 'css3'

18 Useful CSS3 Gradient Generator Tools

18 Useful CSS3 Gradient Generator Tools

These are the best CSS3 gradient generator tools available on internet. All of them are free!

Over 90% of the business websites in the world use gradients in their designs.
Not just business websites, almost all websites have used gradients in their designing.

So web designers create gradients very often… but this is no easy job. Sometimes it creates more than an hour just to finalize one gradient for one tiny button.

To help you reduce that work, I’ve made a list of these tools. They will help you create modern good looking css3 gradients in no time. Enjoy!

How to Create a Stylish Hotel Website – PSD to HTML

How to Create a Stylish Hotel Website – PSD to HTML

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.

25 HTML5 CSS3 Tutorials with a Hint of jQuery

25 HTML5 CSS3 Tutorials with a Hint of jQuery

You know the recipe to create a perfect modern website? You start with a dough of HTML5, then you add CSS3 sauce, 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.

Coding an Attractive Portfolio Web Design using HTML5 and CSS3

Coding an Attractive Portfolio Web Design using HTML5 and CSS3

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.

PSD to HTML5 CSS3 of Real Estate Template

PSD to HTML5 CSS3 of Real Estate Template

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

Ekso Bionics – Inspirational Site Without jQuery

Ekso Bionics – Inspirational Site Without 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.

Easily Coding a Jeweler’s Website to HTML5 CSS3 from PSD

Easily Coding a Jeweler’s Website to HTML5 CSS3 from PSD

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: