Si no se produce una maqueta o un marco de alambre durante la fase de diseño, por lo general ocurre un retroceso o un desplazamiento del alcance. Los rectángulos y cajas grabadas al lápiz o papel servirán. Incluso Photoshop o Illustrator.
También hay UXPin, Balsamiq y Omnigraffle.
A partir de ahí, puede usar marcos front-end como BootStrap o Foundation para moldear el alambre en el código de front-end semántico.
Los beneficios de usar marcos front-end son aprovechar los activos prefabricados porque son modulares con la capacidad de reorganizar bloques de código con compatibilidad responsiva (consultas de medios) y fluida (diseño de cuadrícula) para soporte multiplataforma sin gasto Demasiado tiempo desarrollando todavía.
- ¿Cuál es la principal diferencia entre los músicos que aprenden la teoría de la música y los que no han aprendido nada de eso pero aún son brillantes?
- ¿Cuáles son algunas ideas para construir un gran vocabulario?
- Linguaphiles: ¿qué tan difícil fue para usted aprender programación de computadoras? Programadores de computadoras, ¿qué tan difícil fue para usted aprender idiomas extranjeros?
- ¿Cuál es la mejor manera de aprender la gestión de productos?
- Cómo saber qué aspecto debe tener al girar cuando conduce.
Desde allí, puede usar las Herramientas de desarrollo en Google Chrome o Firefox (con Firebug) y editar y depurar el árbol DOM (su HTML y CSS) sobre la marcha en tiempo real.
Hay un útil Inspector que puede usar donde resalta el elemento HTML en el código y en su pantalla. Para más información, revisa este enlace de Google.
Alternativamente, puedes depurar usando técnicas de estilo CSS también.
Los métodos comunes que los desarrolladores web han usado en el pasado son la aplicación de un borde visible alrededor de los elementos, la aplicación de colores de fondo que no se complementan y la envoltura de bloques de código dentro de las etiquetas
Por último, el código semántico. Mantenga la separación de las preocupaciones teniendo en cuenta el HTML para el contenido, CSS para el estilo y JavaScript para el comportamiento / la interacción con referencias externas entre sí.
Es fácil invertir emocionalmente en diseño y estética, pero apégate a la meta mínima que intentas alcanzar para el proyecto al comenzar desde pequeño e iterar desde allí.
Related Content
¿Cuáles son algunos buenos sitios web que me ayuden a aumentar mi productividad y aprendizaje?
¿Cuántas habilidades matemáticas debe aprender alguien a la vez?
¿Qué puedo aprender en 5 minutos que será útil para el resto de mi vida?
More Interesting
Cómo aprender a leer rápido en línea
Cómo aprender a conocer todas las plantas de mi campus.
Como programador, ¿cómo debo empezar a aprender a hacer juegos con Unity?
¿Dónde empiezo a aprender sobre los circuitos y comienzo a construir uno?
Cómo aprender a nadar en 1 mes.
Quiero aprender varios idiomas, ¿cómo debo hacerlo?
¿Puedo enseñarme piano con un teclado MIDI?
¿Debo aprender artes marciales?
¿Cuáles son las mejores maneras de aprender y resolver problemas verbales en matemáticas?