In any web application, JQuery and CSS have become important for making interactive user interface. Today we will use little bit of CSS and JQuery for adding Zoom effect on Image. Using this effect image size will increase or zoom when user will hover on image. Here we are using[...]
This tutorial will explain about to create fixed navigation bar minimizing on scroll down. When user scroll down then navigation bar will become fixed and the navigation bar will minimize in its size. This happened with just use of HTML and jQuery. What we will do in this tutorial? You[...]
Now as we know that number of mobile device increasing rapidly so the use of internet moves on mobile device and so we are moving our website in Responsive layout which is compatible with all mobile devices as well as desktop. So when we move our website in responsive design[...]
Responsive web design (also referred to as RWD) has become an indispensable part of web design - thanks to the need of making sites accessible across multiple devices. In fact, its popularity has exploded after the release of Google "mobile-friendly" update. While you may find plenty of responsive WordPress themes[...]
In this tutorial we will learn about Media Queries breakpoints in Responsive Web design. Media Queries breakpoints are an important rule or setting to create responsive design. The main goal of responsive we design to have a better user experience while browsing the site in any devices. So for setting[...]
In Some situation, we required to hide some HTML element like any DIV, p tag, span tag etc. So for hiding these element from HTML page, we use display:none and visibility:hidden. Both features is use to hide HTML element but main difference between these is to removing element from HTML[...]
This tutorial will demonstrate how to create fixed footer bar in html. Here we use simple HTML code to create fixed bar. This type of Sticky footer bar is very important when we need to show some main feature of website, some highlight or any notification because this sticky bar[...]
