Expandable Image Gallery Using jQuery and Bootstrap

How to expandable image galley or portfolio using jquery and twitter bootstrap with grid system IMPORT LIBRARIES <link href=”css/bootstrap.css” rel=”stylesheet”> <link href=”css/bootstrap-responsive.css” rel=”stylesheet”> <link href=”css/gridex.css” rel=”stylesheet”> <script src=”js/jquery.js”></script> <script src=”js/bootstrap-gridex.min.js”></script> …

Read More

Vertical Menu Using jQuery and Bootstrap

How to make vertical menu for desktop web apps using jquery and bootstrap. IMPORT LIBRARIES <link href=”//maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css” rel=”stylesheet”> <link rel=”stylesheet” href=”//maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css”> <link href=”bootstrap-vertical-menu.css” rel=”stylesheet”> <script src=”//ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js”></script> <script src=”//maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js”></script>   JAVASCRIPT …

Read More

Word and Character Counter Using jQuery

How to create word counter or character counter Using jQuery   IMPORT LIBRARIES <link href=”//maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css” rel=”stylesheet”> <script src=”//ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js”></script> <script src=”//maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/js/bootstrap.min.js”></script> <script src=”jquery.word-and-character-counter.js”></script>   JAVASCRIPT CODE $(“#wordcount”).counter({ count: ‘up’, type: ‘word’, …

Read More

Cascading Dropdown Lists Using jQuery

How to create cascading dropdown lists on selectbox or combobox or listbox using jquery plugin IMPORT LIBRARIES <link rel=”stylesheet” href=”css/zurb-foundation-5.5.1/foundation.min.css”> <link rel=”stylesheet” href=”css/font-awesome-4.3.0/css/font-awesome.min.css”> <script src=”js/jquery-2.1.3.min.js”></script> <script src=”js/jquery.cascading-drop-down.js”></script>   JAVASCRIPT CODE …

Read More

Portfolio Filter Using jQuery and Bootstrap

How to make gallery or portfolio very mild (lightweight) with button filter using jquery, bootstrap, and bootstrap-portfilter.js IMPORT LIBRARIES <link href=”bootstrap-combined.no-icons.min.css” rel=”stylesheet”> <script src=”jquery-1.9.1.min.js”></script> <script src=”bootstrap-portfilter.min.js”></script> BUTTON FILTER CODE <div …

Read More