Al principio, todos diseñaron en el navegador. Esto es porque, literalmente, no teníamos otras opciones. Un editor de texto y un navegador fueron las únicas herramientas que teníamos.
HTML en sí mismo era bastante básico. Ni siquiera conseguimos tablas hasta algunos años después de que tuvimos el primer navegador. Cuando finalmente lo hicimos, no pasó mucho tiempo para que la gente comenzara a hacer diseños con ellos. Claro, fueron diseñados para datos tabulares, pero las reglas y estándares están hechos para ser terriblemente rotos, ¿no?
Unos años, archivos .gif transparentes y PSD después, la configuración de diseño web habitual se veía así:
Un diseñador haría una interfaz que se veía bonita en Photoshop. Puede ser útil. Por otro lado, puede tener un texto de navegación que se mezcle con el fondo demasiado bien. Lo importante es que parecía algo 3D con muchos degradados y sombras.
Entonces alguien (tal vez el diseñador, tal vez su compilador) codificaría esa interfaz básica, reconstruiría cuidadosamente todo con tablas y se aseguraría de que funcionara en IE6, al menos.
¿Alguien puede recordar lo que sucedió cuando un cliente quería cambiar un enlace de navegación principal, y la navegación estaba compuesta completamente de imágenes?
Con el tiempo, cambiamos de tablas a CSS. Luego, muchos de nosotros pasamos de simular todo en Photoshop a diseñar en el navegador nuevamente. El círculo estaba cerrado. Lo viejo era nuevo de nuevo. IE6 fue arrojado al fuego de Mount Doom.
Buenos tiempos.
Comencé diseñando sitios web en algún lugar en medio de todo eso, cuando las personas se estaban moviendo hacia Photoshop, pero también teníamos Dreamweaver, Frontpage y otras plagas diseñadas para castigar a los pecadores.
Fui un niño. Yo no sabía nada mejor. No sabía cómo funcionaban HTML y CSS. Yo tampoco lo sabía:
En pocas palabras, ninguna aplicación de diseño web visual ofrecerá la gran flexibilidad que se obtiene al escribir el HTML y CSS usted mismo. Escribir su propio HTML y CSS le permite probar nuevas técnicas, escribir el menor código con el mayor efecto y, en general, solo crear mejores sitios web.
No es solo que puedas hacer mejores sitios web aprendiendo a escribir HTML y CSS. Esos viejos programas, FrontPage, Dreamweaver, todos ellos, eran conocidos por escribir un código particularmente horrible. Estaba hinchado, lento, casi imposible de entender cuando cambiaste a un editor de texto.
Incluso descontando el marcado y el estilo subyacentes, el software era terrible de usar, especialmente si no sabes cómo funcionan HTML y CSS en primer lugar. ¿Sabe cómo en las versiones anteriores de Word, colocar mal una imagen en su documento podría arruinar la ubicación de todos los demás elementos?
Imagínese eso, pero sin saber cómo solucionarlo, ya que borrar la imagen no parece devolver todo a su estado anterior. Añadir perdido en la interfaz a todo eso, y fue solo una mala experiencia.
Cuando aplicaciones como Guacamayo , Webflow , Webydo , y otros salieron primero, yo era muy, muy escéptico. ¿Y por qué no sería yo? Me habían quemado antes. Además, me había alejado del uso de Photoshop para todo, y aprendí mucho diseñando en el navegador.
Pero recientemente, he tenido razones para mirar más de cerca estas nuevas aplicaciones y examinar los sitios creados con ellas. En contra de todas mis reservas, estoy cambiando de opinión.
Mientras defiendo lo que escribí algunos párrafos, el código realmente ha mejorado. Años de experiencia y desarrollo basado en estándares se han incorporado a estas aplicaciones. Nadie quiere volver a las viejas costumbres.
No es un código perfectamente optimizado. Pero luego, no es necesario que lo sea. Nadie va a construir la nueva Wikipedia con Macaw o Webydo. El mercado para estas aplicaciones se compone de pequeñas y medianas empresas que solo necesitan un sitio promocional decente.
A menos que sean golpeados por miles de visitantes todos los días, el código poco perfecto no importará mucho.
Me inspiro en una variedad de lugares, pero un lienzo limpio y en blanco es uno de los mejores. Está tan cargado de posibilidades, con posibles soluciones. Me siento, lo miro, y luego empiezo a hacer clic.
O al menos, así lo hice cuando me burlé de todo en Photoshop. Diseñar un sitio con código hace que sea un poco más difícil iterar rápidamente así. A veces me cuesta mucho soltar algo, solo pongo media hora de CSS.
La iteración de arrastrar y soltar es simplemente más rápida.
Frontpage dio inicio a mi carrera. Nunca hubiera comenzado a utilizar el diseño web si no hubiera tenido una GUI (comparativamente) sencilla para comenzar. Quiero decir, para aprovechar al máximo algo como Webflow, aún necesitas saber los conceptos básicos de HTML y CSS, pero son un gran lugar para empezar a aprender esas cosas.
Y esta industria necesita algo así para la próxima generación de principiantes.
En muchos sentidos, es la edad del creador del sitio visual. Los principiantes francamente no quieren aprender Git, Gulp, NodeJS, o incluso abrir una terminal, realmente. Quieren poner un mensaje en su página web y terminarlo. Además de eso, menos clientes están viendo el punto de pagar mil dólares o más por un simple sitio promocional.
Es hora de aprovechar estas herramientas para aquellos que no pueden pagar el dinero o el tiempo para el diseño y desarrollo web especializado. Las herramientas están listas, al igual que el mercado.
Y eso está bien por mí.
Foto principal, imagen de herramientas de diseño web a través de Shutterstock.