Skip to content

Instantly share code, notes, and snippets.

View matallo's full-sized avatar

Carlos Matallín matallo

View GitHub Profile
@mixin image-2x($image, $width, $height) {
@media (min--moz-device-pixel-ratio: 1.3),
(-o-min-device-pixel-ratio: 2.6/2),
(-webkit-min-device-pixel-ratio: 1.3),
(min-device-pixel-ratio: 1.3),
(min-resolution: 1.3dppx) {
background-image: image-url($image);
background-size: $width $height;
}
/*
* Generate md5 of a string
*/
function md5cycle(x, k) {
var a = x[0], b = x[1], c = x[2], d = x[3];
a = ff(a, b, c, d, k[0], 7, -680876936);
d = ff(d, a, b, c, k[1], 12, -389564586);
c = ff(c, d, a, b, k[2], 17, 606105819);
WITH barris_proc as (SELECT cartodb_id, the_geom, the_geom_webmercator, nbarri FROM bcn_barri_shp)
SELECT DISTINCT ON (nbarri) nbarri as barri, barris_proc.cartodb_id , barris_proc.the_geom, barris_proc.the_geom_webmercator, maxim, minim, mitjana, preu_mitja FROM lloguer_20barri, barris_proc WHERE barri ~* barris_proc.nbarri
<!DOCTYPE html>
<html>
<head>
<title>Easy example | CartoDB.js</title>
<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
<meta http-equiv="content-type" content="text/html; charset=UTF-8"/>
<link rel="shortcut icon" href="http://cartodb.com/assets/favicon.ico" />
<style>
html, body, #map {
/** this cartoCSS has been processed in order to be compatible with the new cartodb 2.0 */
#gfw2_layerstyles_v4 {
polygon-fill: #FF6600;
polygon-opacity: 0.7;
line-width: 0.2;
line-opacity: 0.6;
[zoom>3] {
line-width: 0.3;
cartodb.createLayer(map, layerUrl, layerOptions)
.addTo(this.map)
.on('done', function(layer) {
var sublayer = layer.getSubLayer(1),
sublayer2 = layer.getSubLayer(0);
sublayer.setInteractivity('cartodb_id, iso_a3, name');
sublayer.setInteraction(true);
sublayer.on('featureClick', function(e, latlng, pos, data, layerNumber) {

{% assign tags_max = 0 %} {% for tag in site.tags %} {% if tag[1].size > tags_max %} {% assign tags_max = tag[1].size %} {% endif %} {% endfor %}

    {% for i in (1..tags_max) reversed %} {% for tag in site.tags %}
http://cartodb.github.io/odyssey.js/sandbox/sandbox.html#md/slides/YGBgCi10aXRsZTogIk9keXNzZXkgZXhhbXBsZSBGVFciCi1hdXRob3I6ICJDYXJ0b0RCIgotdml6anNvbjogImh0dHA6Ly9tYXRhbGxvLmNhcnRvZGIuY29tL2FwaS92Mi92aXovNTNmNmIyY2MtMDQzMy0xMWU0LWFlNGMtMGUyMzA4NTRhMWNiL3Zpei5qc29uIgotYmFzZXVybDogImh0dHBzOi8vY2FydG9jZG5fYi5nbG9iYWwuc3NsLmZhc3RseS5uZXQvYmFzZS1kYXJrL3t6fS97eH0ve3l9LnBuZyIKYGBgCgojWW91ciBmaXJzdCBvZHlzc2V5LmpzIHN0b3J5CmBgYAotIGNlbnRlcjogWzM3Ljc2MjAsIC0xMjIuNDM4NV0KLSB6b29tOiA5CkwubWFya2VyKFszNy43NjIwLCAtMTIyLjQzODVdKS5hY3Rpb25zLmFkZFJlbW92ZShTLm1hcCkKYGBgCgpNb3ZlIHRoZSBtYXAgYXJvdW5kIGFuZCBzYXZlIHRoZSBwb3NpdGlvbiBieSBjbGlja2luZyBvbiAiQUREID4gTW92ZSBtYXAgdG8gdGhlIGN1cnJlbnQgcG9zaXRpb24iLiBBcyB5b3UgY2FuIHNlZSwgbm93IHdlIGFyZSBoaWdobGlnaHRpbmcgU2FuIEZyYW5jaXNjby4KClRoZW4gYWRkIGhlcmUgdGhlIGRlc2NyaXB0aW9uIGZvciB5b3VyIHNsaWRlIHNvIGl0J3Mgc2hvd24gb24gdGhlIGxlZnQgc2lkZSBib3guCgoKI0hvdyB0byBhZGQgbW9yZSBzdGF0ZXMKYGBgCi0gY2VudGVyOiBbNDAuNzM0OCwgLTczLjk5NzBdCi0gem9vbTogOQpMLm1hcmtlcihbNDAuNzM0OCwgLTczLjk5NzBdKS5hY3Rpb25zLmFkZFJlb
<!doctype><html><head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>Odyssey.js Slides</title>
<meta name="description" content="">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="icon" type="image/x-icon" href="http://cartodb.github.io/odyssey.js/sandbox/favicon.png">
<link rel="icon" type="image/png" href="http://cartodb.github.io/odyssey.js/sandbox/favicon.png">
$(function() {
var googleAPI = "http://ajax.googleapis.com/ajax/services/feed/load?v=1.0&num=10&q=",
url = "{{YOUR_RSS_URL}}";
// Use PressDoc RSS
$.getJSON(googleAPI + url + "&callback=?", function(data) {
var items = "";
$.each(data.responseData.feed.entries, function() {
items += "#"+this.title+"\n"+this.content+"\n\n";