Los lenguajes básicos involucrados son siempre HTML, CSS y JavaScript. Se trata de cómo escribir el código y planificar el contenido.
Existen herramientas adicionales como jQuery que pueden hacer cosas como detectar el tipo de dispositivo en el que se encuentra el usuario. Puede usar herramientas como Masonry para controlar el diseño de cosas como galerías de imágenes. Los sistemas de cuadrícula como Twitter Bootstrap, Zurb Foundation o Pure CSS (por yahoo) se pueden usar para reorganizar su contenido si tiene un sitio muy básico.
También hay varias bibliotecas javascript que pueden hacer cosas como servir imágenes específicas a diferentes resoluciones (res más pequeñas para dispositivos móviles), etc.
- Tengo un sitio web en un nicho específico y la competencia es bastante baja. ¿Qué debo hacer para dominar esto?
- ¿Qué hacen realmente los sitios de revisión de aplicaciones? ¿Cuáles son los propósitos de este tipo de sitios web?
- ¿Cómo debo evitar que YouTube y otros sitios web arruinen mi tiempo libre?
- ¿Cuál es el proceso típico de lograr la parte de diseño web de un proyecto?
- ¿Cómo optimizamos un sitio web para 3 países diferentes?
Para darle una respuesta simple, debe comprender el contenido. Tengo este argumento con casi todos los diseñadores web, comprender el contenido es más importante que comprender la programación al planificar un sitio receptivo.
Para darle una respuesta técnica simple, debe planificar su grilla comenzando con el móvil. Luego, tenga en cuenta que esta cuadrícula se expandirá permitiéndole permitir que esas imágenes se expandan o sean reemplazadas por imágenes más grandes, luego puede reorganizar la colocación de elementos o traer contenido que solo esté destinado a pantallas más grandes, por ejemplo, una barra lateral que sirve anuncios solo para usuarios de escritorio.
Lectura adicional
Usar consultas de medios
¿Cómo detectar el navegador Safari, Chrome, IE, Firefox y Opera?
Comprender los sistemas de cuadrícula CSS desde cero
Mejora progresiva: ¿qué es y cómo usarlo? – Revista sensacional
Comprender la mejora progresiva
Diseño web receptivo: qué es y cómo usarlo – SmashingMag
10 reglas de mejores prácticas para un diseño receptivo
Imágenes receptivas
