Los temas más populares en el mundo del desarrollo web de estos días están incluyendo la frase “Responsive Web Design” o su acrónimo “RWD”. La frase fue acuñada ya hace más de dos años por Ethan Marcotte en su primera introducción al “Responsive Web Design” (artículo de A List Apart) y luego comentado extensamente en su libro Responsive Web Design. Si aún no haz leído estos materiales, no hay problema, que aquí los vamos a ir desarrollando.

Algunos de los temas que vamos a tocar tratan sobre media queries, fuentes tipográficas, imágenes flexibles, grids fluidos y más. Todo lo que necesitamos saber para realizar nuestro primer gran diseño con Responsive Design.

¿Qué es RWD?

Aunque aún estamos en pañales, el RWD esta realizando esfuerzos progresivos en la definición de las nuevas tecnologías necesarias para visualizar eficazmente los sitios web en los distintos dispositivos. Un diseño web responsivo empieza con la tarea inicial de incorporar las media queries (o “consultas de medios”, como se las ha traducido en español), hacer uso de las media rules (reglas de medios), implementar fluid grids (o grillas fluidas) en base a porcentajes, utilizar EM para las fuentes, imágenes flexibles, videos flexibles y todo lo que nos permita adaptar el layout de una página web al dispositivo, navegador y su entorno.

Continue reading

A partir de un diseño totalmente original y respetando en todo momento la imagen corporativa de su empresa, desarrollamos sitios totalmente autoadministrables.
Estos sitios, ofrecen la posibilidad de actualizar en forma permanente cualquier tipo de contenidos, ya sea precios, fotografías, textos, etc.

Una de las ventajas más importantes a la hora de contar con sitios auto administrables es que de esta manera usted no corre con gastos de mantenimiento web por parte de terceros, sumado a que las modificaciones de su sitio se realizan en forma inmediata.

Las funcionalidades de estos sitios autoadministrables son aplicables tanto a pequeños como a grandes sitios webs, por ejemplo, desde un sitio personal con trabajos realizados a un periódico diario de gran cantidad de información y actualización contante.

A veces se utiliza erróneamente el término página web para referirse a sitio web. Una página web es parte de un sitio web y es un único archivo con un nombre de archivo asignado, mientras que un sitio web es un conjunto de archivos llamados páginas web.
Si lo comparáramos con un libro, un sitio web sería el libro entero y una página web de ese sitio web sería un capítulo de ese libro. El título del libro sería el nombre del dominio del sitio web. Un capítulo, al igual que una página web, tiene un nombre que lo define. Decimos que sería un capítulo y no una página del libro porque a menudo es necesario desplazarse hacia bajo en la pantalla para ver todo el contenido de una página web, al igual que en un libro te desplazas a través de varias páginas para ver todo el contenido de un capítulo. El índice de los capítulos del libro sería el equivalente al mapa del sitio web (sitemap en inglés).