¿Cuál es el mejor enfoque para crear un sitio web que sea receptivo?

Aquí hay 3 enfoques diferentes, desde el más fácil hasta el más avanzado:

Enfoque 1 (fácil):

  • Use CMS como WordPress, Joomla, Drupal, etc.
  • Vienen con plantillas receptivas y complementos útiles.
  • Administre y edite fácilmente el contenido de su sitio web.

Enfoque 2 (intermedio):

  • Use el sistema de cuadrícula, un diseño receptivo de 12 columnas, que usaría para estructurar su sitio web. Aquí una lista de más de 100 mejores sistemas y herramientas de cuadrícula para un diseño receptivo.
  • Elija un marco entre los 5 marcos de front-end más populares de 2017. Estos marcos ya tienen un sistema de cuadrícula incorporado, funciones de JavaScript y complementos (como jQuery).

Enfoque 3 (avanzado):

  • Marcos JavaScript MVC como React, Angular, Ember, etc.
  • Estos marcos se utilizan para crear aplicaciones web en lugar de sitios web receptivos.
  • Aún necesitaría usar un marco CSS como Bootstrap para hacer que las cosas respondan

El enfoque que elija dependerá de lo que intente lograr con su sitio web.

Encuentra un muro [metafórico]. Aplasta tu cabeza contra ella repetidamente. Finalmente, el sitio funcionará un poco.

Más en serio, comience por hacer la versión móvil. Una vez que tenga algo, expanda la ventana gráfica hasta que se rompa. Refactorizar en ese punto, y así sucesivamente.

Usa una cuadrícula. No diseñe la cuadrícula de ninguna manera si puede evitarla. Sienta tus elementos de nivel de bloque en esto, y evita establecer anchos en ellos si puedes evitarlo.

Un marco MVC no tiene mucho que ver con eso (aunque debe verificar lo que admite). Pero es probable que use jQuery, así que decida si desea soporte para IEs más antiguos o no y elija la versión correspondiente (¿su sitio se verá mucho en China o es b2b? Lo primero significa que definitivamente necesitará soporte para IE antiguo, este último significa que probablemente lo hará). Lo mismo ocurre con el CSS, si usa un marco.

Twitter bootstrap tiene un sistema de cuadrícula muy activo y un método fácil para crear un sitio web receptivo. Además, este es actualmente un estándar para la capacidad de respuesta web. ¡Deberías probarlo!

He sido muy feliz con Bootstrap, hasta ahora.

WordPress tiene muchas plantillas receptivas, si desea comenzar con un CMS.

Obtenga ayuda de diseñadores web profesionales para un diseño web receptivo, hay muchos buenos servicios de diseño web disponibles en línea que lo ayudan a mejorar su sitio web y personalizarlo de manera efectiva.