Descubra por qué vale la pena echar un vistazo al constructor de sitios web de Mobirise

Share on facebook
Share on twitter
Share on linkedin
Share on telegram
Share on whatsapp
Share on email
Share on print
Descubra por qué vale la pena echar un vistazo al constructor de sitios web de Mobirise

Descubra por qué vale la pena echar un vistazo al constructor de sitios web de Mobirise

VALORACIÓN DEL ARTÍCULO:
5/5


Una de las alegrías de gestionar este sitio es que puedo “seguir a mi musa”. Con eso quiero decir que puedo jugar con un montón de software que me llama la atención. Algunos de ellos son increíbles, otros están bien, otros requieren un título en “Computer Rocket Scientry” para descifrarlos y otros son simplemente horribles. Luego está el software que entra en la categoría de “Categoría Pionero”. Estas son las aplicaciones que crean toda una nueva rama de herramientas creativas para el diseñador. Por ejemplo, MacDraw, MacPaint y GraphicWorks de MacroMind aparecieron a finales de los años 80 y hoy en día establecen la línea recta entre Photoshop y Affinity Photo. Los editores visuales de diseño web como SiteMill y PageMill aparecieron a mediados de los 90 y su línea recta lleva a Dreamweaver y Adobe Muse. Mobirise tiene el potencial de unirse a esta categoría.

A medida que seguimos avanzando hacia un universo de diseño web con capacidad de respuesta y “Mobile First”, muchos desarrolladores web han hecho un uso extensivo de marcos como Foundation y Bootstrap 3 para crear sitios web con capacidad de respuesta completa. Tengo que admitir que estos son frameworks extremadamente poderosos pero, para hacer un uso completo de ellos, un conocimiento práctico de HTML, CSS, y JavaScript le hará la vida más fácil.

Mobirise va en la dirección opuesta, por lo que lo considero como un “pionero de la categoría”. En muchos aspectos puede ser considerado como una Interfaz Visual Gráfica de Usuario (GUI) para el Bootstrap 3 y el Bootstrap 3 y el Bootstrap 3 o para aquellos de ustedes que adoptan el flujo de trabajo de Prototipado Rápido e Iteración Constante que es tan común en el entorno de diseño web de hoy en día, Mobrise tiene el potencial de convertirse en una herramienta “go-to” para ese propósito.

Antes de que se entusiasme con Mobirise, tenga cuidado:

  • La aplicación está en Public Beta
  • Todavía está un poco limitado en el conjunto de características
  • Todavía hay errores que deben ser resueltos

Dicho esto, deberías descargar una copia y probarla.

Mobirise está disponible en versiones Mac y PC y el instalador está disponible directamente en la página principal de Mobrise.

Cuando inicie la aplicación por primera vez, maximice la ventana y haga clic en el botón + en la esquina inferior derecha para abrir la interfaz.

Cuando se abre la interfaz, aparece un panel de bloques. Los bloques son elementos de “arrastrar y soltar” que pueden ser considerados como los componentes que se encuentran en Bootstrap como Jumbotron, Hero units, Buttons y así sucesivamente. Arrastre un bloque a la página y será totalmente personalizable. En el ejemplo anterior, cambié la imagen del bloque de encabezado por una mía, cambié el texto del cuerpo, cambié el logotipo del bloque de menú y cambié el color y el texto de los elementos del menú.

Modificar los parámetros de un bloque también es muy sencillo. Desplazar un bloque y verá que aparecen tres iconos en el bloque. Sus iconos le permiten mover el bloque a una nueva posición en la página, eliminar el bloque o, si hace clic en el icono Engranaje, abrir el panel Parámetros para ese bloque. Por ejemplo, si añade el bloque multimedia que contiene el reproductor de vídeo, el panel Parámetros le pedirá que introduzca la URL del vídeo de YouTube o Vimeo, tanto si el vídeo debe reproducirse automáticamente o en bucle como si debe tratarse como vídeo de fondo a pantalla completa.

En la parte superior de la página se encuentran los iconos de Móvil, Tableta y Escritorio. Haga clic en uno de ellos y la superficie del diseño se encogerá a esa vista. A la izquierda hay un botón de vista previa que abrirá el proyecto en su navegador predeterminado. Haga clic en el botón Publicar y se le preguntará si desea guardar el archivo localmente, cargarlo en un servidor FTP o en una unidad de Google.

A la izquierda, si pasa el ratón por encima del menú Index.html, se abre el panel Páginas. Aquí puede añadir nuevas páginas o clonar páginas existentes. En la parte inferior del panel, puede abrir nuevos proyectos o un proyecto existente.

Debido al hecho de que esta aplicación es tan nueva -llegó al mercado en mayo de 2015- y en la versión beta pública, hay aspectos de la aplicación que realmente necesitan cierta atención. Mis 3 principales solicitudes de funciones incluirían:

  • La capacidad de redimensionar y reordenar los bloques. Por el momento sólo se pueden apilar una encima de otra y no se pueden colocar una al lado de la otra. Esto está bien para el desplazamiento de Parallax, pero para las páginas estáticas que utilizan una cuadrícula, la capacidad de reorganizar y redimensionar los bloques cuando, por ejemplo, es importante pasar de la vista de Escritorio a la vista de Tableta.
  • Poder cambiar el tamaño de los gráficos. El logotipo en el ejemplo anterior es demasiado pequeño y no parece haber manera de hacerlo más grande.
  • La posibilidad de añadir gráficos SVG. Aunque se pueden añadir gráficos jpg y png, cosas como el logotipo en la parte superior son simples y fáciles de convertir a SVG en Illustrator con el fin de mantenerlos aún más pequeños en tamaño de archivo. Desafortunadamente, no se pueden utilizar en Mobirise.

Conclusión

Debido a su novedad, sería muy injusto asignar algún tipo de calificación a este producto. Es un trabajo en progreso con algunas características muy interesantes. Me gusta que tenga una interfaz intuitiva y fácil de dominar. Más importante es el hecho de que, como pionero de la categoría, Mobirise es uno de esos productos que tiene la promesa de hacer que el framework Bootstrap 3 sea accesible a profesionales gráficos, aficionados y diseñadores web sin tener que dominar el código base y utilizando principios comunes de arrastrar y soltar. Dicho esto, si Mobirise gana terreno, sospecho que será el primer paso en el camino para abrir un editor de código e ir a trabajar.

También hay algunos agujeros en el producto y algunos “hipo” de la interfaz que deberán ser tratados a lo largo del proceso beta.

Mientras tanto, te sugiero que instales la aplicación y empieces a jugar con ella. Puede que no sea “Production Ready” pero, si se afianza, Mobirise estará entre los primeros de lo que serán muchos Editores Visuales para los frameworks más importantes del mercado.

Deja un comentario

TAMBIÉN TE INTERESA

USB-C

Europa quiere que el USB-C sea el estándar universal para la electrónica

La Comisión Europea ha lanzado una propuesta para convertir al USB-C en el estándar universal para móviles, tabletas y todos los accesorios electrónicos en general. Estas son las razones que esgrime la institución del viejo continente.   Índice de contenidos1 Reducir la basura tecnológica2 USB-C: puerto estándar2.1 ¿Qué implica el USB-C como puerto único universal?3

vivaldi

Vivaldi: una experiencia muy amable con este navegador

Vivaldi es una buena alternativa a los principales navegadores que hay en el mercado. La personalización y las pestañas le hacen diferente al resto. No está de más probarlo si te cansas de los clásicos Chrome o Firefix. No tendrás problema con el sistema que uses porque Vivaldi es un navegador que está disponible para

tecnologia-5G-en-el-mundo

OPPO se alía con Ericsson para profundizar en el 5G

OPPO, marca de dispositivos inteligentes que recientemente se ha fusionado con One Plus, va a renovar su OPPO Communication Lab gracias a un acuerdo firmado Ericsson, hace años dedicado al desarrollo de teléfonos y hoy proveedor de servicios líder mundial de Tecnología de la Información y de las Comunicaciones (TIC). Este centro de innovación 5G

lanzamiento-windows-11

Windows 11, disponible a partir de octubre: requisitos y funciones

Microsoft ha anunciado la disponibilidad de Windows 11 para todos los usuarios a partir del 5 de octubre. Será un actualización gratuita para los ordenadores que trabajen con Windows 10, aunque habrá que cumplir unos requisitos para instalar el sistema operativo más popular en el mundo.   Índice de contenidos1 Requisitos de Windows 112 Actualización

Huawei watch 3

Huawei Watch 3: dura competencia para Apple

Recientemente hablábamos del Apple Watch Series 7, pero conviene hoy destacar a uno de sus principales rivales: Huawei Watch 3.   Realmente, lo nuevo de la compañía china no tiene nada que envidiar a los modelos de Apple. Y es que el Huawei Watch 3 ha dado un verdadero salto de calidad respecto anteriores generaciones.

iPad-mini-2021

Nuevo iPad mini: todo pantalla y A15 Bionic

Ligero como él solo, el nuevo iPad mini que ha presentado Apple recientemente junto con el resto de nuevos productos llega con un diseño todo pantalla y su chip estrella para poder combinar ocio y trabajo a partes iguales.   Al igual que los nuevos teléfonos de Apple, este iPad mini está muy pensado para