Recursos frescos para diseñadores y desarrolladores web (julio de 2017)
El tiempo vuela y ahora estamos a mediados de 2017. En la entrega de este mes, tenemos una gran variedad de bibliotecas de JavaScript y algunas otras como un complemento para habilitar GraphQL en WordPress, una aplicación de escritorio para procesar datos CSV y algunos sitios web marcos Vamos a verlos.
HeroPatterns
Una coleccion de patrón repetible hecho con SVG que puede utilizar como fondo en su sitio web. El sitio está equipado con una configuración práctica para Personaliza el color y la opacidad del patrón. y le permite simplemente copiar y pegar el código para agregar en su CSS.
TestCafe
TestCafe es un herramienta de prueba de extremo a extremo (e2e) que le permite probar sus sitios web y aplicaciones web como si fueran utilizados por usuarios reales. Automatizará varias cosas al realizar la prueba incluyendo iniciar los navegadores, ejecutar la unidad de prueba especificada, generar informes, Capturas de pantalla y sourcemap para solucionar errores fácilmente.
SugarJS
SugarJS es una biblioteca de JavaScript para manipular objetos, matrices y fechas Con una sintaxis más agradable y más legible. La biblioteca también viene con un puñado de funciones de utilidad, por ejemplo, .escapeHTML ()
que lo hará convertir elementos HTML en su formato de entidad.
SRA
Una biblioteca de JavaScript útil para tiempo de vuelta, número y cadena regular a milisegundos. ms ('2 días')
, por ejemplo, se convertirá a 172800000
.
pa11y
Una gran colección de herramientas para ayudar. Mejora la accesibilidad en tu sitio web. y aplicaciones web. pa11y consiste en una CLI para probar cualquier página web en busca de problemas de accesibilidad, un Panel de control para mostrar los informes generados de errores y advertencias., y un CLI diseñado específicamente para una herramienta de CI como Codeship o Travis.
Iconos de plumas
UNA colección de iconos con ambiente moderno. Estos íconos son perfectos para el sitio web y las aplicaciones diseñadas para cualquier plataforma (iOS, Windows o Ubuntu). Los iconos vienen en SVG así como en React y componentes angulares..
Reaccionar vuelo
Un módulo React para construir composición de animación en su aplicación. La biblioteca está inspirada en Principle for Sketch en la que puedes agregar interactividad a un componente UI rápida y fácilmente.
BounceJS
Una biblioteca para Crea animaciones con efecto rebote.. La animación funciona con CSS3 y una serie de animaciones predefinidas. Puede instalar la biblioteca de JavaScript a través de npm, bower o simplemente copia la animación CSS generado en el sitio web.
Bojler
Bojler es un Marco de correo electrónico con la guía para escribir código HTML que se procesará correctamente en los clientes de correo electrónico más populares. Puedes encontrar más marcos de correo electrónico en nuestro post anterior.
Devicon
Una coleccion de Iconos de lenguajes de programación, diseño y herramientas de desarrollo.. Los iconos están disponibles en formato SVG y fuente. Algunos particulares Los iconos como Firefox, AWS y HTML5 también vienen con sus variantes detalladas. Muy bien a la derecha?
Ahora kit de interfaz de usuario
Una interfaz sensible de colección basada en Bootstrap 4. Es Cuenta con 50 elementos y 3 plantillas personalizadas.. Aparte de la versión HTML, la interfaz de usuario también se proporciona en formatos PSD y Sketch.
T-Scroll
T-Scroll es un Biblioteca de JavaScript para aplicar la animación. cuando un elemento es visible en la ventana gráfica. Está equipado con un puñado de opciones y animaciones preestablecidas..
Editor de ory
ORY es un editor web moderno y más accesible en la web. El editor de ORY es construido sobre React y Flujo. Facilita la edición al permitir a los usuarios editar contenido y ver el resultado inmediatamente sin tener que conocer sintaxis especiales como HTML o Markdown.
TadViewer
TadViewer es un práctico aplicación de escritorio para ver CSV y funciona en grandes datos y archivos. La aplicación está disponible en macOS, Windows y Linux..
Desplazamiento suave
Smooth Scrolling ha demostrado servir a una experiencia de usuario más agradable. Ahora se propone y se elabora oficialmente en W3C. Por el momento, solo funciona en Chrome, Firefox y Opera. Usa esta biblioteca para emular el comportamiento de desplazamiento suave en Internet Explorer y Safari.
Noty
Una biblioteca de JavaScript para mostrar notificaciones, Noty hace que sea fácil mostrar un mensaje de Alarma, Éxito, Error, Advertencia, Información o diálogo. Se puede utilizar junto con una biblioteca de animación como mo.js y bounce.js para hacer las notificaciones de diapositivas dentro y fuera con gracia.
Rayuela
La rayuela es una Proyecto de código abierto instanciado por LinkedIn.. Es un marco para facilitar a los desarrolladores la adición de recorridos de productos. Echa un vistazo a la demostración para un ejemplo en vivo y la API.
SurveyJS
SurveyJS es otra impresionante biblioteca de JavaScript. Como su nombre lo indica, es diseñado para crear entradas de encuesta. Cuenta con varios tipos de entrada para completar las respuestas de la encuesta y También ha sido portado a varios marcos de JavaScript populares Incluyendo AngularJS, VueJS, y React.
WP GraphQL
GraphQL está en aumento y podría ser una fuerte contendiente para reemplazar la arquitectura REST que alimenta casi todas las API web. Este es un plugin que te permitirá recupera tu contenido de WordPress con GraphQL. Aquí hay una gran referencia sobre cómo REST y GraphQL se diferencian entre sí..
Editor de Mónaco
El editor de Mónaco es el editor que editor de código visual de poderes. Está creado por Microsoft y admite varios idiomas de fábrica, incluidos HTML, CSS, LESS, CoffeeScript y PHP, junto con el Intellisense que te ayuda a escribir código más rápido..