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

2015 fue un gran año para la web: las tecnologías web han sido Adoptado en muchos factores más allá de la construcción de un sitio web o una aplicación web.. Muchas aplicaciones móviles y de escritorio ahora se construyen utilizando HTML, CSS y JavaScript. Esto es posible gracias a la naturaleza de portabilidad de las tecnologías web y bibliotecas como React.js, Angular y Node.js..

Entonces, en la entrega de hoy de esta serie, hemos reunido un puñado de bibliotecas de JavaScript y CSS.

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.

Control deslizante plano

La interfaz de usuario de jQuery incluye una colección de interfaz web común que incluye un control deslizante: una interfaz de usuario que permite al usuario seleccionar un rango de valores numéricos. los Control deslizante plano es una herramienta web que hace que la personalización del estilo de la interfaz de usuario jQUery, que antes era una tarea muy difícil, ahora sea mucho más fácil.

Utilidad de tipo abierto

Utilidad de tipo abierto es una colección de clases de ingreso a Aplicar características tipográficas avanzadas de CSS. tales ligaduras de letra, mayúscula pequeña, y mucho más. Básicamente, brindan la mejor experiencia de lectura posible para sus usuarios con gran detalle. Se degrada muy bien en los navegadores más antiguos y no compatibles..

ResponsifyJS

Una de las limitaciones notorias a las que se enfrentan las imágenes es que generalmente escala la imagen correctamente, pero esto desvía el punto focal principal de la imagen cuando se reduce a un tamaño muy pequeño de la ventana gráfica..

ResponsifyJS es una biblioteca de JavaScript liviana que puedes usar para Establecer coordenadas para mantener el enfoque de la imagen. mientras se está redimensionando.

Lineal

Lineal es una aplicación de regla para Mac. Puede usar la regla para medir páginas web, averiguar el tamaño de un elemento sin tener que abrir DevTools o averiguar si un elemento está perfectamente centrado. Puede tener varias reglas y cambiar la unidad de PX a EM.

StickyStack

StickyStack es un complemento de jQuery para crear una experiencia de desplazamiento de pila, cuando un panel llega a la parte superior de la ventana gráfica, se queda ahí, mientras que un desplazamiento adicional levanta el panel siguiente. Es un complemento ligero con algunas opciones para configurar el contenedor de la página, la sección de pila, así como la sombra de la caja de las pilas. Echa un vistazo a la demo.

Espectador

Espectador es el complemento jQuery para lightbox de imágenes, una forma popular y elegante de ampliar imágenes en la web. El complemento viene con unas opciones abrumadoras que te permiten personalizar cada bit de la caja ligera interfaz.

El complemento también proporciona un conjunto de API y eventos personalizados para un control total sobre el caja ligera Respuesta y comportamiento. Además, funciona hasta Internet Explorer 8..

DeviceMock

DeviceMock es una biblioteca de JavaScript que te permite crear marcos de dispositivos o maquetas como un teléfono, una tableta y un escritorio. Del mismo modo, la biblioteca ofrece opciones para establecer el color del tema del marco, el tamaño y la orientación del marco..

Puede ser una buena alternativa para mostrar su web y su aplicación en lugar de utilizar Photoshop..

Clrs

Clrs es una iniciativa para redefine los colores predeterminados de la web en un tono de color moderno más atractivo para la vista. Además, aboga por un conjunto de combinaciones de colores para una mejor accesibilidad. Puede implementar estos colores a través de las muestras de color NPM, Gem (Ruby) y Photoshop e Illustrator..

Colorear

Colorear es una biblioteca de JavaScript super ligera (3kb minified) para extraer colores dominantes de una imagen con Un montón de APIs para manipular los colores.. Puede usar el color extraído como un marcador de posición mientras espera a que la imagen se cargue por completo, generar un fondo degradado o ajustar la interfaz vecina para que coincida con el color de la imagen.

BookBlock

BookBlock es jQuery plugin para crear un folleto con el efecto de cambio de página. Es una hermosa alternativa para mostrar múltiples imágenes en su sitio web, especialmente si hay una secuencia o flujo que desea mostrar.

Puedes ver la demostración aquí para tener una idea de cómo funciona BookBlock.