HTML/CSS

This project will teach you on how to image map using html. This is easy and simple project. Image mapping has the ability to hyperlink areas of the image to multiple destination. Just like my example, I have one image with with 6 boxes which contains different browser in each box. I set the coords of each box and link to it's preferred destination. The first 2 figures of the coords is the x, y

This project will teach you on how to set video as a background on your web page using HTML and CSS. It is important that you have knowledge in CSS so you can arrange your text, input field or whatever you want to include in your page properly. We have many CSS tutorials in sourcecodester that you can check out. Hope you learn from this.

This project will teach you on how to create a contact form using ajax. It is simple yet a very powerful system. It has a form validation which validates errors and form requirements and CAPTCHA to tell whether the user is human or not. Hope you learn from this.

You'll find six pre-built CSS classes that will apply the 3D effect in six different colors. You'll also find classes for five different font variations, served up via Google Fonts. To make it easier to add your own colors, I've added additional style sheets built with Sass and LESS. These use a mixin that only requires you to set a single color, from there the preprocessor takes care of the rest.

This will teach you on how to validate a form without Javascript. This is like other form validation but it is more easier and very cool. If there is an error in submitting, css pop up will display in each field input that has an error or did not meet the requirements. Hope you learn from this project.

This project will teach you on how to create a tooltip. I have here an example of where we can position tooltips. We can put it on the top, left, right, and in bottom. And also some notifications like system error, for information and warning. The "hint.css" is written as a pure CSS tooltip library which you can use to create cool tooltips for your site. Hope you will enjoy it

This project is a text effect with text shadow using CSS3. This is very useful in designing web page. In my example, I have there a blurry effect, glowing, flaming, outline effect. You can try this on your web page. This is very easy to create. Hope you like it.

This is an example of how to shape the div by setting the border-radius. You can make it rounded and in my example I have leaf like shape form. This is very easy to make. Hope you like this.

Simply move your mouse to right or left to pick green dots which will enlarge the stick and try to avoid red dots, it will dwingle the stick. best of luck

Today we will make the Google Doodle celebrating the 182nd birth aniversary of Eadweard J. Muybridge. But this will be without Javascript. Pure CSS3 animated logo.