Blog

Sígueme en

WL CSS Helpers actualizado con nuevos “helpers”

 Mar, 17 - 2016   BlogCSS

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


HTML5 Audio App: Simple Sample Trigger

 Nov, 02 - 2014   BlogHTML5JS

He aquí uno de esos proyectos en los que se unen dos de mis pasiones: la música, y el desarrollo web. Se trata de un “simple disparador de muestras de sonido” que he bautizado con el nombre de SST (Simple Sample Trigger). El concepto es sencillo: se crean varios elementos <audio> HTML5, y a cada […]


Continuar leyendo


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

 Jul, 19 - 2014   BlogCSSUtils

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


Samples de imágenes de cualquier tamaño a través de placehold.it

 Feb, 09 - 2014   BlogUtils

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


Fix para el elemento audio en WordPress + Bootstrap 3.0

 Nov, 18 - 2013   BlogCSS

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


Carga tus scripts únicamente cuando tu vista lo requiera

 Nov, 12 - 2013   BlogJS

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


Como añadir varias fuentes de Google a tu proyecto

 Nov, 12 - 2013   BlogCSS

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