Skip to content

Instantly share code, notes, and snippets.

View juanlopezdev's full-sized avatar

Juan López juanlopezdev

View GitHub Profile
@juanlopezdev
juanlopezdev / helper_googlechart_to_png.js
Last active August 29, 2015 13:56
Exportar Google Chart a Imagen PNG / Export Google Chart to Image PNG
/**
* Requested
* <script type="text/javascript" src="http://canvg.googlecode.com/svn/trunk/rgbcolor.js"></script>
* <script type="text/javascript" src="http://canvg.googlecode.com/svn/trunk/canvg.js"></script>
* /
/**
* Convert object to a canvas object
*/
@juanlopezdev
juanlopezdev / WORDPRESS_get_custom_name_taxonomy_of_page_taxonomy.php
Last active May 2, 2016 17:24
Obtener nombre de taxonomia personalizada de una página taxonomy-name.php
<?php
//Get Slug taxonomy
$slug_taxonomy = get_query_var('taxonomy_name');
//Get Object current term of taxonomy
$term = get_term_by('slug', $slug_taxonomy, 'taxonomy_name');
//Return Object
var_dump($term);
@juanlopezdev
juanlopezdev / JQUERY_fadeout_remove.js
Last active May 2, 2016 17:38
Remover elemento con efecto "desaparecer" en Jquery / Remove element effect "FadeOut" into Jquery
/*
* Extender método / Extend
*/
$(function() {
$.fn.fadeOutRemove = function(time) {
$(this).fadeOut(time, function() {
$(this).remove();
});
};
}
@juanlopezdev
juanlopezdev / CSS_menu_toogle.css
Last active May 2, 2016 17:37
SASS Menu Toggle for Mobile Screen By joseluisq
/*
* Menu Toggle
* By Jose Luis Quintana -> https://gist.github.com/joseluisq/a6ef185322e9efa16dd9
*/
#menu-toggle {
position: fixed;
display: block;
top: 0;
left: 0;
background: #000;
@juanlopezdev
juanlopezdev / CSS_triangle.css
Last active May 2, 2016 17:36
Triangulos en CSS / Triangles en CSS
/* Triangulo CSS (pico superior) */
.triangulo_sup {
width: 0;
height: 0;
border-left: 50px solid transparent;
border-right: 50px solid transparent;
border-bottom: 100px solid #000;
}
@juanlopezdev
juanlopezdev / WORDPRESS_functions_utils.php
Last active March 11, 2022 16:27
Useful functions for wordpress / Funciones Útiles Wordpress #php #wordpress
<?php
/**
* Funciones Útiles Wordpress / Useful functions for wordpress
*/
//Pintar MENU
//https://developer.wordpress.org/reference/functions/wp_nav_menu/
//---------------------------------------------------------------
wp_nav_menu(array(
@juanlopezdev
juanlopezdev / JAVASCRIPT_flexslider_fade_and elevatezoom_lens.md
Last active May 2, 2016 17:31
Combinar el plugin "Flexslider" efecto "fade" y "ElevateZoom" efecto de "lente". Generara un slider, cuyas imágenes tendran un efecto zoom(Lente) al poner el puntero de mouse sobre el.

Personalizar Flexslider y ElevateZoom

My Html:

<div  id="my-slider" class="flexslider">
  <ul class="slides">
    <li>
      <div class="glass-image-content">
        <img  id="img-zoom-default" 
@juanlopezdev
juanlopezdev / SOCIALNETWORK_share_counts.md
Last active May 2, 2016 17:44 — forked from jonathanmoore/gist:2640302
API que permite ver cuantas veces ha sido compartido una pagina web en distintas redes sociales

Share Counts

I have always struggled with getting all the various share buttons from Facebook, Twitter, Google Plus, Pinterest, etc to align correctly and to not look like a tacky explosion of buttons. Seeing a number of sites rolling their own share buttons with counts, for example The Next Web I decided to look into the various APIs on how to simply return the share count.

If you want to roll up all of these into a single jQuery plugin check out Sharrre

Many of these API calls and methods are undocumented, so anticipate that they will change in the future. Also, if you are planning on rolling these out across a site I would recommend creating a simple endpoint that periodically caches results from all of the APIs so that you are not overloading the services will requests.

Twitter

Sublime Text Essential Plugins

Here some very essential and useful plugins for Sublime Text Editor.
First, it's necessary to install Package Control.

  • AutoFileName : Autocomplete Filenames in Sublime Text.
  • EditorConfig : EditorConfig helps developers maintain consistent coding styles between different editors.
  • Emmet : Emmet is a plugin for many popular text editors which greatly improves HTML & CSS
  • SCSS : Sass support.
  • SidebarEnhancements : Provides enhancements to the operations on side bar of files and folders.
@juanlopezdev
juanlopezdev / GIT_useful_commands.md
Last active June 5, 2019 20:57 — forked from joseluisq/git_useful_commands.md
[GIT Comandos útiles] Utilidades para manejar y resolver algunos problemas de git #git #utilidades

** Basic: Init git and upload files **

git init # Inicializar
git add . # Añadir archivos
git status # Estado
git commit . -m "Mi comentario"
git remote add origin https://github.com/user/repo.git # Definir repositorio
git push origin master