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 […]
Continuar leyendo
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 […]
Continuar leyendo
Mientras estás desarrollando, muchas veces necesitas poner una imagen y no tienes una a mano o la necesitas de un tamaño o tonalidad específico… Ahí es cuando entrá en escena el servicio que ofrece la web http://placehold.it/. Utilizando unas simples urls, podemos mostrar imágenes con texto y del tamaño y color de fondo que deseemos. […]
Continuar leyendo
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 […]
Continuar leyendo
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 […]
Continuar leyendo
Lo normal a la hora de cargar los scripts de javascript de tu proyecto suele ser colocar los «frameworks» base en el head y el resto de scripts justo antes de cerrar body, o lo que más se recomienda actualmente, poner todos justo antes de cerrar la etiqueta body, para que el sitio cargue más […]
Continuar leyendo
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» />