Señores diseñadores CSS, editor CSS WYSIWYG ?

[ASYNTETYCO]

Bueno pues como me he llevado semanas tratando de diseñar en css, quisiera preguntarles a los expertos en css si existe un editor css wysiwyg? O como diablos le hacen para maquetar sus paginas en los cuadros que quieren, yo solo quiero eso hubicarlos donde yo quiera de forma flexible por las resoluciones, alguien sabe. He leido manuales y manuales pero al final cuando llevo algo siempre hay un pero.

[Eourus]

Desde el código y visualizando de vez en cuando el resultado en varios navegadores.

PD: De vez en cuando una simple calculadora para sumar anchos, padding y margin jeje.

[Ruben_C]

Si entiendo bien tu pregunta, para que sea flexible, usa porcentajes, ahora para editar css, ¿por que no usas dreamweaver? te da la opcion de hacer los cambios en tu hoja css y ver los resultados de inmediato en tu pagina.

[NUCKLEAR]

Iniciado por Ruben_C

Si entiendo bien tu pregunta, para que sea flexible, usa porcentajes, ahora para editar css, ¿por que no usas dreamweaver? te da la opcion de hacer los cambios en tu hoja css y ver los resultados de inmediato en tu pagina.

Lastima que solo sea compatible con IExplorer.
No te queda otra amigo, simplemente aprender, si fuera tan facil, de que viviriamos.

Saludos

[Mikmoro]

NVU

Software libre y gratuito.

Mikel.

[Ruben_C]

pero si hace un hack para IE funcionaria ¿o no? o sea, le pone el puntito antes de la regla o el comentario, asi lo lee solo i explorer.

color: #FFF
.color: #FFF (por lo menos en IE7)

[zegga]

Bueeeno bueno, si tienes razon lo mejor es aprender, pero despues de 8 años desarrollando y haber pasado por muchas versiones de editores web, no he encontrado algo mejor que DreamWeaver y ahora en sus versiones 8 y CS3 son lo máximo, no discrimina si es firefox, IE6, 7, safari u opera, la verdad que en adobe tienes todo para editar en forma profesional tus xhtml.

Desde hace 3 años mequeto en Full CSS, te lo recomiendo aunque suene a puro comercial.

No se dejen engañar los malos son los navegadores que con tanta version hacen la vida del desarrollador mas pesada cada browser entiende el css de maneras distintas y ni modo tenemos que vernos obligados a usar los famosos hacks para que todo vaya de toque en cualquier navegador que se visualize nuestros sitios web.

Vamos si te parece muy complicado ahi esta FrontPage 2003 que aunque en mi opinion es como para jugar al tricico teniendo al Avion de Dreamweaver y pues ultimamente tenemos a Expression de Microsoft el cual seguramente se chupara todos los recursos de tu equipo. (Nada personal)

Saludos.

[nedrek]

Iniciado por Mikmoro

NVU

Software libre y gratuito.

Mikel.

Para ser específicos, NVU hace tiempo que no se actualiza, ya todos usamos el Kompozer. Aunque ahora mismo se puede hacer practicamente igual con ambos

El enlace de Mikmoro es al proyecto de traducción al Español de ambos, y no a su homepage.


Un Saludo.

[Mikmoro]

Correcto

Mikel.

[jesusbet]

Iniciado por NUCKLEAR

No te queda otra amigo, simplemente aprender, si fuera tan facil, de que viviriamos

jajaja... AMÉN!!!

Yo uso TopStyle PRO, no es WYSIWYG, tiene 'vista previa' (que rara vez uso), lo que sí me ayuda bastante es el 'autocompletado de etiquetas y propiedades' html y css respectivamente.

El problema es que es de pago (y caro), pero en las profundidades de mininova lo puedes encontrar :D

Saludos

[metacortex]

No hay mejor "wysiwyg" que la actualización directa en el navegador. Lamentablemente aún no existe un mejor editor CSS que el humilde editor de textos. De TopStyle me gusta la validación, pero me desagrada en sobremanera el "matrimonio sadomasoquista" que tiene con IE, el cual hasta lo lleva integrado en su interfaz y "sirve" para previsualizar los estilos.

El editor CSS de Dreamweaver es quizás uno de los mayores desaciertos que se ha realizado en la informatica. Hasta un aficionado se tarda mucho menos codificando que haciendo clics en las opciones y pestañas de su engorroso cuadro de diálogo.

Con respecto al autocompletado, muchas veces causa más problemas de los que soluciona. Por ejemplo, el de DW no pone el punto y coma ( ; ) al final, ocasionando que de todas maneras el trabajo se haga manualmente. De igual forma hay que escribir casi todo el nombre del estilo para que éste lo seleccione de su menú emergente (eso cuando no tienes que darle a la tecla buscándolo) TopStyle es igual. Los hexadecimales los coloca en las desusadas mayúsculas. Por cierto, es más fácil escribir #cc0000 que ponerse a buscar el rojo desde la paleta.

Quizás de todos los "autocompletadores" el que más me convence es el de Aptana, y sin embargo le falta demasiado como para poder acercarse a la usabilidad. Por lo tanto hay que aprender a dominar lo mejor posible la codificación directa y -como menciona NUCKLEAR- pasar por un largo y ardiente verano de aprendizaje. Al final todos llegan a la misma conclusión, sólo que algunos dan más vueltas que otros tratando de descubrir la automatización milagrosa que le permitirá beberse una piña colada con una chica sentada en las piernas mientras la máquina diseña por éste, y cuando se cercioran de que no la hay, pues agarran el carril.

Los hay de todos colores y sabores. Por ejemplo quienes esperan hacer una web completa en Photoshop o (peor) Corel Draw en 2 horas. O aquellos "amigos de lo ajeno" que encuentran una plantilla y le estampan su crédito (los cuales también suelen ser descubiertos en muy poco tiempo).

En materia de CSS existen espectaculares abreviaciones de código. Un amante de lo automático jamás sabrá de éstas, pues está condenado a "escribir" 12 líneas de código sin saber que la cosa se soluciona con -por ejemplo- border: 1px solid #ccc;. Hay situaciones que sencillamente se hacen muy cuesta arriba con ese tipo de software. Y lo peor es que para quien se acostumbra es como una droga: resulta más fácil vender un helado en la Patagonia que convencer a un drogadicto de Dreamweaver, TopStyle o RapidCSS a considerar otras opciones que le facilitarán la vida a la larga.

Algunos se han acercado a solicitarme alguna sugerencia al respecto y siempre les digo:

Editor + Navegadores + Extensiones.

Editor: Quanta, EditPlus, Bluefish, UltraEdit, TextPad, etc.

Navegadores: Firefox e IE. Ambos con todas sus opciones por defecto. Al menos las que involucran lo que el usuario ve.

Extensiones Firefox: Web Developer + Firebug + Html Validator (esto para el html).

Firefox es un navegador de desarrollo web, por lo cual se desarrolla primero para Firefox y luego se aborda IE. Si la maquetación conlleva cierta complejidad, es mejor ir revisando en IE a ratos para cerciorarse de que todo va bien, ya que muchas veces el descuadre es causado por una tontería que no podemos localizar luego de terminado el trabajo.

[jesusbet]

El tiempo de 'respuesta' del autocompletado se puede cambiar en topstyle...

Options>>Options>>Insight

La barra la pones en 0 y listo, tienes el mejor autocompletado que existe en el mundo xD

En cuanto a las extensiones, web developer tiene el validador también (en realidad lo que hace es subir un temp.html al validador de la W3), también está el DOM Inspector, creo que a partir de la versión 3 de firefox no viene incluido, pero por ahí debe haber una extensión que haga eso.

También uso Aardvark, para saber los nombres de los bloques, muy útil cuando llevas 3 horas tratando de que un flotado no salte de línea y no encuentras el error.

Saludos

[Ruben_C]

Bueno, una opinion de novato, pero esas abreviaciones de codigo la hace DW CS3, en el panel dedicado a CSS, ¿o estoy soñando?. Ademas es bueno para entender cuando estas aprendiendo. Despues ya puedes pasar a aplicaciones mas avanzadas.

[NUCKLEAR]

Iniciado por jesusbet

También uso Aardvark, para saber los nombres de los bloques, muy útil cuando llevas 3 horas tratando de que un flotado no salte de línea y no encuentras el error.

Saludos

Eso lo puedes hacer con el webdeveloper -> outline->outline current elements
Por dios que pedazo de creacion el webdeveloper. junto con Pspad editor en windows la dupla cuasi perfecta.
Esta demas decir que DW no me gusta, nunca me gusto y nunca me va a gustar.
Alguna vez lo trate de usar pero al final terminaba haciendo todo manualmente a codigo puro y duro.... lo unico que me gusta es su manejador de proyectos la unica pega que tiene ese programa.
Saludos

[Mikmoro]

Iniciado por NUCKLEAR

Esta demas decir que DW no me gusta, nunca me gusto y nunca me va a gustar.
Alguna vez lo trate de usar pero al final terminaba haciendo todo manualmente a codigo puro y duro.... lo unico que me gusta es su manejador de proyectos la unica pega que tiene ese programa.
Saludos

Para mi que genera un código muy sucio. Cada vez que alguien hace una consulta y pone su código hecho con DW, hay cantidad de morralla que ensucia todo.

Mikel.

[ASYNTETYCO]

Pero Dreamweaver es lo mas sencillo que he encontrado la verdad. Y s que esta bien, pero creo que quita tiempo de diseño estar configurando el css y probandolo, pero bueno. Al fin termine mi diseño, ya vere en que otra problema me meto despues.

[GastoNike]

La verdad que dreamweaver es el peor editor que puede haber si no lo sabes usar!

Pero si lo llegas a saber usar te salva la vida, te ahorras muchísimas horas de tipeo d código css y html sin duda es lo mejor para diseñar y es enserio.

Te genera un código de lo más limpio y al gusto.

En php y mysql no me gusta por que el código si lo veo algo sucio, pero si vas a diseñar lo mejor de lo mejor es dreamweaver.

Saludos.

[iggytosan]

Iniciado por NUCKLEAR

Lastima que solo sea compatible con IExplorer.
No te queda otra amigo, simplemente aprender, si fuera tan facil, de que viviriamos.

Saludos

Yo uso Dream CS3 y por defecto tengo el FIREFOX (por que uso PHP y el IE 7 NO me gusta) y anda bien, se puede ver bien, a veces tienen un poco de "trampa"pero funciona...

[yenna]

Prueba este editor en línea, istylr. a ver que te parece:

yenna