Por defecto en AngularJS incluye el caracter «#» en las rutas de las urls, por ejemplo: https://bufa.es/ https://bufa.es/#/sobre-mi https://bufa.es/#/contacto Para poder eliminar la «almohadilla» de las urls hay que hacer 2 pasos: 1. Utilizamos el módulo $locationProvider y establecemos el […]

Código para calcular dinámicamente el número de días restantes entre 2 fechas usando el método diff en Twig: {% set diferencia = date('2016-01-31').diff(date('now')) %} {% set diasRestantes = diferencia.days %} {% if diasRestantes == 1 %} 1 día {% else […]

Función php para mover automáticamente al footer el archivo jQuery que por defecto lo carga dentro del head.php. Inserta el siguiente código php dentro del functions.php de tu theme WordPress: if (!is_admin()) add_action('wp_enqueue_scripts', 'jquery_footer'); function jquery_footer() { wp_deregister_script( 'jquery' ); […]

2 comandos para deshacer el último commit en Git: A) Deshacer el último commit (sin haber hecho push) git reset –soft HEAD~1 B) Deshacer el último commit (habiendo hecho ya un push) git revert HEAD

Comando para cambiar el nombre de una rama en Git: git branch -m <anterior-nombre> <nuevo-nombre> Un ejemplo: Cambiamos el nombre de la rama «demos» y la pasamos a llamar «pruebas»: git branch -m demos pruebas

Código .htaccess para eliminar la extensión de los archivos de las urls de tu web. Un ejemplo de urls de archivos php podrían ser: <a href="servicios.php">Servicios</a> <a href="contacto.php">Contacto</a> A) Si aplicáramos el siguiente código a tu archivo .htaccess: <IfModule mod_rewrite.c> […]

Para eliminar del <head> el tag <link rel="canonical" href="…" /> de todas las páginas de tu WordPress es tan sencillo como añadir el siguiente código php en el archivo functions.php de tu theme: remove_action('wp_head', 'rel_canonical');

Método para seleccionar elementos con jQuery por medio de su atributo. Usando los selectores de css con corchetes. En este ejemplo voy a seleccionar elementos por su atributo «name», por ejemplo tenemos este html: <button name="boton">Botón</button> <button name="boton-1">Botón</button> <button name="boton-2">Botón</button> […]

Código jQuery de 1 sola línea para activar/desactivar todos checkbox a la vez usando el método prop(). En el siguiente ejemplo he creado un primer checkbox que será el que ejecute el script de activar o desactivar el resto de […]

En chrome si tienes el «auto-completado» activado te añade unos estilos diferentes cambiando los input a un background amarillo (#F9FFBD) y texto negro. A.1. Para cambiar el color del background: input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus { -webkit-box-shadow: 0 0 0px 1000px #fff […]