Newer posts are loading.
You are at the newest post.
Click here to check if anything new just came in.

February 24 2014

15:05

December 02 2013

17:15

40 Useful Bootstrap Tools & Generators For Web Developers

The demand of Bootstrap Tools increase due to its awesome features likes Add-ons, pre-styled modules of library and so many. The main advantages of Bootstrap tools are they make web development faster as well as easier for the web developers. That’s why so many web developers are using Bootstrap tools. If you want that your website look stylish and amazing, then you should use Bootstrap tools. Bootstrap tools also help to keep your websites transparent because Bootstrap tools have a responsive framework and they all are designed according to your professional requirements.

In this assortment, we are going to showcase 40 outstanding and useful Bootstrap Tools for the web developers. So take advantage of this wonderful assortment and start downloading these Bootstrap tools. You can share your suggestion with us via comment section below and you can also send this article to your social media friends as well. Enjoy!

Twitter Bootstrap WordPress Themes

Brag Themes provides high quality, unique WordPress themes that utilize the Twitter Bootstrap framework for your business and personal sites.

Kickstrap

A complete kit for making websites. The first of its kind, Kickstrap is a no-install front-end framework with apps, themes, and extras.

Bootply

Bootply makes it easy to use other popular plugins, micro-libraries and frameworks.

Bootstraptor

Templates KIT & themes pack built with Bootstrap 3.0.v.

Bootstrap Prompts

BootStrap Alert with modal instead of Browser alert.

Bootstrap wysihtml5

Bootstrap-wysihtml5 is a javascript plugin that makes it easy to create simple, beautiful wysiwyg editors with the help of wysihtml5 and Twitter Bootstrap.

Bootstrap Arrows jQuery Plugin

A simple jQuery plugin and add-on to the popular Twitter Bootstrap framework to include the use of arrows at any angle in your UI designs.

Tablecloth.js

tablecloth.js is a jQuery plugin that helps you easily style HTML tables along with some simple customizations.

WordPress Twitter Bootstrap CSS

WordPress Twitter Bootstrap CSS lets you include the latest Twitter Bootstrap CSS and Javascript libraries in your WordPress site.

Jetstrap – Web-Based Interface Building Tool for Bootstrap

Not just a mock-up tool, Jetstrap is the premier interface-building tool for Bootstrap 3.

Bootstrap Button Generator

Twitter Bootstrap Button Generator – the easiest way how to set up your buttons based on Twitter Bootstrap in a seconds.

Divshot – The Bootstrap Interface Builder for Web Apps

As simple as a mockup tool. As powerful as a text editor.

Bootstrap Lightbox

A simple lightbox plugin based on the bootstrap modal plugin.

jQuery UI Bootstrap

A Bootstrap-themed kickstart for jQuery UI widgets (v0.5).

X-Editable

This library allows you to create editable elements on your page. It can be used with any engine (bootstrap, jquery-ui, jquery only) and includes both popup and inline modes.

jQuery Simple Color Picker

Yet another jQuery color picker. This plugin is unobtrusive and integrates well with Twitter Bootstrap (it works just fine without). The source code only requires jQuery and is about 200 lines of JavaScript and 100 lines of CSS.

jQuery File Upload

File Upload widget with multiple file selection, drag&drop support, progress bars, validation and preview images, audio and video for jQuery.

Pines Notify

JavaScript notifications for Bootstrap or jQuery UI.

PrettyCheckable

This plugin replaces the default checkboxes and radio inputs for better looking ones.

Bootpag – Dynamic Pagination

This is bootpag – dynamic pagination jQuery plugin. Works well with twitter bootstrap or standalone.

BootTheme

Create Themes, Mockups, Websites.

Built With Bootstrap

A showcase of sites and apps built with BootstrapSubmit Your Site.

Fuel UX

Fuel UX extends Twitter Bootstrap with additional lightweight JavaScript controls. Other benefits include easy installation into web projects, integrated scripts for customizing Bootstrap and Fuel UX, simple updates, and solid optimization for deployment. All functionality is covered by live documentation and unit tests.

Grid Displayer Bookmarklet for Bootstrap

In-browser web design made easier with this bookmarklet which displays the grid of your favourite front-end framework.

Lavish – Generate your own Bootstrap Color Scheme

Generate your own Bootstrap color scheme from an image and customize to your taste.

BootMetro Tool

Simple and flexible web framework to create elegant and modern web applications with the same look & feel of Windows 8.

Flat UI Free

Flat UI Free is made on the basis of Twitter Bootstrap in a stunning flat-style, and the kit also includes a PSD version for designers.

jQuery-Mobile-Bootstrap-Theme

A jQuery Mobile theme based on Twitter Bootstrap.

Initializr Bootstrap Tool

Initializr is an HTML5 templates generator to help you getting started with a new project based on HTML5 Boilerplate. It generates for you a clean customizable template with just what you need to start!

Modern WordPress Theme Development

Roots is a WordPress starter theme based on HTML5 Boilerplate & Bootstrap that will help you make better themes.

Bootstrap Tags

Javascript tagging for Twitter Bootstrap (Written in CoffeeScript)

Datepicker for Bootstrap

Add datepicker picker to field or to any other element.

Hover Dropdown

An unofficial Twitter Bootstrap plugin to enable Twitter Bootstrap dropdowns to activate on hover and provide a nice user experience.

jQuery Form Validation with Styles

The jQuery Validate plugin by Jorn Zaefferer is a fantastic tool for providing users with immediate feedback while completing a web form.

Sublime Text 2 Bootstrap Snippets

A bunch of nicely described and categorized Twitter Bootstrap code snippets for Sublime Text editor.

Bootstrap ThemeRoller – Customize the Look and Feel of Bootstrap

A handy and intuitive application that provides a visual interface to customize your favorite Bootstrap from Twitter.

PaintStrap

Generate beautiful Twitter Bootstrap themes using the Adobe kuler / COLOURlovers color scheme.

Bootstrap Modal

Extends the default Bootstrap Modal class. Responsive, stackable, ajax and more.

Bootbox.js Bootstrap Tool

Bootbox.js is a small JavaScript library which allows you to create programmatic dialog boxes using Twitter’s Bootstrap modals, without having to worry about creating, managing or removing any of the required DOM elements or JS event handlers.

Bootswatch

Simply download a CSS file and replace the one in Bootstrap. No messing around with hex values.

Sponsored post
soup-sponsored
09:01

Soup.io will be discontinued :(

Dear soup.io fans and users,
 
today, we have to share very sad news. Soup.io will stop working in less than 10 days. :(
 
It's breaking our heart and we honestly tried whatever we could to keep the platform up and running. But the high costs and low revenue streams made it impossible to continue with it. We invested a lot of personal time and money to operate the platform, but when it's over, it's over.
 
We are really sorry. Soup.io is part of the internet history and online for one and a half decades.
 
Here are the hard facts:
- In 10 days the platform will stop working.
- Backup your data in this time
- We will not keep backups nor can we recover your data
 
July, 20th, 2020 is the due date.
 
Please, share your thoughts and feelings here.
 
Your Soup.io TEAM
Reposted bydotmariuszMagoryannerdanelmangoerainbowzombieskilledmyunicorntomashLogHiMakalesorSilentRulebiauekjamaicanbeatlevuneserenitephinangusiastysmoke11Climbingpragne-ataraksjisauerscharfArchimedesgreywolfmodalnaTheCrimsonIdoljormungundmarbearwaco6mieczuuFeindfeuerDagarhenvairashowmetherainbowszpaqusdivihindsightTabslawujcioBateyelynTabslaensommenitaeliblameyouHalobeatzalicexxxmgns

November 25 2013

12:48

50 Fresh jQuery Plugins For Web Developers

Here we are presenting another new collection of some fresh jQuery plugins for you. We all know that plugins are the great time savers as they help us to perform certain actions in a more convenient and speedy manner, thus saving our time as well as energy. This is the reason why every designer and developer is interested in keeping a good collection of different types of plugins that are useful for them.

For now, we are focusing on jQuery plugins. This collection is specifically targeted at the web developers and web designers who want to create websites that are more interactive, attractive as well as accessible to the broadest assortment of browsers. With these plugins, you can make user experience which they come away from your site with more pleasurable and exciting. Let us have a look and enjoy! Feel free to share this post with others.

Vortex

( Demo | Download )

CLNDR.js

( Demo | Download )

Selectric

( Demo | Download )

FullPaged

( Demo | Download )

jQuery Mapael – Build dynamic vector maps

( Demo | Download )

Swatches

( Demo | Download )

Block Slide

( Demo | Download )

Toolbar.js

( Demo | Download )

jqTimeline

( Demo | Download )

jQuery Spellchecker

( Demo | Download )

ScrollUp

( Demo | Download )

Nod Frontend Validation

( Demo | Download )

Any List Scroller

( Demo | Download )

Tumbo 1.0 – Show Tumblr feeds on your website – Jquery plugin

( Demo | Download )

Responsive Text

( Demo | Download )

ImageFill-js

( Demo | Download )

Tipue Drop

( Demo | Download )

Resizable Columns

( Demo | Download )

BIGVIDEO.JS

( Demo | Download )

stickUp

( Demo | Download )

Tabslet

( Demo | Download )

Offreg

( Demo | Download )

jQuery Fullscreen Editor

( Demo | Download )

jVanilla Menu

( Demo | Download )

Snap.svg

( Demo | Download )

Moa Modal

( Demo | Download )

Succinct

( Demo | Download )

FailSafe

( Demo | Download )

onScreen

( Demo | Download )

Touche.js

( Demo | Download )

Offline.js

( Demo | Download )

Peeler.js

( Demo | Download )

Mobify.js

( Demo | Download )

At.js

( Demo | Download )

Scrolld.js

( Demo | Download )

Resumable.js

( Demo | Download )

WhatsNearby

( Demo | Download )

Isotope

( Demo | Download )

Minimalect

( Demo | Download )

EasyDropDown

( Demo | Download )

Selectize.js

( Demo | Download )

Nivo Lightbox

( Demo | Download )

jQuery CollagePlus

( Demo | Download )

FilmRoll

( Demo | Download )

Glide.js

( Demo | Download )

Excolo Slider

( Demo | Download )

CarouFredSel

( Demo | Download )

OWL Carousel

( Demo | Download )

Sticky-Kit

( Demo | Download )

FlowType.JS

( Demo | Download )

November 01 2013

16:11

Useful jQuery Tutorials For Web Developers And Designers

A great website capability is the demand of many elements working in harmony, creating an engaging experience for users. A great inspiring website is what haves easy navigation, creative design, visual effects, not too heavy of server resources. These may combine a lot of techniques to work together such as HTML and CSS.And to the best combination adds up is jQuery. jQuery does wonders to your websites with effects and plugins giving it that charm it needs to attract attention.

jQuery comes with light and flight worthy web development techniques. Need responsive sliders, great image presentation, dialog alerts, lightweight animations etc. jQuery is these quarries perfect answer for all solutions. With its fast and lightweight JavaScript Library, interaction between languages with hassle-free handling, it gives most rapid web development capabilities ever. When such a great thing is at a web developers disposal, why not start with these great Useful jQuery Tutorials for Web Developers we have for you today for making web development work your favorite profession.

Colorful Sliders With jQuery & CSS3

In this tutorial we are using jQuery and the new transformation features brought by CSS3 to create a three dimensional dynamic slider effect.


usefuljquerytutorial

Animated Form Switching with jQuery

In this tutorial we will create a simple animated form switch with three very common forms. The idea is not to leave the page when the user goes to another form but instead make the new form appear within the same container, expanding or contracting to the dimensions of the new form.


usefuljquerytutorial

How to Make Custom Flat Styled Google Maps with jQuery and Flat UI

In this tutorial we will show you how to make custom flat styled google map with jquery and flat UI.


usefuljquerytutorial

Password strength verification with jQuery

In this tutorial, we’ll construct a form that gives the user live feedback as to whether their password has sufficiently met the complexity requirements we will establish.


usefuljquerytutorial

Vertical Scroll Menu with jQuery Tutorial

In this tutorial we will learn vertical scroll menu with jquery tutorial.


usefuljquerytutorial

Shiny Knob Control with jQuery and CSS3

In this tutorial we will be writing a jQuery plugin for creating a shiny knob control. Aptly named knobKnob, this plugin will use CSS3 transformations and jQuery’s new event handling methods to give visitors of your website a new way of interactively choosing a value from a range.


usefuljquerytutorial

Make Pretty Charts For Your App with jQuery and xCharts

In this tutorial you will learn about pretty charts for your app with jquery and xcharts.


usefuljquerytutorial

How to Create Login Form with CSS3 and jQuery

In this tutorial we will learn how to create login form with CSS3 and jQuery.


usefuljquerytutorial

A Simple Movie Search App w/ jQuery UI

In this tutorial, we are using jQuery UI’s autocomplete widget, to build a simple AJAX movie search form. The script is going to use TheMovieDatabase.org‘s free API, to provide auto suggestions against a vast database of movie titles.


usefuljquerytutorial

In this tutorial you will learn beautiful slide out navigation a CSS and jQuery.


usefuljquerytutorial

Frame Warp jQuery Plugin

There is the option of using one of the numerous lightbox plugins to do this, but the plugin we will be creating in this tutorial has a lot of advantages over a generic lightbox script.


usefuljquerytutorial

How to Create a Responsive Image Slider in jQuery and CSS3

In this tutorial we will code a responsive image slider from the Impressionist UI. We will code it using the FlexSlider plugin for the functionality and style it using CSS3.


usefuljquerytutorial

Animated Content Menu with jQuery

In this we will create a slick animated content menu with jQuery for a restaurant theme. The menu items will be animated and when clicked, a content area with more information will appear.


usefuljquerytutorial

October 01 2013

12:50

Awesome jQuery Plugins That Can Help You Create Interactive Web Design In Less Time

This time we are presenting some awesome jQuery plugins for you that have been categorized into different categories so that you can easily find out a plugin you need. With these jQurey plugins, you can complete your tasks quickly and effortlessly and can create interactive web design in less time.

The plugins presented in this collection are categorized into following categories Page Layout Plugins, Menu & Navigation Plugins, Form & Search Plugins, Slider, Gallery & Carousel Plugins, Chart & Graph Plugins, Animation Plugins, Typography Plugins, Image Effect Plugins and, finally, everything else in-between.

ResponsiveSlides.js v1.32

releasedjqueryplugins

µslider

releasedjqueryplugins

PageSlide

releasedjqueryplugins

Morris.js

releasedjqueryplugins

Rcarousel

releasedjqueryplugins

Evo Slider

releasedjqueryplugins

Sticky Sidebar jQuery plugin

releasedjqueryplugins

jQuery HiddenPosition

releasedjqueryplugins

Stellar.js

releasedjqueryplugins

jQuery Scroll Path

releasedjqueryplugins

jQuery File Upload

releasedjqueryplugins

Mailcheck

releasedjqueryplugins

Sequence.jsry

releasedjqueryplugins

jQuery Credit Card Validator

releasedjqueryplugins

justgage

releasedjqueryplugins

September 10 2013

14:15

40 Fresh jQuery Plugins To Make Your Website User Friendly

Lots of jQuery plugins are available in the internet market. Some give you outstanding results and reduce your work load with their awesome functionality while some give you only tension and increase your work load. And as you see every year so many latest and new jQuery plugins are released. All these jQuery plugins offer different functionalities and therefore, it is difficult for the users to choose which jQuery plugin is suitable for his work or which one is not.

You do not have to worry anymore, in this assortment we are showcasing 40 new and outstanding jQuery plugins for you. Check this out and get to pick one that suits you and feel free to download. All these jQuery plugins are useful and fresh. Please give us your feedback about this superb collection of jQuery plugins because your feedback is very precious and important for us.

Flexisel – Responsive Carousel Plugin

( Demo | Download )

Resize your browser window to see how you the plugin can adjust to the window width. Flexisel will adapt responsively as the screen width gets smaller…

Swipebox – A Touchable jQuery Lightbox

( Demo | Download )

Swipebox is a jQuery “lightbox” plugin for desktop, mobile and tablet.

Sidr – Creating Facebook-Like Side Menus

( Demo | Download )

The best jQuery plugin for creating side menus and the easiest way for doing your menu responsive.

Unslider – A ‘Super-Tiny’ jQuery Slider

( Demo | Download )

The jQuery slider that just slides. No fancy effects or unnecessary markup, and it’s less than 3kb.

jQuery Nested – Create Multi-Column, Dynamic Grid Layouts

( Demo | Download )

Nested is a jQuery plugin which allows you to create multi-column, dynamic grid layouts.

jResponsive – Super-Smooth Transition Layouts

( Demo | Download )

JResponsive will organize your content in an efficient, dynamic and responsive layout. It can be applied to a container element and it will arrange its children in a layout that makes optimal use of screen space, by “packing” them in tightly. One of the very famous website that using this type of layout is Pulse.

MultiDialog

( Demo | Download )

MultiDialog utilizes jQuery UI Dialog Widget for a full featured Modalbox / Lightbox application.

FlexNav – Flexible, Device Agnostic Navigation

( Demo | Download )

A jQuery Plugin for Responsive Menus.

Flaunt.js – Responsive Navs with Nested Click-To-Reveal

( Demo | Download )

Flaunt.js is a jQuery script that allows you to create a responsive, nested navigation out the box. Flaunt was built to overcome responsive design challenges which faced a huge percentage of websites. This challenge was to show nested navigation items on click-demand, without the event taking you through to the page you’ve pressed…

SlideToucher – Touch Enabled jQuery Plugin for Content Swiping

( Demo | Download )

SlideToucher, touch enabled jQuery plugin for content swiping. Supports vertical and horizontal swipes.

LiquidSlider – A Responsive jQuery Content Slider

( Demo | Download )

A Responsive jQuery Content Slider.

Dropdown.dot.js – Flexible Dropdowns Based on dot.js Templates

( Demo | Download )

A JQuery Plugin for super-flexible Dropdowns based on dot.js Templates.

Typeahead.js – A Fully-Featured Autocomplete Library

( Demo | Download )

A fast and fully-featured autocomplete library.

iCheck – Customize Checkboxes & Radio Buttons

( Demo | Download )

iCheck plugin works with checkboxes and radio buttons like a constructor.

Chardin.js – Simple Overlay Instructions for Apps

( Demo | Download )

Simple overlay instructions for your apps.

jQuery Alpha Image Plugin

( Demo | Download )

This plugin can change selected colours to transparent on your image and give result as image or imagedata. This plugin works on IE9+, Chrome, Firefox, Safari. I didn’t try in opera.

ScrollUp

( Demo | Download )

A Lightweight Plugin for Creating a Customisable “Scroll-to-Top”.

Adding Alarms to the Digital Clock

( Demo | Download )

Adding Alarms to the Digital Clock.

Ractive.js

( Demo | Download )

Ractive.js is different. It solves some of the biggest headaches in web development – data binding, efficient DOM updates, event handling – and does so with almost no learning curve.

Firechat

( Demo | Download )

Firechat is an open-source, real-time chat widget built on Firebase. It offers fully secure multi-user, multi-room chat with flexible authentication, moderator features, user presence and search, private messaging, chat invitations, and more.

Albumize

( Demo | Download )

Albumize is a jQuery plugin that lets you manage collection of images in the web page as albums. With albumize, you can browse albums, add cover image to albums and switch between albums.

PowerTip – A jQuery Hover Tooltip Plugin

( Demo | Download )

PowerTip features a very flexible design that is easy to customize, gives you a number of different ways to use the tooltips, has APIs for developers, and supports adding complex data to tooltips. It is being actively developed and maintained, and provides a very fluid user experience.

jQuery Pin – Pin Any Element Within a Container

( Demo | Download )

Query.Pin is here to help! Pin any element to the top of a container. Easily disable it for smaller screen-sizes where there’s no room for that kind of shenanigans.

Perfect-Scrollbar – A jQuery Scrollbar Plugin

( Demo | Download )

Tiny but perfect jQuery scrollbar plugin.

Complexify

( Demo | Download )

Complexify aims to provide a good measure of password complexity for websites to use both for giving hints to users in the form of strength bars, and for casually enforcing a minimum complexity for security reasons.

Pickadate.js

( Demo | Download )

The mobile-friendly, responsive, and lightweight jQuery date & time input picker.

Cool Kitten

( Demo | Download )

It is a collection of HTML/CSS and JavaScript files to be used for web designers and developers.

Google Map

( Demo | Download )

A jQuery Plugin allows you to easely manipulate the Google Map API. You are now able to create maps, add some markers et create routes.

qTip2 – Pretty powerful tooltips

( Demo | Download )

The second generation of the advanced qTip plugin for the ever popular jQuery framework.

Magnific Popup

( Demo | Download )

Fast, light, mobile-friendly and responsive lightbox and modal dialog plugin. Open inline HTML, ajax loaded content, image, form, iframe (YouTube video, Vimeo, Google Maps), photo gallery. In/out animation effects are added with CSS3 transitions.

AutoHideInput

( Demo | Download )

AutoHideInput is a simple jQuery plugin that hides and shows the information entered by the user.

Progression.js

( Demo | Download )

A jQuery plugin that gives users real time hints & progress updates as they complete forms.

Thumbnail Grid with Expanding Preview

( Demo | Download )

A tutorial on how to create a thumbnail grid with an expanding image preview similar to the effect seen on Google Images.

App Showcase with Grid Overlay

( Demo | Download )

A tutorial about creating a simple grid overlay with subtle transitions for an app showcase.

jQuery TourBus

( Demo | Download )

A light weight jQuery plugin that is a must have for any developer to easily create modal windows. Put focus on important elements by applying a mask to your page and opening a customizable pop up modal window.

Pop Easy

( Demo | Download )

A light weight jQuery plugin that is a must have for any developer to easily create modal windows. Put focus on important elements by applying a mask to your page and opening a customizable pop up modal window.

Smint : Sticky Menu with Smooth Scroll

( Demo | Download )

SMINT is a simple plugin for lovers of one page websites.

FlipClock

( Demo | Download )

Least.js

( Demo | Download )

Random & Responsive jQuery, Html5 & Css3 Gallery with Lazyload.

Making Chart

( Demo | Download )

Make Pretty Charts For Your App with jQuery and xCharts.

August 15 2013

17:09

Showcase Of Fresh And Free jQuery Plugins And Tutorials

Plugins and tutorials are great designing resources for the designers. With the help of tutorials, designers can learn and practice new technique of using their designing tool and plugins are meant to simplify their designing work. In the recent times, jQuery has become simply miraculous seeing that with jQuery you can discover plugins to achieve almost anything you want. Among all the JavaScript frameworks, jQuery is the most prominent and well-known that goes together with loads of amazing features. On top of that jQuery is very easy to use.

Here, we are listing some fresh as well as free jQuery plugins and useful tutorials. We hope that you will like this collection and enjoy this collection.

App Showcase with Grid Overlay

( Demo | Download )

A tutorial about creating a simple grid overlay with subtle transitions for an app showcase.

Thumbnail Grid with Expanding Preview

( Demo | Download )

A tutorial on how to create a thumbnail grid with an expanding image preview similar to the effect seen on Google Images.

Mini Help System with jQuery

( Demo | Download )

In this tutorial, we are going to create a mini help system with jQuery. This will be a small widget which will display help text or a guide to users of your web application. The widget content is going to be searchable in real time, and all matching terms will be highlighted.

jQuery Animated Bar Plugin: jqBar

( Demo | Download )

This is a simple jQuery plugin for creating animated vertical and horizontal bars. The plugin is called jqBar. jqBar can be used in variety of situations where you want to present data with some visual effects. It helps you crate beautiful bar charts to represent skill set or can be used as a progress bar. Plugin is very light weight and can be completely customized.

Charts For Your App with jQuery and xCharts

( Demo | Download )

Make Pretty Charts For Your App with jQuery and xCharts.

iOS-Style Content Slider using jQuery

( Demo | Download )

In this tutorial I want to focus on one useful plugins called iosSlider. This is an open source project with numerous options for customizing your own media slideshow. This includes typical animations and effects for when the user clicks or hover over slideshow items.

Create a Sticky Navigation Header Using jQuery Waypoints

( Demo | Download )

In this tutorial, we’ll be creating a navigation bar that stays with you as you scroll down — and we’ll also throw a gimmick or two into the mix to polish it off.

Interactive Infographic with SVG and CSS Animation

( Demo | Download )

Learn how to build an interactive animated infographic using SVG, CSS and JavaScript.

PUtting CSS Clip to Work: Expanding Overlay Effect

( Demo | Download )

A tutorial about how to create a simple expanding overlay effect using the CSS clip property and CSS transitions.

Slider Pagination Concept

( Demo | Download )

An experimental slider pagination using the jQuery UI slider. The idea is to use a simple navigation concept that preserves layout and style while allowing content to stay easily accessible.

Make a Google Powered Shopping Search Website

( Demo | Download )

In this tutorial, we will be making a simple product search engine. Using jQuery and PHP, we will tap into Google’s Shopping Search API and return a list of items available for purchase, along with prices, photos and other useful information.

How to Create a Simple Multi Item Slider

( Demo | Download )

A tutorial on how to create a simple category slider with a minimal design using CSS animations and jQuery. The idea is to slide the items sequentially depending on the slide direction.

Responsive & Tough Friendly Audio Player

( Demo | Download )

A jQuery audio player plugin that is responsive and touch-friendly. The UI is css-only, no images used.

Calendario: A Flexible Calendar Plugin

( Demo | Download )

A jQuery calendar plugin for creating flexible calendars.

Simple Effects for Drop Down Lists

( Demo | Download )

A jQuery plugin for transforming select inputs into drop-down lists with some simple expanding effects.

How to Make a Tumblr-powered News Ticker

( Demo | Download )

In this tutorial, we are going to use it as the foundation of a news publishing system. We are going to develop a simple widget which cycles through the most recent posts on a Tumblr blog, and presents them as news items to your users. Adding news will be done by creating new blog posts in your Tumblr dashboard.

Create Attractive Coming Soon Template with CSS 3D and Javascript

( Demo | Download )

We are going to make an attractive coming soon html template with CSS3, CSS 3D transform and jQuery. Let’s go a little wild with CSS3 even though some old browsers won’t support it. However, for CSS 3D transform part, we will make it degrades gracefully. Instead of the awesome 3D flipping effect, we will be substituted with just a simple hide and show effect.

jQuery Responsive Horizontal Accordion Image Slider: Raccordion

( Demo | Download )

This is a multi purpose responsive accordion image slider plugin raccordion. Its a horizontal image slider that adjusts according to the size of the browser width. raccordion slider adds variety and style.

3D Flipping Circle with CSS3 and jQuery

( Demo | Download )

In this tutorial we will create a circle with a handle which will open once the little handle is clicked, creating a realistic 3D flipping effect with the help of CSS 3D transforms and shadows/gradients.

How to Make a Mac OSX-like Animated Folder with CSS3

( Demo | Download )

In this short tutorial, we are going to make a OSX-like folder with CSS3, by utilizing 3D transforms, gradients and box shadows. In addition, we are going to use jQuery UI and its drag and drop interactions to build a pretty interactive demo.

Create a Beautiful Password Strength Meter

( Demo | Download )

In this tutorial we will be creating a beautiful password strength indicator. It will determine the complexity of a password and move a meter accordingly with the help of the new Complexify jQuery plugin.

TiltShift.js

( Demo | Download )

A jQuery plugin that uses the CSS3 image filters to replicate the tilt-shift effect. This is a proof of concept and currently only works in Chrome & Safari 6.

Vertical Showcase Slider with jQuery and CSS Transition

( Demo | Download )

A tutorial on how to create a responsive vertical fullscreen slider that moves its sections in opposite directions. We’ll be using jQuery, CSS Transitions and media queries to make the layout adaptive.

Custom Drop Down List Styling

( Demo | Download )

A tutorial on how to create some custom drop-down lists. We’ll show you five examples with different looking drop-down menus and lists for various purposes.

Creative Web Typography Styles

( Demo | Download )

Let’s create some interesting web typography effects with several CSS techniques and the help of lettering.js.

Live Album Previews with CSS3 and jQuery

( Demo | Download )

Here we are going to make a script for previewing the contents of an album with a slideshow-like animation. This can be used in photo galleries, online shops, profile pages and more. The example is inspired by Facebook, where you hover over an album and get a slideshow of some of the photos contained inside it.

Slicebox Revised

( Demo | Download )

Slicebox, the jQuery 3D image slider plugin, has been updated. We’ve done some major improvements and added new features.

Fullscreen Video Slideshow with Bigvideo.jg

( Demo | Download )

A tutorial about how to create a slideshow-like fullscreen video background using BigVideo.js, a jQuery plugin for big background video.

Fullscreen Pageflip Layout

( Demo | Download )

A tutorial on how to create a fullscreen pageflip layout using BookBlock. The idea is to flip the content like book pages and access the pages via a sidebar menu that will slide out from the left.

Responsive CSS Timelinge with 3D Effect

( Demo | Download )

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.

Creative CSS Loading Animations

( Demo | Download )

In this tutorial we’ll show you how to make some creative css-only loading animations also known as activity indicators.

Basic Ready to Use CSS Styles

( Demo | Download )

This is a collection of some basic styles that can come in handy when creating your own style definitions. Learn how to make some useful classes for simple styles and how to apply them to a variety of elements.

Hexaflip: A Flexible 3D Cube Plugin

( Demo | Download )

HexaFlip is a JavaScript UI plugin that let’s you use 3D cubes as interface elements. Dive into the process of creating the plugin and learn some best practices regarding flexible UI plugins.

Animated CSS3 Photo Stack

( Demo | Download )

In this tutorial, we are going to build an animated photo stack, which will use all kinds of fancy effects to transition between a set of images. The effects are implemented purely using CSS3, which means that they run smoothly on modern browsers and mobile devices. We will also make the photo stack advance automatically, so you can use it as a slideshow.

Make a Web App with Instagram-like Filters

( Demo | Download )

In this tutorial, we are going to make a simple web app that allows you to drag a photo from your computer into the browser window, and apply instagram-like filters on it.

Dropbox File Uploader With Twitter Bootstrap

( Demo | Download )

Here we are going to use this feature to create a simple application that allows people to attach a photo from their Dropbox account, crop an area with the Jcrop plugin, and download the result. Additionally, we will make use of Twitter Bootstrap to show dialog windows, and PHP on the backend for the actual photo cropping.

How to grab Dribbble feed with jQuery and CSS3

( Demo | Download )

As a web developer, third party API integration is something you will have to face. Especially with the current trend, we have facebook, twitter, flickr etc. Today, we are going to look at dribbble’s API. Dribbble is a place to show off your design, it’s based on invitation basis, therefore, most designs are of high quality.

Photo Booth Strips with Lightbox

( Demo | Download )

A tutorial about how to create some neat scrollable photo booth strips and integrate Lightbox 2 and customize it in order to make it responsive and touch-device friendly.

How to Build a ToDo Application with Web SQL and jQuery

( Demo | Download )

This tutorial will take you through the step by step development of building a ToDo App entirely powered by Web SQL. You will learn about getting started with Web SQL, understanding transactions, following best practices and how to write re-usable functions.

May 06 2013

16:51

16 Beautiful jQuery Pagination Plugins

Here, we are presenting a collection of some useful and free to use jQuery pagination plugins for you that you can integrate on your website in order to split pages and posts into several pages. These pagination plugins make pagination easy for the website developers. These plugins are designed for you so that website pagination will no longer be a tough task for you. With these plugins, you can divide the data into multiple pages once it is loaded into the page. Furthermore, server side pagination allows you to extract necessary amount of data and then loaded on the page.

In this post, you will find a list of some useful jQuery pagination plugins that allow you to create proper pagination setups for your website. We hope that you will find this collection useful for you. Feel free to share your opinions with us via comment section below. Have fun.

Extreme Makeover: jPaginator CSS3 Edition

( Demo | Download )

jPaginate: A Fancy jQuery Pagination Plugin

( Demo | Download )

jQuery Quick Pagination

( Demo | Download )

Pajinate – A jQuery Pagination Plugin

( Demo | Download )

SimplePagination

( Demo | Download )

Easy Paginate jQuery plugin for pagination

( Demo | Download )

jQPagination

( Demo | Download )

Sweet Pages: A jQuery Pagination Solution

( Demo | Download )

jQuery Pagination Plugin

( Demo | Download )

jPaginator

( Demo | Download )

jQuery Pagination Plugin: Smart Paginator

( Demo | Download )

Easy pagination with jQuery and Ajax

( Demo | Download )

jPaginate – jQuery Pagination System Plugin

( Demo | Download )

jQuery Pagination revised

( Demo | Download )

Pagination with jQuery, MySQL and PHP.

( Demo | Download )

AJAX Pagination using jQuery and PHP with Animation

( Demo | Download )

March 14 2013

16:46

13 Very Useful jQuery Modal Plugins

In today’s collection, we are presenting for you 13 jQuery Modal plugins. Many websites are using jQuery currently and it is important that one should know what jQuery plugins are available there in order to stay up to date with the latest web design trends. With the help of jQuery plugins, one can keep his website ahead of the crowd.

If you want to show quick information to your users, then jQuery Modal dialog box would be the great option for you. With the help of jQuery Modal dialog boxes, you can show alerts, notices, errors, modal popups, modal windows or dialog. With the help of jQuery modal plugins, you can easily create modal dialog boxes. All of these jQuery modal plugins can easily be integrated into you websites so that you can create cool and visually appealing modal window. So what are you waiting for? Have a look at this collection.

Avgrund Modal

Avgrund is a jQuery plugin for modal boxes and popups. It uses interesting concept showing depth between popup and page. It works in all modern browsers and gracefully degrade in those that do not support CSS transitions and transformations (e.g. in IE 6-9 has standard behavior).

FancyBox

FancyBox is a tool for displaying images, html content and multi-media in a Mac-style “lightbox” that floats overtop of web page.

Simple Modal

SIMPLEMODAL is a small plugin to create modal windows. It can be used to generate alert or confirm messages with few lines of code. Confirm configuration involves the use of callbacks to be applied to affirmative action; it can work in asynchronous mode and retrieve content from external pages or getting the inline content. SIMPLEMODAL is not a lightbox although the possibility to hide parts of its layout may partially make it similar.

Lightview

Lightview was built to change the way you overlay content on a website.

jQuery.bPopup.js

bPopup is a lightweight jQuery modal popup plugin (only 1.34KB gzipped). It doesn’t create or style your popup but provides you with all the logic like centering, modal overlay, events and more. It gives you a lot of opportunities to customize so it will fit your needs.

LeanModal.js

Bare bones modal dialog windows.

jQuery SuperBox!

jQuery Superbox! is a script which allows you display windows with the lightbox effect.

Highslide JS

Highslide JS is an image, media and gallery viewer written in JavaScript.

GreyBox

GreyBox can be used to display websites, images and other content in a beautiful way.

Reveal: jQuery Modals Made Easy

Reveal is awesome because it’s easy to implement, is cross-browser compatible with modern browsers (with some graceful degradation of course) and lightweight coming in at only 1.75KB. What that means for you is that it’s fast, sexy and just works. Now let’s see how easy is can be to get Reveal working!

jQuery lightBox plugin

jQuery lightBox plugin is simple, elegant, unobtrusive, no need extra markup and is used to overlay images on the current page through the power and flexibility of jQuery´s selector.

PrettyPhoto is a jQuery lightbox

prettyPhoto is a jQuery lightbox clone. Not only does it support images, it also support for videos, flash, YouTube, iframes and ajax. It’s a full blown media lightbox.

Simplemodal

SimpleModal is a lightweight jQuery Plugin which provides a powerful interface for modal dialog development. Think of it as a modal dialog framework. SimpleModal gives you the flexibility to build whatever you can envision, while shielding you from related cross-browser issues inherent with UI development.

August 28 2012

15:54

11 Most Useful jQuery Plugins To Enhance Typography

Here we are presenting 11 jQuery plugins for you to improve your typography. With jQuery plugins, you can implement superb things on your website quite easily. In this round up, we have put together some jQuery plugins that will allow you a better control on your website for web typography. We all know that typography is an important element in a web design and achieving a high level of typographic style can make your web design look eve more stunning and attention grabbing.

Here is the complete collection. Browse through this collection and do share your opinion with us via comment section below.

FitText

( Demo | Download )

Arctext.js

( Demo | Download )

Shuffle Letters

( Demo | Download )

Lettering.js

( Demo | Download )

jQuery-glow

( Demo | Download )

Slab Text

( Demo | Download )

BigText

( Demo | Download )

jQisotext: jQuery Text Plugin

( Demo | Download )

Textualizer

( Demo | Download )

3D Flying Text in jQuery

( Demo | Download )

jMetronome: Using jQuery to keep typographic rhythm

( Demo | Download )

August 13 2012

21:10

40+ Powerful jQuery Navigation Plugins And Tutorials

In this round up, we are showcasing a wonderful collection of some useful jQuery navigation plugins and tutorials that will definitely help you improve your website visibility and let you spice up your website more effectively. jQuery is a wonderful creation and its plugins have been designed to help you keep your content more organized and interactive for your website users.

Here in this collection, you will discover some handy plugins and useful tutorials that will assist you in your work. We hope that you will like this collection and find it helpful for you. Do let us what you feel about this collection. Let us take a look at this compilation.

A Stylish Navigation Menu With jQuery

( Demo | Download )

Making a Fresh Content Accordion

( Demo | Download )

Create a Slick Tabbed Content Area using CSS & jQuery

( Demo | Download )

Halftone Navigation Menu

( Demo | Download )

A Different Top Navigation

( Demo | Download )

jQuery Tabbed Interface / Tabbed Structure Menu Tutorial

( Demo | Download )

Create a Cool Animated Navigation with CSS and jQuery

( Demo | Download )

Vertical Flyout JavaScript Menu

( Demo | Download )

Use Sprites to Create an Awesomeness-Filled Navigation Menu

( Demo | Download )

How to Make a Smooth Animated Menu with jQuery

( Demo | Download )

Dropdown Menu

( Demo | Download )

Drop down menu with Nested Submenus

( Demo | Download )

Simple jQuery Dropdowns

( Demo | Download )

Create a Cool Animated Menu with jQuery

( Demo | Download )

Mega Vertical

( Demo | Download )

Memu

( Demo | Download )

Sweet AJAX Tabs With jQuery 1.4 & CSS3

( Demo | Download )

Building a Better Blogroll

( Demo | Download )

Fancy Sliding Form with jQuery

( Demo | Download )

Little Boxes with jQuery

( Demo | Download )

AutoSprites – A jQuery Menu Plugin

( Demo | Download )

Creating a Floating HTML Menu Using jQuery and CSS

( Demo | Download )

CSS3 multicolor menu

( Demo | Download )

Using jQuery for Background Image Animations

( Demo | Download )

Coda-Slider 2.0

( Demo | Download )

Creating CSS3 Dropdown Menu

( Demo | Download )

Creating a CSS3 Dropdown Menu

( Demo | Download )

Vertical Scroll Menu with jQuery Tutorial

( Demo | Download )

Slide Subnav Plugin

( Demo | Download )

jQuery Listmenu

( Demo | Download )

Easy to Style jQuery Drop Down Menu Tutorial

( Demo | Download )

How To Create A Keypress Navigation Using jQuery

( Demo | Download )

StyleSelect Menu

( Demo | Download )

Sliding Jquery Menu

( Demo | Download )

Outside the Box Navigation with jQuery

( Demo | Download )

‘Mootools Homepage’ Inspired Navigation Effect Using jQuery

( Demo | Download )

Beautiful Slide Out Navigation

( Demo | Download )

Puffer Fish Navigation

( Demo | Download )

jQuery Horizontal Tooltips menu tutorials

( Demo | Download )

Image Hover Move

( Demo | Download )

Awesome Cufonized Flyout Menu

( Demo | Download )

MultiColor Animated DropDown Menu

( Demo | Download )

Create a Good Looking Floating Menu with jQuery Easing

( Demo | Download )

jQuery Flipping Menu Tutorial

( Demo | Download )

July 16 2012

15:51

Ultimate Collection Of Fresh jQuery Plugins And Tutorials

jQuery has become one of the most accepted JavaScript library that has been used all over the world. For this reason, many people all around the world are interested in learning this wonderful creation of the technology. Tutorials is the best thing on the internet to learn from. This time, we are specifically presenting some fresh tutorials that were recently released. These tutorials will cover different aspects of jQuery that you can use to make your creation even more powerful and interactive.

Here is the complete list of fresh jQuery tutorials for you. We hope that you will find this collection helpful for you and will learn loads of interesting and useful techniques from them. Enjoy looking into this collection and have more fun using them in your work.

Create a Beautiful Password Strength Meter

( Demo | Download )

Growing Thumbnails Portfolio

( Demo | Download )

Create a Sticky Navigation Header Using jQuery Waypoints

( Demo | Download )

Swatch Box with CSS3 and jQuery

( Demo | Download )

Fullscreen Slit Slider with jQuery and CSS3

( Demo | Download )

How to Create an Video Player in jQuery, HTML5 & CSS3

( Demo | Download )

Orman Clark’s Vertical Navigation Menu: The CSS3 Version

( Demo | Download )

Page Transitions with CSS3

( Demo | Download )

How to Create a Slider Plugin with jQuery

( Demo | Download )

CSS3 Breadcrumbs

( Demo | Download )

Create A Minimal Single Page Portfolio With HTML5/CSS3

( Demo | Download )

CSS3 Animated Tooltips

( Demo | Download )

Curving Text with CSS3 and jQuery

( Demo | Download )

Timeline Portfolio

( Demo | Download )

Making a Page Flip Magazine with turn.js

( Demo | Download )

Making an Impressive Product Showcase with CSS3

( Demo | Download )

Apple-like Login Form with CSS 3D Transforms

( Demo | Download )

CSS3 Multilevel Menu with Transition and Animation

( Demo | Download )

Change Image on Click with jQuery

( Demo | Download )

How to Create a CSS3-Only Tab Control Using the :target Selector

( Demo | Download )

How to Code a jQuery Rolodex-Style Countdown Ticker

( Demo | Download )

Building an E-mail Request Invite Form with jQuery

( Demo | Download )

Interactive Menu with CSS3 & jQuery

( Demo | Download )

Create an Audio Player in HTML5 & CSS3

( Demo | Download )

Responsive Horizontal Layout

( Demo | Download )

Accdordion with CSS3

( Demo | Download )

How to Create Login Form with CSS3 and jQuery

( Demo | Download )

Animated Web Banners with CSS3

( Demo | Download )

Slideshow with Jmpress

( Demo | Download )

Create Calendar using jQuery and CSS3

( Demo | Download )

Login and Registration Form with Html5 and CSS3

( Demo | Download )

Filter Functionality with CSS

( Demo | Download )

How to Create an Image Slider using jQuery and CSS3

( Demo | Download )

Pretty Simple Content Slider with jQuery and CSS3

( Demo | Download )

Parallax Contenet Slider with jQuery

( Demo | Download )

How to Create an Upload Form using jQuery and PHP

( Demo | Download )

Conclusion

We hope that you will find this collection of useful tutorials helpful for you. These jQuery tutorials are designed to help you use jQuery more proficiently and effectively. Without any further ado, here we are presenting the complete list of some fresh jQuery tutorials that were released in 2012. Enjoy!

April 05 2012

16:29

15 Handpicked jQuery Drop Down Menus Tutorials

Here we are presenting another brilliant collection of 15 jQuery navigation menu that you can download for free and use for your next projects. Navigation menu plays a crucial role in any web design and a well designed, functional and visually appealing navigation menu truly adds beauty to the overall design and feel.

So, feel free to browse through this collection of ready to use navigation menu and make your website easy to navigate. With these functional navigation menus, you will also make browsing your site easier for your visitors. So, enjoy looking into this collection of good looking and appealing jQuery Navigation Menu Plugins.

Fancy Drop Down Menus Using CSS and JQuery.

( Demo | Download )

Slide Down Box Menu with jQuery and CSS3

( Demo | Download )

Sliding Jquery Menu

( Demo | Download )

Create Simple Dropdown Menu Using jQuery

( Demo | Download )

Designing the Digg Header: How To & Download

( Demo | Download )

Easy to Style jQuery Drop Down Menu Tutorial

( Demo | Download )

Professional Dropdown

( Demo | Download )

A Different Top Navigation

( Demo | Download )

jQuery Drop Down Menu for RSS Subscription Tutorial

( Demo | Download )

Simple jQuery Dropdown Menu

( Demo | Download )

Dropdown Nenu with Easing and Hoverintent Navidropdown

( Demo | Download )

Solution For Very Long Dropdown Menus

( Demo | Download )

Create The Fanciest Dropdown Menu

( Demo | Download )

JQuery Drop Down Menu Tutorial

( Demo | Download )

Superfish v1.4.8 – jQuery menu plugin

( Demo | Download )

March 30 2012

17:41

10 Most Useful Javascript Color Pickers Plugins

With the help of Color Picker plugins and tools, you can get a color reading from any point in your browser and can rapidly change this color and paste it into another program. Or simply a color picker lets to pick a color from anywhere on your screen so that you can use the exact color in your creation. Few years back finding out the right kind of color picker was a tough job but now thanks to Javascript color picker plugins, you can easily pick colors and use them in your project.

If you are also looking for some cool color picker plugins then you have come to the right place. Here we are showcasing 10 Javascript color picker plugins. Some of them are quite simple while some are really complicated. Take a look and find out one that meets your requirements.

MooRainbox

mooRainbow is a powerful Javascript color picker that allows you to visually choose and use colors as a real and useful application.

JavaScript ColorPicker

This colorPicker is a light weight all-rounder that can display and let you choose the entire color palette in HSB and RGB color modes.

JPicker – A jQuery Color Picker

jPicker is a fast, lightweight jQuery plugin for including an advanced color picker in your web projects. It has been painstakenly ported from John Dyers’ awesome work on his picker using the Prototype framework.

Color Picker

A simple component to select color in the same way you select color in Adobe Photoshop

ExColor

The jQuery plugin for color editing on your website.

Izzy Color Picker

This color picker is a very slick and extraordinarily useful tool.

Flexi

No flash, images, external libraries, CSS or 1px divs. Only 4.3KB minified.

JavaScript Color Picker

PhotoShop-like JavaScript Color Picker.

Farbtastic

Farbtastic is a jQuery plug-in that can add one or more color picker widgets into a page through JavaScript. Each widget is then linked to an existing element (e.g. a text field) and will update the element’s value when a color is selected.

SimpleColor Plugin

jQuery Simple Color is a very simple color-picker plugin that displays a square grid of selectable colors.

March 21 2012

17:44

Extensive Collection Of jQuery Drag And Drop Plugins

jQuery allows you to create stylish yet user friendly websites that are not only pleasing to the eye but also are very lightweight and load quite quickly. This is the reason why jQuery has a special place in the field of web development. jQuery is getting better day by day thanks to the jQuery community that continuously share awesome plugins. At the moment, we are sharing with your some extraordinarily amazing jQuery plugins for drag and drop feature.

With these plugins, you will allow your visitors to personalize the website and its tools according to their needs; and in this way you provide them with loads of customization option that every user simply love! We hope that you will like this collection and find these plugins helpful for you.

jQuery mb.containerPlus

( Demo | Download )

This is a useful plug in to build full featured and fully skinnable containers. The container can be set to draggable, resizable, collapsable and minimizable.

jQuery Reel Plugin

( Demo | Download )

Reel is a jQuery plugin which takes an image tag and makes it a live “projection” of pre-built animation frames sequence. Its aim is to provide a 360° view of something or someplace. Great alternative to widely used Flash and Java techniques.

CropZoom

( Demo | Download )

CropZoom is a plugin that let you select an area of an image and then crop it. whit this tool you also will be able to zoom in or to zoom out, to drag and also rotate an image.

jquery.event.drag

( Demo | Download )

A jquery special event plugin that makes the task of adding complex drag interactions, to any element, simple and powerful.

jQuery TextAreaResizer plugin

( Demo | Download )

This project allows the user to extend the textarea element/area within the web page whenever they feel.

PPDRAG

( Demo | Download )

ppDrag is a Drag&Drop plugin for jQuery, which mimics the interface of jQuery UI’s Draggable. Currently supported is a small subset of its options, but the implementation is different (ppDrag focuses on performance).

jQuery Resizable and Draggable

( Demo | Download )

In this tutorial, we will show you how to do Resizing and Dragging of a DIV using jQuery UI. I will show you the demo of a DIV, which can be resized by pulling up the edges and also dragged here and there.

jQuery UI multiple draggable plugin

( Demo | Download )

The jQuery multiple draggable plugin is an extension to the jQuery UI Draggable plugin. This plugin extends the current functionality to allow for elements to be grouped and dragged as a group. The aim of the plugin is to include all of the current functionality listed in the options.

Resizable

( Demo | Download )

With this plugin you can resize rectangle with content easily.

Drag To Share

( Demo | Download )

We’ve all seen the brilliant functionality on Mashable where news stories and interesting articles can be shared to social networking sites; the functionality is driven by the images accompanying the articles; you click and hold on an image and can then drag it into a toolbar to share it. It’s brilliant and intuitive, and in this article I’m going to show you how we can replicate this behavior with jQuery and jQuery UI.

Jquery Iviewer

( Demo | Download )

JQuery.iviewer is an jquery ui widget representing image viewer component used to load and view image with ability to zoom image and to drag it with mouse in container.

How to Mimic the iGoogle Interface

( Demo | Download )

In this tutorial, we will show you how to create a customizable interface with widgets. The finished product will be a sleek and unobtrusively coded iGoogle-like interface, which has plenty of potential applications!

Drag’n Drop With jQuery And PHP

( Demo | Download )

Drag’n drop generally looks hard-to-apply but it is definitely not by using JavaScript frameworks. Here is, how it is done by using jQuery & jQuery UI.

MapBox

( Demo | Download )

The jQuery mapbox() plugin is for creating relatively small scale, zoomable, draggable maps with multiple layers of content. This framework could be applied to games, development plans, or any layout that could benefit from being able to zoom in and pan to get a better view.

Interface plugin for jQuery

( Demo | Download )

Interface is a collection of rich interface components which utilizes the lightweight JavaScript library jQuery. With this components you can build rich client web applications and interfaces with the same simplicity as writing JavaScript with jQuery.

Dragscrollable

( Demo | Download )

With this plugin you can build a similar effect as in Google maps where you drag contents of a div acting as a viewport.

Table Drag and Drop JQuery plugin

( Demo | Download )

This TableDnD plugin allows the user to reorder rows within a table, for example if they represent an ordered list (tasks by priority for example). Individual rows can be marked as non-draggable and/or non-droppable (so other rows can’t be dropped onto them). Rows can have as many cells as necessary and the cells can contain form elements.

Draggable

( Demo | Download )

The jQuery UI Draggable plugin makes selected elements draggable by mouse.

Creating a Draggable Sitemap with JQuery

( Demo | Download )

In this tutorial we will be creating a Draggable Sitemap with JQuery.

Drag & Drop with PHP & jQuery

( Demo | Download )

With this plugin you can Drag & Drop anything easily with PHP & jQuery.

Drag & Drop Sortable Lists

( Demo | Download )

Drag & Drop Sortable Lists with JavaScript and CSS

jQuery List DragSort

( Demo | Download )

A javascript file that provides the ability to sort lists using drag and drop. Built on the jQuery framework.

Drag everything in HTML page

( Demo | Download )

Ultra small code to drag everything in HTML pages

jQuery Draggable

( Demo | Download )

Drag and Drop Captcha

( Demo | Download )

Ajax Fancy Captcha is a jQuery plugin that helps you protect your web pages from bots and spammers. We are introducing you to a new, intuitive way of completing “verify humanity” tasks. In order to do that you are asked to drag and drop specified item into a circle.

jQuery: Customizable layout using drag and drop (examples)

( Demo | Download )

Drag and drop items within and between lists. A visual helper is displayed indicating where the item will be positioned if dropped.

jqDnR

( Demo | Download )

jqDnR is a lightweight plugin for jQuery that lets you drag, drop, and resize elements.

Collapsible Drag n Drop

( Demo | Download )

Drag n Drop panels are great to let the user control how he/she wants to see the information as he can arrange various information blocks according to his preference. This type of functionality is often provided by web portals or personal homepage services like iGoogle.

Dragndrop

( Demo | Download )

With this plugin you can drag and drop in a easy way.

Draggable Image Boxes Grid

( Demo | Download )

In this tutorial we will create a template with a fullscreen grid of images and content areas. The idea is to have a draggable grid that shows boxes of thumbnails and menu like items. Once clicked, the thumbnail will expand to the full size image and the menu item box will expand to a fullscreen content area.

JDock

( Demo | Download )

animaDrag

( Demo | Download )

animaDrag is an ultra lightweight drag and drop plugin that is independent of the jQuery UI framework. AnimaDrag allows draggable items to be eased by jQuery animation, which UI draggables do not allow.

EasyDrag jQuery Plugin

( Demo | Download )

It’s very simple, first you call the easydrag() method as in the old version and then you call the setHandler() method passing to it the id of the element that will act as the handle. The handle MUST be a child element of the content that will be dragged.

January 30 2012

18:05

35 Highly Advanced Yet Simple To Use jQuery Plugins

jQuery is a speedy, succinct library that make traversing HTML documents, handling events, performing animations, and adding AJAX simpler. jQuery imparts web developers the opportunity to make websites better with incredible elements without the necessity to write down dozens of lines of code.

In this compilation, you will find top 35 highly advanced and cutting-edge jQuery plugins that are simple to use and will improve your web experience significantly. It is no longer achievable to overlook this competent, powerful and lightweight tool when more than 40% of other websites are using it. So, it is the right time to look over and discover the recent trends of web design and development. I am sure it does gonna be a helluva race for jQuery whose development just doesn’t stop. Enjoy!

Subway Map Visualization jQuery Plugin

tumblr

Download | Demo

jquery-toastmessage-plugin

tumblr

Download | Demo

Gmap Google Maps Plugin for jQuery

tumblr

Download | Demo

Recurly.js

tumblr

Download | Demo

960 Grid on jQuery-Mobile

tumblr

Download | Demo

jQuery.spritely

tumblr

Download | Demo

JQZoom

tumblr

Download | Demo

Skitter

tumblr

Download | Demo

Creating a Slick Auto-Playing Featured Content Slider

tumblr

Download | Demo

jQuery PhotoShoot Plugin 1.0

tumblr

Download | Demo

Making a jQuery Countdown Timer

tumblr

Download | Demo

Bubble Slideshow Effect with jQuery

tumblr

Download | Demo

Nivo Slider

tumblr

Download | Demo

Uniform

tumblr

Download | Demo

jbar

tumblr

Download | Demo

Animated Content Menu with jQuery

tumblr

Download | Demo

Fullscreen Slideshow with HTML5 Audio and jQuery

tumblr

Download | Demo

Jcrop

tumblr

Download | Demo

Easy Paginate – jQuery plugin for pagination

tumblr

Download | Demo

jFormer

tumblr

Download | Demo

Jquery Memory Game

tumblr

Download | Demo

Signature Pad

tumblr

Download | Demo

jQuery Splatter Plugin

tumblr

Download | Demo

jQuery.validval

tumblr

Download | Demo

Slideout Tips With jQuery & CSS3

tumblr

Download | Demo

Circulate

tumblr

Download | Demo

Sponsor Flip Wall With jQuery & CSS

tumblr

Download | Demo

Flip a jquery plugin

tumblr

Download | Demo

Scroller

tumblr

Download | Demo

CraftMap

tumblr

Download | Demo

JQuery multi level accordion menu

tumblr

Download | Demo

DropKick.js

tumblr

Download | Demo

jQuery PointPoint – A Plugin For Pointing To Things

tumblr

Download | Demo

IMGr

tumblr

Download | Demo

SheepIt Plugin

tumblr

Download | Demo

Brought To You By

Premier Survey
Do you want to advertise here? Click to get more info…

January 19 2012

18:00

15 jQuery Calendar Date Picker Plugins

In this collection, you will see some of the best jQuery Calendar Date Picker Plugins that will allow you output planners and calendars even more easily. Majority of these plugins are built on jQuery and jQuery UI (User Interface). With this collection, we tend to help those who need frameworks with great functionality.

You can directly incorporate these plugins into your website as they only require minor modifications and styling. These qualities make them extraordinarily acceptable because every project requires its own design and therefore you should modify style of calendar plugin as well.

Date Range Picker using jQuery and CSS Framework

( Demo | Download )

Timeline calendar

( Demo | Download )

jQuery Frontier Calendar

( Demo | Download )

FullCalendar

( Demo | Download )

glDatePicker

( Demo | Download )

BlueShoes JS DatePicker Component

( Demo | Download )

jQuery Calendar Widget Plugin

( Demo | Download )

jQuery.calendarPicker

( Demo | Download )

Date / Time Picker

( Demo | Download )

VCalendar

( Demo | Download )

Date Picker

( Demo | Download )

AJAX Booking Calendar Pro (jQuery Calendar Plugin)

( Demo | Download )

wdCalendar – jQuery Based Google Calendar Clone

( Demo | Download )

Simple Events Calendar JS

( Demo | Download )

Sexy jQuery Multiday Calendar Datepicker Plugin – jCal

( Demo | Download )

Brought To You By

Premier Survey
Do you want to advertise here? Click to get more info…

December 26 2011

16:35

Best Of 2011: Best Useful jQuery Plugins And Tutorials

jQuery is one of the most accepted JavaScript library that possesses an enormous collection of plugins which makes it even more powerful. On the other hand, there is a good deal of additional codes or modules, from simple alert functions to multifaceted galleries or form validation methods, that are hard-coded inside websites & not convinced to plugins.

Of course, not each code must become a plugin that would be worthless. However converting the ones to be re-utilized will save loads of improvement time & if shared with the community, will make the code itself better.

In this post, you will unearth some of the most excellent, interesting fresh and useful jQuery plugins and tutorials that were created in 2011.

File Uploads with jQuery

( Demo | Download )
This plugin will allow people to upload photos from their computers by dragging and dropping them onto the browser window, possible with the new HTML5 APIs exposed by modern browsers.

ComboGrid

( Demo | Download )
Combogrid, like autocomplete, when added to an input field, enables users to quickly find and select from a pre-populated list of values as they type, but in a tabular and paginated manner. Combogrid provides keyboard navigation support for selecting an item.

MotionCAPTCHA

( Demo | Download )
MotionCAPTCHA is a jQuery CAPTCHA plugin, based on the HTML5 Canvas Harmony procedural drawing tool by Mr Doob and the Unistroke Gesture Regonizer algorithm (and the more recent Protractor algorithm improvement), requiring users to sketch the shape they see in the canvas in order to submit a form.

Elastislide

( Demo | Download )
With the responsive awakening in web design it becomes important to not only take care of the visual part of a website but also of the functionality. Elastislide is a responsive jQuery carousel that will adapt its size and its behavior in order to work on any screen size. Inserting the carousel’s structure into a container with a fluid width will also make the carousel fluid.

Spin.js

( Demo | Download )
The spin method creates the necessary HTML elements and starts the animation. If a target element is passed as argument, the spinner is added as first child and horizontally and vertically centered.

Craftyslide

( Demo | Download )
Craftyslide is a tiny (just 2kb) slideshow built on jQuery. Craftyslide aims to be different, by providing a simple, no-frills method of displaying images; packaged into a small, clean and efficient plugin.

Arbor.js

( Demo | Download )
Arbor is a graph visualization library built with web workers and jQuery. Rather than trying to be an all-encompassing framework, arbor provides an efficient, force-directed layout algorithm plus abstractions for graph organization and screen refresh handling.

Recurly.js

( Demo | Download )
Recurly.js allows you to easily embed a PCI compliant order form within your website. Recurly.js is a Javascript library designed to be easily embedded and customized to match your website.

Ideal Forms

( Demo | Download )
Ideal Forms is a small framework to build powerful and beautiful online forms.

How to Block Adblock

( Demo | Download )
With this friendly jQuery plugin you can easily blog Block Adblock.

Power PWChecker

( Demo | Download )
Power PWChecker jQueryPlugin observes passwords as users type and provide instant password strength check (Weak, Medium, or Strong). This encourages users to review their password selection and ensure that the password is strong and secure. Power PWChecker also allows you to enforce password length policy by specifying minimum and maximum password length. It also matches password entries and provides visual alert in case of inconsistent passwords.

Sisyphus

( Demo | Download )
Imagine you’re filling a complex form on site, or typing effervescent and extensive comment. And when you’re almost done with that browser is crashed, or you closed tab mistakenly, or electricity is turned off, or something else break your efforts. Disgusting, huh? With Sisyphus on site you just reopen page in your modern (with HTML5 support) browser and see all your changes at that forms. It’s lightweight (3.5 KB) jQuery plugin uses Local Storage to prevent your work being lost.

Response Javascript

( Demo | Download )
Response JS is a lightweight jQuery plugin that gives web designers tools for building performance-optimized, mobile-first responsive websites. It provides semantic ways to dynamically swap code blocks based on breakpoints and serve media progressively via HTML5 data attributes. Its object methods give developers hooks for triggering responsive actions and booleans for testing responsive properties.

Responsly.js

( Demo | Download )
Responsive designs are cool! Not only do they allow you to reach mobile and tablet users with minimal effort, they also make your context scale up for desktop users with larger screens.

Fitvids.js

( Demo | Download )
A lightweight, easy-to-use jQuery plugin for fluid width video embeds.

Isotope

( Demo | Download )
Isotope: An exquisite jQuery plugin for magical layouts

Slidorion

( Demo | Download )
Slidorion is a combination of an image slider and an accordion; displaying beautiful content through various effects.

Diapo

( Demo | Download )
With Diapo plugin you can creat a beautiufl slideshow.

Minimit

( Demo | Download )
Minimit Gallery is a highly customizable Jquery plugin that does galleries, slideshows, carousels, slides… pratically everything that has multiple states.

Circular Content Carousel

( Demo | Download )
The idea is to have some content boxes that we can slide infinitely (circular). When clicking on the “more” link, the respective item moves to the left and a content area will slide out. Now we can navigate through the carousel where each step will reveal the next or previous content box with its expanded content. Clicking on the closing cross will slide the expanded content area back in and animate the item to its original position.

HTML5 Music Player

( Demo | Download )
With this plugin you can create HTML5 Music Player.

jQuery Mobile

( Demo | Download )
A unified, HTML5-based user interface system for all popular mobile device platforms, built on the rock-solid jQuery and jQuery UI foundation. Its lightweight code is built with progressive enhancement, and has a flexible, easily themeable design.

Lettering.js

( Demo | Download )
A jQuery plugin for radical web typography.

Multi Node Range Data Slider jQ Slider

( Demo | Download )
JQ Slider is a multi-node range and data slider that allows to provide easy-to-use user data selection and filter tool. It can be used in many ways.

Xml Driven Vertical News Scroller Script Using jQuery vScroller

( Demo | Download )
Adding scrolling content to your website or blog makes much sense – it allows you display latest news, promotions, product updates, announcements, upcoming events, calendar items and much more in a limited space. It also allows you to add dynamic content to otherwise static web pages.

jQuery Sliding Content Bar Plugin

( Demo | Download )
It is a smart and quick content bar that you can integrate easily in any website or web application. It is integrated seamlessly in your website and can be popped up whenever required. PushUp Content Bar is easy to customize and strong enough to rely upon. You can add your contact details, location map via Google Maps, and a simple contact form that visitors can use to make contact with you.

Gmap3

( Demo | Download )
gmap3 is a jquery plugin which allows many manipulation of the google map API version 3.

Skitter

( Demo | Download )
With this plugin you can generate outstanding slideshows for your website.

jFontSize

( Demo | Download )
The jFontSize plugin was developed to facilitate the process of creating the famous buttons A+ and A-, which alter the font size on sites with very large texts, such as blogs, journals, tutorials, etc. This tool is also used to increase the accessibility of sites, helping people who have visual problems to see better content

Wave Display Effect with jQuery

( Demo | Download )
How cool is it to sometimes just display content a little bit differently? This plugin let’s you show images and content in a unique form – a wave. The idea is to initially have some smaller thumbnails rotated and placed in the shape of a sine curve. When clicking on a thumbnail, we’ll “zoom” in to see a medium sized version. Clicking again will make the large content area appear; here we will show some more content.

Simple jQuery Fluid Thumbnail menu Bar

( Demo | Download )
The idea of a fluid thumbnail bar is simple: Create a list of thumbnails within a space where the overflow can be flipped through page by page.

Useful image hover slide effect with jQuery

( Demo | Download )

jQuery plugin: Easy Image Zoom

( Demo | Download )
This is a simple technique to animate an image when hovering using jQuery’s animate() effect. We will use this effect to manipulate our CSS, creating a seamless transition between two areas of an image.

ImageLens

( Demo | Download )
Use this jQuery plug-in to add lens style zooming effect to an image

Slides

( Demo | Download )
Slides is a slideshow plugin for jQuery that is built with simplicity in mind. Packed with a useful set of features to help novice and advanced developers alike create elegant and user-friendly slideshows.

jShowOff

( Demo | Download )
Slides is a slideshow plugin for jQuery that is built with simplicity in mind. Packed with a useful set of features to help novice and advanced developers alike create elegant and user-friendly slideshows.

Easy Paginate

( Demo | Download )
This plugin allows you to browse easily through the list of items with pagination controls. It is very easy to implement and very lightweight so it might come in handy to use in your own projects. It’s main purpose is to view certain number of list items at once, but it can also be set up to view one item by one.

Responsive Image Gallery with Thumbnail Carousel

( Demo | Download )
Today we want to show you how to create a responsive image gallery with a thumbnail carousel using Elastislide. Inspired by Twitter’s “user gallery” and upon a request to show an integration of Elastislide, we want to implement a responsive gallery that adapts to the view-port width. The gallery will have a view switch that allows to view it with the thumbnail carousel or without. We’ll also add the possibility to navigate with the keyboard.

PhotoSwipe

( Demo | Download )
Today we want to show you how to create a responsive image gallery with a thumbnail carousel using Elastislide. Inspired by Twitter’s “user gallery” and upon a request to show an integration of Elastislide, we want to implement a responsive gallery that adapts to the view-port width. The gallery will have a view switch that allows to view it with the thumbnail carousel or without. We’ll also add the possibility to navigate with the keyboard.

Elycharts

( Demo | Download )
Elycharts is a pure javascript charting library, easy to use and completely customizable.

Blueberry

( Demo | Download )
Blueberry is an experimental opensource jQuery image slider plugin which has been written specifically to work with fluid/responsive web layouts.

GALLERIA

( Demo | Download )
Galleria is a JavaScript image gallery framework built on top of the jQuery library. The aim is to simplify the process of creating professional image galleries for the web and mobile devices.

jQuery Image Gallery

( Demo | Download )
With this plugin you can create a beautiful jQuery Image Gallery.

Shuffle Letters Effect

( Demo | Download )
This jQuery plugin that will shuffle the text content of any DOM element – an interesting effect that can be used in headings, logos and slideshows.

SmartGallery

( Demo | Download )
SmartGallery is an interactive image gallery that is specifically designed to support huge data. It is lightweight, lightening fast and fully customizable. Powered by jQuery, SmartGallery comes with twelve transition effects including some unique transition effect and thumbnail navigation.

BxSlider

( Demo | Download )
BxSlider will allow you to create a beautiful Content Slider for your website.

FitText

( Demo | Download )
FitText makes font-sizes flexible. Use this plugin on your fluid or responsive layout to achieve scalable headlines that fill the width of a parent element.

jQuery Pagination revised

( Demo | Download )
The pagination plugin combines a varity of features. It can be used to divide long lists or areas of content into multiple seperate pages, load paged content with pre-calculated database offset-parameters via Ajax and anything with full control to adapt the style properly to your site-layout. Of course, creating simple links with no event triggering is possible as well. The plugin also offers the facility to “overlap” pages, which means you can show elements of previous pages on the subsequent sites in order to allow a straightforward flow of reading.

E24TabMenu

( Demo | Download )
e24TabMenu is a plugin written for scriptaculous. It is a tab menu that expands collapse smoothly.

Snippet

( Demo | Download )
Snippet provides a quick and easy way of highlighting source code passages in HTML documents.

AJAX PAYPAL CART

( Demo | Download )
AJAX PayPal Cart is a easy to use JQuery plugin for web developer to add a full function shopping cart in their website. The AJAX cart can included a cart widget which allow display of cart information easily. Support PayPal Website Payment Standard.

jQuery is one of the most accepted JavaScript library that possesses an enormous collection of plugins which makes it even more powerful. On the other hand, there is a good deal of additional codes or modules, from simple alert functions to multifaceted galleries or form validation methods, that are hard-coded inside websites & not convinced to plugins.

Of course, not each code must become a plugin that would be worthless. However converting the ones to be re-utilized will save loads of improvement time & if shared with the community, will make the code itself better.

Brought To You By

Premier Survey
Do you want to advertise here? Click to get more info…

December 05 2011

15:26

50 Awesomely Useful Yet Free jQuery Tooltip Plugins

Tooltips are used to inform the users about the expected results of a button or option and are particularly helpful in making them learn how to use a product, software and website. Fundamentally tooltips are employed to put up additional information on website. With the help of jQuery, where loads of developers have achieved amazing and incredible results, now you can also create visually appealing and fully functional tooltips.

In this assortment, we are going to share a collection of some useful jQuery Tooltip Plugins. jQuery is the most well-liked technology applied throughout websites development in an enormous range at the present time. Tooltips plugins furnishes facilities to acquire more information or details on mouse hover or click events, links and on words as well like Infolinks. Moreover this technology also has employed to show notification message. Enjoy!

Side Navigation Tooltip / Popup Bubble

Side Navigation Tooltip

TipTip

TipTip

jQuery Tooltip

jQuery Tooltip

jQuery Tooltip Plugin

qTip

qTip

Build a Better Tooltip with jQuery Awesomeness

Build a Better Tooltip with jQuery Awesomeness

Easiest Tooltip and Image Preview Using jQuery

Easiest Tooltip and Image Preview Using jQuery

Coda Popup Bubbles

Coda Popup Bubbles

BetterTip

BetterTip

jQuery Ajax Tooltip

jQuery Ajax Tooltip

JQUERY (MB)TOOLTIP

JQUERY (MB)TOOLTIP

jQuery & CSS Tooltip

jQuery & CSS Tooltip

Tooltips with CSS and jQuery

Tooltips with CSS and jQuery

jQuery Image Tooltips

jGrowl

jGrowl

Sticky Tooltip

BsTip

BsTip

jQuery Horizontal Tooltips Menu Tutorials

BsTip

EZPZ Tooltip

EZPZ Tooltip

Tipster

Pop!

Pop!

5 Tooltips by DHTMLGoodies

5 Tooltips by DHTMLGoodies

Cool DHTML Tooltip II

Multiline Tooltip with HTML, CSS and JavaScript

Multiline Tooltip with HTML, CSS and JavaScript

Form field hints with CSS Tooltips

Form field hints with CSS Tooltips

SuperNotes

SuperNotes

CSS Tooltips

CSS Tooltips

DHTML Tooltips

DHTML Tooltips

Unobtrusive and Slightly Accessible CSS Tool Tips

Unobtrusive and Slightly Accessible CSS Tool Tips on Semi Transparent CSS Menus

Balloon Tooltip Demonstration

Balloon Tooltip Demonstration

Information Balloon PopUps

Information Balloon PopUps

WP – Bubble Tooltips

WP - Bubble Tooltips

Nice Titles Revised

Nice Titles Revised

Prototip 2

Prototip 2

jTip

jTip

Create a Digg-style post sharing tool with jQuery

Create a Digg-style post sharing tool with jQuery

HelpBalloon

HelpBalloon

jQuery plugin: Tooltip

jQuery plugin: Tooltip

overLIB

overLIB

Pure CSS Tooltips

Pure CSS Tooltips

Animated Tooltip JavaScript

Animated Tooltip JavaScript

CSS Tooltips using generated content and HTML5

CSS Tooltips using generated content and HTML5

Tips

Tips

Mobile Tooltip Widget for GWT

Mobile Tooltip Widget for GWT

BeautyTips

BeautyTips

Brought To You By

Premier Survey
Do you want to advertise here? Click to get more info…

November 17 2011

17:31

7 Excellent HTML5 Tools And Resources

There are many tools and resources out there for designers and developers, but getting by free and good ones is not that easy. That is why I am sharing 7 Excellent HTML5 Tools And Resources. Read each entry in the list and see which one suits your needs best.

You are welcome if you want to share more html5 tools and resources that our readers/viewers may like. Do you want to be the first one to know the latest happenings at SmashingApps.com, just subscribe to our rss feed and you can follow us on twitter and follow us on Digg as well to get updated.

Heartcode CanvasLoader Creator

The Heartcode CanvasLoader Creator is a free online tool which you can use to generate scripted preloaders (spinners or throbblers) for your HTML projects. The Creator is using the CanvasLoader UI Library.

Html5 File Upload with Progress

Html5 finally solves an age old problem of being able to upload files while also showing the upload progress.

Making a Beautiful HTML5 Portfolio

In this tutorial, you will be making a beautiful HTML5 portfolio powered by jQuery and the Quicksand plugin. You can use it to showcase your latest work and it is fully customizable, so potentially you could expand it to do much more.

Create a Stylish Contact Form with HTML5 & CSS3

Here is a step by step process to create your own stylish contact form completely out of HTML5 and CSS3.

Periodic Table of the HTML5 Elements

The table here shows the 106 elements currently in the HTML5 working draft and two proposed elements.

Interactive Typography Effects with HTML5

This tutorial outlines what is really just the tip of the iceberg that is interactive design. It will go over the development of dynamic, and generative banners to give your website that little extra wow.

JavaScript Mobile Framework for HTML5 Web Apps

DHTMLX Touch is a free open source JavaScript library for building HTML5-based mobile web apps. It’s not just a set of UI widgets, but a complete framework that allows you to create eye-catching, robust web applications that run on iOS, Android, and other mobile platforms.

Brought To You By

Premier Survey
Do you want to advertise here? Click to get more info…

Older posts are this way If this message doesn't go away, click anywhere on the page to continue loading posts.
Could not load more posts
Maybe Soup is currently being updated? I'll try again automatically in a few seconds...
Just a second, loading more posts...
You've reached the end.
(PRO)
No Soup for you

Don't be the product, buy the product!

close
YES, I want to SOUP ●UP for ...