Crear imágenes usando solo CSS

25 ene 2011 1

Con las nuevas posibilidades que CSS3 nos brinda, todos los días nos encontramos con experimentos para aprovechar el potencial de este lenguaje.

Un tipo de experimentos bastante común, es el de emular imágenes usando únicamente CSS. Van desde la creación de iconos sencillos, pasando por logos un poco más elaborados, hasta imágenes mucho mas complejas como la botella de Coca Cola o la Ana kournikova en CSS3.

Creo que estos experimentos funcionan muy bien como aprendizaje y solo en algunos casos tienen utilidad práctica. No quiero entrar en la discusión sobre si vale la pena usar estas técnicas. Yo personalmente creo que podemos aprovechar algunas técnicas para reducir la carga de nuestros sitios y brindar una mejor experiencia a nuestros visitantes.

A continuación les mostrare algunas técnicas para crear imágenes usando propiedades CSS.
Continua leyendo →

CSS Checkboxes estilo iPhone

30 dic 2010 0

Me encontré este artículo http://www.thecssninja.com/css/custom-inputs-using-css,  que muestra como dar estilo a radio buttons y checkboxes usando CSS sin utilizar javascript. Como casi siempre, IE8 e inferiores se quedan por fuera debido a la falta de soporte de la pseudoclase :checked. Sin embargo, es una técnica muy útil para embellecer nuestros formularios, yo ya la estoy usando.

Para todos los que les gustan las interfaces del iPhone, usando esa técnica, podemos convertir un checkbox normal en un switch estilo muy parecido al que usa iOS.

Continua leyendo →

Los mejores calendarios para WordPress

4 nov 2010 2

Hoy les traigo una compilación de algunos plugins de WordPress para agregar calendarios a nuestro sitio. Estos son solo los que he tenido la oportunidad de probar y me han gustado. Existen muchos plugins que agregan funcionalidades de calendario en WordPress, pero yo me quedo con el listado que les muestro a continuación.
Continua leyendo →