Web development is hard and there is much to learn. Developers and designers need to be on top of a lot of emerging technologies and trends. But the community is buzzing with activity and it creates awesome libraries and plugins that can help us do our work. Here are some of our favorites. Not all of them were released this year, but all of them were updated in the last few months and are a great addition to your bookmarks.
Animsition is a simple and easy jQuery plugin for CSS animated page transitions. Over 50 animations are available such as different fade outs, rotations and flips. Just a friendly tip: use it with moderation! Github.
Waves is a plugin that recreates the on-click ink effect as seen in Google’s Material Design. The effect can be applied to any HTML element – buttons, links, images and more. Github.
This is an interesting library which allows you to scroll a web page by tilting your smartphone. It obviously doesn’t work on laptops and desktops, but we think it is a novel approach for interacting with the web. Github.
Scrollify is a jQuery plugin that assists scrolling and smoothly snaps to sections. Fully configurable and optimised for touch. This plugin is a power steering for your scroll wheel. Github.
7. Oh Snap
￼Oh Snap is a simple notification jQuery/Zepto library designed to be used in mobile apps but works just as well on other devices. Github.
Tipso is a lightweight responsive jQuery tooltip plugin with lots of options for customization. A WordPress version of the plugin is also available. Github.
A jQuery plugin that recreates the Material Design preloader (as seen on Gmail’s inbox). Github.
Tabulous.js is a cool plugin that helps you create tabbed content with awesome transition when changing between tabs. It can be used with any contents you want and is really simple to use. Github.
A jQuery plugin that switches between multiple header designs as you scroll, so you always have a header that looks great with the content below it. Github.
13. Fake Loader
Fake Loader is a lightweight jQuery plugin that helps you create an animated spinner with a fullscreen loading mask to simulate the page preloading effect. Github.
A jQuery plugin that styles checkboxes and radio buttons and allows for the content inside labels to change depending on checked/unchecked status. Github.
Scrolline is a jQuery plugin which shows a progress indicator near the top of the window, which gives users a hint on how far they’ve scrolled. This is suitable for mobile devices where scroll bars are hidden by default. Github.
16. jQuery Timer
This plugin turns an element on the page into a fully functional, lightweight timer. Easily create callback functions to be executed after a certain duration or repeatedly at an interval. You can also pause and resume. Github.
A jQuery plugin that displays a thumbnail grid with expanding previews, similar to the effect seen on Google Images, allowing you to quickly see more details without having to reload the page. Github.
19. Tweet Parser
Correctly parse elements containing tweets and turn URLS, @users & #hashtags into working urls. Github.
This is lightweight and customizable replacement for the plain element. You can style any aspect of it with simple CSS so that it matches the rest of your web application. Github.
21. JS Grid
JS Grid is a lightweight client-side data grid control based on jQuery. It supports basic grid operations like inserting, filtering, editing, deleting, paging and sorting. Github.
jQuery Mapael is a jQuery plugin based on raphael.js that allows you to display dynamic vector maps. As seen from the demos, with Mapael, you can display a map of the world with clickable countries and much more. Github.
Payform is a useful plugin that lets you easily create, validate and format credit card forms. Github.