This is the first round of my end of the year round up of SomeWhat Creative’s Montly HandPicked Goodies for Designers & Developers roundup, In these type of roundups I like to showing what’s new for Web Designers and Developers. So let cut to the chase, today’s post I will be focusing on all the new, great and wonderful JavaScript & jQuery Plugins that been released during this year.
I would like to say that not every JavaScript & jQuery Plugins that got featured in each of the monthly roundups will be featured, as the list is huge anyway. So for your ease of reading pleasure I will be splitting the best of the JavaScript & jQuery Plugins into each months… so lets start.
January
Features.js
Feature.js is a fast, simple and lightweight browser feature detection library. Features has no dependencies and weighs only 1kb minified and gzipped. Feature.js automatically initialises itself on page load, so you don’t have to. It doesn’t, however, run any tests while initializing, so it will only ever run them when you ask it to. This makes it perform very fast.
Philter
Philter is a JavaScript plugin for controlling CSS filters with HTML attributes. It also supports hover effects.
Protip
Protip is a jQuery tooltip plugin for any situation. that has 49 positions, live refresh of options, click-activated and sticky tooltips, and more.
February
Whiteboard
Whiteboard makes it easy to write beautiful API documentation. It’s a NodeJS based project inspired by the Ruby-based Slate API documentation tool.
March
Pressure.js
Pressure is a JavaScript library that makes dealing with Apple’s Force Touch and 3D Touch simple. Force Touch for new Macs and 3D Touch for the new iPhone 6s and 6s Plus, all bundled under one roof with a simple API that makes working with them painless.
Pressure gives you a handle on browsers that do and don’t support Force or 3D touch so you can have sensible fallbacks for users that don’t support it.
OkayNav
The world’s okayest responsive navigation , this navigation aims at progressively collapsing navigation links into an off-screen navigation instead of doing it for all the links at the same time.
Draft.js
Draft.js is a framework for building rich text editors in React, powered by an immutable model and abstracting over cross-browser differences.Draft.js makes it easy to build any type of rich text input, whether you’re just looking to support a few inline text styles or building a complex text editor for composing long-form articles.In Draft.js, everything is customizable – we provide the building blocks so that you have full control over the user interface.
Bricks.js
Bricks is a blazing fast masonry layout generator for fixed width elements
SpiritJS
SpiritJS lets you easily animate objects on the web. It includes full timeline control, an intuitive UI that’s easy to use, and JSON import and export functions, among other features.
April
FeathersJS
Feathers is a minimalist real-time framework for tomorrow’s apps. With Feathers it’s easy to create scalable real-time applications.
Superplaceholder
superplaceholder.js is a library to bring your input placeholders to life by cycling multiple instructions in a single input placeholder.
May
Turntable.js
Turntable.js is a responsive jQuery slider that will let you rotate through a list of images as your mouse or finger sweeps across a container. Think of it like a flipbook made with JavaScript, instead of paper and all you need is a set of images, and jQuery.
This jQuery plugin is a fresh alternative to the typical ‘click-to-slide’ JQuery gallery, plus this slider works on mobile!
Chart.js
Chart.js is a simple yet flexible JavaScript charting for designers & developers.
Chart.js merges configurations and options in a few places with the global defaults using chart type defaults and scales defaults. This way you can be as specific as you want in your individual chart configs, or change the defaults for Chart.js as a whole.
Chart.js offers support for all browsers where canvas is supported and is open source.
Tribute.js
A cross-browser @mention engine written in ES6, no dependencies. Tested in Firefox, Chrome, iOS Safari, Safari, IE 9+, Edge 12+, Android 4+, and Windows Phone.
Simplified JavaScript Jargon
Simplified JavaScript Jargon (short SJSJ) is a community-driven attempt at explaining the loads of buzzwords making the current JavaScript ecosystem in a few simple words. The idea is not to replace individual documentations, but to act as some kind of glossary that can be easily referenced.
June
Bideo.js
Bideo.js is a JS library that makes it super easy to add fullscreen background videos
Anypixel.js
AnyPixel.js is an open-source software and hardware library that makes it possible to use the web to create big, unusual, interactive displays out of all kinds of things. Anyone can fork the code and the schematics to create their own display at any scale.
TimeDropper
timedropper is a jQuery UI timepicker. Manage time input fields in a standard form. Focus on the input to open an small interactive timepicker.
July
Anime.js
Anime (/ˈæn.ə.meɪ/) is a flexible yet lightweight JavaScript animation library. It works with CSS, Individual Transforms, SVG, DOM attributes and JS Objects.
PixiJS v4
The aim of this project is to provide a fast lightweight 2D library that works across all devices. The Pixi renderer allows everyone to enjoy the power of hardware acceleration without prior knowledge of WebGL. Also, it’s fast. Really fast.
Slidebars
Slidebars is a jQuery framework for creating app-style off-canvas menus and sidebars.
August
Lightgallery.js
Full featured JavaScript lightbox gallery. No dependencies.
Jets.js
Imagine a situation – your HTML markup renders at backend side, it contains some list of data. At one point you need to implement search by this list. It can be easily achieved by using Jets.js with a browser’s native search speed.
Cleave.js
Cleave.js has a simple purpose and it’s to help you format input text content automatically.
Scrollanim
Scrollanim is a CSS3 and JavaScript library to create stunning scroll animations that work everywhere.
Skippr
Skippr is a lighter, faster slideshow plugin for jQuery.
SuperEmbed.js
SuperEmbed.js detects YouTube, Vimeo, Vine, VideoPress, DailyMotion, and more embedded videos on webpages and makes them responsive. Essentially, this means they strech to fill their container while still maintaining the original aspect ratio.
September
In-View.js
Get notified when a DOM element enters or exits the viewport.
Grade.js
This JavaScript library produces complementary gradients generated from the top 2 dominant colours in supplied images.
October
Waud
Waud is a simple and powerful web audio library that allows you to go beyond HTML5’s <audio> tag and easily take advantage of Web Audio API.
Baffle.js
A tiny (~1.8kb) javascript library for obfuscating and revealing text in DOM elements.
ViewScroller
Improve your websites using fullpage scrolling
Choreographer JS
A simple library to take care of complex CSS animations.
Reframe.js
Reframe.js is a javascript plugin that makes unresponsive elements responsive.
November
PurpleJS
PurpleJS is a JavaScript application framework running on the Java Virtual Machine. Combine the power of Java and your existing investments with the simplicity of JavaScript. PurpleJS is an alternative to Node.js for Java projects.
BuyButton.js
BuyButton.js is a powerful, flexible, and easy to use. With only a few lines of code, you can retrieve and display information about products and collections, create an interactive shopping cart, and connect to Shopify’s secure checkout.
EGJS
egjs is a set of UI interactions, effects and utilities components library
Shave
Shave is a zero dependency javascript plugin that truncates multi-line text to fit within an html element based on a set max-height. It then stores the diff of the original text string in a hidden <span> element following the visible text. This means the original text remains intact!
December
Turbo.js
turbo.js is a small library that makes it easier to perform complex calculations that can be done in parallel. The actual calculation performed (the kernel executed) uses the GPU for execution. This enables you to work on an array of values all at once.
Labelauty
A nice and lightweight jQuery plugin that gives beauty to checkboxes and radio buttons and allows custom labels for each status of (un)checked inputs.
Huebee
Huebee is a JavaScript library for creating user-centric color pickers. Huebee displays a limited set of colors so users view all colors at a glance, make clear decisions, and select a color with a single click.