Skip to content

Instantly share code, notes, and snippets.

Joan León nucliweb

Block or report user

Report or block nucliweb

Hide content and notifications from this user.

Learn more about blocking users

Contact Support about this user’s behavior.

Learn more about reporting abuse

Report abuse
View GitHub Profile
View index.html
:doodle {
@grid: 20x1 / 60vmin;
overflow: hidden;
:container {
transform: scale(25);
filter: @svg-filter(<svg>
<feTurbulence baseFrequency="@r(.016, .056, .001)" seed="@r(100)" numOctaves="@r(8, 15)" />
nucliweb /
Created Jul 4, 2018
Code for "Aprender a programar con Processing y P5js" post
// Imprimir Hello, Works! en Java
public class Main {
public static void main(String[] args) {
System.out.println("Hello, World!");
nucliweb /
Last active May 11, 2018
Temario para un curso de Optimización de imágenes para la web

Optimización de imágenes para la web

Sesión en abierto

Las imágenes representan más de un 60% del contenido del tráfico web. Desde los inicios de internet las hemos tenido presentes, lo curioso es que año tras año el porcentaje y peso está creciendo.

Mantener una buena optimización de las imágenes nos permitirá mejorar la experiencia de usuario.

View dabblet.css
:root {
--color: purple;
:root .cell {
--color: rebeccapurple;
html body section p.cell {
--color: red;
nucliweb / getAverageColourAsRGB.js
Created Jan 21, 2018 — forked from olvado/getAverageColourAsRGB.js
Get the average colour of an image in javascript using getImageData in CANVAS
View getAverageColourAsRGB.js
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

Spirit Version


Bugs list

  • Limit from 0 to 255 when edit values like rgb(255, 0, 255) with drag & drop
  • When I select a key and move the "Current Time" (red line), I can't add a new key until I click on timeline add-key
  • If right click a row to remove property at right of property value, the action is removed timeline 😱
nucliweb /
Last active Nov 17, 2017
Notes about resources, references, libraries and people for Canvas talk by Carmen Ansio at Bilbostack 2018
You can’t perform that action at this time.