Archives For jQuery

If you are a jQuery lover and are looking for some useful and handy jQuery plugins then you are at right place. As jQuery plugins help you to add animations, functions, image galleries and many other features that help your visitors to your site to navigate and access your websites easer.

In this roundup I’ve have chosen some of the best jQuery Plugins that been released recently for our awesome jQuery developer community.

1. Flickity

flickity

The Flickity plugin makes galleries, sliders, & carousels that feel lively and effortless.

Continue Reading…

This is the first of my end of year round up of my monthly featured HandPicked Goodies for Designers & Developers, today’s post will be focusing  on all the great fantastic JavaScript & jQuery Plugins that been released through this year. Please note that not every JavaScript & jQuery Plugins that got featured on this blog will be featured as the list is huge anyway and for your ease of reading i will be splitting the best of the JavaScript & jQuery Plugins into months… so lets start.

January

Gulp.js

gulp

Gulp.js is a streaming build system that use a streams and code-over-configuration to make for a simpler and more intuitive build. By preferring code over configuration, Gulp keeps the simple things simple and makes complex tasks manageable.

By harnessing the power of node’s streams you can get fast builds that you don’t need to write intermediary files to disk. Gulp’s strict plugin guidelines assure plugins stay simple and work the way you expect. With a minimal API surface, you can pick up gulp in no time. Your build works just like you envision it: a series of streaming pipes.

 

Continue Reading…

This is hopefully the first part (let’s say it’s in Beta!) of many great resources for those who are looking to start building or refreshing a responsive website. As we all know that in the modern web design era that responsive design has become of the favourite for many designers and developers as everyone want their website to run on many devices to grab more exposure.

Today for the first round-up of responsive resources are for those who want to create beautiful navigation systems, menus and tabs that been build for jQuery which is being used on over 49 million websites. These following jQuery Plugins have been chosen due ti its ease of use, easy to implement and that will help your website look more visually stunning on every devices.

1. Responsive Tabbed Navigation

Responsive-Tabbed-Navigation

Tabbed navigations are very useful when you need to organise a considerable amount of side content, It’s a very common use of tabs that you can find in a product page such as information like delivery options, product material info etc while another use of tabs are in dashboards, where users need a quick way to switch from one panel to the other.

The code behind this snippet is very straightforward as its been based on mostly CSS, plus a bit of jQuery that helps animate content height. The interesting point is the way we handled the user experience on small devices: in order to allow users to have as many buttons as they want, Codyhouse decided to let the navigation scroll horizontally on small devices, instead of hiding it completely or firing a drop-down menu.

Continue Reading…

jQuery plugins are always popular in web industry day by day as now days the use of jQuery in building websites are  about 50% or so plus there are hundreds of plugins that provides a large number of new tools or features to add in any websites such as plugins that creates layout, to plugins that give you an eye catching lightbox presentation of your images to a smooth scroll page scroll and those are just a few jQuery plugins that are capable of simplifying almost every single task.

So today’s you will find 15 Fresh & Handy jQuery Plugins for Developers that you can use on nearly every site.

1. Sweet Alert

sweetalert

Sweet Alert is a beautiful replacement for the plain old boring JavaScript Alert. As SweetAlert automatically centers itself on the page and looks great no matter if you’re using a desktop computer, mobile or tablet. It’s even highly customiseable.

Continue Reading…

One of the most popular topic of discussion for a while is responsive websites and this discussion has presented designers and developers some challenges, as they are now to required to create websites for by which to provide the best optimal viewing experience by having easy to read text objects, navigation that uses simplicity resizing, panning and scrolling across a whole wide of screen sizes.

You would normally use media queries to resize the overall layout, but how about those individual elements & features that you are wanting to use to make your page unique…

To add these features you can use some jQuery plugins to achieve the desired effect or feature but sometimes finding these jQuery plugins can sometime be a time-consuming task, so for today’s post you’ll find 12 super useful jQuery plugins that help you create responsive websites.

1. VenoBox

venobox

VenoBox is a responsive jQuery lightbox plugin that is suitable for images, , iFrames, Google Maps, videos from Vimeo and YouTube,  Ajax requests, Vimeo and YouTube videos, inline contents. But the difference between VenoBox and many of the others modal window plugins is that VenoBox calculates the max width of the image displayed and preserves its height if is taller than the window so in small devices you can scroll down the content, avoiding vertical microscopic resized images.

Continue Reading…

jQuery has become an awesome but simple JavaScript library that could be considered as being the backbone of web development as almost every developer and designer are familiar with it’s functionality and features.

And with these jQuery Plugins can enable developers and designers to create a set enriched web applications by making them multifunctional and also visually appealing.But finding these plugin in the wonderful jQuery community can be sometimes time-consuming, this is why you will find below a small collection of 20 great & amazing jQuery plugin that suits  any type of website that you are currently building or rebuilding, most of the plugins that features in today’s post are easy and only takes a few minutes to carry out and configure.

1. Croppic

croppic

Croppic is an image cropping jquery plugin that will satisfy your needs and much more. Simply upload an image, and then you are able to crop the image as you like with the zooming in and out functionality.

The plugin works in IE 10+, chrome, and firefox and it uses FormData so for anyone that wanting IE9 and below and wanting to use this plugin, it won’t work.

Continue Reading…

GitHub is one of the largest and best open-source community that been hosting millions of public repositories for years as users can easily host their new and innovative projects every day and one of the most popular JavaScript Libraries is jQuery as many developer and even designers are familiar with their functionality and features. So in today’s post is a roundup of the 15 new & just plain awesome jquery plugins that you can find directly on Github and you are certainly welcome to fork these plugins and creative another awesome way of improving these plugins.

1. JCanvas

jCanvas

jCanvas brings the jQuery’s powerful syntax and capability to the HTML5 canvas by allowing you to quickly create canvas-based apps that can utilise layers, animations, events, and much more and jCanvas will works on all modern browsers and platforms, including iOS and Android.

Continue Reading…