In this set there are lot of unique parallax technique sites with creatively crafted layouts. Few are just beautiful layouts with neat detailing and some are absolutely experimental high design techniques. So let’s start with the inspiring sites. Here we go, Vlog Vlog is an absolutely awesome experiment on SVG created by Marco Rosella. Vlog...
Review is the new category I thought of adding to the site. As there are lot more things related to design but in some cases a bit off-topic and hence came up with reviews section. My first review is about O2 a leading provider of mobile services to consumers and businesses in the UK. About...
This set contains latest sites with fresh and unique techniques for designing layouts. I have even included few sites created using CSS3 Media Queries, for understanding how to create a site using media queries you can check my previous post. So let’s start with the inspiring sites. Here we go, Lipton Ice Tea Lipton’s latest...
Another set of fresh and creative sites after my first set on inspirational websites. Well there are lot of creative sites which I will be adding in later posts but since the latest trend now is vertical parallax scrolling. Below are some fresh and creative websites having latest vertical parallax scrolling technique. Parallax is a...
In my previous HTML5 post, I have created a semantic HTML5 Layout which had lot of new semantic elements of HTML5. In this post, I will be creating image slider using HTML5 Canvas element and jQuery. Before starting with the image slider, let us understand Canvas Element. As per whatwg, The canvas element provides scripts...
Another awesome feature of CSS3 is Animation which is not yet fully compatible with all browsers, only webkit browser like Chrome support it and Firefox 5 also support it partially. Now CSS3 allows us to create animations, which was generally done with JavaScript. This will create masking effect on text similar to css mask which...
In this article, I will explain you in detail about CSS3 Gradients and I will even add few backgrounds created by just using CSS3 Gradients. Understanding CSS3 Gradients As we all know, Gradients are basically a type of image which smoothly fades from one color to other. As per W3C , A gradient is an...
In this tutorial, I will be creating web page using HTML5 with its new markups or tags and CSS3 with its features as mentioned in previous CSS3 posts so far. Introduction Starting with the HTML page, as we all know that HTML has evolved a lot from normal HTML page to advance XHTML page. During...
Following on from our previous post of CSS3 Image Rack Part 1 I have come up with CSS3 Image Rack Part 2. As discussed in part 1, I have added lot of new features in part 2 which I will be going through in detail. To start with lets check our part 1 code for html5...
As we have learned in our previous posts about CSS3 Gradient and other CSS3 stuffs. In this post, I will show you more advance and interesting way of using CSS3 Gradient and we will learn new CSS3 features too. I have created two parts for CSS3 Image Rack which will make it easier for you...
We all love to see the freshness and creativeness in the website and I am not an exception. In-fact I get inspired by all the fresh and creative sites increasing the quality of website standards day by day. I have listed my first set of 2011 websites which are creative and fresh. Here we go,...
Following on from the change selection color of text using ::selection pseudo-element of CSS3 I have come up with yet another exiting CSS3 feature the CSS3 @font-face rule. We as web designers know that when we create beautiful heading and contents in photoshop with beautiful fonts mostly while converting layout to html we need to...