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»


Guardar contenido en el navegador con html5

Como sabemos en Javascript las variables permiten guardar información, sin embargo, esas variables nacen con la carga del navegador y mueren una vez que el usuario abandona la página.

Por ejemplo, pensemos en un sitio con un carrito de compras, supongamos que tenemos una página que muestra un catálogo de televisores y otro de cafeteras. Ahora bien, el usuario agrega un producto a su carrito, un televisor, si lo guardamos en un array de Javascript, en cuanto el usuario cambie a la página de cafeteras los productos agregados al catálogo actuales se borrarán de ese array que ahora ya no existe para nuestro navegador. La solución sería usar un lenguaje de servidor, por ejemplo PHP a través de variables como cookies o sesiones. Sin embargo html5 nos da la posibilidad de guardar datos sin la necesidad de utilizar un lenguaje de servidor.

Seguir leyendo «Guardar contenido en el navegador con html5»