Web 2.0 Tips

Icon

Consejos y trucos para el desarrollo y diseño de webs

Setear la propiedad Float desde JavaScript

Me pasó que tuve que crear un elemento dinámicamente y definirle que tenia que flotar a la inzquierda (float: left) sin poder tocar css, asi que lo hice desde JasvaScript de la forma correcta:

  var elemento = document.createElement('img');
  elemento.style.float = 'left';
  // o
  elemento.style['float'] = 'left';

El tema es que en Firefox no funcionaba y despues descubrí que en IE tampoco.

Leer este tip »


Animación en CSS3 en un :hover (mouseover)

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 »


Categoria

Haste fan

Web Analytics