Image Lightbox Effect with jQuery

Posted by: VP on 9/22/2014 Filed under: | | | Be the first to comment!

LightBox is a popup window that is used to open image, html contents & other multimedia stuffs. In this tutorial I will show you how to add such lightbox effect to images with jQuery plugin, FancyBox. FancyBox plugin lets you produce clean and elegant lightbox effect with smooth animations. Download the latest version of the plugin here, extract the contents and move the folder 'source' to your working folder.

Stylish Bootstrap Sidebar Menu

Posted by: VP on 9/11/2014 Filed under: | | Be the first to comment!

Earlier in one of our tutorials we've discussed about Creating Bootstrap Horizontal Navbar. In this tutorial we'll see How to Create Bootstrap Sidebar Menu. The Sidebar Menu or otherwise called as Vertical Navigation Menu is a list of menu items or links, stacked vertically. It can be placed left or right hand side of the website. Apart from the appearance, it is very similar to horizontal menu and is used to provide easy way of navigation through the website.

How to Add Stunning 3D CSS Photo Frame Effect to Images

Posted by: VP on 8/31/2014 Filed under: | | Be the first to comment!

Hi, we’ll see how to add a stunning 3D CSS Photo Frame Border Effect to Images on mouse hover in this tutorial. Adding some fancy border effects to images will spice up the look of the images used in website. Doing so doesn't need any image processing software’s like Photoshop. With CSS3, now we can add such image border effects easily with few lines of code.

How to Create Bootstrap Accordion Menu

Posted by: VP on 8/26/2014 Filed under: | | Be the first to comment!

Hi, in this tutorial we'll see how to create Bootstrap3 Accordion Menu. Accordion is one of the important components of Bootstrap Framework, and is a stacked list of items such as windows, buttons, lables, thumbnails etc which can be expanded and collapsed though only one accordion window will be visible at a time.

How to get the Status Code from HTTP Response Headers in PHP

Posted by: VP on 8/18/2014 Filed under: Be the first to comment!

We'll see how to get the Status Code of any HTTP RESPONSE Headers sent by the server upon a HTTP REQUEST in PHP. For example, opening a webpage in a browser will send a HTTP request to the server and which in turn will be returned by a response. At times, we want to get the status code alone from the headers sent by the server for processing.

How to add jQuery UI Slider Input Control to HTML Form

Posted by: VP on 8/14/2014 Filed under: | | | Be the first to comment!

The jQuery UI Slider Input Control can be used in places where the user input should be bound to a certain range of numeric values. We can use textbox and slider control together to force the user to pick up the input value by sliding the slider button. This way we can have more control over the form input values.

How to Create Login Form in CodeIgniter, MySQL and Twitter Bootstrap

Posted by: VP on 8/11/2014 Filed under: | | | Be the first to comment!

Hi I'm back with another CodeIgniter MySQL Tutorial. In this post, we'll see How to Create Login Form in CodeIgniter and MySQL Database. To design the UI, we use Twitter Bootstrap3 CSS Framework . Twitter Bootstrap has ready to use HTML Form Components which we use to style our login form in seconds.

Contact Form


Email *

Message *