Blog

Sígueme en

WL CSS Helpers actualizado con nuevos «helpers»

 Mar, 17 - 2016   CSS

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 […]


Continuar leyendo


5 herramientas online imprescindibles para desarrolladores web

 Oct, 12 - 2014   CSSJSUtils

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 […]


Continuar leyendo


WL CSS Helpers, el por qué de algo tan obvio

 Jul, 19 - 2014   CSSUtils

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


Haz que tu theme de WordPress sea «retina ready» en 3 pasos

 Dic, 03 - 2013   CSSJSWordPress

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


Fix para el elemento audio en WordPress + Bootstrap 3.0

 Nov, 18 - 2013   CSS

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


Como añadir varias fuentes de Google a tu proyecto

 Nov, 12 - 2013   CSS

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» />


Categorías