Nuevos recursos para desarrolladores web - marzo de 2016

En nuestra última entrega, nos centramos en las distintas bibliotecas de JavaScript y CSS para ayudar a crear mejores sitios web y aplicaciones web. Este mes, tenemos más bibliotecas para recomendar junto con un pequeño enfoque en la tipografía.

En esta ronda de la serie, buscará algunas bibliotecas JS que encontrará útiles, pero también una colección de consejos, un largo ensayo sobre tipografía, un generador de color y un marco frontend ligero. Sin más preámbulos, vamos a echarles un vistazo.

Haga clic para obtener más recursos

Haga clic para obtener más recursos

Encuentre toda nuestra colección de recursos recomendados y las mejores herramientas de diseño y desarrollo web disponibles.

JS Tips

JS Tips es una colección de consejos de JavaScript, algunos de ellos relacionados con la sintaxis, otros sobre la eficiencia y el rendimiento del código, y algunos otros son específicos de un framework como AngularJS. Se agregan nuevos consejos diariamente y actualmente hay 50 sugerencias emitidas. Es esencialmente un sitio de marcadores obligatorios para cada desarrollador web.

Administrador de Vagrant

Vagrant Manager es una aplicación GUI para controlar Vagrant. MAMP similar, donde puedes detener o ejecutar Vagrant, y ver qué Vagrant se está ejecutando actualmente. La aplicación está disponible para OS X y para Windows. Si no está seguro de qué es Vagrant, consulte nuestra publicación anterior sobre Cómo instalar WordPress localmente con Vagrant.

Bulma

Bulma es un framework frontend. El paquete incluye algunos componentes de interfaz de usuario comunes de la web, como la navegación, el menú desplegable y (por supuesto) la cuadrícula que está completamente construida con Flexbox . La única característica que falta (al menos, por ahora) son los componentes de JavaScript. Los componentes de Bulma son mucho más delgados que Bootstrap, pero deberían ser suficientes para construir un sitio web pequeño pero presentable.

Gutenberg

El nombre de Johannes Gutenberg, el inventor de la prensa masiva. Gutenberg es una colección de reglas de estilo para la configuración tipográfica adecuada en la web. Las reglas de estilo establecen la línea de base, el tamaño y escalamiento de la fuente y el alto de la línea. Una gran biblioteca de estilos para que el contenido de su sitio web luzca mucho mejor.

OkayNav

OkayNav es un jQuery para construir una navegación receptiva, pero no una más. El complemento tiene una perspectiva ligeramente diferente sobre el diseño receptivo: a medida que la ventana gráfica se redimensiona a una dimensión más pequeña, cada menú se fusionará gradualmente en un icono para tolerar el tamaño limitado de la ventana gráfica. Suena genial, ¿verdad?

Nueva tipografía web

The New Web Typography es un ensayo profundo y llamativo sobre tipografía. Discute los estilos desde los primeros días de los libros hasta la forma actual que construimos y consumimos en la web. Bien investigado con múltiples ilustraciones, y completamente referenciado, es un extenso artículo de Robin Rendle, pero definitivamente vale la pena leerlo para obtener una mejor comprensión de la tipografía.

Color seguro

Color Safe es una paleta de generador de color para la web. A diferencia de las herramientas que hemos mencionado anteriormente en esta serie, ColorSafe solo generará color que cumpla con el estándar WCAG para la accesibilidad del color.

Diálogo modal accesible

Esta es una pequeña biblioteca de JavaScript (solo ~ 0.5kb) para construir una ventana de diálogo modal . Al ser accesibles, los usuarios pueden abrir, cerrar y navegar fácilmente a través del diálogo con un teclado y un mouse. El paquete es simplemente JavaScript, sin estilos, por lo que puede dar forma libremente al diálogo modal de la manera que desee.

Mo.js

Mo.js es un paquete completo de biblioteca de animación de JavaScript. Viene con un par de presets para que pueda configurar y ejecutar la animación rápidamente. Es modular, lo que le permite eliminar funcionalidades innecesarias, fluidas y uniformes. Al ser una nueva biblioteca, desafortunadamente, la documentación aún no está lista (por ahora).

Partículas

Esta biblioteca agrega redes de partículas flotantes en su sitio web, simplemente para que su sitio web se vea más fresco al instante. Las partículas reaccionarán al movimiento del cursor. Las reacciones y otros elementos como los colores, la distancia y la forma se pueden configurar a través de las opciones.