He estado usando CSS durante muchos años y, no se equivoquen, tiene un gran valor para separar la responsabilidad de presentación de HTML en una capa separada de especificación.
Pero, me encontré en un punto en el que simplemente se siente mal hacer un diseño complejo y un trabajo de diseño mediante la codificación directa de las reglas de CSS. Parece que hay una falta de coincidencia en el nivel de abstracción y que sería muy valioso una herramienta que se asiente sobre CSS y le permita trabajar y especificar el diseño y el diseño en un nivel superior.
Lo que estoy buscando es una herramienta para administrar la presentación y el diseño de HTML haciendo que el diseñador trabaje con intenciones y especificaciones de alto nivel con respecto al diseño y diseño, y que genere automáticamente CSS apropiado y posiblemente JavaScript específico del diseño para resolver las intenciones. del diseñador
Algo así como los odiados editores WYSIWYG que a veces usábamos a principios de 2000, o cuando era, pero con un enfoque único en el diseño y el diseño . Arrastra y suelta elementos. Vincular a la cuadrícula. Vincular elementos entre sí. Manejar y visualizar la relación de elementos semánticos y estilísticos y la asignación de los mismos. Y así.
Por supuesto, la herramienta tendría que ser compatible con el proceso de desarrollo regular, como en el caso en que desarrollo una aplicación .NET ASP MVC regular en Visual Studio, pero luego recurro a esta herramienta para trabajar en el diseño y el estilo del contenido. Por supuesto, sería una tontería suponer que es posible un desacoplamiento completo de los dos, pero este acoplamiento sería al menos claro y manejable. (Y, por supuesto, la herramienta teóricamente podría ser una extensión de VS u otros IDE, resolviendo ese tipo de problemas pero tal vez haciendo que todo el entorno sea más complejo).
Entonces, si bien la implementación de la herramienta puede ser bastante amplia, creo que la característica central aquí es:
¿Existe alguna herramienta similar a la que describí?
Cualquier sistema operativo es de interés, pero Windows sería el más conveniente.
Bueno para maquetas y diseño inicial. Malo para trabajar en una aplicación existente.
Macaw , Sketch , Pinegrow o incluso Photoshop + Brackets
Esa pieza de software es buena para la maqueta y el diseño inicial. Pero trabajar con una aplicación existente (es decir, importar html, expresar estilos y exportar cambios) no funciona muy bien.
Desafortunadamente, tienen los mismos problemas que los editores WYSIWYG: pueden importar código generado por ellos mismos, pero son malos para manejar código de terceros o modificado.
Ideal para la integración web, debería funcionar con cualquier flujo de trabajo. Pero no hay abstracción y requiere que el diseñador codifique
TweakStyle , Espresso , Brackets , Dreamweaver , ... (hay muchos otros. Elegí enumerar esos cuatro porque ofrecen una vista previa en vivo).
Esos son editores de código con herramientas útiles para el front-end y el diseño web, como la vista previa en vivo o Override (TweakStyle y Espresso). Probablemente funcionarán bien con su flujo de trabajo, pero pueden carecer de abstracción para permitir que los diseñadores piensen y pueden ser un poco técnicos para que los utilicen algunos diseñadores.
La mejor solución es probablemente usar una herramienta de dibujo para pensar el diseño (Photoshop, Gimp o simplemente papel y lápiz). Luego aplíquelo a la aplicación existente usando uno de los siguientes IDE
Descargo de responsabilidad: soy el creador de TweakStyle
Con respecto a sus necesidades, es posible que le interese la función de anulación de TweakStyle. Permite navegar en un backend remoto mientras se obtiene una vista previa de los cambios realizados en los recursos estáticos. También funciona aparentemente con descaro y menos.
Siéntase libre de agregar enlaces a otros softwares en los comentarios
BuceoDiversión
Alex
BuceoDiversión
Alex
Huey
baitisj
Mawg dice que reincorpore a Monica
Aiden Grosman