Archivos de Tags: Desarrollo web

Pros y Contras del Responsive Design

En los últimos meses, hemos leído mucho acerca del Responsive Design (Diseño Responsivo o Diseño Adaptable). Muchos lo llaman la nueva tecnología, sin embargo tal y como sucedió en su momento con AJAX, yo diría que es una técnica de diseño web para mostrar los sitios web según la  resolución de la pantalla en que se esta visualizando. ¿Porqué una técnica y no una tecnología? Pues por que la tecnología ya existe y son las Hojas de Estilo en Cascada. Bueno, hecha esta aclaración quiero compartirles lo que a mi vista son los pros y contras del diseño responsivo. Muchas estas cosas ya las había leído antes, pueden Googlear un poco para aprender y otras más las he vivido por experiencias, pues en esta industria hay que estar a la vanguardia.

¿Qué es Responsive Design?

El Responsive Design es una técnica de diseño web utilizada para visualizar sitios web según la resolución de la pantalla en que se esta visualizando. Utilizando las medidas de la pantalla, establecemos reglas en las cuales pueden aplicar los estilos señalados dentro de esas reglas. Esto surgió gracias a CSS3 y HTML5, pero sobre todo yo se lo atribuyo a que los navegadores de dispositivos móviles adaptaron rápidamente estos (casi declarados) estándares. Debido a que los dispositivos móviles tienen una resolución de pantalla menor y estan limitados en ancho de banda, se empezaron a establecer alternativas de solución para la navegación, una es esta técnica. Cuando la posición del dispositivo es horizontal o vertical, la resolución solo se invierte. Por ejemplo, si tenemos un dispositivo cuya resolución es 360×640 pixeles en vertical (portraint position), si la ponemos horizontal será de 640×360 pixeles (landscape position)

Leer más »

Disfruta compartiendo

  • Print
  • Digg
  • StumbleUpon
  • del.icio.us
  • Facebook
  • Yahoo! Buzz
  • Twitter
  • Google Bookmarks
  • Bitacoras.com
  • email
  • FriendFeed
  • Google Buzz
  • LinkedIn
  • Meneame
  • Posterous
  • Wikio

Proyecto: Kilometro X

Este es uno de mis ultimos trabajos de desarrollo web. Kilometro X es un parque ecologico y de deportes ubicado en el cerro de San Juan, en el poblado de El Aguacate, Municipio de Tepic, Nayarit.

En el inicio, se utilizó un video de alojado en Vimeo, este es un promocional del parque. Despues de entrar a la web, podemos observar un mensaje de bienvenida y, si tienes una cuenta en Facebook, puedes unirte a la pagina fan del Kilometro X en Facebook.  Cuenta con 9 secciones principales que son:

  • Página Principal (presionando el logo de KMX se accede)
  • Actividades
  • Servicios
  • Ubicación
  • Contacto
  • Descargas
  • Paquetes
  • Galería (boton naranja del lado derecho).
  • Términos de uso.

Como cada uno de los nombres de la seccion del sitio, podemos encontrar dicha información del Kilometro X. En la sección Actividades, cuenta con varias subsecciones detallando cada una de las actividades que se realizan en el Kilometro X. En la sección de ubicación, podemos encontrar información sobre la localización del parque y la vista panoramica de la calle de la entrada al parque con un mapa de la ciudad. La galería de fotos muestra fotografías alojadas en la nube (a traves de Facebook), directamente de la Fan Page del Kilometro X.

El sitio fué desarrollado con XHTML, CSS 2 y JavaScript, con ayuda del Framework jQuery.

El diseño fué acargo de Casa Creativa y los logos y marcas mencionadas son de sus respectivos dueños y autores.

Has llegado a este artículo buscando:

Disfruta compartiendo

  • Print
  • Digg
  • StumbleUpon
  • del.icio.us
  • Facebook
  • Yahoo! Buzz
  • Twitter
  • Google Bookmarks
  • Bitacoras.com
  • email
  • FriendFeed
  • Google Buzz
  • LinkedIn
  • Meneame
  • Posterous
  • Wikio

portalnay.com

Era el 2006 -sin más no me equivoco-, acababa de entrar a la preparatoria, en el cual dos años anteriores ya habia empezado a indagar en la web aprendiendo las tecnologías web (HTML, CSS y PHP.. en ese entonces). Me contacta José por medio de un amigo que tambien se dedicaba a hacer paginas web, no comercialmente pues Albert tenia un proyecto llamado Bocanas Beach, pero por el fuí contactado para uno de mis primeros trabajos en la web, que sería desarrollar el nuevo sitio de portalnay.com. Sitio en el cual anteriormente estaba hecho con la tecnología Flash de Adobe (en ese tiempo, todavia de Macromedia). Sin embargo, la actualización del sitio era muy tediosa para José, así que se vino un rediseño de portalnay. El sitio fué rediseñado en su totalidad, se minimizo el uso de Flash y se usó PHP para gestionar las galerias de fotos y los lugares donde las tomaba, dandole automatización completa al sitio y facilidad de actualización.

Y aprovechando ese rediseño, empezó a aparecer en el portalnay un personaje muy peculiar, llamado pitayon.

Personalmente, para mi fué tan gratificante haber trabajado en este rediseño de portalnay, pues fué el primer trabajo comercial que tuve como desarrollador web.

Posteriormente se vinieron las secciones de radio y directorio, las cuales tambien fueron programadas por mi, el sitio de radio, era un blog informativo, con diversas noticias de la farandula, tecnología y claro, de Tepic. El directorio, como su nombre lo dice, era un directorio de negocios de Nayarit.

Y bueno, inagurando la categoria de Proyectos, en la cual podré algunos de los proyectos en los que he participado, despues de esta oportunidad que tuve se vinieron muchas más.

Un saludo!

Disfruta compartiendo

  • Print
  • Digg
  • StumbleUpon
  • del.icio.us
  • Facebook
  • Yahoo! Buzz
  • Twitter
  • Google Bookmarks
  • Bitacoras.com
  • email
  • FriendFeed
  • Google Buzz
  • LinkedIn
  • Meneame
  • Posterous
  • Wikio