Joan León nucliweb

Frontend Development

Attention: the list was moved to

This page is not maintained anymore, please update your bookmarks.

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

	function getAverageColourAsRGB (img) {
	var canvas = document.createElement('canvas'),
	context = canvas.getContext && canvas.getContext('2d'),
	rgb = {r:102,g:102,b:102}, // Set a base colour as a fallback for non-compliant browsers
	pixelInterval = 5, // Rather than inspect every single pixel in the image inspect every 5th pixel
	count = 0,
	i = -4,
	data, length;

	// return the base colour for non-compliant browsers

	/*!
	* quantize.js Copyright 2008 Nick Rabinowitz.
	* Licensed under the MIT license: http://www.opensource.org/licenses/mit-license.php
	*/

	// fill out a couple protovis dependencies
	/*!
	* Block below copied from Protovis: http://mbostock.github.com/protovis/
	* Copyright 2010 Stanford Visualization Group
	* Licensed under the BSD License: http://www.opensource.org/licenses/bsd-license.php

	function slugify(text)
	{
	return text.toString().toLowerCase()
	.replace(/\s+/g, '-') // Replace spaces with -
	.replace(/[^\w\-]+/g, '') // Remove all non-word chars
	.replace(/\-\-+/g, '-') // Replace multiple - with single -
	.replace(/^-+/, '') // Trim - from start of text
	.replace(/-+$/, ''); // Trim - from end of text
	}

	<?php
	/*
	Guardando email de Contact Form 7 en MailChimp

	Necesita el archivo MCAPI.class.php de la API de MailChimp

	En este en concreto usamos un checbox con el nombre subscribe para comprobar si el
	usuario quiere subscribirse o no. En caso afirmativo guardamos el nombre y el email
	en la lista concreta de nuestro MailChimp.

	{
	"name": "my-app",
	"version": "1.0.0",
	"description": "My test app",
	"main": "src/js/index.js",
	"scripts": {
	"jshint:dist": "jshint src/js/*.js",
	"jshint": "npm run jshint:dist",
	"jscs": "jscs src/*.js",
	"browserify": "browserify -s Validating -o ./dist/js/build.js ./lib/index.js",

	<html>

	<head>
	<script src="clmtrackr.js"></script>
	<script src="model_pca_20_svm.js"></script>
	<script src="p5.js"></script>
	<script src="p5.dom.js"></script>
	<script>
	var ctracker;