Andrii Trybynenko tamer1an

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

The final result: require() any module on npm in your browser console with browserify

This article is written to explain how the above gif works in the chrome (and other) browser consoles. A quick disclaimer: this whole thing is a huge hack, it shouldn't be used for anything seriously, and there are probably much better ways of accomplishing the same.

Update: There are much better ways of accomplishing the same, and the script has been updated to use a much simpler method pulling directly from browserify-cdn. See this thread for details: mathisonian/requirify#5

inspiration

Installing V8 on a Mac

Prerequisites

Install Xcode (Avaliable on the Mac App Store)
Install Xcode Command Line Tools (Preferences > Downloads)
Install depot_tools
- $ git clone https://chromium.googlesource.com/chromium/tools/depot_tools.git
- $ nano ~/.zshrc
- Add path=('/path/to/depot_tools' $path)

The introduction to Reactive Programming you've been missing

(by @andrestaltz)

This tutorial as a series of videos

If you prefer to watch video tutorials with live-coding, then check out this series I recorded with the same contents as in this article: Egghead.io - Introduction to Reactive Programming.

	Proposal
	--------

	The proposal is to add a static ArrayBuffer.transfer(oldBuffer [, newByteLength]). This
	method returns a new ArrayBuffer whose contents are taken from oldBuffer.[[ArrayBufferData]]
	and then either truncated or zero-extended to be newByteLength. This operation leaves
	oldBuffer in a detached state. If newByteLength is undefined, oldBuffer.byteLength is
	used.

	var buf1 = new ArrayBuffer(40);

	/**
	* VH and VW units can cause issues on iOS devices: http://caniuse.com/#feat=viewport-units
	*
	* To overcome this, create media queries that target the width, height, and orientation of iOS devices.
	* It isn't optimal, but there is really no other way to solve the problem. In this example, I am fixing
	* the height of element `.foo` —which is a full width and height cover image.
	*
	* iOS Resolution Quick Reference: http://www.iosres.com/
	*/

	directives.uploadDrop = function (){
	return {
	require: '?ngModel',
	restrict: 'E',
	template: '<div class="input-file" style="width: 150px;"><span class="glyphicon glyphicon-picture"></span></div>',
	link: function (scope, element, attrs, ngModel){

	if (!ngModel) return;

	element.bind('drop', function (event) {

	public class GridAndListLayout extends TwoWayLayoutManager {
	private final int NUM_LANES = 2;

	public GridAndListLayout(Context context, Orientation orientation) {
	super(context, orientation);
	}

	private boolean isGridItem(int position) {
	return position < 4;
	}

	// add this to the general build.gradle, not in the subproject's build.gradle
	// improved version of Xavier's tip http://tools.android.com/tech-docs/new-build-system/tips#TOC-Improving-Build-Server-performance.

	// usage example default, preDex will be enabled: gradle clean build
	// usage example disabling preDex: gradle clean build -PpreDexEnable=false
	// preDexEnable parameter's value can be set as property of Continuous Integration build config
	// this is the main difference from Xavier's workaround where he doing only hasProperty check

	project.ext {
	if (project.hasProperty('preDexEnable')) {

	<html>
	<body>
	<span id="output"></span>
	</body>
	<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
	<script src="main.js"></script>
	</html>