Hello world!

Welcome to WordPress. This is your first post. Edit or delete it, then start blogging!

Como pueden ver, este es un sitio web personal donde podrán conocer un poco acerca de mi, lo que hago y algunas cosas que escribiré en este blog, particularmente sobre temas relacionados con el diseño y desarrollo de sitios web.

Además de presentar una muestra de mi trabajo, uno de los objetivos principales del sitio es experimentar. Buscar nuevas técnicas de diseño, estándares y demás herramientas que están surgiendo para hacer de la web una mejor plataforma de comunicación. La idea es conocerlos e investigarlos para después implementarlos y ver qué provecho podemos sacar de ello.

Al iniciar este proyecto, lo primero que quería probar es una técnica de diseño que se ha venido promoviendo durante los últimos dos años.

Responsive Web Design

Responsive Web Design (Diseño Web Sensible), consiste en el diseño de sitios web capaces de responder (sensibles) a las características particulares del dispositivo en que son visualizados. Desde una notebook, tablet, smartphone o en una televisión,  el contenido siempre debe presentarse de manera que sea legible, accesible y optimizado para dicho dispositivo.

Aplicar esta técnica en nuestros diseños plantea dos grandes ventajas:

Accesibilidad. Garantiza una mejor experiencia de navegación y presentación a través de cualquier dispositivo, permitiendo llegar a más audiencias sin importar desde dónde acceden a nuestro sitio.

Gestión de Contenido. Al ser un documento que se adapta al contexto del medio en que es visualizado, no tendremos que preocuparnos por desarrollar contenido independiente para la implementación de otro sitio web, por ejemplo, para dispositivos móviles, lo que nos ahorrará bastante tiempo y costos de mantenimiento. En pocas palabras: creamos una vez, publicamos en todos lados.

En el caso de este blog, el equipo de wordpress diseñó y desarrolló un tema (Twenty Eleven) basado en esta técnica, pero de igual forma, los invito a navegar en el resto de las páginas del sitio para hacer una prueba rápida basada una de las propiedades más comunes entre diferentes dispositivos: las dimensiones de la pantalla. Para ello, basta con ajustar la ventana de su navegador hasta hacerla lo más angosta o ancha posible. ¿Qué les parece?

Esta es sólo una de las propiedades que se pueden manipular. Existen otras que pueden ser útiles para generar reglas más específicas de acuerdo a nuestras necesidades y que merecen una entrada completa para explicarlas, pero si quieren ir adelantado un poco en el tema, les recomiendo leer este artículo escrito hace aproximadamente 10 años, pero que hoy en día tiene igual relevancia como el día de su publicación: A Dao of Web Design. Está escrito en inglés, pero espero que puedan entender la idea principal, o también podrían pedirle a Google que les ayude a traducirlo.

¡Bienvenidos y gracias por leer! Como siempre, se aceptan comentarios y sugerencias.