Drag & Drop Image Upload, File Upload using Jquery

dropzone.js is an open source library that provides drag’n’drop file uploads by simply including a java-script file. It views previews of images and you can register to different events to control how and which files are uploaded. usage The typical way of using dropzone is by creating a form element … Read more

Notification Box – Alert Boxes using CSS

Notification Box using CSS

Hi guys, Today I am going to share some useful css code to improve your alert/confirmation boxes in your website by adding this simple jquery and css code. Features Notification Box with Custom Icon Alert Box Success Blox Information Box View Demo Download Now I have already designed cool notification … Read more

App Store Button with CSS3

App Store Button using CSS3

Today I am going to tell how to create a App Store Button with css3. I have designed four buttons View Demo Download Apple App Store Button Iphone App Store Button Android App Store Button Blackberry App Store Button Windows App Store Button CSS3 Code HTML Usage Please don’t forget … Read more

CSS Search Box Design – Windows Metro Style

I am going to share simple css search box design with html & css code. Its looks like window metro style search box. CSS Code Html Usage [php] <form method="get" id="search" action="http://w3lessons.info/"> <input type="text" class="search" value="Type and hit enter" onblur="if(this.value == ”) { this.value = ‘Type and hit enter’; }" … Read more

WhiteBoard Drawing Widget using HTML5

Literally Canvas is an extensible, open source (BSD-licensed), HTML5 Whiteboard drawing widget that currently supports a minimal set of drawing operations. You can draw, erase, set the color with the eyedropper, undo, redo, pan, and zoom. It depends on jQuery andUnderscore.js. The instance at the top of this page uses the resizable feature of jQuery UI for … Read more

Sliding Facebook FanPage, Like Box using Jquery & CSS

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

Developing Desktop Applications using Javascript

AppJS is an SDK for developing desktop applications using Node.js combined with Chromium(providing the JS, HTML5, CSS, SVG, WebGL). Developing desktop applications with AppJS couldn’t be easier as it uses the same libraries and knowledge used to build websites. Homepage: http://appjs.org/ GitHub: https://github.com/appjs/appjs

Responsive Images using Jquery

Responsive Img is a jQuery plugin that swaps an image’s src attribute based on its container’s width when the DOM is ready and when the browser is resized. Using a PHP file, Responsive Img creates new images on the fly the first time they’re needed and puts them on your server. Therefore, you … Read more

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

Facebook Timeline with CSS 3D Effect

A tutorial about how to create an experimental CSS-only timeline with a 3D effect. The idea is to expand a content area when the associated radio input is selected. In this tutorial we are going to experiment with perspective and use a radio input trick to create a fun css-only … Read more