Cultura Digital#Blog

WoW! , aunque desde hace tiempo no me gustan las herramientas WYSIWYG (en inglés: lo que ves es lo que obtienes) de cualquier tipo, no deja de ser muy muy interesante la nueva herramienta de diseño CSS del experto en CSS y Estándares Web Eric Meyer.

CSS Sculptor es una herramienta para el utilizadísimo Dreamweaver, la herramienta de Diseño y Desarrollo Web WYSIWYG por excelencia me temo.

Pero el hecho y la frase que una y otra vez me digo cuando diseño sobretodo en CSS es:
“Por qué reinventar la rueda??“, es más, es el slogan típico de cualquier desarrollador y diseñador que defiende o su trabajo se basa en software WYSIWYG.

Aquí os dejo el vídeo promocional de las características y más abajo algunas conclusiones sobre el WYSIWYG:

Los defectos del WYSIWYG

Personalmente no tengo nada en contra de esta forma de diseñar, hace no mucho tiempo Dreamweaver era la panacea para mí… pero algunos de sus fallos y algunas manías también acerca de “inyectar” código arbitrariamente en mis archivos me hizo desistir de uso en favor de herramientas… supondré que “nativas de edición” -en función del SO, por ejemplo Unix- o al menos de las llamadas “a pelo”.

Edición nativa, Linux
Esto, unido al uso de Linux -o Unix- donde los archivos no son más que una secuencia de bits, a diferencia de otros Sistemas Operativos como Windows que imponen una estructura determinada, es decir, en relación a archivos codificados como ASCII -normalmente texto- puedes editar cualquier archivo independientemente de la extensión… a todas luces eso significa LIBERTAD ^^ algo de lo que Microsoft entiende poco, creo.

Bien, usar Linux te abre un mundo de posibilidades en lo que respecta a desarrollar en diferentes lenguajes, todo herramientas libres en un entorno donde puedes hacer lo que quieras además sin miedo a patentes y licencias en su mayoría. Así, empecé a usar el editor por defecto de GNome: Gedit con todos sus addons para diferentes lenguajes: C, C++, Java, Rubi, JavaScript, CSS, XML, (X)HTML… y así hasta casi practicamente todos los lenguajes habidos y por haber.
Y para Windows el magnífico NOTEPAD++.

O sea, herramientas de edición en código puro, nada de “Wising” de esos ^^
Pero el hecho, aunque estés muy adaptado a diseñar a pelo, es que se suele perder el tiempo algunas veces… demasiadas quizás.
Sigue sin gustarme que una herramienta me genere un código automático desde un diseño visual porque no sé que está escribiendo exactamente, si usa 100% código estándar, si está incluyendo código propietario para compatibilidad inversa, aunque configuremos las opciones para tener el máximo control sé por experiencia que herramientas como Dreamweaver harán alguna vez algo que no te gusta… o incluso joder un archivo entero dándole el formato que creen oportuno, eso lo hacía al menos Dremaweaver MX sobretodo en XHTML.

Por ejemplo:
Es más rápido establecer en una Herramienta Visual el margen, espaciado y borde con selector de color de un cuadro que escribir una y otra vez:
.cuadro_rojo {
margin:0 auto;
padding:0 auto;
border: 1px dotted Red;
}
Todo esto usando un diseño tan abreviado y sencillo como el anterior, si además incluyes más propiedades o más detalles en ellas la pérdida de tiempo es mayor.

Software de apoyo a la “edición a pelo”

Por eso, y aún así, a veces cuando tengo prisa uso algún software de este tipo para una edición -sin guardar ya que podría estropear todo el archivo- rápida, por ejemplo Dreamweaver en Windows.

En Linux tenemos CSSed que está hecho en Java creo y aunque no es visual ahorra bastante código ya que usa funciones preestablecidas para generar código CSS.
Amaya que es el software multiplataforma de edición libre del W3C para diseño estándar de documentos web.
Bluefish, Quanta… entre otros como el monstruo de Eclipse de próposito general ^^

Herramientas que uso

Personalmente uso las siguientes herramientas según el SO en el que esté:
Windows:

• Notepad++ con ayuda ocasional de Dreamweaver cuando no algún editor online rápido como los que se encuentran en w3shools.com y este de listas en CSS.
• Para dar color uso Colorzilla, un addon de Firefox para seleccionar colores web incluido con cuentagotas -ejemplo Photoshop-.

Linux donde hay de tooooodo :

• Gedit para cualquier cosa
• CSSed como apoyo ocasional igual que DW en Windows.
• Gcolor: Es como Colorzilla solo que a nivel de Sistema Operativo… genial!, no está para Windows

Durante un tiempo usé Eclipse para desarrollo PHP (PDT) porque un gestor de funciones, clases, objetos… es realmente muy muy útil pero es tan pesado y como no estoy acostumbrado a los IDE pues… no lo uso mucho la verdad, pero eso no significa que no sea una herramienta estupenda.

Y por fin… a lo que ibamos, este CSS Sculptor tiene muchas probabilidades de entrar en mi colección de software útil junto a DW, no por ser WYSIWYG y de Adobe sino que viniendo del diseñador que viene, Eric Meyer, me temo que no puede aportar nada más que calidad a nuestro trabajo en diseño web.
Lástima que no sea software libre:(

Vía: Zeldman