Recursos frescos para diseñadores y desarrolladores web (febrero de 2017)

La serie Fresh Resouces for Web Developers tiene correr alrededor de 4 años, y el mantenimiento de esta serie me ha dado una gran idea de cómo progresa la web a lo largo de los años. Existen nuevas herramientas que salen cada mes para facilitar el desarrollo web.

En esta entrega, hemos recogido una serie de nuevas herramientas, que incluyen bibliotecas de JavaScript, Un par de bibliotecas CSS, y de referencia. para mejorar tu habilidad. Vamos a verlos.

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.

Subtítulo

JavaScript es hacerse cargo de la aplicación de escritorio para la portabilidad sobre diferentes plataformas, así como para trabajar tan bien como la aplicación nativa. Esta aplicación, Subtítulo, por ejemplo es construido encima de electron. Es una aplicación simple que te permite buscar archivos de subtítulos (.srt) para adjuntar al video que está viendo.

Impresionante línea de comandos de OSX

Un enorme lista de líneas de comando útiles y útiles para macOS. Aquí puede encontrar muchas cosas que se pueden hacer a través del CLI, como “despejando la cola de impresión”, “ocultando carpeta en Finder”, y “prevenir el sueño del sistema”.

Trevor

Trevor es simplemente Travis CI hecho desconectado. Travis es un servicio de integración continua. donde los desarrolladores prueban su software Para ver si el software funciona correctamente en múltiples entornos.. Trevor se encuentra todavía en su etapa inicial.; actualmente solo soporta “NodeJS”.

Progresivamente

Un buen JavaScript Biblioteca para cargar la imagen progresivamente., de ahí el nombre. Se servirá una imagen pequeña y borrosa mientras el navegador esté cargando la imagen completa. Esta ayuda a que su sitio web se cargue mucho más rápido especialmente si contiene imágenes grandes.

QartJS

Este es un JavaScript que hace que el código QR sea menos aburrido. Con esto, puede superponer el código QR sobre una imagen, como su foto.

WP Docker

WP Docker es un Entorno Docker diseñado específicamente para desarrollar WordPress.. El entorno es autónomo y no afectará a su sistema informático en caso de que haya realizado la configuración. Es un Gran alternativa a Vagrant, Valet, Local y MAMP..

Rellax

Rellax es una biblioteca de JavaScript para crear efecto de paralaje en la página de desplazamiento. Viene con pocas opciones y relativamente fácil de configurar. Es ligero, corre super rápido, y no requiere dependencia como jQuery por lo tanto, es una excelente alternativa a otras bibliotecas en esta categoría, como Parallax.js o Scrollax.js.

Articular

Sin embargo, otra biblioteca de JavaScript genial. Articulado trae sintético Voz a tu sitio web. Es capaz de analizar y leer su sitio web, eventualmente puede mejorar la accesibilidad de su sitio web para usuarios con visibilidad reducida.

MonetizarJS

MonetizeJS es una biblioteca de JavaScript para implementar raya fácilmente; tan fácil como usar jQuery.

Vónico

Vónico es una colección de interfaz de usuario para móvil construido usando Vue.js y Ionic CSS. Comprende una gran cantidad de componentes de interfaz de usuario que se encuentran comúnmente en un móvil, incluido el Casilla de verificación, Formulario de búsqueda, Swiper y el llamado Acordeón. Se puede utilizar para construir una aplicación de aplicación móvil. prototipo justo en el navegador.

Biblioteca de componentes de WordPress

10up, uno de los nombres destacados en WordPress, lanzó una biblioteca de interfaz de usuario diseñada específicamente para WordPress. A diferencia de otras bibliotecas de UI que solo proporcionan códigos CSS y HTML, 10Up también proporciona el fragmento de código PHP que puedes pegar en tu tema. El componente incluye Navegación, pestañas, Tooltips, Commonts y Blogrol.

Rendimiento de inicio de JavaScript

Un excelente y artículos detallados de Addy Osmani, Uno de los ingenieros de Google, sobre cómo escribir JavaScript que se ejecuta súper rápido. Te animo a que lo leas hasta subir de nivel su habilidad de JavaScript.

KuteJS

Kute es un Biblioteca de JavaScript para realizar animación.. Es increíblemente rápido y muy eficiente en el consumo de memoria. Cuenta con extensiones y herramientas extra para permitir aplicar animación en. CSS, SVG, e incluso un plugin jQuery para una sintaxis más conveniente.

PWA Rocks

La aplicación web progresiva (PWA) es una metodología que permite que un sitio web se ejecute de forma rápida y utilizable sin conexión. Este PWA Rocks lista uno que ha sido aprobado por Google como un PWA. A aprender más sobre PWA de Google Echa un vistazo a: Progressive Web Apps.

Github Auto-actualizador

Github Auto-Updater es Biblioteca de compositores que permite actualizar tu complemento desde Github. Este es un script práctico para que los desarrolladores mantengan complementos para sus clientes sin necesariamente subirlo al repositorio Github.

Tarjeta

La tarjeta es una biblioteca de JavaScript Eso hace que la entrada de tarjetas de crédito sea más atractiva y mejora su experiencia de usuario al ingresar sus números de tarjeta de crédito. Eso funciona bien con jQuery, React, Angular y Ember.

Graaf

Graaf proporcione una superposición sobre su página para ver cómo está dispuesta la cuadrícula (columna, fila, canal). Tú también puedes generar su propia especificación de red utilizando la API proporcionada.

Luxbar

Luxbar es un Marco CSS para crear una navegación responsiva fácilmente.; simplemente agregue la hoja de estilo y agregue el HTML correctamente. Puede instalar esta biblioteca a través de NPM, Bower o enlace la hoja de estilo directamente desde el CDN.

Rejilla de contraste

Una lista de La tabla muestra el contraste de color y su grado de accesibilidad basado en WCAG 2.0.. Puede cambiar el valor en la tabla y determinar rápidamente si la combinación de colores cumple con el estándar WCAG..

ToneJS

ToneJS es una biblioteca de JavaScript para crear un tono o sonido que le guste venir de un instrumento musical. Creo que esta biblioteca será útil para construir un emulador de instrumentos musicales basado en la web. o un juego de efectos de sonido.