20 Must See HTML5 And CSS3 Tutorials

Here we are presenting another precise and useful collection of 20 cool HTML5 and CSS3 tutorials for you. Tutorials are the best on hands training and this is the reason why we all search for the latest tutorials to stay up to date with the latest changes.

Below, we have listed 20 tutorials on CSS3 and HTML5 and these tutorials will help you understand what you can achieve with CSS3 and HTML5. Do let us know what you think about this compilation via comment section below. Further, if we have missed some really cool and useful tutorials then drop us a line and we will add them in our next collection. Enjoy!

How to Create an Upload Form using jQuery, CSS3 and HTML5

( Demo | Download )

Create Fluid Layouts with HTML5 and CSS3

( Demo | Download )

Create the Illusion of Stacked Elements with CSS3 Pseudo-Elements

( Demo | Download )

Apple-like Login Form with CSS 3D Transforms

( Demo | Download )

Highlight Search Text in Search Result

• Download sample

Introduction

In search engines we often see the text/string we are searching for comes highlighted in the search result. In this article we will learn how to highlight the search text in search result.

(Image:1)

Background

Before going through this article you should have basic knowledge in C# , ASP.NET Gridview Control and how to use template field in Gridview.

Creating Calculator using HTML,CSS and JavaScript

Introduction

In this trick, we are going to create a calculator. We need to create a basic structure using HTML, style it using CSS and make it work using JavaScript.

Let's Start

Create an HTML Document

How to Create a Responsive Website in About 15 Minutes

The buzz around responsive design has been going on for several months now, and a lot of websites are already responsive, or underway. You know what that means? Today I will teach you how to create a responsive website.

If you follow 1WD on Facebook or Twitter, then you already know that we’re already preparing for an explosive design, which includes being responsive. Watch out for it!

• Tutorial Level: Beginner
• Skills Required: Basic knowledge in HTML and CSS
• Completion Time: Approximately 15 minutes
• Warning: this tutorial is targeted towards beginners, but it can also be for designers and developers who want to have fun!

By the end of this quick tutorial about responsive design, you will already be on your way to web stardom, and by that I mean you’ll be ready to convert and create responsive websites!

Are you ready? Show me your war faces! Roaaar!

Preparing for the Responsive Website Tutorial

I promised that it will only take about 15 minutes to create a responsive website, and I will hold true to my words. Only, we shall start slow and small. We will start by creating a simple single-page website. Cool? Okay!