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.