Armado básico de un sitio en Html5

Aprender a desarrollar en html es una tarea fácil, sin embargo hay algo que no es tan fácil y que a muchos nos lleva a cometer muchos errores: utilizar correctamente los elementos de html. Cada etiqueta en html tiene un propósito, por ejemplo un h1 se utiliza para definir el título principal de una página. Esto que en teoría parece sencillo en la práctica se torna una tarea compleja que muchas veces nos lleva a utilizar las etiquetas de forma errónea.

Seguir leyendo “Armado básico de un sitio en Html5”

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”