The jQuery coverflow plug-in The coverflow plug-in, which is based on jQuery, is an easy way for creating coverflow in your website for the photographs, professional work presentation like web design, or other documents that can be viewed by using…
Demos and Full Guide
The parallax effect on any element Earlier, I have covered two jQuery plug-ins for creating parallax effect with images only. The text is used as the foreground to the background images in parallax plug-in. In this tutorial, the jQuery parallax plug-in…
Demos and Full Guide
Applying the CSS gradient transition by jQuery in background The Gradientify plug-in can be used for creating smooth CSS gradients based on an array of pre-defined colors. The colors are specified with RGB values. You may specify the angle of gradient,…
Demos and Full Guide
Scrolling text vertically by jQuery The vertical scrolling of text can be used for purposes like news or press release scrolling. You may use it for scrolling the updates about the website or newly added features etc. By using jQuery.scrollText…
Demos and Full Guide
Changing color smoothly on scroll using jQuery In this post, I am going to share a jQuery plug-in that can be used for changing the color upon scrolling of the web page. It is a light-weight plug-in that is the only…
Demos and Full Guide
The jQuery file upload plug-in In this tutorial, I am going to share a nice plug-in for uploading files that uses a jQuery. If you are using jQuery and your project is based on Bootstrap then it is really a…
Demos and Full Guide
Changing Bootstrap modal size properties In order to increase or decrease the modal window height and width properties of Bootstrap, you need to get the modal related classes and use desired values either in the <style> section or in your…
Demos and Full Guide
The Bootstrap container and container-fluid classes For developing a web project in Bootstrap framework, you need to specify a containing element that houses the Bootstrap grid system. The grid system is used to define the layout of the web pages…
Demos and Full Guide
The glyph icons in Bootstrap If you are using Bootstrap CSS in your web project then you may use glyphicons without referring any other CSS file. The glyph icons are the part of it. However, you have to manage the…
Demos and Full Guide
Adding tooltips in icons In the Bootstrap tooltip tutorial, I have shown you creating tooltips over buttons, links, input fields etc. I have also shown how to create tooltips with HTML content inside it. In this article, I will show…
Demos and Full Guide
The Bootstrap navbar classes The navigation bar in Bootstrap-based projects can be created by using navbar and its related classes quite easily. Bootstrap provides two styles that you may specify in the <nav> tag. These classes are: navbar-default navbar-inverse The…
Demos and Full Guide
Styling alternate HTML table rows differently You may use the CSS nth-child selector for styling alternate table rows differently. Not only you may style alternative rows but also specify a different style for rows with the given number. For example, styling…
Demos and Full Guide
Refreshing a webpage by jQuery or JavaScript A webpage can be refreshed by using different ways by using jQuery or JavaScript. For example, you may use location.reload method to refresh a page from the browser cache or server side. See…
Demos and Full Guide
How to disable textarea resizing You may use the resize: none property to disable resizing of a textarea in a web browser. Generally, the textarea can be stretched to expand that may affect different sections of a webpage. By using…
Demos and Full Guide
Adding, removing and toggle class in HTML elements To add, remove or update the class(es) attached to HTML elements, you may use the jQuery and JavaScript. The jQuery has addClass, removeClass and hasClass methods that can be used for adding,…
Demos and Full Guide
