neocris

Alkali

Alkali is a package for creating efficient, reactive data flow that drives native HTML elements. The namesake, alkali metals are a set of elements known for being extremely reactive, conductive, and lightweight, and likewise this library is designed to be a lightweight (20KB gzipped), dependency-free package for accessing simple pure native JavaScript objects with modeling and reactivity capabilities, and creating reactive UIs based on native DOM elements. Alkali is designed to be for speed and scalability, usin

space:ui

Meteor UI framework inspired by React and Flux.

Installation

meteor add space:ui

TodoMVC Example

If you want to know if space:ui could be interesting, take a look at the TodoMVC example

CSS Layout Debugger

A tweet-sized debugger for visualizing your CSS layouts. Outlines every DOM element on your page a random (valid) CSS hex color.

One-line version to paste in your DevTools

Use $$ if your browser aliases it:

~ 108 byte version

iterate over all user global functions

	for (w in window){if (window.hasOwnProperty(w) && typeof window[w] === 'function'){}}

convert NodeList to Array (http://davidwalsh.name/nodelist-array)

	var nodesArray = [].slice.call(document.querySelectorAll("div"));

Here are a list of headless browsers that I know about:

[HtmlUnit][1] - Java. Custom browser engine. JavaScript support/DOM emulated. Open source.
[Ghost][2] - Python only. WebKit-based. Full JavaScript support. Open source.
[Twill][3] - Python/command line. Custom browser engine. No JavaScript. Open source.
[PhantomJS][4] - Command line/all platforms. WebKit-based. Full JavaScript support. Open source.
[Awesomium][5] - C++/.Net/all platforms. Chromium-based. Full JavaScript support. Commercial/free.
[SimpleBrowser][6] - .Net 4/C#. Custom browser engine. No JavaScript support. Open source.
[ZombieJS][7] - Node.js. Custom browser engine. JavaScript support/emulated DOM. Open source.
[EnvJS][8] - JavaScript via Java/Rhino. Custom browser engine. JavaScript support/emulated DOM. Open source.

	<!doctype html>
	<html class="no-js" lang="">
	<head>
	<script>
	/**
	* poc for various polyfills to use js modules

	* [head.js](#head)

	* [require.js](#require)

	String.prototype.hashCode = function(){
	var hash = 0;
	if (this.length == 0) return hash;
	for (i = 0; i < this.length; i++) {
	char = this.charCodeAt(i);
	hash = ((hash<<5)-hash)+char;
	hash = hash & hash; // Convert to 32bit integer
	}
	return hash;
	}