Skip to content

Instantly share code, notes, and snippets.

View dedosmedia's full-sized avatar
:octocat:
Learning

Diego Fernando Díaz A. dedosmedia

:octocat:
Learning
View GitHub Profile
@dedosmedia
dedosmedia / Resize.jsx
Last active March 13, 2017 16:58
Redimensionar imagen al tamaño de la composicion en AfterEffects
// En una composicin llamada "//composition" y una capa llamada "//resize"
var w = thisComp.width;
var h = thisComp.height;
var sx = w*100/thisLayer.width;
var sy = h*100/thisLayer.height;
[sx,sy]
//En la imagen que queremos redimensionar en Transformar->escala, agregamos la siguiente expresión:
eval(comp("//Controller").layer("//resize").text.sourceText.toString())
@dedosmedia
dedosmedia / SamplingColor.txt
Last active March 14, 2017 03:12
Sampling color in AfterEffects
// En una composición llamada "//Controller" en la capa "//sampling_color"
var w = thisLayer.width;
var h = thisLayer.height;
var color = thisLayer.sampleImage([w,h]/2, [w,h]/2, true,time);
color
//En la imagen que contiene el area de color a muestrear (cuya capa llamamos "sample" dentro de una composicion "sample0"), en el efecto "Control de Color > Color", agregamos la expresión:
eval(comp("//Controller").layer("//sampling_color").text.sourceText.toString())
@dedosmedia
dedosmedia / Favoritos
Last active March 31, 2016 01:26
Favoritos
Raspberry Docker
http://blog.hypriot.com/post/traffic-light/
Node.js en DOcker from the scratch
http://jdlm.info/articles/2016/03/06/lessons-building-node-app-docker.html
@dedosmedia
dedosmedia / js_rotation_svg.js
Created March 11, 2016 20:29
Rotar SVG con Snap.js
var animatingSvg = Snap('#wheel_svg');
var wheel = animatingSvg.select('#wheel');
wheel.animate({transform: "r"+[7200,205,210]}, 2000, mina.easeinout);
@dedosmedia
dedosmedia / js_each_array.ja
Created March 3, 2016 02:07
Recorrer un arreglo con Jquery
$.each(options,function(index, value){
options[index].done = true;
})
// options es el arreglo a recorrer
@dedosmedia
dedosmedia / js_filtrar_array.js
Created March 3, 2016 02:06
Filtrar los elementos de un array de objetos, segun un valor
options = $.grep(body, function(value, i) {
return ( value.categoria == current_categoria );
});
// retorna solo los elementos del arreglo cuya categorìa sea = a current_categoria
@dedosmedia
dedosmedia / audios.html
Created March 2, 2016 20:05
SNIPPET: Incluir Audios desde s0 a s23
<audio id="s0">
<source src="audio/s0.mp3" type="audio/mpeg">
Your browser does not support the audio element.
</audio>
<audio id="s1">
<source src="audio/s1.mp3" type="audio/mpeg">
Your browser does not support the audio element.
</audio>
@dedosmedia
dedosmedia / js_removeClass_prefix.js
Last active March 2, 2016 01:52
JS: RemoveClass con un prefijo
$el.removeClass(function(index,classes){
var matches = classes.match(/drop-\d+/); // some-class-somenumber
return (matches) ? matches.join(' ') : '';
});
@dedosmedia
dedosmedia / css_flip_canvas.css
Created February 26, 2016 22:51
Canvas girado horizontalmente
#canvas {
position: absolute;
z-index: 500;
left: 183px;
top: 329px;
-moz-transform: scale(-1, 1);
-webkit-transform: scale(-1, 1);
-o-transform: scale(-1, 1);
transform: scale(-1, 1);
filter: FlipH;
@dedosmedia
dedosmedia / SNIPPET_ botones con texto y bordes
Last active February 26, 2016 23:39
Botones con texto e imagenes centradas, para las opciones
En el index.html (agregar uno por cada botòn, y personalizar id)
<div class="selectable option" id="option0">
<label class="text">EJEMPLO</label>
</div>
En style_custom.css (personalizar background-image, width y height acorde a la imagen a usar, y las posiciones left y top de cada opción)
.option
{