Foros del Web » Creando para Internet » CSS »

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

Estas en el tema de Señores diseñadores CSS, editor CSS WYSIWYG ? en el foro de CSS en Foros del Web. 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? ...
  #1 (permalink)  
Antiguo 05/05/2008, 09:25
 
Fecha de Ingreso: abril-2008
Ubicación: Oaxaca
Mensajes: 256
Antigüedad: 9 años, 7 meses
Puntos: 2
Señores diseñadores CSS, editor CSS WYSIWYG ?

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.
  #2 (permalink)  
Antiguo 05/05/2008, 09:42
 
Fecha de Ingreso: octubre-2006
Ubicación: Murcia - España
Mensajes: 336
Antigüedad: 11 años, 1 mes
Puntos: 6
Re: Señores diseñadores CSS, editor CSS WYSIWYG ?

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.
  #3 (permalink)  
Antiguo 05/05/2008, 11:20
 
Fecha de Ingreso: febrero-2006
Mensajes: 217
Antigüedad: 11 años, 9 meses
Puntos: 0
Re: Señores diseñadores CSS, editor CSS WYSIWYG ?

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.
  #4 (permalink)  
Antiguo 05/05/2008, 19:02
Avatar de NUCKLEAR
Moderador radioactivo
 
Fecha de Ingreso: octubre-2005
Ubicación: Cordoba-Argentina
Mensajes: 5.688
Antigüedad: 12 años, 1 mes
Puntos: 890
Re: Señores diseñadores CSS, editor CSS WYSIWYG ?

Cita:
Iniciado por Ruben_C Ver Mensaje
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
__________________
Drupal Argentina
  #5 (permalink)  
Antiguo 05/05/2008, 19:03
Avatar de Mikmoro
Colaborador
 
Fecha de Ingreso: octubre-2006
Ubicación: K-pax
Mensajes: 7.228
Antigüedad: 11 años, 2 meses
Puntos: 279
Re: Señores diseñadores CSS, editor CSS WYSIWYG ?

NVU

Software libre y gratuito.

Mikel.
  #6 (permalink)  
Antiguo 05/05/2008, 20:08
 
Fecha de Ingreso: febrero-2006
Mensajes: 217
Antigüedad: 11 años, 9 meses
Puntos: 0
Re: Señores diseñadores CSS, editor CSS WYSIWYG ?

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)
  #7 (permalink)  
Antiguo 06/05/2008, 00:04
 
Fecha de Ingreso: abril-2006
Mensajes: 72
Antigüedad: 11 años, 7 meses
Puntos: 0
Re: Señores diseñadores CSS, editor CSS WYSIWYG ?

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.
__________________
Jesus!! Yo confio en tí :-)

Última edición por tunait; 07/05/2008 a las 01:56 Razón: remover firma
  #8 (permalink)  
Antiguo 06/05/2008, 05:30
 
Fecha de Ingreso: abril-2008
Ubicación: -
Mensajes: 156
Antigüedad: 9 años, 7 meses
Puntos: 5
Re: Señores diseñadores CSS, editor CSS WYSIWYG ?

Cita:
Iniciado por Mikmoro Ver Mensaje
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.
  #9 (permalink)  
Antiguo 06/05/2008, 07:59
Avatar de Mikmoro
Colaborador
 
Fecha de Ingreso: octubre-2006
Ubicación: K-pax
Mensajes: 7.228
Antigüedad: 11 años, 2 meses
Puntos: 279
Re: Señores diseñadores CSS, editor CSS WYSIWYG ?

Correcto

Mikel.
  #10 (permalink)  
Antiguo 06/05/2008, 10:29
Avatar de jesusbet
(Desactivado)
 
Fecha de Ingreso: mayo-2004
Ubicación: Monterrey, MX
Mensajes: 2.667
Antigüedad: 13 años, 7 meses
Puntos: 2
Re: Señores diseñadores CSS, editor CSS WYSIWYG ?

Cita:
Iniciado por NUCKLEAR Ver Mensaje
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
  #11 (permalink)  
Antiguo 06/05/2008, 11:24
Avatar de metacortex
Viejo demente
 
Fecha de Ingreso: junio-2004
Ubicación: Caracas - Venezuela
Mensajes: 9.020
Antigüedad: 13 años, 6 meses
Puntos: 832
Re: Señores diseñadores CSS, editor CSS WYSIWYG ?

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.
  #12 (permalink)  
Antiguo 06/05/2008, 12:02
Avatar de jesusbet
(Desactivado)
 
Fecha de Ingreso: mayo-2004
Ubicación: Monterrey, MX
Mensajes: 2.667
Antigüedad: 13 años, 7 meses
Puntos: 2
Re: Señores diseñadores CSS, editor CSS WYSIWYG ?

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
  #13 (permalink)  
Antiguo 06/05/2008, 13:43
 
Fecha de Ingreso: febrero-2006
Mensajes: 217
Antigüedad: 11 años, 9 meses
Puntos: 0
Re: Señores diseñadores CSS, editor CSS WYSIWYG ?

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.
  #14 (permalink)  
Antiguo 06/05/2008, 19:28
Avatar de NUCKLEAR
Moderador radioactivo
 
Fecha de Ingreso: octubre-2005
Ubicación: Cordoba-Argentina
Mensajes: 5.688
Antigüedad: 12 años, 1 mes
Puntos: 890
Re: Señores diseñadores CSS, editor CSS WYSIWYG ?

Cita:
Iniciado por jesusbet Ver Mensaje
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
__________________
Drupal Argentina
  #15 (permalink)  
Antiguo 06/05/2008, 19:34
Avatar de Mikmoro
Colaborador
 
Fecha de Ingreso: octubre-2006
Ubicación: K-pax
Mensajes: 7.228
Antigüedad: 11 años, 2 meses
Puntos: 279
Re: Señores diseñadores CSS, editor CSS WYSIWYG ?

Cita:
Iniciado por NUCKLEAR Ver Mensaje
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.
  #16 (permalink)  
Antiguo 06/05/2008, 19:46
 
Fecha de Ingreso: abril-2008
Ubicación: Oaxaca
Mensajes: 256
Antigüedad: 9 años, 7 meses
Puntos: 2
Re: Señores diseñadores CSS, editor CSS WYSIWYG ?

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.
  #17 (permalink)  
Antiguo 06/05/2008, 23:29
 
Fecha de Ingreso: marzo-2008
Mensajes: 166
Antigüedad: 9 años, 8 meses
Puntos: 5
Re: Señores diseñadores CSS, editor CSS WYSIWYG ?

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.
  #18 (permalink)  
Antiguo 07/05/2008, 06:26
 
Fecha de Ingreso: abril-2008
Mensajes: 29
Antigüedad: 9 años, 7 meses
Puntos: 0
Re: Señores diseñadores CSS, editor CSS WYSIWYG ?

Cita:
Iniciado por NUCKLEAR Ver Mensaje
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...
  #19 (permalink)  
Antiguo 28/11/2008, 07:09
Avatar de yenna  
Fecha de Ingreso: diciembre-2001
Ubicación: Yo estoy aquí, pero mi espíritu está con los que sufren
Mensajes: 341
Antigüedad: 16 años
Puntos: 0
Respuesta: Señores diseñadores CSS, editor CSS WYSIWYG ?

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

yenna
__________________
Yo estoy aquí, pero mi espíritu está con los que sufren.
comunicación
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 17:18.