Maquetación web

El maquetador web es un ingeniero informático especializado en traducir el diseño gráfico a HTML5 y a lenguaje de estilos CSS3 con el objetivo que los navegadores web (Chrome, Firefox…) interpreten correctamente todos los elementos y muestren al usuario el diseño propuesto por el diseñador gráfico.

Por otro lado la maquetación también es la encargada de dotar de funciones a cada elemento de interacción que dispondrán los usuarios. Esta parte se desarrollará con código JavaScript y será la encargada de las funciones front-end dejando a un lado la parte de código de servidor e interacción con la base de datos la que llamamos lógica de back-end y webservices que programaran los informáticos especializados en RoR y/o Php.

Actualmente, un buen maquetador web debe dominar la maquetación adaptativa y responsiva para que un mismo código de un buen resultado tanto en pantallas de ordenador, como en pantallas de tabletas y todo tipo de móviles. Además debe tener altos conocimientos en interfaces de usuario (UI), usabilidad y experiencia de usuario (UX) y controlar programas de edición gráfica como Photoshop y Illustrator.

Por otro lado existen distintos frameworks como Bootstrap, Foundation, Material, Angular, jQuery, Ext JS, React JS, Node JS y otros que pueden ayudar a desarrollar con más celeridad ciertos proyectos y que el maquetador web debe escoger en caso de necesidad o descartar cuando sea conveniente.

En CodiTramuntana somos un equipo de desarrolladores que apostamos por la especialización por áreas para dar un resultado mejor en un proyecto de equipo.

Hoy en día las tecnologías, lenguajes, frameworks y herramientas evolucionan en meses así que para proyectos web de cierta envergadura, con retos técnicos a solucionar, debe ponerse a trabajar un profesional actualizado al máximo que domine 3 cosas en lugar de saber algo de 10.

En este sentido el valor del maquetador web dentro del equipo de desarrollo aporta expertismo en:

• Usabilidad y experiencia de usuario (UX)
• Optimización de la velocidad de carga del site
• Programación web adaptada a distintas pantallas. Adaptando resoluciones, tamaños de imágenes y otros elementos gráficos.
• Código front-end limpio y con una buena semántica para su posterior mantenimiento.