반응형

PourOver: Fast filtering and sorting of large collections


PourOver is a library from the New York Times for fast filtering and sorting of large collections of data (think hundreds of thousands of items) right in the browser. Build data-exploration apps and archives that don’t have to to wait for a database call to render query results.

pourover



PourOver is a library for simple, fast filtering and sorting of large collections -- think 100,000s of items -- in the browser. It allows you to build data-exploration apps and archives that run at 60fps, that don't have to to wait for a database call to render query results.

PourOver is built around the ideal of simple queries that can be arbitrarily composed with each other, without having to recalculate their results. You can union, intersect, and difference queries. PourOver will remember how your queries were constructed and can smartly update them when items are added or modified. You also get useful features like collections that buffer their information periodically, views that page and cache, fast sorting, and much, much more.

Visit the PourOver homepage on Github pages for more info.

Underscore.js is the only dependency.

PourOver should work in any browser that underscore works in. It has been tested in:

  • IE7+
  • Firefox 4+
  • Safari 5+
  • Opera 9+
  • Chrome 1+



반응형
반응형

Trianglify: Generate colorful triangle meshes

Trianglify is a JavaScript library that lets you create colorful triangle meshes automatically, which you can then use as CSS backgrounds, or SVG images. There are controls for noise, cell size, and cell padding, and of course the whole thing is open source.

trianglify

Trianglify

Trianglify is a library that I wrote to generate nice SVG background images like this one:

example

It was inspired by btmills/geopattern, and uses d3.js to build the polygons and SVG and SVG filters for rendering. It also includes the colorbrewer color palette library to get you up and running quickly. It was written in a single day because I got fed up with Adobe Illustrator.

Demo:

Official: http://qrohlf.com/trianglify

nixterrimus also made a nice demo app: link (source)

반응형
반응형

Quintus: An HTML5 game engine

Framework - HTML5 - Javascript

Quintus is a simple and easy-to-learn JavaScript HTML5 game engine for mobile and desktop games. It’s thoroughly documented, and there are plenty of demos and examples to check out.

quintus

반응형
반응형

FastClick: Eliminate lag in mobile browsers

 

 

FastClick aims to eliminate the 300ms lag between a physical tap and the actual “click” event in mobile browsers. This makes your site feel much more responsive and less laggy, without interfering with your site’s current logic.

fastclick

.

반응형
반응형

Garlic.js: Persistent local form data

There’s little more frustrating for your users than accidentally closing a browser tab mid-way through filling out a form, losing whatever they’ve input so far. Garlic.jsprevents this, by storing form data locally until the form is submitted, regardless of whether the browser is closed.

garlic

 

반응형
반응형

Mithril: A JavaScript application framework

Mithril is a framework for building awesome JavaScript applications. It’s only 3kb gzipped, has no dependencies, has a small API, is easy to learn, and has safe-by-default templates.

mithril


Mithril  - http://lhorie.github.io/mithril/

A Javascript Framework for Building Brilliant Applications

See the website for documentation

 

 

반응형
반응형

Z.js: Turn content invisible

Javascript / Added on March 14, 2014

Z.js is a JavaScript file that turns content invisible using Unicode’s ZW(N)Js (\u200c, \u200d). There are demos available to show what kinds of situations it’s useful in.

z.js

반응형
반응형

ImageLightbox.js: Simple, responsive, and touch-friendly

 

ImageLightbox.js is an incredibly simple, responsive, touch-friendly lightbox script. It’s extensible and configurable, minimalistic (and only 4kb if minified), and uses CSS transform and transition for moving images.

image lightbox

반응형

+ Recent posts