El blog de Libuku

¡Feliz 2012!

libuku — Sat, 31 Dec 2011 15:04:05 +0000

Desde Libuku os deseamos un feliz y próspero 2012.

Cómo crear botones con css sin escribir código.

libuku — Mon, 30 May 2011 12:48:55 +0000

Exiten en Internet un montón de artículos que explican como crear botones usando solamente CSS pero lo que voy a contar es como crear botones mediante css sin escribir una sola línea de código.

Para realizar el botón lo primero que vamos a hacer es el elegir el color que queremos que tenga. Para ello nos vamos a ayudar de 2 webs: Colour contrast check y 0to255.

La primera web nos sirve para comprobar que los colores que vamos a elegir para el texto y para el fondo del botón cumplen con los estándares de accesibilidad. En Libuku se usa el color #5B7901 (un tipo de verde) como fondo y #FFFFFF (blanco) para el texto de manera que si comprobamos su accesibilidad obtenemos que WCAG 2 AA pero no con el nivel AAA. Como yo sólo quiero cumplir con el nivel AA de accesibilidad me sirven estos 2 colores.

Ahora, a partir del color principal del fondo vamos a obtener el resto de colores para el botón: el color de los bordes y el necesario para el degradado del fondo. Para ello vamos a la web 0to255 y seleccionamos nuestro color de fondo. De esta manera obtendremos la gama de colores para nuestro botón verde.

Por último ya sólo nos queda obtener el código del botón. Para ello haremos uso de Button Maker. Ahora sólo debemos selecionar los colores que queremos para cada cosa y la web nos devolverá el código CSS para nuestro botón.

Los colores serán:

Top Gradient Color: Nuestro color de referencia #5B7901
Bottom Gradient Color: El color +3 de 0to255. En nuestro caso #81ac01
Top Border Color: El color +4 #8ebc02
Text Color: El color del texto. En nuestro caso #FFFFFF
Hover Background Color: El color -1 #4e6801.
Active Background Color: El color -2 #425701

Si has seguido estos pasos y pulsas en el botón Fancy View Source obtendrás el código de tu botón.

Este método es el que he usado para crear el botón de Descargar de Libuku; por lo tanto, podéis ver el resultado de como queda en la página de cualquier libro como, por ejemplo, La cautiva; aunque yo después he modificado un poco el código CSS para dejarlo más acorde a mis gustos.

ADVERTENCIA: Este método usa propiedades de CSS3 por lo que sólo funcionará en navegadores modernos. Si quieres que también funcione en navegadores antiguos sería recomendable usar alguna librería javascript que simule CSS3 como IE7.js, IE-CSS3, eCSStender, etc.

Día del libro en libuku.com

libuku — Sat, 23 Apr 2011 15:08:40 +0000

Desde que ha principios de abril pusiese en marcha libuku.com han cambiado muchas cosas. La web no están ni mucho menos terminada, pero hoy me enorgullezco de poder celebrar el día del libro con 5 libros.

El último ha sido «La cautiva», un poema de Esteban Echeverría. Pues lo dicho, ¡feliz día del libro!

Libuku ya está en marcha

libuku — Sun, 03 Apr 2011 22:28:02 +0000

El pasado 31 de marzo, aniversario de la muerte de la escritora Charlotte Brontë, lancé la primera versión de Libuku, mi proyecto de librería de libros electrónicos.

Por ahora solo cuenta con un libro, la Constitución española de 1978, pero os aseguro que pronto irá creciendo.

Alex, el ereader de mis sueños el 22 de febrero por 399$

libuku — Thu, 07 Jan 2010 22:37:15 +0000

Según esta nota de prensa publicada hoy, el Alex de Spring Design, del cual se copió el Nook de B&N, se venderá a partir del día 22 de febrero por 399$. El Alex es bastante superior al Nook, pero no sé si para la gente esto justificará los 150$ que hay de diferencia.

Yo, si el día 22 de febrero lo ponen a la venta de manera mundial estaré muy tentado de comprármelo.