vmeli

(function(document){ 
	var script = 'script',
	    twitterWidgets = document.createElement(script),
	    lastScript = document.getElementsByTagName(script)[0];
	
	twitterWidgets.async = twitterWidgets.src = 'http://platform.twitter.com/widgets.js'; 
	lastScript.parentNode.insertBefore(twitterWidgets, lastScript); 
})(document);

// compressed 177 bytes

vmeli

-----------------------------------------------------
GIT
-----------------------------------------------------

--------------------CONFIGURAR GIT-------------------
git config --global user.name                   ->OBTIENE O ESTABLECE EL USER NAME
git config --global user.email                  ->OBTIENE O ESTABLECE EL USER EMAIL
git config --global color.ui true               ->ESTABLECE TRUE O FALSE PARA COLOREAR LOS CAMBIOS
git config --global --list                      ->LISTA LAS CONFIGURACIONES HECHAS

vmeli

function tamVentana() {
  var tam = [0, 0];
  if (typeof window.innerWidth != 'undefined')
  {
    tam = [window.innerWidth,window.innerHeight];
  }
  else if (typeof document.documentElement != 'undefined'
      && typeof document.documentElement.clientWidth !=
      'undefined' && document.documentElement.clientWidth != 0)
  {

vmeli

/**
 * Light layer on top of a canvas element to represent an image displayed
 * within.  Pass in a canvas element and an Image object and you'll see the
 * image within the canvas element.  Use the provided methods (e.g. blur) to
 * manipulate it.
 *
 * @constructor
 * @param {HTMLElement} element HTML canvas element.
 * @param {Image} image Image object.
 */

vmeli

/*
    <ol id="list">Lenguajes de programación:
        <li>JavaScript</li>
        <li>Python</li>
        <li>Julia</li>
    </ol>
*/

var list = document.getElementById('list');

vmeli

/*--- No 5 ---*/
.box {
  background: yellow;
}

.box {
  width: calc(100% - 30px);
}

.box::after {

vmeli

/* Practise sass5*/
.headline {
  font-size: 2em;
}

.box {
  font-size: 24px;
}
.box p {
  font-size: 0.29167em;

vmeli

/* Practise sass4*/
/*  sassdoc.com ---> documentar sass
    jsdoc ---> documentar js
*/
/* PROPORCION
  asigna dimensiones en alto y ancho(sug. con js) ---> no usar en flexbox
  16:8
  padding se calcula respecto al ancho
*/
.cols-6 {

vmeli

/*--- No 4 ---*/
.button {
  font-size: 2rem;
  color: peru;
}

.title {
  font-size: 3rem;
  line-height: 2.5rem;
  color: red;

vmeli

/*--- No 3 ---*/
/* comentario visible */
.banner {
  width: 300px;
  height: 600px;
  background-image: url(arbol.png), url(casa.png), url(fondo.png);
  background-size: 600px, 900px, cover;
  background-repeat: no-repeat;
  animation-name: flotar;
  animation-duration: 2s;