Unheap

Snazzy Info Window: Customizable info windows using the Google Maps JavaScript API

Tim Macchi — Sun, 05 Mar 2017 19:46:28 +0000

Snazzy Info Window is a plugin for customizable info windows using the Google Maps JavaScript API. This plugin was built to allow for easier styling of info windows using the Google Maps JavaScript API. It supports dynamic content, responsive sizing, and custom styling using SCSS. You can also have it show…

The post Snazzy Info Window: Customizable info windows using the Google Maps JavaScript API appeared first on Unheap.

Reactive Listener: Affect change over an element from a distance

Tim Macchi — Sun, 05 Mar 2017 18:47:34 +0000

Another great gem from Zurb. What if you wanted to make a user aware of a piece of content long before their mouse directly hovers over its element? Perhaps it was a piece of content that a user would have never otherwise hovered over (thus rendering all that CSS you…

The post Reactive Listener: Affect change over an element from a distance appeared first on Unheap.

flatpickr: lightweight datetimepicker with no dependencies

Tim Macchi — Mon, 13 Feb 2017 22:56:20 +0000

Appalled at the fact that you have to load 300kb of jquery and jquery UI or hook up bootstrap just to use a calendar? This is a vanillaJS [date][time]picker that’s powerful, easy to use, and looks good out of the box. Almost every large SPA or project involves date and time…

The post flatpickr: lightweight datetimepicker with no dependencies appeared first on Unheap.

GridTab: grid based responsive tabs

Tim Macchi — Mon, 30 Jan 2017 01:02:04 +0000

Gridtab is a lightweight jquery plugin to create grid based responsive tabs, with separate settings for any responsive breakpoint. It’s always a hard task finding the right plugin to solve a common UI design pattern – Grid based responsive tabs. There are only a very few plugins out there, that are…

The post GridTab: grid based responsive tabs appeared first on Unheap.

EmojiOne: The complete open source emoji set.

Tim Macchi — Mon, 23 Jan 2017 22:14:14 +0000

The web’s first and only complete open source emoji set. It is 100% free and super easy to integrate. THe goal is to standardize emoji on the web through the use of common :shortnames:. When storing user inputted text in your database, say from a guestbook or through a CMS…

The post EmojiOne: The complete open source emoji set. appeared first on Unheap.

iCheck: Super customized checkboxes and radio buttons.

Tim Macchi — Mon, 16 Jan 2017 22:02:36 +0000

iCheck works with checkboxes and radio buttons like a constructor. It wraps each input with a div, which may be customized by you or using one of the available skins. You may also place inside that div some HTML code or text using insert option. iCheck is created to avoid…

The post iCheck: Super customized checkboxes and radio buttons. appeared first on Unheap.

Progressively: Load images progressively with pure javascript.

Tim Macchi — Mon, 09 Jan 2017 21:19:26 +0000

Looking for a way to asynchronously load images when users browse to the page without jQuery? Progressively is a javascript library for loading images progressively. It’s written entirely in JavaScript so it doesn’t depend on 3rd-party libraries like jQuery. It’s super small, < 1.2kB when minified & gzipped! It will…

The post Progressively: Load images progressively with pure javascript. appeared first on Unheap.

Offcanvas: ARIA Accessible Offcanvas jQuery plugin

Tim Macchi — Mon, 02 Jan 2017 22:58:07 +0000

If you are looking for a navigation drawer that is accessible to those with disabilities then look no further. Offcanvas jQuery plugin & CSS3 based off-canvas navigation that uses JavaScript to dynamically add WAI-ARIA roles to make your site navigation more accessible. Here are some of the many features in…

The post Offcanvas: ARIA Accessible Offcanvas jQuery plugin appeared first on Unheap.

MenuSpy: Highlight navigation item based on section in view

Tim Macchi — Tue, 20 Dec 2016 09:00:33 +0000

A JavaScript library to make navigation menus highlight the item based on currently in view section. It could not be easier to use, just include the script in your page and initialize it. The items in your menu will get active class when the section referenced in your anchor is…

The post MenuSpy: Highlight navigation item based on section in view appeared first on Unheap.

Muuri: Responsive, sortable grid layouts

Tim Macchi — Mon, 19 Dec 2016 09:00:13 +0000

Muuri creates responsive, sortable, filterable and draggable grid layouts. They manage to pack a lot of features into a small package. Muuri is basically Packery + Masonry + Isotope and jQuery UI sortable. Muuri’s layout system allows positioning the grid items within the container in pretty much any way imaginable.…

The post Muuri: Responsive, sortable grid layouts appeared first on Unheap.

Notyf: Simple notification plugin

Tim Macchi — Fri, 16 Dec 2016 00:33:59 +0000

Notyf is probably the quickest way to add notifications to your website or app. This plugin allows to show non-blocking, stacked notifications in a pretty good looking way. Notyf is a dead simple, responsive, vanilla javascript plugin for showing notifications on site. No jQuery required.

The post Notyf: Simple notification plugin appeared first on Unheap.

Reframe.js: Makes unresponsive elements responsive.

Tim Macchi — Fri, 16 Dec 2016 00:22:52 +0000

Looking for a quick way to make that Youtube video responsive? Reframe.js is your answer. Brought to you by the engineering team at Dollar Shave Club, Reframe.js removes a specified element’s height & width attributes & then wraps that element in responsive div that is an intrinsic ratio of the…

The post Reframe.js: Makes unresponsive elements responsive. appeared first on Unheap.

Gridder: A thumbnail grid with expanding preview

Tim Macchi — Tue, 08 Nov 2016 19:35:53 +0000

A jQuery plugin that displays a thumbnail grid expanding preview similar to the effect seen on Google Images. Why was this plugin built? We have all searched images on Google, so you probably noticed the interesting expanding preview when you click on a thumbnail. It’s a very nice effect and…

The post Gridder: A thumbnail grid with expanding preview appeared first on Unheap.

Flexdatalist: jQuery autocomplete with support for datalists

Tim Macchi — Tue, 08 Nov 2016 19:33:17 +0000

Flexdatalist is (another) jQuery autocomplete plugin with support for datalists. After searching and not finding a standalone, lite (not dependent on jQueryUI), autocomplete that did everything I needed for a project, I created Flexdatalist. Along with many other cool features, Flexdatalist allows you to style the list of suggested data/values,…

The post Flexdatalist: jQuery autocomplete with support for datalists appeared first on Unheap.

MediumLightbox: Zooming functionality for images

Tim Macchi — Tue, 28 Jun 2016 07:00:34 +0000

Nice and elegant way to add zooming functionality for images, inspired by medium.com This plugin reproduce exactly the same code that use Medium to add the smooth transition effect clicking over the images, with some improvement. It works on mobile, unlike Medium. It’s simple, unlike Fluidbox. Key features Written in…

The post MediumLightbox: Zooming functionality for images appeared first on Unheap.

sdFilterMe: Order and filter <ul> list

Tim Macchi — Tue, 21 Jun 2016 07:00:05 +0000

This jQuery plugin allows you to display a list as a set of boxes that can be ordered and filtered as desired. Features – filtering and sorting options available – supports unlimited number of elements – animation and CSS customizable – boxes are href-able Illustration by akselkreis

The post sdFilterMe: Order and filter

list

Unheap

mouseTip: Cursor tooltips that follow mouse movement and position

Tim Macchi — Wed, 15 Jun 2016 07:00:33 +0000

Lightweight jQuery extension for creating cursor tooltips that follow mouse movement and position. Illustration by akselkreis

The post mouseTip: Cursor tooltips that follow mouse movement and position appeared first on Unheap.

ScrollReveal: Easy scroll animations for web and mobile browsers

Tim Macchi — Tue, 31 May 2016 00:00:55 +0000

scrollReveal.js is plain vanilla JS library that allows you to reveal elements as they enter the viewport. It’s remarkable in that it’s only 3kb minified, that’s small. The range of effects you can choose are vast, and it uses natural language to define the animation you want to run. No…

The post ScrollReveal: Easy scroll animations for web and mobile browsers appeared first on Unheap.

mark.js: JavaScript keyword highlighter

Tim Macchi — Mon, 30 May 2016 23:16:18 +0000

formerly known as jquery.mark or jmHighlight, mark.js is a text highlighter written in JavaScript and jQuery. It can be used to dynamically mark search terms or custom regular expressions and offers you built-in options like diacritics support, separate word search, custom synonyms, iframes support, custom filters, accuracy definition, custom element,…

The post mark.js: JavaScript keyword highlighter appeared first on Unheap.

Adaptive Backgrounds: Extract color from images and apply to its parent

Tim Macchi — Mon, 16 May 2016 21:34:32 +0000

A simple jQuery plugin to extract the dominant color of an image and apply it to the background of its parent element. Illustration by akselkreis

The post Adaptive Backgrounds: Extract color from images and apply to its parent appeared first on Unheap.