Comunidad PHPeros
Lenguajes => (X)HTML => Mensaje iniciado por: Mixvice en 17 de Octubre de 2012, 03:12:56 am
-
Bueno, me gustaría saber su opinión sobre que forma les resulta más practico o mejor para crear un diseño web el cual sea compatible tanto con pc y el móvil, para esto tenemos dos formas a realizar:
Responsive design:
El diseño web adaptativo o adaptable (en inglés, Responsive Web Design) es una técnica de diseño y desarrollo web que mediante el uso de estructuras e imágenes fluidas, así como de media-queries en la hoja de estilo CSS, consigue adaptar el sitio web al entorno del usuario.1
Un diseño especial para el móvil:
Crear un diseño que sea único para los dispositivos móviles, incluyendo las tablets y los smartphones
Bootstrap: Bootstrap 2.0 es un framework diseñado para simplificar el proceso de creación de diseños web. Para ello nos ofrece una serie de plantillas CSS y de ficheros JavaScript, los cuales nos permiten conseguir:
- Interfaces que funcionen de manera brillante en los navegadores actuales, y correcta en los no tan actuales.
- Un diseño que pueda ser visualizado de forma correcta en distintos dispositivos y a distintas escalas y resoluciones.
- Una mejor integración con tus las librerías que sueles usar habitualmente, como por ejemplo jQuery.
- Un diseño sólido basado en herramientas actuales y potentes como LESS o estándares como CSS3/HTML5
En mi opinión, me gusta mas el responsive design pues meto todo en un archivo css, aunque eso si, si ya tienes un diseño creado y piensas realizar esto puede ser un dolor de cabeza si no eres muy ordenado aunque queda un poco corto en cuanto interacción, pues si usas el sitio especial al móvil puedes usar jQuery mobile e incluso en unos casos la web puede resultar pesada...
Si no conoces como funciona el responsive design puedes verlo en acción aquí (http://www.initializr.com/try) Cambia el tamaño de tu ventana para que veas como se va adaptando
También, hay otra forma que se llama "Bootstrap" la cual no he profundizado mucho, pero igual les dejo una prueba.
Extra: Hace unos días Warlox agrego un post con varios consejos, en el post venia una web/herramienta (http://www.initializr.com/) que suele resultar muy útil a la hora de estructurar una web con HTML 5, pero en ella también nos da la opción de escoger entre una web normal, una responsive y una bootstrap ahorrándonos un montón de trabajo, para mi mala suerte yo la descubrí cuando ya me había aventado un diseño responsive completo, aunque no niego que fue una experiencia desesperante pero muy educativa para mi :)
Leyendo esto, ¿Cual te gusta más?
-
Me quedo con el Responsive Design. Hace que te ahorres bastante trabajo al no tener que hacer dos veces el sitio, además de que evitar contenido duplicado, lo cual a la vez evita penalizaciones por parte del motor de indexación de Google y agiliza que, por ejemplo, si cambias determinado texto en determinada sección del sitio, tengas que cambiarlo para ambas versiones.
Como dato adicional; el bootstrap es bastante bueno, pero también lo es el Boilerplate, como podrás ver en su sitio web (http://html5boilerplate.com/), te ayuda a optimizar bastante tu sitio y mejorar bastante las buenas prácticas en el área del front-end.
Saludos.
-
Me quedo con el Responsive Design. Hace que te ahorres bastante trabajo al no tener que hacer dos veces el sitio, además de que evitar contenido duplicado, lo cual a la vez evita penalizaciones por parte del motor de indexación de Google y agiliza que, por ejemplo, si cambias determinado texto en determinada sección del sitio, tengas que cambiarlo para ambas versiones.
Como dato adicional; el bootstrap es bastante bueno, pero también lo es el Boilerplate, como podrás ver en su sitio web (http://html5boilerplate.com/), te ayuda a optimizar bastante tu sitio y mejorar bastante las buenas prácticas en el área del front-end.
Saludos.
Completamente de acuerdo ;)
-
Definitivamente Responsive Design, yo he hecho unos sitios en responsive y son geniales! Tanto en SEO como en comodidad para el desarrollador! y así logras mantener un mismo estilo en Desktop y Mobile, de igual manera lo puedes acomodar para varias resoluciones (Celular, tableta, desktop).
-
Aqui os dejo un articulo uqe lei ayer sobre responsive design, por si a alguien le interesa http://www.40defiebre.com/que-es/diseno-responsive/