Visualneo web y app responsive
Quote from Ivanes82 on January 9, 2022, 8:28 pmMuy buenas @luishp, se que me has comentado en alguna otra ocasión que visualneo web se pensó en un principio para trabajar con posiciones absolutas. Se han añadido algunas características responsivas a la aplicación, pero no terminan de funcionar del todo bien, ya que al parecer interfieren con las características de posicionamiento absoluto. La pregunta que quería hacerte es ¿qué posibilidades hay de separar estos dos tipos de comportamiento, para que no interfieran el uno en el otro?. Desde mi humilde opinión, estaría genial, que cuando vas a crear un nuevo proyecto dependiendo de si es posicionamiento absoluto o responsive te cargue unas características u otras, y no las dos, para que no se pisen.
En los tiempos que estamos con tantos dispositivos, diferentes tamaños de pantallas, la característica responsive debería ser una prioridad, ya que sin esta característica es muy difícil hacer una app que se adapte a todos los dispositivos
Muchas gracias por tu tiempo y tu paciencia. Un saludo Luis.
Muy buenas @luishp, se que me has comentado en alguna otra ocasión que visualneo web se pensó en un principio para trabajar con posiciones absolutas. Se han añadido algunas características responsivas a la aplicación, pero no terminan de funcionar del todo bien, ya que al parecer interfieren con las características de posicionamiento absoluto. La pregunta que quería hacerte es ¿qué posibilidades hay de separar estos dos tipos de comportamiento, para que no interfieran el uno en el otro?. Desde mi humilde opinión, estaría genial, que cuando vas a crear un nuevo proyecto dependiendo de si es posicionamiento absoluto o responsive te cargue unas características u otras, y no las dos, para que no se pisen.
En los tiempos que estamos con tantos dispositivos, diferentes tamaños de pantallas, la característica responsive debería ser una prioridad, ya que sin esta característica es muy difícil hacer una app que se adapte a todos los dispositivos
Muchas gracias por tu tiempo y tu paciencia. Un saludo Luis.
Quote from luishp on January 9, 2022, 9:45 pm@ivanes82 no te entiendo muy bien. En todas las pruebas que he hecho ambos sistemas, las clases de BootStrap y el Grid Flexbox funcionan perfectamente.
Hay dos factores que pueden limitarte: que la previsualización en VisualNEO Web utiliza el mismo motor de renderizado que Internet Explorer y que los manejadores (puntos azules que permiten cambiar el tamaño y posicionar los objetos) solo funcionan correctamente para posicionamientos absolutos y relativos (position:absolute y position:relative). Ninguna de las dos cosas dependen de que se carguen unas u otras librerías.Hasta ahora he podido copiar prácticamente cualquier layout con las clases nuevas y los elementos de diseño que se han incorporado en las últimas versiones en combinación con las clases ya existentes:
.neo-top-right .neo-bottom-right .neo-top-left .neo-bottom-left .neo-top-center .neo-bottom-center .neo-middle-center .neo-middle-left .neo-middle-rightEl poder mezclar un layout responsive, con posicionamientos absolutos y relativos dentro de los contenedores hace que sea muy fácil hacer cualquier distribución de elementos. Lo que si que faltan son ejemplos, pero todo se andará.
Saludos y gracias a ti.
@ivanes82 no te entiendo muy bien. En todas las pruebas que he hecho ambos sistemas, las clases de BootStrap y el Grid Flexbox funcionan perfectamente.
Hay dos factores que pueden limitarte: que la previsualización en VisualNEO Web utiliza el mismo motor de renderizado que Internet Explorer y que los manejadores (puntos azules que permiten cambiar el tamaño y posicionar los objetos) solo funcionan correctamente para posicionamientos absolutos y relativos (position:absolute y position:relative). Ninguna de las dos cosas dependen de que se carguen unas u otras librerías.
Hasta ahora he podido copiar prácticamente cualquier layout con las clases nuevas y los elementos de diseño que se han incorporado en las últimas versiones en combinación con las clases ya existentes:
.neo-top-right .neo-bottom-right .neo-top-left .neo-bottom-left .neo-top-center .neo-bottom-center .neo-middle-center .neo-middle-left .neo-middle-right
El poder mezclar un layout responsive, con posicionamientos absolutos y relativos dentro de los contenedores hace que sea muy fácil hacer cualquier distribución de elementos. Lo que si que faltan son ejemplos, pero todo se andará.
Saludos y gracias a ti.
Quote from AsleyCruz on January 9, 2022, 10:31 pmHola @ivanes82
Claro que con VisualNeoWeb puedes crear tu website, aunque para un completo responsive te recomendaría hacerla manualmente y no todo con VisualNeoWeb.
Mi website full responsive acPlugins está hecha manualmente con Bootstrap, el responsive es automático.
Métete bien al mundo de JavaScript, Html y CSS y según lo que necesites ya verás si lo haces con VisualNeoWeb, manualmente o combinados.
Pero para aplicaciones web, Android, iOS, VisualNeoWeb es excelente.
PD: Sé que el asunto era con Luis, pero ya me metí a dar mi opinión xD
Hola @ivanes82
Claro que con VisualNeoWeb puedes crear tu website, aunque para un completo responsive te recomendaría hacerla manualmente y no todo con VisualNeoWeb.
Mi website full responsive acPlugins está hecha manualmente con Bootstrap, el responsive es automático.
Métete bien al mundo de JavaScript, Html y CSS y según lo que necesites ya verás si lo haces con VisualNeoWeb, manualmente o combinados.
Pero para aplicaciones web, Android, iOS, VisualNeoWeb es excelente.
PD: Sé que el asunto era con Luis, pero ya me metí a dar mi opinión xD
Quote from luishp on January 10, 2022, 8:14 am@asleycruz @ivanes82 yo creo que es perfectamente posible crear aplicaciones y sitios web completamente responsive utilizando exclusivamente VisualNEO Web. Intentaré compartir ejemplos tan pronto me sea posible.
Saludos!
@asleycruz @ivanes82 yo creo que es perfectamente posible crear aplicaciones y sitios web completamente responsive utilizando exclusivamente VisualNEO Web. Intentaré compartir ejemplos tan pronto me sea posible.
Saludos!
Quote from Ivanes82 on January 10, 2022, 12:06 pmBuenos días @luishp, efectivamente era yo quien no sabía utilizar correctamente las clases de flexbox, mis disculpas. Cosas de la vida, he comprendido como funciona después de escribir el mensaje :)
Estas clases no tengo ni idea de como utilizarlos en una app responsiva:.neo-top-right.neo-bottom-right.neo-top-left.neo-bottom-left.neo-top-center.neo-bottom-center.neo-middle-center.neo-middle-left.neo-middle-rightEl tema de la documentación estaría genial para poder comprender como funciona todo.@asleycruz estoy aprendiendo poco a poco html css y javascript, pero es mucha información de golpe. Sabiendo de html css y javascript, no creo que haya algo que no se pueda hacer en visualneo web, el problema que yo veo, es cuando uno no sabe nada de css por ejemplo y si o si hay que cambiarlo por medio de este, por ejemplo, cuando creas un neo-row o un neo-col, desde la interfaz grafica no funciona establecer la altura y o bien lo haces desde css o mediante min-height, que está en otra pestaña, y si Luis no me lo llega a decir en otro post jamás hubiese dado con la tecla, pero alguien que sepa css sabe que hacer para conseguir el comportamiento que espera. Incluso cuando se usa un software tan fácil de usar como este, hacen falta unos conocimientos básicos de css para empezar a utilizarlo.
Un saludo a los dos y muchas gracias por todo.
Buenos días @luishp, efectivamente era yo quien no sabía utilizar correctamente las clases de flexbox, mis disculpas. Cosas de la vida, he comprendido como funciona después de escribir el mensaje :)
Estas clases no tengo ni idea de como utilizarlos en una app responsiva:
@asleycruz estoy aprendiendo poco a poco html css y javascript, pero es mucha información de golpe. Sabiendo de html css y javascript, no creo que haya algo que no se pueda hacer en visualneo web, el problema que yo veo, es cuando uno no sabe nada de css por ejemplo y si o si hay que cambiarlo por medio de este, por ejemplo, cuando creas un neo-row o un neo-col, desde la interfaz grafica no funciona establecer la altura y o bien lo haces desde css o mediante min-height, que está en otra pestaña, y si Luis no me lo llega a decir en otro post jamás hubiese dado con la tecla, pero alguien que sepa css sabe que hacer para conseguir el comportamiento que espera. Incluso cuando se usa un software tan fácil de usar como este, hacen falta unos conocimientos básicos de css para empezar a utilizarlo.
Un saludo a los dos y muchas gracias por todo.
Quote from luishp on January 10, 2022, 12:19 pm@ivanes82 para utilizar las clases de posicionamiento, simplemente añade cualquier objeto dentro de neo-col-* y aplícale cualquiera de las clases. Por ejemplo si le aplicas neo-top-right, el objeto se posicionará siempre en la esquina superior derecha independientemente del tamaño de su contenedor.
Lo que hago yo es utilizar un Container dentro de otro con neo-col-* y en ese Container aplico un CSS de posicionamiento. Después incluyo en él imágenes, iconos, texto, etc. separados de sus márgenes el espacio que necesite.
A ver si encuentro tiempo para hacer un ejemplo...
@ivanes82 para utilizar las clases de posicionamiento, simplemente añade cualquier objeto dentro de neo-col-* y aplícale cualquiera de las clases. Por ejemplo si le aplicas neo-top-right, el objeto se posicionará siempre en la esquina superior derecha independientemente del tamaño de su contenedor.
Lo que hago yo es utilizar un Container dentro de otro con neo-col-* y en ese Container aplico un CSS de posicionamiento. Después incluyo en él imágenes, iconos, texto, etc. separados de sus márgenes el espacio que necesite.
A ver si encuentro tiempo para hacer un ejemplo...
Quote from Ivanes82 on January 10, 2022, 12:36 pmQuote from luishp on January 10, 2022, 12:19 pm@ivanes82 para utilizar las clases de posicionamiento, simplemente añade cualquier objeto dentro de neo-col-* y aplícale cualquiera de las clases. Por ejemplo si le aplicas neo-top-right, el objeto se posicionará siempre en la esquina superior derecha independientemente del tamaño de su contenedor.
Lo que hago yo es utilizar un Container dentro de otro con neo-col-* y en ese Container aplico un CSS de posicionamiento. Después incluyo en él imágenes, iconos, texto, etc. separados de sus márgenes el espacio que necesite.
A ver si encuentro tiempo para hacer un ejemplo...
Genial @luishp, ahora si, mi problema era que usaba por ejemplo neo-top-right junto con neo-row o neo-col, por eso no me funcionaba, muchísimas gracias. Poco a poco y gracias a vuestra ayuda voy entendiendo como conseguir hacer lo que quiero.
Quote from luishp on January 10, 2022, 12:19 pm@ivanes82 para utilizar las clases de posicionamiento, simplemente añade cualquier objeto dentro de neo-col-* y aplícale cualquiera de las clases. Por ejemplo si le aplicas neo-top-right, el objeto se posicionará siempre en la esquina superior derecha independientemente del tamaño de su contenedor.
Lo que hago yo es utilizar un Container dentro de otro con neo-col-* y en ese Container aplico un CSS de posicionamiento. Después incluyo en él imágenes, iconos, texto, etc. separados de sus márgenes el espacio que necesite.
A ver si encuentro tiempo para hacer un ejemplo...
Genial @luishp, ahora si, mi problema era que usaba por ejemplo neo-top-right junto con neo-row o neo-col, por eso no me funcionaba, muchísimas gracias. Poco a poco y gracias a vuestra ayuda voy entendiendo como conseguir hacer lo que quiero.