Gumby Un marco web que merece más amor

Si usted es un desarrollador web experimentado, sabe que un buen marco puede hacer maravillas para las líneas de tiempo de los proyectos. El marco adecuado le permite lanzar un sitio web hermoso y con capacidad de respuesta en un tiempo prácticamente nulo, y cuando trabaja con un presupuesto por proyecto, eso es esencial. Sin embargo, no solo es velocidad: la Web está en constante evolución y tener una base sólida para su sitio hace que sea más fácil de mantener en el futuro. Es por eso que necesitas marco Gumby..

Quién puede hacer amigos con Gumby?

Para ser amigable con Gumby, necesitarás tener un buen conocimiento práctico de HTML y CSS al menos, y algo de JavaScript tampoco hará daño. Pero para disfrutar realmente lo que Gumby tiene para ofrecer, deberá comprender Sass y tener Node. ¿Qué es Node.JS y por qué debería importarme? [Desarrollo web] ¿Qué es Node.JS y por qué debería importarme? [Desarrollo web] JavaScript es solo un lenguaje de programación del lado del cliente que se ejecuta en el navegador, ¿verdad? Ya no. Node.js es una forma de ejecutar JavaScript en el servidor; Pero también es mucho más. Si… Lee más y Ruby está instalado (aunque no tendrás que aprender Ruby 3 Interactive, Fun, Free Formas de comenzar a aprender el lenguaje de programación de Ruby 3 Interactive, Fun, Free Formas de comenzar a aprender The Ruby Programming Language Ruby es un expresivo, lenguaje de programación de muy alto nivel. Se usa en la Web principalmente como parte del marco de desarrollo web de Ruby on Rails, pero también es independiente. Si tiene curiosidad por saber qué es Ruby (no ... Leer más). Como la mayoría de los marcos web, Gumby es principalmente para desarrolladores que ya saben lo que están haciendo..

Si no eres un programador, no te preocupes! Es posible que este artículo no sea para usted, pero se está perdiendo al no configurar su propio sitio web. Se está perdiendo al no crear un sitio web personal: refutar los 6 mitos que está perdiendo al no crear un sitio web personal: refutar los 6 mitos ¿Alguna vez has considerado tener un sitio web personal? Ya sabes, un lugar donde las personas pueden leer sobre quién eres, qué haces, tus objetivos y aspiraciones, y por supuesto para contactar ... Leer más. La buena noticia es que no es ciencia espacial. Si desea reunir algo rápidamente, WordPress es una opción muy versátil, o puede utilizar cualquiera de estos métodos de no codificación Cómo construir su propio sitio web en minutos sin ninguna habilidad de codificación Cómo construir su propio sitio web en minutos sin Cualquier habilidad de codificación A medida que la web crece, y lo hace de manera asombrosamente rápida, la necesidad de una presencia en la web es cada vez más apremiante. En muchas partes del mundo, simplemente debe tener una presencia web en orden ... Leer más para crear un sitio.

Los elefantes en la habitación: Bootstrap y Zurb Foundation

Ninguna discusión sobre marcos web puede ser completa sin mencionar a Twitter Bootstrap y (en mi opinión, a la mejor Fundación Zurb). No voy a compararlos todos hoy, porque eso sería aburrido, y más importante, porque las herramientas son una elección muy personal..

Los tres marcos son semánticos, personalizables, receptivos, cuentan con amplios kits de IU y utilizan preprocesadores. He probado los tres antes de decidirme por Gumby, y probablemente deberías hacer lo mismo. Además, lo más probable es que si trabajas en un código ya existente, esté usando Bootstrap, por lo que tendrás que conocer tu camino alrededor de Bootstrap de todos modos..

Hablando desde la experiencia: del concepto al sitio web en 3 días

Iremos a la lista de las características de Gumby en un momento. Primero, el resultado final: con Gumby, pude pasar de una estructura de alambre de papel en bruto a una página de inicio personal, de una página, completamente funcional, receptiva y hermosa en menos de 3 días (no en días completos, claro está). Desplazamiento de paralaje, barra de navegación, pestañas verticales sin esfuerzo que funcionan bien en dispositivos móviles, sin complicaciones en comparación con experiencias anteriores.

Características Galore!

Este es un hecho sorprendente: el mejor lugar para aprender acerca de las características de Gumby es la sección Característica de Gumby. El sitio hace un trabajo mucho mejor vendiendo el marco que yo, por lo que no voy a dejarte en una lista interminable. Aquí está un resumen rápido de mis tres favoritos:

• El kit de interfaz de usuario: Usted obtiene todo lo que necesita para una aplicación web moderna. Botones, indicadores, navegación (pegajosos o no, como desee), y una fuente de icono incluida, también.
• Toggles & Switches: Haga clic en un elemento para alternar otro elemento (o un grupo de otros elementos). Esto significa que es muy fácil de enrollar tus propias pestañas, carruseles de imágenes o cualquier cosa que requiera mostrar y ocultar elementos. Lea más acerca de los interruptores y conmutadores aquí.
• La mezcla de responder: Una forma maravillosamente sencilla de ajustar su Sass a la resolución de destino. ¿Quieres una imagen oculta cuando la ventana gráfica tiene un tamaño determinado? No hay problema. ¿Cargar una imagen diferente en su lugar? Por supuesto. ¿Cambiar tamaño de fuente? Sip. Lea acerca de responder aquí. Puedes verlo en acción si vas a ezuk.org y cambias el ancho de la ventana: observa cómo la sección superior simplemente desaparece y el estilo de navegación cambia.

Los seleccioné de entre todas las características de Gumby que usé porque hacen las cosas complicadas fáciles (especialmente las dos últimas).

Un último consejo: mi servidor de prueba One-Liner

Para usar cualquier marco web, necesitará un servidor web local. Siempre podría ir con una instalación completa de XAMPP Cómo instalar un servidor web de Windows en su PC con XAMPP Cómo instalar un servidor web de Windows en su PC con XAMPP Lea más, pero para mí, eso fue una exageración. Mi proyecto no tenía ningún código del lado del servidor que ejecutar, todo lo que necesitaba era un servidor HTTP básico. Python al rescate:

python -m http.server

Todo lo que se necesita para abrir un servidor web rudimentario en Windows, con Python instalado. Simplemente navegue hasta el directorio que contiene los archivos que desea servir, ejecute esto y listo:

Pruébalo en tu próximo proyecto

Incluso si está perfectamente satisfecho con Bootstrap o Foundation, expandir sus horizontes nunca es una mala idea. Gumby tiene mucho que ofrecer: pruébelo en su próximo proyecto y comparta sus ideas a continuación..

Explorar más sobre: ​​HTML, diseño web, desarrollo web.