Archives For JavaScript/AJAX

jQuery developers have embarked their selves to create some of the most useful and innovative jQuery plugins for our visitors, as the community has dedicated itself to produce some really useful plugins every month for users.

This roundup includes a list of 12 Free & Handy jQuery Plugins for April 2015 which we feel are the most useful, most innovative and most time-saving solutions to many of the modern design and development issues you may have.

1. animatedModal

animatedModal

animatedModal.js is a jQuery plugin to create a fullscreen modal with CSS3 transitions. You can use the transitions from animate.css or create your own transitions.

Continue Reading…

Node.js is really getting popular and is being used more and more each day it’s really deserve your attention as it is due to its flexibility & performance it’s offers.

Node.js is a server-side JavaScript environment that uses an asynchronous event-driven model and as JavaScript is mostly ran/rendered on the client-side, and in browsers.

However, Node.js is a server-side JavaScript interpreter which allows us to handle and make requests via JavaScript.

So for today’s roundup you will see that we have a sort list of what are some of the best Tools, Tutorials and Resources for Node.js. These following resources are just a great and handy way for all level experiences developers who have an interested of starting to learn Node.js.

 

1. The Node Beginner Book

nodebeginner

The aim of this document is to get you started with developing applications with Node.js, teaching you everything you need to know about “advanced” JavaScript along the way. It goes way beyond your typical “Hello World” tutorial.

Continue Reading…

AngularJS is one of the most popular and open-source web application framework maintained by Google, as it simplifies creating dynamic views in web-applications while staying readable. It lets you use good old HTML (or HAML, Jade and friends!) as your template language and lets you extend HTML’s syntax to express your application’s components clearer

Today for this roundup you will see that I’ve have compiled a list of Best AngularJS Tools & Frameworks that will ease your development tasks and help you to develop creative web apps. We have gathered web apps, tools, debugging tools modules, frameworks for building with Angular.js.

1. Angular UI

AngularUI

AngularUI is a collection of UI components built with AngularJS. Its utility directives help you build Angular applications faster. Instead of widgets, AngularUI uses raw directives like ui-router, ui-map, ui-calendar etc.

Continue Reading…

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…