Recursos frescos para diseñadores y desarrolladores web (junio de 2015)
¿Puedes creer que esta serie ha estado funcionando durante casi 3 años? En tan poco tiempo, hemos presentado al menos 30 listas de los recursos más recientes para diseñadores y desarrolladores web. Y vamos a continuar con una nueva compilación para junio..
En esta compilación, veremos algunas bibliotecas de JavaScript para mostrar los controles deslizantes, un desplazamiento más suave para las tablas de datos, un efecto de ascensor genial para un botón de desplazamiento hacia arriba y más.
Vamos a verlos.
Estilo medio confirmar
Medium ha sido elogiado por su diseño; El diseño y la interfaz de usuario parecen haber sido pensados a fondo. Además de eso, también inspira a los desarrolladores web a desarrollar bibliotecas de JavaScript o CSS para replicar la interfaz de usuario. Medium Style Confirm es una biblioteca de JavaScript que se parece al cuadro emergente o al cuadro de diálogo en Medium.
Pingüino
Penguin es un nuevo marco de aplicaciones para usuario que puede utilizar como base de sus sitios web. Con herramientas como Grunt y Sass, puede agregar o eliminar fácilmente bibliotecas o CSS que no necesite del marco para que sea lo más liviano posible. También es una buena alternativa para Bootstrap y Foundation..
Elevator.js
¿Has visto ese botón en un sitio web que te permite deslizarte hasta la parte superior de la página? La mayoría de los botones lo llevan a la parte superior, pero con Elevator.js, obtiene un efecto de aceleración deslizante similar al de un ascensor, la música y “Timbre!” Suena una vez que has llegado al último piso. Muy agradable!
X-Instagram
X-Instagram es un elemento personalizado de polímero que extrae y muestra imágenes de Instagram por etiqueta. Este elemento hace que todo el proceso sea mucho más fácil. Simplemente agregamos el elemento como un elemento HTML normal y especificamos la palabra clave de la etiqueta como los atributos del elemento.
Y que comience la magia.!
CamanJS
CamanJS Es una gran biblioteca de JavaScript para la manipulación de imágenes. Viene con un conjunto de características que comúnmente encontrarías en un editor de imágenes. Puede hacer que la imagen salga borrosa, en blanco y negro, e incluso aumentar el contraste..
ClusterizeJS
Clusterize.js es una biblioteca de JavaScript que aumentará el rendimiento al tratar con una gran cantidad de datos en tablas. A medida que se desplaza hacia abajo en una tabla con, digamos, 5000 en la lista, normalmente la experiencia se volverá lenta y desigual. Estas bibliotecas de JavaScript solucionarán este problema, haciendo que la acción de desplazamiento sea suave navegando todo el camino.
Siéntate el examen
Siéntate el examen es una colección de preguntas para evaluar su habilidad y conocimiento en CSS3, HTML5 y JavaScript. Cada prueba recibe una serie de preguntas y un tiempo limitado para completar todas estas preguntas. Es una buena fuente para descubrir lo buenos que somos realmente con estos idiomas..
Flechas HTML
Esta es una colección de símbolos nativos especiales de Unicode que puede incrustar en HTML y CSS. Estos caracteres incluyen flechas, moneda y puntuación. Encontrará que, a veces, no necesita el icono de fuente para mostrar esos caracteres.
Flickity
Flickity es una biblioteca de JavaScript para mostrar carruseles, galerías o controles deslizantes en su sitio web. Está optimizado para pantalla táctil; puede deslizar los carruseles sin esfuerzo con un dedo, o el trackpad si está en una computadora portátil. También viene con un montón de opciones que permiten una personalización completa de la forma que desees..
Typeslab
Typeslab es una herramienta útil para crear un póster tipo Slab. Simplemente escriba el contenido y elija la fuente, Typeslab generará el póster al instante. Luego puedes descargarlo o publicarlo en Imgur..
MatchMedia
Matchmedia es una biblioteca que replica consultas de medios CSS. La biblioteca no es tan nueva en realidad, pero es una biblioteca muy útil que decidí poner en la lista. Si necesita realizar scripts según el tamaño de la ventana de visualización del usuario o el tipo de medio, esta es la biblioteca que desea.
El siguiente es un ejemplo utilizado para ejecutar secuencias de comandos en un tamaño de ventana gráfica de 320px y por debajo:
if (matchMedia ('solo pantalla y (ancho máximo: 320px)') coincide)
Sass Burger
Sass Burger viene con un Mixin que te permite crear un “Hamburguesa” icono y convertirlo en una marca de cruz con menos molestia.
Marx
Marx es una colección de reglas de estilo CSS para hacer que los estilos de elementos sean más consistentes. Es personalizable (con Sass), liviano y funciona de manera inmediata. Una buena alternativa a las ya populares herramientas de restablecimiento de CSS como Normalize.css.
CSS.js
CSS.js se utiliza para analizar los archivos CSS para la declaración de estilo. La biblioteca se utilizó inicialmente para que el equipo de Jotform creara una experiencia WYSIWYG para la edición de formularios con CSS. Ahora lo tienen abierto para que todos lo usemos. Vale la pena ahorrar, en caso de que lo necesites más tarde..