Blog
-
Polymer - 03/04/2019
Por fin, hoy he creado mi primer Web Component con Polymer. Hasta el día de hoy me asaltaban dudas como qué es Polymer, qué son los Web Components, si era un frameworks, si era compatible con otras tecnología, qué ventajas tenía,.. Aquí os dejo un pequeño post donde espero responder a todas estas preguntas.
Leer más -
Herramientas Front End - 13/07/2017
Si eres desarrollador Front aquí te dejo un listado he herramientas que pueden evitarte más de un quebradero de cabeza. He hecho un "barrido" de todas las herramientas o referencias que en algún momento he utilizado y pueden ahorrarnos mucho tiempo.
Leer más -
Unidades de medida - 09/01/2017
Siempre había tenido dudas en cuanto a las medidas utilizadas en css, cuál es la recomendada, por qué usar unas u otras. Hoy por fin, ya era hora, me he puesto a investigar en profuncidad. Si te pasa lo mismo, aquí te dejo mis conclusiones.
Leer más -
El maravilloso mundo de box-sizing - 22/09/2016
Si tuviste una gran alegría cuando recibiste la noticia de la existencia de esta nueva propiedad, es que has sufrido la maquetación cuando todavía no existía. Cuantos cálculos y cuantos quebraderos de cabeza hemos tenido que pasar para ajustar una "caja" y no digo más si se trataba de crear un grid, establezco un width, añado un borde, no me cabe, lo ajusto, cambio en padding, lo ajusto,... así hasta cuadrar todo. Esta propiedad que nos regaló CSS3 nos ahorró sin duda mucho tiempo.
Leer más -
Pre-procesadores Html - 13/09/2016
Al igual que existen los pre-procesadores css existen los pre-procesadores html o también conocidos como lenguajes de plantilla. Básicamente nos ayudan a crear plantillas html simplificandonos la síntaxis pero a la vez ofreciéndonos otras funcionalidades muy potentes.
Leer más -
Buenas prácticas de maquetación en Liferay - 13/09/2016
A la hora de realizar una maqueta debemos tener en cuenta una serie de pautas a nivel general como puede ser comentar el código, retear estilos, validar el código, reutilizar código,... Pero además, cuando la maqueta tiene que ser integrada en un gestor de contenidos o portales (CMS), hay que conocer sus peculiaridades y tenerlas en cuenta para no tener resultados inesperados. En este caso nos vamos a centrar en Liferay.
Leer más -
Visualizar un pdf dentro de una página html - 13/09/2016
Normalmente cuando queremos mostrar al usuario un documento pdf, el navegador por defecto nos lo abre en un visor independiente de Adobe Reader. De la siguiente manera podemos incrustar el pdf dentro nuestra página sin necesidad de usar flash.
Leer más -
Lazy Loading - 27/04/2016
La carga de un sitio web que tenga una gran cantidad de imágenes puede ser eterna, cada imagen es una petición HTTP lo que la espera para un usuario se puede hacer muy larga e incluso puede hacer que abandonen la página. ¿Qué tal si sólo hiciésemos la petición de la imagen en el momento de usarla? Aquí entra lo que se llama "Lazy Loading" que consiste en retrasar o inicializar la carga de imágenes hasta el momento de ser usadas, en ese caso, cuando la página haga scroll hasta la imagen
Leer más -
Cómo centrar una capa que tiene posición absoluta - 02/05/2015
Cuantas veces hemos querido centrar una capa que estaba con posición absoluta y nos hemos liado añadiendo estilos innecesarios y sin conseguir el objetivo. Esto es, por ejemplo, cuando tenemos un lightbox o popup que queremos mostrar en centro de la pantalla. De la siguiente manera lo haremos de una forma sencilla y no falla!
Leer más -
Añadir puntos suspensivos mediante css: propiedad text-overflow - 02/05/2015
En ocasiones hemos necesitado limitar un texto dentro de su contenedor y añadirle puntos suspensivos al final pero no hemos sabido cómo sin tener que recurrir a la programación ya sea javascript o el lenguaje que estemos usando. Pues existe una propiedad css que nos va a permitir hacer esto y lo mejor de todo es que es compatible con todos los navegadores...
Leer más -
Convertir una página web en pdf online - 02/05/2015
Me gustaría compartir una página web que nos permite convertir una página web en un documento pdf sin necesidad de instalar ningún programa. Es gratis y muy sencilla de utilizar.
Leer más -
Efecto flip 3d con css3 - 02/05/2015
El efecto flip es una animación que podemos aplicar en nuestras páginas web de manera muy sencilla pero que proporciona un aspecto visual muy llamantivo.
Leer más