10 sencillos pasos para aprender posicionamiento CSS

El posicionamiento CSS es la técnica utilizada para maquetar diseños usando únicamente XHTML y las propiedades CSS. Es el estándar hoy en día y todo sitio web bien maquetado debería usar esta técnica. Las ventajas son muchas, pero entre ellas destaca una mejor separación entre la apariencia y la estructura de la página, un código más semántico y entendible por buscadores, es decir, mejor para SEO, y un tamaño de página resultante inferior, por lo tanto mayor velocidad de carga de la página.

El otro día, vía Twitter me os hablé de un pequeño tutorial donde se enseñaban las bases del posicionamiento CSS en 10 lecciones prácticas. El tutorial me pareció muy bueno y creo que es básico para cualquier persona que quiera aprender a maquetar sitios web con CSS.  Los pasos son realmente sencillos de seguir.
Para todo el tutorial se va a utilizar siempre la misma estructura XHTML, que se muestra a continuación. Sigue leyendo

Anuncios

¿Web Móvil o Diseño Responsive?

En diseño web móvil tenemos tres opciones a elegir: una web móvil separada de la principal, una web app o aplicación web y un diseño web responsive. Las web móviles normalmente están ubicadas en un subdominio del tipo m.dominio.com. Para evitar ser penalizadas por los buscadores web se utilizan los enlaces canónicos mediante la etiqueta rel="canonical". El enfoque tradicional centró el diseño móvil en esta opción, pero posteriormente salieron otras opciones.

En mayo de 2010 cuando Ethan Marcotte menciona por primera vez el término de responsive design, poco debería pensar él entonces que ese término que usó en su momento tendría tal impacto en la actualidad. El diseño web responsive utiliza un layout fluido junto con media queries de CSS3 y es una opción cada vez más popular. Sigue leyendo