Form Validation Using HTML5 Form Attributes, CSS3 Animation And Box Shadow

Form Validation Using HTML5 Form Attributes, CSS3 Animation And Box Shadow

In this post, I will be discussing some new html5 form elements and making form validate with CSS3 Animation. In my previous post on CSS3 Animation we have seen Animation using CSS3 Gradient. But in this post we will create animation using another awesome CSS3 property the ‘box-shadow’. About Box...
Creating Responsive HTML5 Page Using Media Queries

Creating Responsive HTML5 Page Using Media Queries

In this tutorial, I will be creating responsive web page using HTML5 page that was done in previous HTML5 post on Creating HTML5 page with CSS3. About Responsive Web Page Responsive Web Page is a page that responds to the screen size, platform and orientation which helps user to easily...
Creatively clever logos set 2

Creatively clever logos set 2

Well here’s the second creatively clever set of logos and I have even added few One letter clever logos. Thanks for appreciating my first creatively clever logo set. I hope you will enjoy this set of creatively clever logos too. Mother & Child Designed by: Herb Lubalin Logo for Mother...
Latest entries
Inspirational Websites Set 4 Containing Fresh and Latest Sites

Inspirational Websites Set 4 Containing Fresh and Latest Sites

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 on O2 | Broadband

Review on O2 | Broadband

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...
Inspirational Websites Set 3 Containing Fresh and Latest Sites

Inspirational Websites Set 3 Containing Fresh and Latest Sites

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...
Inspirational Websites Set 2 With Latest Vertical Parallax Scrolling Technique

Inspirational Websites Set 2 With Latest Vertical Parallax Scrolling Technique

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...
HTML5 Canvas Image Slider using jQuery

HTML5 Canvas Image Slider using jQuery

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...
Creating CSS3 Animation using CSS3 Gradient and background-clip:text

Creating CSS3 Animation using CSS3 Gradient and background-clip:text

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...
Understanding CSS3 Gradients and Examples of CSS3 Gradient Backgrounds

Understanding CSS3 Gradients and Examples of CSS3 Gradient Backgrounds

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...
Creating HTML5 page with CSS3

Creating HTML5 page with CSS3

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...
CSS3 Image Rack Part 2

CSS3 Image Rack Part 2

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...
CSS3 Image Rack Part 1

CSS3 Image Rack Part 1

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...
Inspirational Websites Set 1

Inspirational Websites Set 1

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,...

CSS3 @font-face rule

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...