Duda sobre Frontend

Mensajes
180
Oro
16,802
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
 
Creo que Brackets, con plugin, te muestra la página en el navegador con cada cambio en tiempo real…

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

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.
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.
 
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.
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.
 
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.

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.
 
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.
Bueno, al menos en BlueGriffon no he visto plantillas. Siempre es bueno tener una base de la cual partir.
 
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.
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.
 
Hay maravillas, el problema es que hay que pagar por todo.
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.
 
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.
Utiliza Pinegrow, encuentralo crackeado en internet y puedes empezar por el, se asemeja a Adobe Dreamweaver pero con una interfaz más moderna.
 
Utiliza Pinegrow, encuentralo crackeado en internet y puedes empezar por el, se asemeja a Adobe Dreamweaver pero con una interfaz más moderna.
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.
 
Atrás
Arriba