Uso de media queries con css3

Como todos sabemos hoy día es muy común que las conexiones a internet no sólo se den desde una computadora (ordenador) ya sean de escritorio, notebooks, netbooks, tablets, etc. En los últimos años se ha hecho muy frecuente conectarse a la red a través de otros dispositivos, como celulares. Lo que nos obliga a pensarnos seriamente en un pequeño cambio en el diseño de los sitios para adaptarse así a las pequeñas pantallas de estos aparatos. No es lo mismo conectarse desde un monitor de 35 pulgadas que desde un pequeño celular.

Seguir leyendo “Uso de media queries con css3”

Transiciones con css3

Como dije en un posteo anterior uno de los propósitos de css3 es el de cubrir aquellas funcionalidades que css2 estaba limitado a hacer y para ello muchas veces debía recurrirse a otras tecnologías como Javascript. Una de ellas, las transiciones, los movimientos animados de los elementos. Pensemos en algo básico y crudo, una imagen con un tamaño específico que al pasarse el mouse por encima cambia su ancho y su alto:

Seguir leyendo “Transiciones con css3”

Propiedad transform en css3

Muchas veces para resolver problemas relacionados con lo visual de una página web debemos usar tecnologías como Javascript, Jquery o Flash, ya que Css tiene un límite que muchas veces requiere de ayuda de otros lenguajes como los que acabo de nombrar.

Sin embargo Css3 intenta traer consigo la posibilidad de un alcance más amplio para de esa manera lograr conseguir funcionalidades visuales y no depender tanto de un lenguaje de programación de navegador.

Seguir leyendo “Propiedad transform en css3”

Bordes redondeados en css3

Los bordes redondeados hasta hace unos años eran un gran problema. A los diseñadores les encanta hacer bordes redondeados en sus diseños, y con mucha razón, ya que quedan muy bonitos, pero para los maquetadores esto antes no era tan sencillo. css2 no tienen forma de hacer bordes redondeados, y para resolver esto deben usarse soluciones como agregar imágenes que simulan ser parte del diseño con la forma redondeada en las esquinas.

Seguir leyendo “Bordes redondeados en css3”