background preloader

The Miso Project

The Miso Project
Miso is an open source toolkit designed to expedite the creation of high-quality interactive storytelling and data visualisation content. Miso consists of Dataset, a JavaScript client-side data management and transformation library, Storyboard, a state and flow-control management library & d3.chart, a framework for creating reusable charts with d3.js. Miso is in active development, and will have components released as they are completed. Follow along: @TheMisoProject & Github

http://misoproject.com/

SPIF - Streaming Progressive Image Format MultiRes is an image format that makes images look good on all screen resolutions, from mobile displays to Retina displays. Test it now! Zoom in to the photo on the left. You can use Ctrl/Cmd-+ to zoom in. Note how the GitHub banner gets pixelated but the photo stays sharp. You can see more examples on the sample images page. Programming Cloud: Introducing a Programming Revolution Battle-Tested Systems The core infrastructure of Wolfram Development Platform has been battle-tested for years in Wolfram's widely used public Wolfram|Alpha system. Maximize Programmer Productivity The knowledge-based Wolfram Language dramatically changes the economics of programming by automating many programming tasks and letting programmers start from a very high-level platform of built-in capabilities. Consulting if you Need It Wolfram Solutions has a distinguished history of providing outstanding solutions to top organizations around the world.

Sometimes I hack One of the cool things about working at Yahoo! is that you get to see and play with a lot of little toys before the rest of the world does. YUI was one such tool. I started playing with YUI while it was still in version 1, and its API was much different from what it looks like now. slowhttptest - Application Layer DoS attack simulator SlowHTTPTest is a highly configurable tool that simulates some Application Layer Denial of Service attacks. It works on majority of Linux platforms, OSX and Cygwin - a Unix-like environment and command-line interface for Microsoft Windows. It implements most common low-bandwidth Application Layer DoS attacks, such as slowloris, Slow HTTP POST, Slow Read attack (based on TCP persist timer exploit) by draining concurrent connections pool, as well as Apache Range Header attack by causing very significant memory and CPU usage on the server.

Hogan.js Getting started Hogan.js is a 3.4k JS templating engine developed at Twitter. Use it as a part of your asset packager to compile templates ahead of time or include it in your browser to handle dynamic templates. If you're developing with Node.js, just use NPM to add the Hogan package. $ npm install hogan.js Introducing JSON Template March 2009 JSON Template is a minimal but powerful templating language, currently implemented in bothPython and JavaScript. To use it, simply copy the Python file or the JavaScript file into your project. Neither has any external dependencies. Since there are over one bajillion template languages for Python alone, it deserves some explanation. Getting started with Knockout.js One of Knockout's guiding principles is to stick to its strengths and provide extensibility points for the areas outside of its core competencies. This gives you the flexibility to integrate Knockout with your preferred libraries and technologies. To get the most out of Knockout, you should become familiar with the various extensibility points that Knockout provides. Custom bindings Knockout allows you to create your own bindings easily, and this is generally the most-used extensibility point.

HTML5 Video Player Video.js is a JavaScript and CSS library that makes it easier to work with and build on HTML5 video. This is also known as an HTML5 Video Player. Video.js provides a common controls skin built in HTML/CSS, fixes cross-browser inconsistencies, adds additional features like fullscreen and subtitles, manages the fallback to Flash or other playback technologies when HTML5 video isn't supported, and also provides a consistent JavaScript API for interacting with the video. What's HTML5 Video? HTML is the markup language that makes up every page on the web. The newest version, HTML5, includes specifications for a <video> tag, that's meant to allow web developers to add a video to a page in the same way they would add an image.

Crossfilter Fast Multidimensional Filtering for Coordinated Views Crossfilter is a JavaScript library for exploring large multivariate datasets in the browser. Crossfilter supports extremely fast (<30ms) interaction with coordinated views, even with datasets containing a million or more records; we built it to power analytics for Square Register, allowing merchants to slice and dice their payment history fluidly. Since most interactions only involve a single dimension, and then only small adjustments are made to the filter values, incremental filtering and reducing is significantly faster than starting from scratch. Crossfilter uses sorted indexes (and a few bit-twiddling hacks) to make this possible, dramatically increasing the perfor­mance of live histograms and top-K lists. For more details on how Crossfilter works, see the API reference.

Underscore.js Underscore is a JavaScript library that provides a whole mess of useful functional programming helpers without extending any built-in objects. It’s the answer to the question: “If I sit down in front of a blank HTML page, and want to start being productive immediately, what do I need?” … and the tie to go along with jQuery's tux and Backbone's suspenders. Underscore provides over 100 functions that support both your favorite workaday functional helpers: map, filter, invoke — as well as more specialized goodies: function binding, javascript templating, creating quick indexes, deep equality testing, and so on. The project is hosted on GitHub. You can report bugs and discuss features on the issues page, on Freenode in the #documentcloud channel, or in our Gitter channel.

jeromeetienne.github.io/jquery-qrcode/ jquery.qrcode.js is jquery plugin for a pure browser qrcode generation. It allow you to easily add qrcode to your webpages. It is standalone, less than 4k after minify+gzip, no image download. It doesnt rely on external services which go on and off, or add latency while loading. It is based on a library which build qrcode in various language. jquery.qrcode.js wraps it to make it easy to include in your own code. qrcode.js QRCode.js is javascript library for making QRCode. QRCode.js supports Cross-browser with HTML5 Canvas and table tag in DOM. QRCode.js has no dependencies. Basic Usages <div id="qrcode"></div><script type="text/javascript"> new QRCode(document.getElementById("qrcode"), " </script>

ClippyJS - Add Clippy or his friends to any website for instant nostalgia Clippy.js is a full Javascript implementation of Microsoft Agent (AKA Clippy and friends), ready to be embedded in any website. Pick an assistant below and mash some animation buttons! Our favorite is Links the cat. During lunch a few weeks ago we thought it would be cool to have a fully functional Clippy that can be embedded in any website. Fit To Scale My site is now responsive. The more I work with flexible images & grids and media queries, the more I appreciate what can be achieved. Any apprehension I may have had about whether or not a responsive approach would harmonize with my design sensibilities and Paravel’s workflow was erased while working on the redesign of The Do Lectures website. We didn’t have to overhaul our process, were able to stay on budget, and ensured that the site hierarchy remained intact all the way from desktop down to mobile device views.

Related: