Recursos frescos para diseñadores y 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 tipografía.

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

Haga clic para más recursos

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

Consejos de js

JS Tips es una colección de consejos de JavaScript, algunos de los cuales giran en torno a sintaxis, algunos sobre eficiencia y rendimiento del código, y algunos otros son específicos de un marco como AngularJS. Se agregan nuevos consejos diariamente y actualmente hay 50 consejos emitidos. Es esencialmente un marcador obligatorio sitio para cada desarrollador web.

Gerente vagabundo

Gerente vagabundo 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 en Cómo instalar WordPress localmente con Vagrant.

Bulma

Bulma Es un framework frontend. El paquete incluye algunos componentes comunes de la interfaz de usuario de la web, como la navegación, el menú desplegable y (por supuesto) la cuadrícula que está construida completamente 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 en comparación con Bootstrap, pero deberían ser suficientes para crear un sitio web pequeño pero presentable.

Gutenberg

Nombrado en honor a 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 red. Las reglas de estilo establecen la línea base, el tamaño de fuente y la escala, y la altura de la línea. Una gran biblioteca de estilos para hacer que el contenido de su sitio web se vea mucho mejor..

Oknav

Oknav es un jQuery para construir una navegación receptiva, pero no solo otra. El complemento tiene una versión ligeramente diferente del diseño sensible: como el tamaño de la ventana gráfica se reduce a un tamaño más pequeño, cada menú será gradualmente fusionado en un icono para tolerar el tamaño limitado de la ventana gráfica. Suena bien, ¿no es así??

Nueva tipografía web

los Nueva tipografía web Es un ensayo en profundidad sobre la tipografía que abre los ojos. Discute los estilos desde los primeros días de los libros hasta la forma actual en que construimos y consumimos en la web. Bien investigado con múltiples ilustraciones y con referencias completas, es un artículo extenso de Robin Rendle, pero definitivamente vale la pena leerlo para comprender mejor la tipografía..

Color Safe

Color Safe Es una paleta generadora 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..

Cuadro de 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, no tiene estilos, por lo que puede dar forma al cuadro de diálogo de la forma que desee..

Mo.js

Mo.js Es un paquete completo de la biblioteca de animación JavaScript. Viene con un par de ajustes preestablecidos para que pueda configurar y ejecutar la animación rápidamente. Es modular, lo que le permite eliminar funcionalidades innecesarias, así como fluidas y suaves. Siendo una biblioteca nueva, 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 hacer que su sitio web se vea más fresco al instante. Las partículas reaccionarán al movimiento del cursor. Las reacciones, así como otros elementos como los colores, la distancia y la forma se pueden configurar a través de las opciones.