Top 5 Open Source Javascripts for Web Projects

In this post, I want to share some interesting open source javascript libraries for your web projects. I hope you like it 🙂 1. Infinity.js This is an extraordinary JavaScript library with a very simple purpose. Some pages on your website may have super long lists which make the scrollbar … Read more

Free Windows 8 Theme using HTML, CSS & jQuery

BootMetro, with a Twitter Bootstrap base, offers simple and flexible HTML, CSS, and Javascript for web apps that would like to use the now popular “Windows 8 MetroUI” style. Features Navigation Stylish Icons List Views Admin Interfaces Message Boxes like Windows 8 Tooltip, Popover, Tables Windows 8 Model Boxes, Buttons … Read more

Free Jquery Take a Tour Plugin

Crumble allows you to quickly and easily build feature tours for your website or app using small bubbles. The tour itself is defined as a standard ordered list in your html, making it accessible. Homepage: https://github.com/tommoor/crumble GitHub: http://tommoor.github.com/crumble/

jQuery Instagram API to Fetch Photos

Jquery Instagram API

Spectragram.js is a jQuery plugin using the Instagram API to fetch and display user, popular or tags photo feeds inside a list or any container you define and display the results as list items or any other HTML tag you define. You can also define the size of the pictures (small, … Read more

Twitter Timeline Script Using jQuery & CSS

Twitter Timeline using jQuery & CSS

Hi guys, now a days every web developer following the facebook timeline design to their blogs. Today I am going to tell how to create a Twitter Timeline with jQuery and CSS. I am planning to create facebook timeline script soon with php and jquery. In this script, I have … Read more

Facebook like Live Notification Message using jQuery

facebook-live-notification

Everyone knows that facebook has a live notification messages that pop ups bottom-left corner.  Today I am going to share same kind of facebook like live notification message system using jquery and css.

facebook-live-notification
facebook like live notification jquery

Jquery Code

$(document).ready(function() {
$.sticky('The page has loaded!');
});

Html Usage

<script type="text/javascript" src="http://code.jquery.com/jquery-1.7.2.min.js"></script>
<script type="text/javascript" src="script.js"></script>
<link rel="stylesheet" href="script.css" type="text/css" />

Notification position can also be customizable. By default it is top-right. Other options are bottom-right, bottom-left, top-left.

Autoclose option is also there.

Please don’t forget to share and subscribe to latest updates of the blog. Also any comments and feedback are all welcome!

Thanks!

Vimeo Instant Search using Jquery and PHP

I have found this article from Speckyboy.com. Instant Search is very popular among developers now a days. Web developers and Internet enthusiasts alike are very fond of online video services. One social video website Vimeo is a great example of how HD content can be stored and streamed across the planet. I love … Read more

Disable Enter Key using Jquery

Disable Enter Key using jQuery

People dont want to submit forms when typing enter keys. So I am sharing a simple jquery code to disable enter key using JQuery while typing in forms.  Those who want to disable enter key in their form to prevent form submission, they can use this code Jquery Code to … Read more

Image Hover Effect using Jquery

Image hover effect using jquery

Hi guys, I’m going to share some interesting tip to add a nice hover effect on images with simple jquery code. Jquery Code Usage [sourcecode language=”html”]&lt;img src=&quot;65.gif.&quot; class=&quot;hover-item&quot; /&gt; [/sourcecode] [button type=”download” url=”http://w3lessons.info/demo/jquery-image-hover-effect.html” color=”orange” align=”after”]View Demo[/button] Please don’t forget to share and subscribe to latest updates of the blog. Thanks!

Fantastic Jquery wysiwyg Editor with more features – Redactor

Redactor – Fantastic WYSIWYG-editor on jQuery Redactor is written using the library jQuery . Tested on Mac OS and Windows, web browsers: Firefox 3 + Safari 4 + Chrome 4 + Opera 10 + IE 7 + How does the editor Redactor replaces the <textarea> edited by <iframe> , thus creating a toolbar with a set of control … Read more