Skip to content

Instantly share code, notes, and snippets.

View juliandavidmr's full-sized avatar
:octocat:
Working from home

Julian David juliandavidmr

:octocat:
Working from home
165 followers · 298 following
View GitHub Profile
@juliandavidmr
juliandavidmr / example.markdown
Created October 25, 2017 00:24
Simple component of Angular 2/4 with QuillJS (wysiwyg)

Example

View

Content html

<wysiwyg (onChangeText)="onChangeText($event)"></wysiwyg>

Content typescript

@juliandavidmr
juliandavidmr / remove_proxy_npm.sh
Last active January 23, 2018 19:13
remove npm proxy settings Unix Win
npm config delete http-proxy
npm config delete https-proxy
npm config rm proxy
npm config rm https-proxy
npm config --global rm proxy
npm config --global rm https-proxy
unset HTTP_PROXY
@juliandavidmr
juliandavidmr / Request.php
Created March 6, 2018 19:38
(PHP) Request Http without CURL
<?php
namespace common\components;
class Request {
public static function get($url, $data = null, $header = null) {
return self::request("GET", $url, $data, $header);
}
@juliandavidmr
juliandavidmr / app.sh
Created May 15, 2018 22:30
Generate apk and certify app ionic
#!/bin/bash
# ----------------------------------------------------------
# Creado por Julian David <https://github.com/juliandavidmr>
# Año 2018
# Licencia MIT
# Generada:
# - Certificados con keytool
# - Instalador apk para produccion
# - Procesa apk con jarsigner
@juliandavidmr
juliandavidmr / filter_svg_css.css
Created November 25, 2018 14:48
Apply filter CSS from SVG
path {
stroke-width: 1px;
&:hover {
cursor: pointer;
stroke-width: 2px;
filter: url(#dropshadow);
}
}
@juliandavidmr
juliandavidmr / shadow.html
Last active November 25, 2018 15:00
<svg>
<filter id="dropshadow" height="130%">
<feGaussianBlur in="SourceAlpha" stdDeviation="3"></feGaussianBlur> <!-- stdDeviation is how much to blur -->
<feOffset dx="2" dy="2" result="offsetblur"></feOffset> <!-- how much to offset -->
<feComponentTransfer>
<feFuncA type="linear" slope="0.5"></feFuncA> <!-- slope is the opacity of the shadow -->
</feComponentTransfer>
<feMerge>
<feMergeNode></feMergeNode> <!-- this contains the offset blurred image -->
<feMergeNode in="SourceGraphic"></feMergeNode> <!-- this contains the element that the filter is applied to -->
@juliandavidmr
juliandavidmr / markdown_gnome.md
Last active December 20, 2018 14:25

Nombre Componente

Descripción del componente/librería. Lorem Ipsum es simplemente el texto de relleno de las imprentas y archivos de texto. Lorem Ipsum ha sido el texto de relleno estándar de las industrias desde el año 1500, cuando un impresor (N. del T. persona que se dedica a la imprenta) desconocido usó una galería de textos y los mezcló de tal manera que logró hacer un libro de textos especimen. No sólo sobrevivió 500 años, sino que tambien ingresó como texto de relleno en documentos electrónicos, quedando esencialmente igual al original. Fue popularizado en los 60s con la creación de las hojas "Letraset", las cuales contenian pasajes de Lorem Ipsum, y más recientemente con software de autoedición, como por ejemplo Aldus PageMaker, el cual incluye versiones de Lorem Ipsum.

Guía de uso

<bzg-demo [color]="'red'">
  <p>Contenido</p>
@juliandavidmr
juliandavidmr / pasos_para_entender_lib.md
Last active December 27, 2018 20:37
Pasos para entender un proyecto/librería de npm, github, gitlab, etc.

Pasos para entender una librería

  • Leer la documentación general (Normalmente se encuentra en un archivo README.md o Wiki).
  • Determinar herramienta de empaquetación: Rollup, Webpack…
  • Determinar estándar usado: ES6, ES5, TypeScript…
  • Determinar archivo(s) de arranque (Normalmente se visualiza desde un principio en el package.json con la clave main).
  • Obtener listado de dependencias (package.json > dependencies) y observar su comportamiento/funcionamiento (puede observarse rapidamente en la documentación oficial de cada librería desde npm o git(hub|lab)).
  • Abrir archivo de arranque encontrado anteriormente:
    • Buscar función inicializadora, probablemente esté declarado con alguno de los siguientes nombres: boostrap, main, lib. En ES6, ES7 o Typescript se puede encontrar con la exportacion de una funcion anonima o una clase: export default function ...
  • La función inicializadora (parametros de constructuctor cuando se trata de class) puede
@juliandavidmr
juliandavidmr / cinecalidad.js
Created February 24, 2019 23:10
Get a list of movies from Cinecalidad
function getDetailsMovie(htmlString) {
var div = document.createElement('div');
div.innerHTML = htmlString.trim();
div = div.querySelectorAll('#content_inside > .post_box');
var listMovies = [];
div.forEach(element => {
var a = element.querySelector("a")
if (a) {
@juliandavidmr
juliandavidmr / index.html
Created July 10, 2019 18:51
Change $scope/model from jquery/vanilla
<!DOCTYPE html>
<html ng-app="revalidation">
<head>
<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.1/css/bootstrap.min.css" rel="stylesheet" data-semver="3.3.1" data-require="bootstrap@3.3.1" />
<script data-require="angular.js@1.4.3" data-semver="1.4.3" src="https://code.angularjs.org/1.4.3/angular.js"></script>
<script
src="https://code.jquery.com/jquery-3.4.1.min.js"
integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo="
crossorigin="anonymous"></script>