FROONT: Diseña tu sitio web en una interfaz receptiva y obtén el código

Anuncio

Anuncio
Anuncio

No es muy conveniente para un desarrollador web probar su diseño web en una computadora solo para descubrir que el diseño tiene errores al ser visto desde un teléfono inteligente. Aquí, para ayudarlo a abordar esta preocupación en la etapa de desarrollo, se encuentra una aplicación llamada FROONT.

FROONT es un servicio web gratuito que le permite diseñar sitios web en una interfaz receptiva. Comienza a usar el servicio web creando una cuenta en el sitio web. El siguiente paso es comenzar con un nuevo lienzo, aunque también puede probar el sitio con su página de demostración. En el lienzo, encontrará controles en el panel izquierdo que le permiten agregar contenedores, cuadrículas, texto, imágenes y vectores. Puede hacer clic en el tipo de elemento que desea agregar.

froont

Puede haber un ligero retraso entre el clic en el botón y el elemento que realmente aparece en la página, es decir, el tiempo de carga del elemento. Cuando el elemento está presente en la página, puede hacer clic para que se resalte.

froont

Con un elemento seleccionado, encontrará su cuadro de jerarquía flotando allí mismo en la página. Este cuadro de jerarquía flotante le permite eliminar fácilmente o ser llevado a un elemento determinado. Para editar elementos, todo lo que tiene que hacer es hacer doble clic en el elemento. Los artículos también se pueden cambiar de tamaño para adaptarlos a sus propias preferencias de diseño. Para los campos de texto, aparecerá un conjunto de opciones en una pequeña ventana flotante que le permitirá agregar un formato especial al texto.

FROONT: diseñe su sitio web en una interfaz receptiva y obtenga las opciones de código

Una vez que haya terminado de hacer modificaciones a la página, puede obtener el código CSS y HTML del diseño de la página. También puede compartir la URL de las páginas que crea para compartir diseños con sus amigos y colaboradores.

FROONT: diseñe su sitio web en una interfaz receptiva y obtenga el código fuente

Al editar sus diseños, simplemente puede cambiar el tamaño de la ventana del navegador para ver cómo se verá su página en un navegador con dimensiones más pequeñas, por ejemplo, un teléfono inteligente.

caracteristicas:

  • Un servicio web fácil de usar.
  • Le permite crear páginas web en una interfaz receptiva.
  • Le ayuda a ahorrar tiempo dedicado a probar el sitio web por separado en los dispositivos.
  • La página se reajusta cuando cambia el tamaño de la ventana del navegador.

Consulte FROONT @ http://froont.com

In this article