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.
- ¿Tratarías de enviar algunos enlaces a páginas de Internet como parte de una página de inicio de WordPress desde un dispositivo móvil a Viber o WhatsApp? ¿Cómo elige un webmaster qué imagen pequeña será el hipervínculo?
- Estudiantes de secundaria que buscan asesoramiento: ¿Cómo podemos mejorar el diseño de nuestro sitio web? http://thefias.co/
- ¿$ 43 / hora como contratista W2 sin beneficios equivaldría a un salario decente para un desarrollador front-end con <1 año de experiencia?
- ¿Por qué 'todos' están tratando de construir un 'marco' o 'capa' sobre HTML / CSS y Javascript?
- ¿Hay buenos programadores para el raspado de datos y el rastreo web en India?
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.