Web 2.0 Tips

Les voy a dejar un buen tip que lo usamos en DreamDesigners, para varios proyectos.

Como animar un div mediante una acción con el mouse (mouse over) que en la sintaxis de css sería :hover

La idea será realizar un tooltip hecho 100% con las transiciones de CSS3 sin necesidad de utilizar Javascript o JQuery.

Antes que nada, tenemos que saber que los nuevos browsers ya soportan css3, aunque muchos todavía no de forma nativa, por lo tanto debemos utilizar a la hora de “animar” ciertos prefijos en el código del style.

Leer este tip »

Estás cansado de ver algo parecido a esto en CSS?

* { float:left; }

Si bien es un poco exagerado, la realidad es que no hay forma de maquetar una web aplicando el método “tableless” y sin hacer uso de floats. A mi no me parece lógico que para ubicar 2 bloques en forma horizontal halla que flotarlos a la izquierda o a la derecha. Y si los quiero en el medio? Por qué no hay un “float:center”?

Leer este tip »