Blocs 4 de Cazoobi Software, con aproximadamente dos años de fabricación, continúa la senda del creador de sitios web nativos de Mac de agregar funciones y potencia sin aumentar su curva de aprendizaje. Incluso cuando aprieta más habilidades favorables a los profesionales, Blocs sigue siendo lo suficientemente accesible para que los recién llegados lo aprendan rápidamente.

Blocs convierte HTML y CSS en ladrillos de Lego, apilando bloques de código prefabricado (como era de esperar, los llama «bloques») cuyos atributos generales y elementos individuales (denominados «brics») puedes modificar y personalizar posteriormente a tu gusto. . El diseño receptivo integrado en cada uno de estos elementos hace que sea mucho más fácil que sus sitios se vean bien en pantallas de diferentes tamaños.

En la robusta Blocs Store , los creadores venden brics y blocs personalizados junto con numerosos artículos gratuitos y dignos de descarga de la propia Cazoobi. Y en la versión 4, Blocs ofrece Blocs Plus opcional, un complemento de $ 50 a la edición estándar de $ 99 que incorpora características nuevas y más especializadas para los profesionales más exigentes. Tenga la seguridad de que Cazoobi no está obligando a los usuarios a realizar ventas adicionales. Declining Blocs Plus no lo dejará varado con una versión de la aplicación con ruedas de entrenamiento.

Enumerar todas las características nuevas de Blocs 4, algunas más importantes que otras, todas útiles en diversos grados y todas funcionando como se anuncia en mis pruebas, probablemente lo pondría a dormir. Puede obtener un resumen rápido de todas las nuevas funciones de Blocs 4 en el canal de YouTube de la aplicación. Aquí, cubriremos las nuevas incorporaciones más notables para los monos de código principiantes y los asistentes CSS más avanzados, junto con los poderes adicionales de Blocs Plus.

En primer lugar, los usuarios de versiones anteriores deberían utilizar una para el modo Drop. Ha sido arrinconado en Blocs 4, un preludio de su muerte inminente. Anteriormente, Blocs le permitía cambiar entre una vista para colocar brics y bloques en la página rápidamente y otra para editar y diseñar esos elementos. Pero cambiar de un lado a otro podría volverse tedioso y confuso, y el modo de caída siempre fue el aspecto más nervioso y con más fallas de la aplicación. Ahora puede agregar y editar elementos en la misma vista, para mejor.

Además, en este nivel de carne y papas: ¡finalmente puedes copiar y pegar Brics! ¿Tiene una combinación de imagen, encabezado y texto con el estilo justo como le gusta? Seleccione los elementos, copie y pegue tantas iteraciones como desee. Blocs 4 también promete un mejor rendimiento bajo el capó, con exportaciones 67% más rápidas de sitios terminados y una vista previa 93% más rápida de un sitio en progreso. Quizás mi sitio de prueba era demasiado pequeño y simple para notar una gran diferencia aquí entre la nueva versión y Blocs 3; cada uno tomó menos de tres segundos para realizar cualquiera de las tareas, aunque Blocs 4 se sintió al menos un poco más animado.

Blocs 4 refina aún más la función Freehand de la aplicación, que le permite ajustar diferentes aspectos de un elemento de página (ancho, tamaño de fuente, etc.) con solo hacer clic y arrastrar. Si mantiene presionada la tecla Mayús ahora también podrá ajustar los márgenes y el relleno de un elemento sobre la marcha. Sus cambios se guardan como una clase personalizada, que luego puede aplicar a cualquier otro elemento de su sitio.

Blocs tiene una habilidad especial para eliminar todo el miedo y la dificultad de los trucos más hábiles de la Web. Agrega divisores de formas en la versión cuatro, que utilizan un código inteligente para crear bordes en ángulo, curvados o con formas geométricas de aspecto atractivo entre una parte de una página y la siguiente. Blocs hace que este proceso sea tan simple como elegir la forma y el color deseados, luego ajustar un par de barras deslizantes para establecer la altura, el ancho y el ángulo de su divisor. Tenga en cuenta que las limitaciones de la tecnología subyacente significan que esto solo funciona con colores sólidos; no puede hacer que, digamos, un trozo de su página con un fondo verde cazador se despegue diagonalmente para revelar el hermoso fondo fotográfico de la sección debajo.

También hay nuevas funciones para usuarios avanzados. Blocs 4 ahora lo tiene cubierto en caso de una calamidad repentina, gracias a sus nuevas copias de seguridad automáticas. Puede especificar en Preferencias con qué frecuencia guardará de forma silenciosa y discreta una copia de su trabajo, junto con el número de iteraciones anteriores que desea que se mantenga en un momento dado.

La capacidad de Blocs 4 para crear y editar clases personalizadas también recibe un gran impulso, más del doble de las formas de diseñar una clase. Los nuevos talentos incluyen filtros de imagen CSS que pueden difuminar, enfocar o alterar imágenes existentes sobre la marcha; controles para establecer el color, el trazo y el tipo de línea de un archivo gráfico vectorial escalable o SVG; y nuevas opciones de degradado de color que añaden degradados radiales y repetidos a los lineales anteriores. Blocs 4 también incorpora soporte completo para el posicionamiento CSS, incluido el posicionamiento «fijo» que mantendrá un elemento en un lugar determinado de la página sin importar cómo se desplace el usuario. Y agrega nuevos controles flexibles de CSS, que ayudan a que los elementos permanezcan posicionados de manera consistente en los diferentes tamaños de pantalla que requieren un diseño receptivo.

Los diseñadores serios también pueden agradecer dos nuevas formas de mostrar los sitios en curso. El modo de esquema muestra los contornos de cuadro que de otra manera serían invisibles de cada elemento de la página, no solo el que ha seleccionado para que pueda ver cómo encajan las cosas. El modo Wireframe elimina colores y fondos para mantenerlo enfocado en la estructura básica de su sitio.

Al elegir cómo los usuarios interactuarán con un elemento, tiene dos opciones nuevas importantes junto con opciones probadas y verdaderas como «abrir esta URL» o «descargar este archivo». El clic de un usuario ahora puede alternar un elemento entre múltiples clases (hacer clic en una imagen una vez para desenfocarla, por ejemplo, y nuevamente para enfocarla) o abrir un enlace telefónico.

Dos características nuevas y bienvenidas influyen en la forma en que los sitios de Blocs tratan las demandas de la Web en general. En las metaetiquetas de una página, ahora puede incluir etiquetas de robot: «Oye, robot de rastreo web para el motor de búsqueda X, indexe / no indexe esta página», o etiquetas canónicas, «Esta página tiene diferentes versiones para escritorio o para dispositivos móviles. ; aquí está cuál quiero que indexes para buscar «. También puede agregar tarjetas sociales para Twitter o Facebook, especificando el título de la página, la descripción, la imagen y más que aparece cuando alguien comparte su enlace en cualquiera de esos sitios.

Además, Blocs 4 ofrece abundantes habilidades nuevas para mantener sus proyectos ordenados y organizados, desde reordenar la forma en que se muestran las miniaturas de las páginas hasta agregar descripciones para clases personalizadas y eliminar automáticamente cualquier color o clase de muestra personalizada que no esté usando en un proyecto dado.

También deberíamos revisar los cuatro componentes de Blocs Plus en orden descendente de importancia, comenzando con su capacidad para crear y exportar temas personalizados de WordPress. Blocs Plus le permite transformar el sitio que está creando en un tema que funcionará en cualquier sitio de WordPress. Puede decirle a Blocs que llene innumerables partes de cada página con diferentes elementos extraídos de una base de datos de WordPress. Esta función es lo suficientemente complicada como para garantizar su propia documentación separada, incluida una serie de videos tutoriales de 40 minutos que cubren todos los entresijos. Si desea o necesita estas capacidades, valen el precio de Blocs Plus por sí solas.

A continuación, Blocs Plus incorpora un Asistente de SEO, que me sorprendió gratamente por su utilidad. Al principio parece simple, pedirle que escriba una palabra clave para la que desea que su sitio aparezca en las listas de un motor de búsqueda. Luego revela una lista sustancial de formas en que puede asegurarse de que eso suceda. Algunas son sugerencias generales, pero siempre que sea posible, Blocs ofrece un botón que lo llevará rápidamente al lugar en su configuración donde realmente puede hacer que ese cambio suceda. Mi única queja: esta ingeniosa adición no viene con un botón o palanca en la interfaz del programa. Está escondido debajo del menú Ventana , y me tomó un tiempo localizarlo.

Más allá de eso, Blocs Plus agrega un editor de imágenes rudimentario pero efectivo para que pueda realizar ajustes básicos en las imágenes de su sitio sin abrir otra aplicación. Photoshop o Pixelmator, esto no lo es; Puede rotar, recortar, ajustar el brillo y el contraste, o aplicar algunos otros filtros básicos, pero no espere corregir imperfecciones o realizar cambios más importantes en la imagen.

Finalmente, una biblioteca de clases le permite guardar cualquier clase personalizada que haya creado para un sitio para usar en cualquier otro sitio o proyecto en el que trabaje. Si diseña muchos sitios con Blocs, eso podría ahorrarle un esfuerzo significativo.

Algunas asperezas

Blocs 4: Lo que no me gusta

Cuando nuevas características se unen a Blocs, tienden a implementarse primero de manera funcional y efectiva; la elegancia viene después. Eso es cierto con la nueva capacidad de Blocs 4 para guardar sus elementos favoritos de Brics Bar y Blocs Bar, los menús de selección que aparecen cada vez que desea agregar una nueva pieza a su página. Agrega favoritos haciendo clic en el ícono de corazón pequeño en la miniatura de cada uno, momento en el que aparecen en la sección Favoritos en la parte superior de la barra. Eso tiene sentido y funciona de maravilla, pero intuitivamente esperaba poder arrastrar y soltar mis favoritos allí también, y Blocs 4 no fue tan lejos. Quizás en la versión 5…

Como muchas características nuevas en versiones anteriores, la biblioteca de clases de Blocs Plus funciona bien, pero extrañamente está separada de los otros aspectos del programa con el que trabaja. Las clases no solo aparecen en la biblioteca de clases; debe agregarlos manualmente con un clic derecho desde el menú Administrador de clases completamente separado.

Finalmente, los archivos de ayuda en línea de Blocs 4 – siempre bienvenidos dada la proliferación de funciones de la aplicación – tienden a ser impredecibles en el primer momento después de una nueva versión. Al momento de escribir estas líneas, Blocs 4 no es una excepción. Cuando puede encontrar información sobre un tema, está claramente escrita y es útil. Pero aún no se han documentado todas las características nuevas; espere que se filtren en las próximas semanas y meses.

La competencia

Blocs ha superado o superado a la mayoría de sus competidores Mac. RapidWeaver y Sparkle todavía están por ahí y pateando. Si bien ambos tienen algunas ventajas, por ejemplo, Sparkle incluye el mismo tipo de funciones de ayuda de SEO por las que Blocs Plus cobra más (pero cuesta más que la versión estándar de Blocs 4), ninguno parece tener la profundidad de características o estar afinado control de las clases CSS que ofrece Blocs. Alternativamente, servicios como Wix.com y SquareSpace ofrecen herramientas de diseño de sitios como parte de su servicio de alojamiento basado en suscripción. Pero tendrás que seguir pagando todos los meses para usarlos.

Bloques 4: ¿Debería comprar

Debería comprar esto si …

Quieres crear sitios hermosos sin tener que aprender a codificar

Si desea resultados de buenos a excelentes con un mínimo de frustración de rechinar los dientes, es posible que Blocs valga la pena el precio. Pocos rivales, si es que hay alguno, ofrecen su amplio banco de funciones o su facilidad de uso, y el programa solo se ha vuelto más pulido y seguro a lo largo de los años, aplastando las molestias de la interfaz en el camino.

Quiere una forma sencilla de crear temas de WordPress

Si está dispuesto a dedicar el tiempo de aprendizaje necesario, Blocs Plus promete hacer que la creación de temas para WordPress sea mucho más fácil e impresionante.

No debería comprar esto si …

Solo estás incursionando en el diseño web

El precio parece elevado para un novato que solo quiere jugar con los sitios web por diversión. En ese caso, es mejor que abra el editor de texto de su elección y consulte cualquiera de los muchos lugares gratuitos de la Web para obtener más información sobre la codificación HTML y CSS. Aunque los puntos más finos se han vuelto cada vez más complejos a lo largo de los años, los conceptos básicos de estos lenguajes siguen siendo sorprendentemente fáciles e intuitivos de aprender.

Si está dispuesto a pagar por la calidad y desea el nivel de poder y control que ofrece Blocs 4, encontrará algunas formas mejores o más poderosas de crear sitios web sin aprender a codificar. E incluso los codificadores empedernidos pueden encontrar que Blocs 4 automatiza gran parte del trabajo pesado para ellos, lo que les permite dedicar más tiempo a pulir más.

A $ 99, Blocs puede resultar un poco caro para las personas que solo quieren crear un sitio único y sencillo. Varios servicios de alojamiento web ofrecen sus propias herramientas de creación de sitios por un costo inicial mucho menor.

Pero si desea resultados de buenos a excelentes con un mínimo de frustración de rechinar los dientes, es posible que Blocs valga la pena el precio. Eso es especialmente cierto para los usuarios avanzados que crean sitios para ganarse la vida, especialmente aquellos que trabajan mucho con WordPress, cuando se trata de desembolsar los $ 50 adicionales para Blocs Plus.