Real Shadow: Photorealistic Shadows of any shapeby Indamix Module that casts photorealistic shadows. Perfect for eye-catching demos and landing pages. Move the mouse cursor across the page
GitHub - geelen/x-gif: A custom element for flexible GIF playback
###Playback modes: Mutually exclusive. Can't be changed once initialised (create a new x-gif if you want a new mode) speed="1.0" (default mode) Plays back the GIF at its natural framerate multiplied by the value of the attribute. Can be updated and will have immediate effect. sync Defers playback to an external object. The DOM element will then expose a clock function to facilitate playback. Canno
clipboard.js
Why Copying text to the clipboard shouldn't be hard. It shouldn't require dozens of steps to configure or hundreds of KBs to load. But most of all, it shouldn't depend on Flash or any bloated framework. That's why clipboard.js exists. Install You can get it on npm. npm install clipboard --save Or if you're not into package management, just download a ZIP file. Setup First, include the script locat
Jets.js
How does it work? The main idea is not to affect attributes of each tag in the list while filtering. Instead apply dynamic CSS rule in only one <style> tag and browser will decide which item of list to show or hide. Since it's just CSS - Jets.js may be applied to any tag, whether it's a table or UL, OL, DIV… Search term may be set using text field, select or even programmatically. In fact, plugin
Hands-on Scala.js
Hands-on Scala.js Writing client-side web applications in Scala var x = 0.0 type Graph = (String, Double => Double) val graphs = Seq[Graph]( ("red", sin), ("green", x => abs(x % 4 - 2) - 1), ("blue", x => sin(x/12) * sin(x)) ).zipWithIndex dom.window.setInterval(() => { x = (x + 1) % w; if (x == 0) clear() for (((color, f), i) <- graphs) { val offset = h / 3 * (i + 0.5) val y = f(x / w * 75) * h /
Two.js
TIP Prior to v0.7.0-alpha.1 Two.js requires Underscore.js and Backbone.js Events. If you're already loading these files elsewhere then you can build the project yourself and get the file size even smaller. For more information on custom builds check out the source on github. # Overview Overview # Focus on Vector Shapes Two.js is deeply inspired by flat motion graphics (opens new window). As a resu
Home | CocktailJS
CocktailJS is a small library for NodeJS to help developers defining classes and modules in a better, more readable and organised way. It also explores other technics to reuse code such as Annotations, Traits and Talents. For those developers who likes Object Oriented Programming, CocktailJS helps to extend your classes without utils, to define modules, and to keep code structure more visually app
justice
justice.js A performance metric bar with a streaming FPS graph. github.com/okor/justice | @okor How to use <script type="text/javascript" src="justice.min.js"></script> <script type="text/javascript"> Justice.init(); </script> With options <script type="text/javascript" src="justice.min.js"></script> <script type="text/javascript"> Justice.init({ metrics: { TTFB: { budget: 200 }, domInteractive: {
Feignjs by feignjs
Feignjs feign-like rest client for js View on GitHub Download .zip Download .tar.gz Feign.js Declarative flexible Restclient-bridge that enables to easily define rest-client for node. It is based on the java-implementation of feign from netflix. Remark: this library is not affiliated to netflix Overview Feign.js allows to define a rest-client api and staying independent of a specific client-implem
Flight by Twitter
Overview Flight is a lightweight, component-based JavaScript framework that maps behavior to DOM nodes. Twitter uses it for their web applications. By way of example, we've included a simple email client demo (browse the source) built over the Flight framework. There's also a flight implementation over on the todoMVC site (source), courtesy of @mkuklis Flight uses jQuery and requires a module load
Vibrant
Extract prominent colors from an image. Vibrant.js is a javascript port of the awesome Palette class in the Android support library. Showcase API Use of Vibrant is pretty straight forward, but because code works better than explanation, here's an example: var img = document.createElement('img'); img.setAttribute('src', 'examples/octocat.png') img.addEventListener('load', function() { var vibrant =
gauge.js
Options: Current Val: Anim speed: Angle: Line width: Radius: Ptr length: Ptr color: Ptr stroke: Font size: Color start: Color stop: Background: Ticks: Share it! If checked, the option values will be stored in the URL so that you can easily share your settings. Features No images, no external CSS - pure canvas No dependencies (jQuery is supported, but not required) Highly configurable Resolution in
Vibrant
Extract prominent colors from an image. Vibrant.js is a javascript port of the awesome Palette class in the Android support library. Showcase API Use of Vibrant is pretty straight forward, but because code works better than explanation, here's an example: var img = document.createElement('img'); img.setAttribute('src', 'examples/octocat.png') img.addEventListener('load', function() { var vibrant =
url.js
url.js A lightweight JavaScript library to manipulate the page url. Download .zip Download .tar.gz View on GitHub
Layzr.js
A small, fast, and modern library for lazy loading images. See the GitHub README for documentation. Layzr has been completely rewritten in ES6. The source code has a much more functional feel to it, and it includes an updated build system. It is still small, fast, and purely vanilla JavaScript. Please see the Releases page to review the recent changes. Demo ColophonSite Design: Chris Allen Stock P
Retina.js | Retina graphics for your website
Retina graphics for your website retina.js is an open source script that makes it easy to serve high-resolution images to devices with retina displays Download zip How it works How it works When your users load a page, retina.js checks each image on the page to see if there is a high-resolution version of that image on your server. If a high-resolution variant exists, the script will swap in that
Menu to cross icon
One idea, possibilities Scroll down to discover different ways to do it <span id="x"></span> span { display: block; width: 30px; height: 30px; cursor: pointer; border-radius: 0px; margin: 15% auto; -webkit-transition: all .3s ease, -webkit-transform .2s ease; transition: all .3s ease, transform .2s ease; background: -webkit-linear-gradient(top, transparent 0%, transparent 20%, #2E313C 20%, #2E313C
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
GitHub - benfred/venn.js: Area proportional Venn and Euler diagrams in JavaScript
GitHub - fat/zoom.js: Medium's Image Zoom for jQuery
Mithril