Después de estar utilizándo el pequeño archivo .less o .css que reune un conjunto de reglas fáciles de recordar y super útiles, he comprobado su eficacia y su ahorro de tiempo durante los desarrollos y se me ha hecho casi imprescindible, así que he agregado algunas nuevas clases más para hacerlo todavía más útil. Lo […]
El día a día del desarrollador web es duro. Los que tenemos pasión por ello lo llevamos bien cuando se nos plantean retos nuevos o proyectos interesantes, pero lamentablemente eso no ocurre todos los días, y para esas tareas repetitivas que se dan en casi todos los proyectos, debemos tener una serie de herramientas que […]
Seguro que os habréis topado con bastantes snippets que hacen el trabajo sucio de remplazar los checkboxes y radio inputs por defecto del navegador, por otros más atractivos o que se adapten al resto de controles de formulario que utilice el sitio web. Eso lo hacen francamente bien, pero, lo que la mayoría pasa por […]
Recientemente he publicado una mini librería en LESS, que genera un archivo CSS de tamaño ínfimo, con un montón de clases para ayudar en la maquetación de contenido HTML. La razón de ser de ésta librería puede explicarse poniéndonos en situación: Vamos a hacer una nueva web que nos han encargado, y vamos a utilizar […]
Hoy vamos a aprender a dotar a tu theme de WordPress con soporte retina para los dispositivos que lo admitan. Por un lado, añadiremos las funciones necesarias en el archivo functions.php, así como los assets necesarios, y te enseñaré cómo testearlo una vez implementado. Vamos a ello! 1. Copia y pega las siguientes líneas en […]
Si estáis desarrollando un tema para WordPress utilizando el framework Bootstrap 3.0, seguramente habréis notado que los elementos audio de los posts no se ven correctamente como se aprecia en la imagen: Como podéis ver, el control de volumen aparece debajo del elemento. Para solucionarlo, después de intentarlo en varias ocasiones, sin tener que recurrir a JS […]
Puedes añadir varias fuentes de Google en el mismo enlace, separando cada nombre de fuente con el carácter «|» y asegurándote de usar el símbolo «+» para las fuentes con nombres compuestos. Ejemplo: <link rel=»stylesheet» href=»http://fonts.googleapis.com/css?family=Finger+Paint|Baumans|Ubuntu+Condensed|Lily+Script+One|Roboto|Rosario» />