Animated Indian flag in pure Css, No Image, No Js.

Animated Indian flag in pure Css, No Image, No Js

I recently posted myntra logo in pure CSS and I got a lot of positive feedback on how I created without using a single piece of an image.

I decided to create another post to celebrate 67th Republic Day of India to explain how I managed to create animated Indian flag in pure CSS. I promise no image or javascript will be harmed during this experiment. lets get started ..

Continue reading...

Form validation in pure css

The new css3 specification two css selectors :valid and :invalid. These are basically a pseudo-class which can work together with the form input element . Suppose you have an input element to check if a user types something correct or wrong. For checking, you only need to use html5 required attribute. Now with the :valid/:invalid selector you can edit the color of an input field so the user knows if it is correct or wrong.

Continue reading...

Facebook Like Reaction System

Reaction. Make your like more expressive, as not everything in life is likable.

On mouse over the “like” button, users can now see five more animated emoji with a default “Like” emoji. So say hello to new reactions “love,” “haha,” “wow,” “sad,” and “angry”.

In this tutorial, we’ll implement Reaction blueprint Using css3 and jQuery. We’ll not integrate any server side part. Means there will not be any ajax call.

Continue reading...