freebies

Sliding Facebook FanPage, Like Box using Jquery & CSS

by
Sliding Facebook Fanpage/likebox panel

Hi guys, Today I am going to share some useful tips to increase your facebook followers in your website by adding this simple jquery and css code. This code is used to show Sliding Facebook Like Box using jQuery & CSS Let us called Facebook FanPage Slider – both right … Read more

Top 5 Open Source Javascripts for Web Projects

by

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

jQuery Instagram API to Fetch Photos

by
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

Facebook like Live Notification Message using jQuery

by
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!

View Live Demo

Stylish Message Boxes using CSS and Jquery

by

Hi guys! I am going to share a nice css alert/note/success message boxes with customize close button using css and jquery As my earlier post http://w3lessons.info/2012/02/22/notification-message-boxes-with-css-jquery/ with stylish close button. Now I show you how to do the same notification boxes with better styled way. Here is the Jquery code for close … Read more

Free Jquery Model Boxes using CSS

by

A simple and neat jquery based model boxes with the following features Free Download Box Mailing List Box Restricted Content Box Saved to Favorites Adjust Settings Panel Box Warning Box Error Box Download View Demo Source – Link

Free HTML5 and CSS3 Ebook Download

by

Hi guys, I have got this HTML5 and CSS3 eBook from one of my friend. This book was really awesome and cool to me. It has all the topics from html5 to design a rich interactive websites. I’m sure this free eBook helps you to gain knowledge on HTML5 and … Read more

Sticky Footer with Stylish Dropdown Menu using CSS & jquery

by

Hi Guys, here with I am going to tell how to make highlight your contact address, twitter updates and flicker kinda pictures in a footer. This Sticky footer with dropdown menu features always visible while visitor scrolling in a page. This makes quick and easy way of highlighting some important … Read more

Rounded / Sphere Shape Image using CSS

by

Hi guys, I am going to share a simple trick in css that will turn your existing image into sphere shaped image. Here is the css code Here is the html code Please don’t forget to share and subscribe to latest updates of the blog. Also any comments and feedback … Read more