Free Web Development Tutorials with examples and source code @ 2lessons

How to create a facebook type search suggestions script

noreply@blogger.com (Ipsita Sahoo) — Sun, 12 May 2013 16:24:00 +0000

This is an update to the old tutorial on "Facebook type search box with auto complete using jquery, ajax and PHP". This post explains, how to implement the search auto suggestion functionality similar to facebook, google. It uses the power of jQuery, JSON, PHP, AJAX with CSS. Very easy to implement as well as modify the script according to perticular requirement. Live Demo Download Script Implementation steps are very simple Create the required database tables This...

2lessons.info is a programming blog managed by Ipsita Sahoo from Odisha. It focus on tutorials covering latest web developments (Programmings) using jQuery, PHP, MySQL, CSS, HTML and AJAX Technology with live demo and downloads of each tutorials.

20+ Excellent Collection of Free JavaScript Date Pickers

noreply@blogger.com (Ipsita Sahoo) — Tue, 07 May 2013 15:50:00 +0000

To avoid the confusion of accepting different date types, we "web architects" generally use date pickers. As this is frequently used in web design, i decided to publish a list of such javascript date picker which are free and easy to implement. Following is a list of such jQuery plugins used to create the date pickers. 1. jQuery Datepicker It is a plugin that attaches a popup calendar to your input fields or shows an inline calendar for selecting dates. It’s a simplified...

2lessons.info is a programming blog managed by Ipsita Sahoo from Odisha. It focus on tutorials covering latest web developments (Programmings) using jQuery, PHP, MySQL, CSS, HTML and AJAX Technology with live demo and downloads of each tutorials.

7+ free jQuery modal popup plugins similar to facebook

noreply@blogger.com (Ipsita Sahoo) — Fri, 05 Apr 2013 09:36:00 +0000

A collection of more than 7 best free jquery modal popup plugins collected from various resources lashed with features and easy to customize. These modal popups utilizes the space available in a webpage very intelligently Probably the best example is facebook. Thickbox A UI dialog widget written in JavaScript. Featues as one of the top plugin at jQuery library. Capable of showing a single image, multiple images, inline content, iframed...

2lessons.info is a programming blog managed by Ipsita Sahoo from Odisha. It focus on tutorials covering latest web developments (Programmings) using jQuery, PHP, MySQL, CSS, HTML and AJAX Technology with live demo and downloads of each tutorials.

7+ free essential horizontal navigation menu using jquery and css

noreply@blogger.com (Ipsita Sahoo) — Sun, 31 Mar 2013 16:02:00 +0000

Here i have collected 7+ essential horizontal navigation menu created using css and jquery. This collection has most impressive jQuery plugins as horizontal menus. Smooth Animated Menu with jQuery A nice menu created based on the concept of easing. Has a very nice looks with cool animation effect created by One Mighty Roar. Vimeo Like Top Navigation Menu the menu that drops down when you hover search box. It also offers different search options that you can choose and...

2lessons.info is a programming blog managed by Ipsita Sahoo from Odisha. It focus on tutorials covering latest web developments (Programmings) using jQuery, PHP, MySQL, CSS, HTML and AJAX Technology with live demo and downloads of each tutorials.

7+ free jquery image zoom plugins for creating best zoom effect

noreply@blogger.com (Ipsita Sahoo) — Fri, 29 Mar 2013 11:25:00 +0000

There are some free jQuery image zoom plugins available which will help you create stunning zoom effect for your photos. Especially it is useful for a shopping website. Following are 7+ such handpicked jquery zoom plugins to choose from. Featured Image Zoomer (now w/Multi-Zoom) v2.1 This image zoom javascript plugin lets you view a magnified portion of any image upon moving your mouse over it. A magnifying area appears alongside the image displaying the magnified image on...

2lessons.info is a programming blog managed by Ipsita Sahoo from Odisha. It focus on tutorials covering latest web developments (Programmings) using jQuery, PHP, MySQL, CSS, HTML and AJAX Technology with live demo and downloads of each tutorials.

Working with Twitter Bootstrap - Simple Lessons

noreply@blogger.com (Ipsita Sahoo) — Wed, 13 Mar 2013 13:13:00 +0000

Twitter Bootstrap is a great tool for web designers which makes the life of a developer/designer easy by already implementing all those designing needs within it. It says designed for everyone, everywhere. It looks great as well. Most important part is it supports responsive web design for tablets and mobiles. You may download Twitter Bootstrap Project from https://github.com/twitter/bootstrap. Lets Start --------------------- We just need to include two CSS...

2lessons.info is a programming blog managed by Ipsita Sahoo from Odisha. It focus on tutorials covering latest web developments (Programmings) using jQuery, PHP, MySQL, CSS, HTML and AJAX Technology with live demo and downloads of each tutorials.

How to create a simple news ticker using jQuery

noreply@blogger.com (Ipsita Sahoo) — Thu, 01 Nov 2012 14:14:00 +0000

Very simple, easy to use news ticker created using jQuery with awesome animation effect. Adds much more effect and attraction to your website. It accommodates a lot of content in a small space. The same has been adopted by facebook to showcase the recent activity of friends. You will find the code comparatively easy to understand. The HTML <div id="newsticker-container"> <ul> <li> <div> 1) <a...

2lessons.info is a programming blog managed by Ipsita Sahoo from Odisha. It focus on tutorials covering latest web developments (Programmings) using jQuery, PHP, MySQL, CSS, HTML and AJAX Technology with live demo and downloads of each tutorials.

100+ most effective ways to promote a new blog for free

noreply@blogger.com (Ipsita Sahoo) — Tue, 09 Oct 2012 15:04:00 +0000

While optimizing my own blog, I found out the following techniques which are legal, free and working. I have gone through and verified each of the following steps and those are working well. Webmaster Tools Register for Google and Bing Webmaster Tools and submit your sitemap there. It helps your website in many ways ranging from SEO to Website Optimization. Always search for broken links in your own website using google webmaster. Re-create it or create a new one...

2lessons.info is a programming blog managed by Ipsita Sahoo from Odisha. It focus on tutorials covering latest web developments (Programmings) using jQuery, PHP, MySQL, CSS, HTML and AJAX Technology with live demo and downloads of each tutorials.

Facebook type extract url data using PHP and jQuery

noreply@blogger.com (Ipsita Sahoo) — Tue, 25 Sep 2012 16:57:00 +0000

This tutorial showcases an amazing power of PHP. The PHP script is able to extract any particular content of a given page.It can tell you almost all information about the requested url. Ex: page title, page description, keywords from the webpage's meta tag, images and a lot more information. I've seen facebook as well as google+ use this kind of script to show the url information of any entered url. The HTML <div class="container"> <input type="hidden"...

2lessons.info is a programming blog managed by Ipsita Sahoo from Odisha. It focus on tutorials covering latest web developments (Programmings) using jQuery, PHP, MySQL, CSS, HTML and AJAX Technology with live demo and downloads of each tutorials.

Facebook style alert confirm box using jquery and css

noreply@blogger.com (Ipsita Sahoo) — Sun, 23 Sep 2012 18:13:00 +0000

The following tutorial will help you creating a facebook style alert confirm box using jquery and css. It overrides the classic alert confirm behavior of javascript. This tutorial uses both jQuery and jQuery Alert Dialogs Plugin from abeautifulsite.net. The HTML <div class="container"> <div style="background-color:#f2f2f2;"> <a style="float:left;" href="http://www.2lessons.info"><img...

2lessons.info is a programming blog managed by Ipsita Sahoo from Odisha. It focus on tutorials covering latest web developments (Programmings) using jQuery, PHP, MySQL, CSS, HTML and AJAX Technology with live demo and downloads of each tutorials.

Facebook type search box with auto complete using jquery, ajax and PHP

noreply@blogger.com (Ipsita Sahoo) — Sun, 23 Sep 2012 15:31:00 +0000

New version of facebook type search box released on request Facebook's search bar allows users to search for all users, communities, groups, apps and pages. It provides suggestions while typing. In this tutorial i'll explain you, how to create such a search input box in your website using jquery, ajax and php. I made the code short and simple to understand. Please suggest if any additional feature required. Download ASP.NET Version Configuring...

2lessons.info is a programming blog managed by Ipsita Sahoo from Odisha. It focus on tutorials covering latest web developments (Programmings) using jQuery, PHP, MySQL, CSS, HTML and AJAX Technology with live demo and downloads of each tutorials.

Asynchronous photo upload and resize using jquery, ajax and php

noreply@blogger.com (Ipsita Sahoo) — Sun, 23 Sep 2012 11:29:00 +0000

In this tutorial i'm going to explain you, how to upload, resize and store images using jquery, ajax, php using some simple lines of code This script will upload 4 versions of an image into the web server's file system (original size;160 x 250; 87 x 87; 35 x 35). And the best part is, it will do the job asynchronously keeping a better user experience. It will also reduce the image size and will serve only the required image to the user. The stored images will be in the following...

2lessons.info is a programming blog managed by Ipsita Sahoo from Odisha. It focus on tutorials covering latest web developments (Programmings) using jQuery, PHP, MySQL, CSS, HTML and AJAX Technology with live demo and downloads of each tutorials.

How to create google like top bar using css and jquery

noreply@blogger.com (Ipsita Sahoo) — Sun, 23 Sep 2012 07:14:00 +0000

For all its products, google has a common top bar which remains fixed through out the page scrolling. This helps you to minimise the menus list. Just take a quick look at this post very few lines of code, use it and enrich your web projects. Creating this is easy using CSS and jQuery. The HTML Code <div class="mainbar" > <div style="float:left;"> <ul class="mainMenu" > <li class=""> <a target="_blank"...

2lessons.info is a programming blog managed by Ipsita Sahoo from Odisha. It focus on tutorials covering latest web developments (Programmings) using jQuery, PHP, MySQL, CSS, HTML and AJAX Technology with live demo and downloads of each tutorials.

How to add google plus likes badge to blogger page

noreply@blogger.com (Ipsita Sahoo) — Sat, 22 Sep 2012 18:42:00 +0000

The google plus badge lets users add their Google+ page to their circles without leaving your blog, similar to Facebook’s Like Box. Google+ badge will promote your blog on Google+ (social network) and also it will help your blog ranking higher in Google search results as well. The following tutorial explains how to add google plus like box to blogger Go to Blogger Dashboard -> Layout . Click Add A Gadget and select HTML/Javascript gadget. Copy the following...

2lessons.info is a programming blog managed by Ipsita Sahoo from Odisha. It focus on tutorials covering latest web developments (Programmings) using jQuery, PHP, MySQL, CSS, HTML and AJAX Technology with live demo and downloads of each tutorials.

How to Publish Blogger Posts To Google Plus Page Directly

noreply@blogger.com (Ipsita Sahoo) — Sat, 22 Sep 2012 12:59:00 +0000

New blogger interface introduced a nice feature which automatically posts all your blog posts to google plus profile or page. Step-1) Go to Blogger Dashboard -> Google + Step-2) Create your google plus page and attached it to blogger dashboard Step-3) Now associate your desired page to blogger so that all blog posts will be able to publish it to google plus page To share your existing posts, go to Dashboard -> Posts Now...

2lessons.info is a programming blog managed by Ipsita Sahoo from Odisha. It focus on tutorials covering latest web developments (Programmings) using jQuery, PHP, MySQL, CSS, HTML and AJAX Technology with live demo and downloads of each tutorials.

How to add Asynchronous Social Share Buttons at Blogger

noreply@blogger.com (Ipsita Sahoo) — Thu, 06 Sep 2012 15:28:00 +0000

Adding social share buttons at Blogger Blog is a +1 advantage to your blog promotion or SEO. It allows users to easily share your blog post across those social media platforms. This tutorial will help you adding those at each of your blog post easily. Creating those buttons from different social media sites and aligning those perfectly side by side is a bit tricky. specially with that facebook share button. Rather than attempting to explain how to align your existing buttons, I...

2lessons.info is a programming blog managed by Ipsita Sahoo from Odisha. It focus on tutorials covering latest web developments (Programmings) using jQuery, PHP, MySQL, CSS, HTML and AJAX Technology with live demo and downloads of each tutorials.

Blogger Title Same as Title of Blog Post - SEO Friendly Title

noreply@blogger.com (Ipsita Sahoo) — Wed, 05 Sep 2012 16:24:00 +0000

Now a days blogger separated its layout into pageName and pageTitle. Hence we have an option to tweak blogger header for a better SEO friendly blogger URL. blog.pageName This gives the name of the current page without the “[Blog Name]: ” prefix. blog.pageTitle It provides the blog post title with the blog name prefix in it. Now let's use it as a SEO advantage. Go to Layout > Edit HTML, and find this...

2lessons.info is a programming blog managed by Ipsita Sahoo from Odisha. It focus on tutorials covering latest web developments (Programmings) using jQuery, PHP, MySQL, CSS, HTML and AJAX Technology with live demo and downloads of each tutorials.

Gmail type select all checkbox using jQuery

noreply@blogger.com (Ipsita Sahoo) — Tue, 04 Sep 2012 17:46:00 +0000

Select all checkbox selects all its child checkboxes. Just like gmail where we use it to select all following emails. Following is the HTML Code that is used for placement of elements with a little css styling <style type="text/css"> .header { padding:20px; margin-top:10px; margin-left:auto; margin-right:auto; width:900px; border:1px solid #eee; } .content{ padding:50px; margin-top:10px; margin-left:auto; margin-right:auto; width:840px; border:1px solid...

2lessons.info is a programming blog managed by Ipsita Sahoo from Odisha. It focus on tutorials covering latest web developments (Programmings) using jQuery, PHP, MySQL, CSS, HTML and AJAX Technology with live demo and downloads of each tutorials.

How to use prettify with blogger/blogspot?

noreply@blogger.com (Ipsita Sahoo) — Sun, 02 Sep 2012 11:47:00 +0000

Google Code Prettify is a Javascript module and CSS file that allows syntax highlighting of source code snippets in an html page. Today i implemented it into this blog. It makes those programming codes look nice with a great color combination. It works well in all blogging platforms as well as in your own website or forum. Following is the trick that will guide you to implement the same in your blogger blog. Step -1 ) Go to your blogger dashboard -> Template...

2lessons.info is a programming blog managed by Ipsita Sahoo from Odisha. It focus on tutorials covering latest web developments (Programmings) using jQuery, PHP, MySQL, CSS, HTML and AJAX Technology with live demo and downloads of each tutorials.

How to Protect Shared Folders in Windows XP with a Password

noreply@blogger.com (Ipsita Sahoo) — Fri, 31 Aug 2012 02:02:00 +0000

Sometimes we don't wish our folder to be accessed by every user out there in the network. So it must be protected with a password. I was unknown about this quick trick although i required my folder to be protected with a password since a long time. Since shared folders are accessed on the network using the guest account, once the password for the guest account is set, a user in your workgroup or network must supply a valid username and password for the guest account to access the...

2lessons.info is a programming blog managed by Ipsita Sahoo from Odisha. It focus on tutorials covering latest web developments (Programmings) using jQuery, PHP, MySQL, CSS, HTML and AJAX Technology with live demo and downloads of each tutorials.

Password Protect Your Broadband WiFi Internet Connection in Type 2 Wireless Modem

noreply@blogger.com (Ipsita Sahoo) — Wed, 29 Aug 2012 12:32:00 +0000

I just purchased a D-Link WI-FI broadband internet modem from BSNL. As a Wi-Fi modem, whenever i switch on the modem it provides access to any Wi-Fi enabled device in its range. It was necessary for me to restrict its usage with a password, so that others around me would not be able to access my internet without my permission. The following steps worked for me well 1. Open Your web browser (Firefox, Internet Explorer, Opera, Chrome...) 2. Simply type...

2lessons.info is a programming blog managed by Ipsita Sahoo from Odisha. It focus on tutorials covering latest web developments (Programmings) using jQuery, PHP, MySQL, CSS, HTML and AJAX Technology with live demo and downloads of each tutorials.

How to choose background image for a folder in Windows XP

noreply@blogger.com (Ipsita Sahoo) — Mon, 20 Aug 2012 06:12:00 +0000

In this tutorial , i will show you how to add an image to the background of any folder (folder wallpaper). Just like this: Now let's see how this is done. Open your notepad and paste the following into it [ExtShellFolderViews] {BE098140-A513-11D0-A3A4-00C04FD706EC}={BE098140-A513-11D0-A3A4-00C04FD706EC} [{BE098140-A513-11D0-A3A4-00C04FD706EC}] IconArea_Image=C:\path\folder\background.jpg Save it as Desktop.ini (don't forget to change the "save as type" to "All...

2lessons.info is a programming blog managed by Ipsita Sahoo from Odisha. It focus on tutorials covering latest web developments (Programmings) using jQuery, PHP, MySQL, CSS, HTML and AJAX Technology with live demo and downloads of each tutorials.

How to tell gmail to automatically move content to a folder

noreply@blogger.com (Ipsita Sahoo) — Sun, 19 Aug 2012 13:42:00 +0000

I'm using Gmail since a long time as my prefered email client. It is fast and loaded with a lot of features. I came across a requirement where i wanted to forward all my emails received from a particular client to be forwarded to a specific folder in Gmail for better arrangement. We can do the above easily using Gmail Filters. Let's assume that we move all the emails received from www.2lessons.info to our folder called 2lessons automatically whenever a new mail...

2lessons.info is a programming blog managed by Ipsita Sahoo from Odisha. It focus on tutorials covering latest web developments (Programmings) using jQuery, PHP, MySQL, CSS, HTML and AJAX Technology with live demo and downloads of each tutorials.

How To Setup LinkedIn public profile username or URL

noreply@blogger.com (Ipsita Sahoo) — Sun, 19 Aug 2012 09:40:00 +0000

LinkedIn.com is one of the fastest growing professional social networking website for professionals. It also provides an option to setup your profile URL (user name) which is a direct URL for others to access your profile. It will allow you to shorten your public profile url from http://in.linkedin.com/pub/2lessons/56/a51/5a8 to http://in.linkedin.com/in/2lessons Now let's get started with how to setup the username for your LinkedIn account. Login To...

2lessons.info is a programming blog managed by Ipsita Sahoo from Odisha. It focus on tutorials covering latest web developments (Programmings) using jQuery, PHP, MySQL, CSS, HTML and AJAX Technology with live demo and downloads of each tutorials.

How To Setup MySpace profile username or URL

noreply@blogger.com (Ipsita Sahoo) — Sat, 18 Aug 2012 15:53:00 +0000

MySpace.com is another most popular and oldest social networking website with a good alexa ranking. Hence it becomes one of the best destination to promote your website or blog Now a days it is mandatory to have a username to your social network page for a better brand value. Here i'll explain you how to setup the username for your MySpace account. Login To MySpace Account. Click Profile Link → Edit Profile Under Account Settings & Privacy menu →...

2lessons.info is a programming blog managed by Ipsita Sahoo from Odisha. It focus on tutorials covering latest web developments (Programmings) using jQuery, PHP, MySQL, CSS, HTML and AJAX Technology with live demo and downloads of each tutorials.