Recursos frescos para diseñadores y desarrolladores web (abril de 2018)

Este mes vimos algunos anuncios de nombres notables en tecnología. Por ejemplo, Apple abre un nuevo sistema de base de datos, Google lanzó una nueva herramienta para medir la velocidad de su sitio web en el móvil y Github con un curso gratuito para comenzar con Git, Github y la codificación en general..

Además, en el post de hoy, también lo haré. Presenta una serie de nuevas herramientas que están actualmente en aumento.. Vayamos a lo que tenemos más en la lista..

VuePress

Una nueva herramienta del creador de Vue, VuePress es una generador de sitio estático Diseñado con Vue.js en mente. Genera y pre-reproduce HTML estático para cada página, y se ejecuta como un SPA (aplicación de una sola página). Viene con algunas funciones listas para usar que incluyen la capacidad de agregar ID de Google Analytics, búsqueda, navegación siguiente y anterior, barra lateral y PWA.

IMG-2

Una biblioteca de JavaScript que introduce una elemento personalizado, img-2. El nuevo elemento agrega una serie de optimizaciones que no vienen con el estándar img elemento, Mejorando cómo se carga la imagen para los usuarios.. Con el elemento personalizado, la imagen se almacenará previamente en caché, también Carga lenta las imágenes y el servicio serán desde la memoria caché solo cuando las imágenes ingresen a la ventana gráfica del usuario. Echa un vistazo a la demo.

Tabler

Un panel elegante / Panel de administración basado en Bootstrap 4. El panel de control presenta componentes prefabricados, como gráficos, formularios, galerías, una tabla de precios y un buen colección de iconos personalizados. Un gran punto de partida para permitir que los desarrolladores creen un Panel de administración rápidamente. Echa un vistazo a la demo!

Dia js

Dia js Biblioteca de JavaScript para formatear fechas y horas.. Aún más, DayJS presenta API similares a Moment.js, pero solo tiene un peso de 2Kb. Dado que, podría ser un gran alternativa a Moment.js, Si desea una biblioteca más liviana, mantenga familiaridad con lo que ya conoce.

Archivado unificado

Una biblioteca de PHP para tratar con archivos comprimidos, UnifiedArchive admite una amplia gama de formatos, incluidos RAR, Zip, Gzip, alquitrán, y muchos otros tipos de compresión. Con esta biblioteca, puede archivar y extraer archivos o directorios. Proporciona una puñado de APIs para manipular archivos después de que se ha extraído del archivo. UnifiedArchive está disponible como un paquete Composer.

Github Learning Lab

Github acaba de anunciar una Curso gratuito que cubre principalmente Git en Github. Hay 5 cursos en el momento en los que puedes aprender algunas cosas útiles, como cómo usar Github para alojar sus códigos, cómo usar las páginas de Github para obtener un sitio o blog gratuito para su proyecto, y cómo administrar los conflictos de fusión que suelen suceder cuando trabaja con muchos desarrolladores en un proyecto.

WordPress UnitTest DOM Parser

Un buen consejo de Takayuki Miyauchi en probar DOMElement al realizar UnitTest en aplicaciones de WordPress. Personalmente me pareció muy útil; espero que encuentres lo mismo.

Popmotion

Una biblioteca de JavaScript para una animación suave en la web., “Popmotion” proporciona una API llamada Física que le permite crear con efectos de animación casi reales. Está sin adulterar; la biblioteca simplemente Valores de salida basados ​​en el conjunto específico de la configuración.. Esto le permite aplicar esas salidas para animar cualquier medio, incluidos CSS, SVG, Three.js e incluso React.js.

Driver.js

Una biblioteca de JavaScript que te permite “conducir” enfoque del usuario en una página. Esto es particularmente útil si desea introducir características específicas o guiarlas a tareas específicas en la página. Driver.js es solo 4 KB de tamaño, personalizable y amigable con el teclado.

Reemplazar GIF animado con video

GIF está en todas partes, después de hacer un gran regreso. Pero el problema con GIF es que generalmente es muy grande. Es un desperdicio de ancho de banda, pero la calidad gráfica a menudo es terrible. Esta guía de Google muestra cómo “Vídeo” Puede reemplazar GIF para mostrar gráficos animados.

Máscara de texto

Una biblioteca de JavaScript para Transforma el texto que requiere un formato especial. como un número de teléfono, una moneda o un número de tarjeta de crédito. A medida que el usuario escribe, el texto se transformará automáticamente en su formato apropiado, mejorando la experiencia del usuario. TextMask se puede usar con React, Vue o simplemente JavaScript antiguo.

Comparar la velocidad del sitio móvil

Esta es otra herramienta útil de Google. Esta herramienta te permitirá Comprueba la velocidad de tu sitio web al cargar desde el móvil. y estimar la pérdida total de ingresos cuando el sitio web se carga lento. Usted puede Selecciona el país y la velocidad. de los cuales su sitio web será probado contra.

VueNut

Un compañero de desarrollo cuando construye una aplicación web con Vue.js y Vuex, VueNut lo hace Más fácil de explorar el estado de los datos almacenados y le permite manipular los datos durante el desarrollo fácilmente. Cosas interesantes!

FundaciónDB

Recientemente Apple hizo FoundationDB de código abierto en Github. Es un sistema de base de datos de par clave-valor Eso promete escalabilidad y rendimiento. Es genial tener grandes compañías de tecnología que comienzan a dedicar al código abierto algunos de sus productos..

Libros de historia

StoryBooks es una herramienta para construir un componente React de forma aislada. Proporciona una interfaz de usuario en el navegador que le permite ver los diferentes estados de cada componente, así como probar los componentes.

GhostText

Una extensión de navegador que te sincroniza lo que escribes en el navegador con tu editor de texto o viceversa. En última instancia, encontré esto útil si desea poder escribir en un sitio web con la comodidad y las características de su editor de código. GhostText está disponible para Chrome, Firefox y Opera.

Coala

Coala es un CLI proporciona una interfaz para alinear y arreglar código independientemente de los idiomas utilizados. Puede utilizar Coala dentro de un editor de código, integrarlo con un CI (Integración continua) y personalizarlo con una sintaxis de configuración en .coafile. Coala es compatible con muchos idiomas, como CSS, JavaScript, PHP, y puede encontrar más en este directorio.

ReactStrap

ReactStrap es una colección de componentes Bootstrap 4 transformados en componentes React reutilizables. Si desea modernizar su antiguo sitio web basado en Bootstrap, esta biblioteca es algo que debería considerar.

Reaccionar

Otra herramienta relacionada con React, Reacto es un IDE construido sobre Electron y diseñado para desarrollar aplicaciones web con ReactJS. Esto parece realmente útil si su desarrollo principal gira en torno a ReactJS.

PicoJS

Una biblioteca de JavaScript que permite la detección de la cara. Funciona con una foto fija o desde la cámara integrada. Es realmente fascinante cómo evoluciona la tecnología web en los últimos años..