Si bien el diseño receptivo se realiza en gran medida a través de CSS, la esencia del mismo es exactamente que es diseño : pensamiento cuidadoso, visualización y planificación de cómo desea alcanzar su (s) objetivo (s).
Antes de comenzar a escribir CSS, al menos debe tener un modelo mental de cómo responderá su sitio a los cambios en el tamaño de la ventana gráfica. Dependiendo de su flujo de trabajo, usted u otra persona posiblemente visualizaron este modelo y lo discutieron con un cliente para obtener la aprobación.
Su trabajo es mirar esas imágenes y traducir esto en una estructura abstracta para su CSS. Si comenzara con el escritorio, bajaría de la pantalla más grande a un tamaño más pequeño a través de varios bloques de consulta de medios CSS que representan los diferentes puntos de interrupción visualizados en el diseño.
- ¿Qué hace exactamente body-parser con express.js y por qué lo necesito?
- Cómo optimizar el rendimiento de Java
- ¿Qué necesito saber para crear y diseñar un sitio web?
- RethinkDB vs base de datos en tiempo real firebase, ¿cuál es la mejor opción para aplicaciones móviles y backend?
- ¿Cuál es la diferencia entre HTML y CSS, margen y relleno, flotación y alineación, transición y animación?
No empieces a improvisar sin una buena organización. Antes de que te des cuenta, tu CSS se habrá vuelto tan complejo que será muy difícil cambiarlo.
- Utilice algún tipo de enfoque modular, por ejemplo, dividiendo sus bloques de consulta de medios en varios archivos CSS.
- Mire conceptos como SMACSS para modularizar aún más su código.
- Use un preprocesador como SASS.
- Haz la vida más fácil usando herramientas como CodeKit o Grunt.