Freebies

Free Windows 8 Theme using HTML, CSS & jQuery

by

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 Online Tool for Front-end Web Testing

by

Simply Testable is a free web-based tool that will save you pleanty of time and will take the pain out of routine front-end web testing. It will validate your HTML and give you a detailed overview report of your entire site’s successes and failures. Homepage: http://simplytestable.com/

Free Jquery Take a Tour Plugin

by

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

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

Twitter Timeline Script Using jQuery & CSS

by
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

CSS3 Tags Design

by
CSS3 Tags

I am going to share tags design using pure CSS3. This is used to highlight your blog tags. Blog Tags are used to highlight keywords or search words in a blog or site content. These tags have been designed with pure CSS3 and additional fallback for older browsers. CSS3 Code … 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

Vimeo Instant Search using Jquery and PHP

by

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

Creating Drop Caps using CSS3 & HTML

by

Hi guys, I am going to share some simple css3 code to display the first character from your paragraph as large fonts. CSS3 Drop Caps – simply used to style a paragraph with more attractive. It will increase the readability for a webpage. Css3 Code Html Code & Usage Please … Read more

Elegant CSS Pricing Table Design

by

Hi guys, Here I am sharing pricing tables with lots of colors using css to you.

Check out my earlier pricing table using CSS3 and Jquery  –

You can customize the pricing table color by adding css class to the div

  • Lime Green
  • Golden Color
  • Pink
  • Forest Green
  • Cherry
  • Violet
  • Cool Blue, Royal Blue, Navy Blue etc
&lt;div class=&quot;price_table limegreen_table&quot;&gt;

&lt;div class=&quot;price_table royalblue_table&quot;&gt;

&lt;div class=&quot;price_table coolblue_table&quot;&gt;

&lt;div class=&quot;price_table golden_table&quot;&gt;

&lt;div class=&quot;price_table forestgreen_table&quot;&gt;

&lt;div class=&quot;price_table pink_table&quot;&gt;

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

Thanks!

[button type=”anchor” url=”http://w3lessons.info/demo/pricing-table-design-css” color=”orange” align=”after”]View Demo[/button]

Buy & Download Pricing Tables Bundle @ 1$


PayPal — The safer, easier way to pay online.

Support

After your payment successful, you will get an email with pricingtables.zip attached sent by itzurkarthi@gmail.com within 1 hour. If you are not seeing it, check the spam folder. If you still don’t see it, send me an email and I’ll resend you again.