In any web application, JQuery and CSS have become important for making an interactive user interface. Today we will use a little bit of CSS and JQuery for adding the Zoom effect on Image. Using this effect image size will increase or zoom when the user will hover on the[...]
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 the number of mobile devices increasing rapidly so the use of the internet moves on mobile devices and so we are moving our website in a Responsive layout which is compatible with all mobile devices as well as desktop. So when we move our website in[...]
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's "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 situations, we required to hide some HTML elements like any DIV, p tag, span tag, etc. So for hiding these HTML 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[...]
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[...]