¡Bienvenido!

Al registrarte con nosotros, podrás discutir, compartir y enviar mensajes privados con otros miembros de nuestra comunidad.

¡Regístrate ahora!

Duda sobre Frontend

Izael

Izael

Nivel 3
Mensajes
207
Puntos de reacción
375
Hola. Estoy intentando mejorar en diseño web, ya revisé unos cuantos videos de HTML y CSS; pero es muy incómodo estar recargando el navegador cada vez que hago un cambio. Antes se hablaba mucho de Adobe Dreamweaver, un programa donde, en teoría, podías diseñar tu web sin tirar una sola línea de código. Entre ayer y hoy he dado bastantes vueltas por Google, encontrándome con herramientas similares.... ninguna me ha convencido.

Me pregunto si existe alguna herramienta que facilite este proceso de diseño y que de paso me ahorre tener que memorizar todas las propiedades CSS, que no son pocas. Wordpress no entra en el menú, mi objetivo es obtener código HTML y CSS puro.
 
Creo que Brackets, con plugin, te muestra la página en el navegador con cada cambio en tiempo real… si es a lo que te refieres. Aunque ya leyendo la línea de otro color me da a entender que buscas un framework. En ese caso Bootstrap (aunque hay más)...

En fin, que ya me perdí xd
 
AkaMe dijo:
Creo que Brackets, con plugin, te muestra la página en el navegador con cada cambio en tiempo real…
Haz clic para expandir...

vscode tambien tiene una extención que hace lo mismo.

Izael dijo:
Me pregunto si existe alguna herramienta que facilite este proceso de diseño y que de paso me ahorre tener que memorizar todas las propiedades CSS, que no son pocas. Wordpress no entra en el menú, mi objetivo es obtener código HTML y CSS puro.
Haz clic para expandir...
Bueno creo que esta dificil, al menos para el CSS ya que obligado tendras que tirar codigo para obtener el resultado deseado.

Lo otro las AI nuevas esas que hay como GitHub Copilot (creo que es su nombre) que segun dicen (no lo he usado) tira codigo solo.
 
Izael dijo:
Ver el archivos adjunto 3333
Me refería a una herramienta como BlueGriffon (pero mejor), me imagino que copilot también haga maravillas pero sigue siendo en la parte donde se tira el código.
Haz clic para expandir...
Bueno para eso usa entonces bootstrap studio, es todo visual, incluso tiene plantillas para sus cosas, no es Free asi que busca crack.
Ademas tiene su ventajas porque ya es responsibe y mas cositas.

https://bootstrapstudio.io/
 
Pero ¿estarías haciendo las webs tu? Porque si ya estás utilizando una herramienta de diseño, mayormente ya vienen con templates para modificar. No estarías tirando ningún código ni nada por el estilo, solo usando plantillas que ya están pre-diseñadas y que solo le agregues o le quites lo que quieras. Diseñar una web no es fácil, pero tampoco dificil, principalmente si ya conoces html, css, algo de js, todo muy básico como un Hello World.
 
Izael dijo:
Hola. Estoy intentando mejorar en diseño web, ya revisé unos cuantos videos de HTML y CSS; pero es muy incómodo estar recargando el navegador cada vez que hago un cambio. Antes se hablaba mucho de Adobe Dreamweaver, un programa donde, en teoría, podías diseñar tu web sin tirar una sola línea de código. Entre ayer y hoy he dado bastantes vueltas por Google, encontrándome con herramientas similares.... ninguna me ha convencido.
Haz clic para expandir...

En realidad no estoy actualizado en herramientas de desarrollo porque hace mucho no hago nada con tecnologías más modernas y la informática progresa rápido y cambia constantemente, sin embargo, según entiendo de tus palabras, tú estás buscando una herramienta que te muestre cómo saldría algo en un navegador a medida escribes código sin tener que cargar la página.

Por desgracia en este momento no recuerdo un nombre, porque los nombres siempre se me olvidan y más cuando no utilicé ese software, pero si lo anterior es tu propósito, sí existen herramientas así, eso lo he visto en videotutoriales aun cuando no lo utilicé porque en ese momento usaba Flex Builder y no herramientas de desarrollo para HTML/CSS, pude ver herramientas que te mostraban una vista en tiempo real de los resultados mientras cambiabas el código sin necesidad de cargar la página en un navegador, e incluso tenían una especie de emuladores de móviles para ver cómo se vería la página en un móvil, y si eso fue hace muchos años, me imagino ahora existan entornos mucho mejores.
 
A_Joycel dijo:
Pero ¿estarías haciendo las webs tu? Porque si ya estás utilizando una herramienta de diseño, mayormente ya vienen con templates para modificar. No estarías tirando ningún código ni nada por el estilo, solo usando plantillas que ya están pre-diseñadas y que solo le agregues o le quites lo que quieras. Diseñar una web no es fácil, pero tampoco dificil, principalmente si ya conoces html, css, algo de js, todo muy básico como un Hello World.
Haz clic para expandir...
Bueno, al menos en BlueGriffon no he visto plantillas. Siempre es bueno tener una base de la cual partir.
 
pcarballosa dijo:
En realidad no estoy actualizado en herramientas de desarrollo porque hace mucho no hago nada con tecnologías más modernas y la informática progresa rápido y cambia constantemente, sin embargo, según entiendo de tus palabras, tú estás buscando una herramienta que te muestre cómo saldría algo en un navegador a medida escribes código sin tener que cargar la página.

Por desgracia en este momento no recuerdo un nombre, porque los nombres siempre se me olvidan y más cuando no utilicé ese software, pero si lo anterior es tu propósito, sí existen herramientas así, eso lo he visto en videotutoriales aun cuando no lo utilicé porque en ese momento usaba Flex Builder y no herramientas de desarrollo para HTML/CSS, pude ver herramientas que te mostraban una vista en tiempo real de los resultados mientras cambiabas el código sin necesidad de cargar la página en un navegador, e incluso tenían una especie de emuladores de móviles para ver cómo se vería la página en un móvil, y si eso fue hace muchos años, me imagino ahora existan entornos mucho mejores.
Haz clic para expandir...
Hay maravillas, el problema es que hay que pagar por todo.

Específicamente WebFlow, para quedarte con el producto final en la mano, descargarlo a tu pc, debes pagar. También vi Framer, pasó lo mismo, incluso la versión .exe ni carga. Además de que pide VPN, es ultra lento.
 
Izael dijo:
Hay maravillas, el problema es que hay que pagar por todo.
Haz clic para expandir...
En efecto, ese es un problema de nosotros en Cuba, a veces incluso los programas cuestan casi nada para un salario normal de este planeta, pero por desgracia nosotros ni tenemos un salario normal de este planeta ni podemos usar los medios de pago normales en este planeta, por eso sólo nos resta un camino, la piratería.
 
Izael dijo:
Hola. Estoy intentando mejorar en diseño web, ya revisé unos cuantos videos de HTML y CSS; pero es muy incómodo estar recargando el navegador cada vez que hago un cambio. Antes se hablaba mucho de Adobe Dreamweaver, un programa donde, en teoría, podías diseñar tu web sin tirar una sola línea de código. Entre ayer y hoy he dado bastantes vueltas por Google, encontrándome con herramientas similares.... ninguna me ha convencido.

Me pregunto si existe alguna herramienta que facilite este proceso de diseño y que de paso me ahorre tener que memorizar todas las propiedades CSS, que no son pocas. Wordpress no entra en el menú, mi objetivo es obtener código HTML y CSS puro.
Haz clic para expandir...
Utiliza Pinegrow, encuentralo crackeado en internet y puedes empezar por el, se asemeja a Adobe Dreamweaver pero con una interfaz más moderna.
 
Lucien dijo:
Utiliza Pinegrow, encuentralo crackeado en internet y puedes empezar por el, se asemeja a Adobe Dreamweaver pero con una interfaz más moderna.
Haz clic para expandir...
Montones de blogs compartiéndolo, todos son una trampa que te baja un fichero de 5 MB de utilidad cuestionable. Hay un video en youtube, el crack del mismo no funciona.
 
Izael dijo:
Montones de blogs compartiéndolo, todos son una trampa que te baja un fichero de 5 MB de utilidad cuestionable. Hay un video en youtube, el crack del mismo no funciona.
Haz clic para expandir...
Hmmm, creo que el vídeo de YouTube en su momento funcionó. Pero era para una versión específica ?
 
Atrás