background preloader

50 Amazing jQuery Plugins That You Should Start Using Right Now

50 Amazing jQuery Plugins That You Should Start Using Right Now
Martin Angelov jQuery has a wonderful community of programmers that create incredible things. However, it may become difficult to sift through everything that is released and find the gems that are absolute must-haves. This is why, in this post, you will find a collection of 50 new jQuery plugins and JavaScript libraries that, when applied with good measure, can make your sites a joy to use. The plugins are organized into categories for easier browsing. Enjoy! Dialogs The browser’s built-in dialogs are easy to use but are ugly and non-customizable. 1. Alertify (github) is small library for presenting beautiful dialog windows and notifications. alertify.alert("Message"); alertify.confirm("Message", function (e) { if (e) { } else { } }); Alertify.js 2. jQuery Avgrund jQuery Avgrund (github) is another cool dialog solution. jQuery Avgrund Forms Forms are tedious and boring. 3. iCheck iCheck (github) is a jQuery plugin that enhances your form controls. iCheck 4. Long Press 5. jQuery File Upload 6. 8.

http://tutorialzine.com/2013/04/50-amazing-jquery-plugins/

Related:  JQUERY PLUGINSjsmayurgaudInternet relatedFront-end

clueTip Plugin Demo clueTip Plugin Demo Below are quite a few examples of how you can add a clueTip to your page, using a wide range of options. Keep in mind that there is nothing magical about the HTML markup. You can use any jQuery selector you want to attach your clueTips. For example, if you want to attach clueTips to all links with a class of "peanuts," you would simply write in your jQuery code: $('a.peanuts').cluetip();.

Flat UI - Free Bootstrap Framework and Theme Header 3The Vatican transitions to a Header 4Great American Bites: Telluride's Oak, The Header 5Author Diane Alberts loves her some good Header 6With the success of young-adult book-to-movie Paragraph Introducing Material Design Lite — Google Developers getmdl.io -a library of components & templates in vanilla CSS, HTML and JS Back in 2014, Google published the material design specification with a goal to provide guidelines for good design and beautiful UI across all device form factors. Today we are releasing our effort to bring this to websites using vanilla CSS, HTML and JavaScript. We’re calling it Material Design Lite (MDL). MDL makes it easy to add a material design look and feel to your websites. jQuery NailThumb experience how useful it is in dynamic web applications, where you can face any shape or size. What it's useful for? Basically any media gallery But imagine you want to use avatars in your web applications: with this plugin you can avoid to develop a functionality that enable your user to load avatars of the right height and width, and still you'll be able to present them nicely in the size/sizes your layout need.

10 Things a Website Should Never, Ever Do / Kyle Schaeffer As a designer of the world wide web, you are armed with the power to amaze, enlighten, entice, and captivate. The web is an easel for your creative aspirations, and the content you design for is the foundation of your creativity. With so much power at the tips of your fingers, you also possess the ability to deter, annoy, anger, and infuriate. Your users are yours to command, their emotions yours to pluck like the strings of a harp. These Are the Highest-Paying Programming Languages [INFOGRAPHIC] Today, Startup Compass released the results of a global survey of engineers that provides a wealth of information about startup salaries – including the highest-paying programming languages. Published as “How Much Should You Pay Your Engineers?,” the results are based on a study of Startup Compass members plus data pulled from oDesk, Elance, Toptal, Glassdoor, AngelList, and Payscale. The engineers surveyed include not just startup employees, but also freelancers and employees at more traditional IT firms. The highest-paying programming languages were:

Using Knockout.js Model Validation for ASP.NET MVC Models Posted by: Mahesh Sabnis , on 6/4/2015, in Category ASP.NET MVC Abstract: Knockout.js provides UI independent Model validation features to help us out with client-side validation in ASP.NET MVC Client-side validation improves performance and gives the users of our application, a better experience.

scrollUp jQuery plugin - Mark Goodyear ScrollUp is a lightweight jQuery plugin to create a customisable “Scroll to top” feature that will work with any website, with ease. Recently whilst working on a client project I was required to implement a “Scroll to top” feature to make it easy for the user to get back to the top of the page. I decided to take this further and turn it into a fully customisable jQuery plugin to work with any site. How to use Simply include the jquery.scrollUp.min.js file and place the following in the head of your document (make sure jQuery is included):

The most interesting button in the world The Problem Buttons are a critical part of the Web – they drive sales, confirm subscriptions, book flights and so much more. So why don’t they actually do anything? Most buttons on the Web are nothing more than static images that give no proactive feedback to the user. This lack of feedback has a negative effect on the user experience – for instance, how many times have you double-charged your credit card because it was unclear your transaction was being processed? If call-to-action buttons are so important, they should act that way - they should contain information and activity, all spring-loaded and ready to burst forth the moment you click them.

Learning the Web Welcome to the MDN Learning Area. This set of articles aims to provide complete beginners to web development with all they need to start coding simple websites. The aim of this area of MDN is not to take you from "beginner" to "expert" but to take you from "beginner" to "comfortable". The CSS Transitions Cheatsheet When it comes to CSS Transitions, you don't need a bazillion pages of content or even a book to quickly figure out something. If you are in a rush or just want something you can refer to really quickly, I've created this handy cheatsheet that provides snippets for common CSS Transitions situations. If you find something missing that should be here, post here and I'll get to it shortly :P Enjoy! The Topics Click on any of the topics below to jump directly to the relevant section:

jQuery Video Background plugin Code available for download on Github. Example of the jQuery Video Background plugin. Will place a resizable video in to the background of the page or designated element. Browsers that don't support the HTML5 video element will get an image if a poster image was provided. If the containing element's width and height does not match the aspect ration of the video, the video will not alter it's aspect ratio but will render based on the largest dimension.

Related: