HTML5 Category: CSS
HTML5 
HTML5 How to create Animate Text with SVG and CSS
In this tutorial we going to create a Animate Text with SVG and CSS . Every one want something unique in their website, some one go for clean design , some people prefer colorful and vivid design and some want animation and effects. In this tutorial we are using word “Codentricks” and will animate with […]
CSS Learn How To Create a Sticky Social Media Bar
In this tutorial, I am going to create a Sticky Social Media Clickable Button Bar using CSS without impacting website design and we I am not using any java script. One can use this code using bootstrap 3 or 4 , foundation or any other framework. Sticky Social Media Bar Screen shot <!DOCTYPE html> <html lang=”en”> […]
Bootstrap Make Parent Menu Items Clickable in Bootstrap 3 and 4
By default, Bootstrap parent menu is not clickable, its link only produces a dropdown menu where one can click sub menu’s link. But we can make it clickable using some lines of jQuery code , Adding a jQuery snippet give below will make your parent menu items clickable again! jQuery(‘.dropdown-toggle’).click(function() { if(jQuery(window).width < 960){ var […]
CSS Changing Bootstrap Navbar Breakpoint for version 3.1
If your bootstrap navbar’s number of link is not cover under breakpoint 768px then we can change its breakpoint like 1280px , 1920 and so on. But always remember css for bootstrap 3.1 ,boostrap 4 and bootstrap 2 is different so if you ignore this then face problem like on click automatically close of navbar. […]
CSS Make a YouTube video responsive with CSS
YouTube is world’s most popular video streaming site, so if you have a responsive website and want to embed a youtube video on a page , you can just do using youtube embed code but it will not going to support your smart phone , simply its not responsive, In this video I am going […]
Javascript How to make a BMI Calculator using Pure Javascript
Today I am going to use pure Javascript to make a web application called BMI Calculator which measures BMI (Body Mass Index). BMI : According to Wikipedia The BMI is an attempt to quantify the amount of tissue mass (muscle, fat, and bone) in an individual, and then categorize that person as underweight, normal weight, […]
CSS Install Bootstrap SASS, compass on Windows and Linux (Ubuntu)
Installing SASS on windows / Linux (Ubuntu) and generating CSS file using Compass’s command compass watch is an easy way to design websites. For this we have to install Ruby and its gem(like plugins) called compass but if you want to play with bootstrap then have to install gem bootstrap-sass. We can Install for windows, […]
CSS HTML FORM tutorial with CSS based Example
FORMS are used to pass data to a server and contain input elements like text, check box, radio, button, submit, reset, password. A form is incomplete with out input box . Data sent to server through forms using input elements and executed on the server.Lets have a example of a form <form action=”name.php” method=”post”> <input […]
CSS Simple Link Hover Effect using CSS Tutorial
Are you bored with custom link colors and want to give a new look to your links with new colors and effect then you come to right place, in this tutorial I am going to share how to make a link hover effect. Structure : you have to place this simple Code in you HTML […]