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

Es hora de que compartamos otra impresionante lista de recursos para nuestros compañeros desarrolladores web. La última vez presentamos varias referencias, aplicaciones y algunas bibliotecas de JavaScript.

Teniendo en cuenta que hay muchas bibliotecas de JavaScript que aún no hemos cubierto en esta serie, esta entrega incluirá más complementos de jQuery y un par de referencias para mejorar nuestras habilidades como desarrolladores web. 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.

jQueryMy

jQueryMy es un Complemento jQuery para manejar el enlace de datos en tiempo real. Es compatible con los controles o las entradas del navegador nativo, así como con una biblioteca de IU como jQuery UI fuera de la caja. Está equipado con la validación, el formato condicional y la gestión de dependencias complejas, lo que parece hacer que sea una excelente opción. - alternativa a un framework MV * como Backbone.js, Ember.js y Vue.js

Cabeza

Típicamente, el cabeza etiqueta contiene el título etiqueta, la enlazar etiqueta que apunta a una hoja de estilo, y guión etiqueta para cargar un archivo JavaScript. Este repositorio muestra que Hay mucho más que podemos incluir dentro del cabeza etiqueta. La lista incluye enlaces generales y meta etiquetas a una plataforma particular específica.

SmoothState

Desarrollando un transición suave de la página Podría ser un dolor real. Tenemos que pensar en manejar el soporte del navegador para las API de historial, el almacenamiento en caché, la precarga y la animación para garantizar que funcione de forma fluida y rápida.. SmoothState viene con todo esto en un solo paquete, lo que nos permite tener la experiencia en funcionamiento en menos tiempo.

SketchRunner

En resumen, SketchRunner es similar a OS X Spotlight, Alfred o SublimeText Command Palette. Es una extensión de Sketch que da una interfaz de búsqueda simple para realizar varias tareas normalmente realizadas en el menú de la aplicación. Se agiliza para ayudarte a ser más productivo..

CSS mantenible

CSS mantenible es un Libro en línea que comprende muchos años de experiencia., técnicas refinadas para componer CSS estelar que se puede mantener a largo plazo a lo largo de generaciones.

Patrones Flexbox

Esta es una colección de Fragmentos y código HTML y CSS para crear interfaz., como encabezado, pie de página, menú de navegación, usando el CSS Flexbox. Si le resulta difícil comprender el uso de Flexbox, esta es una gran fuente de inspiración para finalmente aprender Flexbox..

Lámpara de lava

Infinite Scroll es una interfaz popular en la web donde extrae nuevo contenido a medida que llegamos al final de la página. Lavalamp es una biblioteca de JavaScript, doblada para reemplazar Infinite Scroll. Echa un vistazo a la demo.

Glio

Un JavaScript que detecta el cursor del mouse cuando es a punto de salir de la ventana lo que probablemente indica que el usuario va a salir. Cuando lo haga, puedes usarlo para activar una función para mostrar un formulario de suscripción o un mensaje emergente simple para aumentar su tasa de conversión.

Coleure

Otro Selector de color con una interfaz de usuario genial. Puede arrastrar y soltar colores para crear su propia paleta de colores, haciendo de este un enfoque más visual y organizado para construir una combinación de colores. Regístrese para crear una cuenta para guardar sus colecciones..

CSSX

CSSX es una herramienta que te permite escribir CSS en JavaScript. Sin embargo, nada se cambia; Es la misma sintaxis CSS nativa envuelta en una función de JavaScript. Sinceramente, aún no he descubierto cómo podría aprovechar CSSX en cualquiera de mis proyectos, pero se ve bien y definitivamente vale la pena mencionarlo.