es.hideout-lastation.com
Paraíso Para Los Diseñadores Y Desarrolladores


Recurso fresco para desarrolladores web - junio de 2015

¿Puedes creer que esta serie ha estado funcionando durante casi 3 años? En ese corto tiempo, hemos presentado al menos 30 listas de los recursos más nuevos para diseñadores y desarrolladores web. Y vamos a mantener esto en marcha con una nueva compilación para junio.

En esta compilación, vamos a ver algunas bibliotecas de JavaScript para mostrar los controles deslizantes, un desplazamiento más suave para las tablas de datos, un efecto de ascensor fresco para un botón de desplazamiento a la cima, y ​​más.

Vamos a verlos.

Confirmación de estilo medio

Medium ha sido elogiado por su diseño; el diseño y la interfaz de usuario parece haber sido pensado a fondo. Además de eso, también inspira a los desarrolladores web a desarrollar bibliotecas JavaScript o CSS para replicar la interfaz de usuario. Confirmación de estilo medio es una biblioteca de JavaScript que se asemeja a la ventana emergente o al cuadro de diálogo en Medio.

Pingüino

Penguin es un nuevo marco de front-end que puede usar como base de sus sitios web. Con herramientas como Grunt y Sass, puede agregar o eliminar fácilmente bibliotecas o CSS que no necesita fuera del marco, haciéndolo 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 te llevan a la cima, pero con Elevator.js, obtienes un efecto de aceleración deslizante similar a un ascensor, la música y el sonido "Ding!" Una vez que alcanzas el último piso. ¡Muy agradable!

X-Instagram

X-Instagram es un elemento personalizado de Polymer 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 tag como los atributos del elemento.

¡Y deja que la magia comience!

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 convertir el desenfoque de la imagen, en blanco y negro, e incluso aumentar el contraste.

ClusterizeJS

Clusterize.js es una biblioteca de JavaScript que aumentará el rendimiento cuando se trata de una gran cantidad de datos en tablas. A medida que se desplaza hacia abajo en una tabla con, por ejemplo, 5000 en la lista, normalmente la experiencia se volverá lenta y desigual. Estas bibliotecas de JavaScript abordarán este problema, haciendo que la acción de desplazamiento se ejecute sin inconvenientes durante todo el proceso.

Sentar la prueba

Sit the Test es una colección de preguntas para evaluar tus habilidades y conocimientos en CSS3, HTML5 y JavaScript. Cada prueba recibe una cantidad de preguntas y tiempo limitado para completar todas estas preguntas. Es una buena fuente para descubrir qué tan buenos somos realmente con estos idiomas.

Flechas HTML

Esta es una colección de símbolos Unicode nativos especiales que puede incrustar en HTML y CSS. Estos caracteres incluyen Flechas, Moneda y Puntuación. Descubrirá 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 panel táctil si está en una computadora portátil. También viene con un montón de opciones que permiten la personalización completa de la manera que desee.

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 puede descargarlo o publicarlo en Imgur.

MatchMedia

Matchmedia es una biblioteca que replica las consultas de medios de CSS. La biblioteca no es tan fresca en realidad, pero es una biblioteca realmente útil que decidí poner en la lista. Si necesita hacer scripts en función del tamaño de la ventana gráfica del usuario o del tipo de medio, esta es la biblioteca que desea.

A continuación, se muestra un ejemplo utilizado para ejecutar secuencias de comandos en un tamaño de vista de 320 píxeles o inferior:

 if (matchMedia ('solo pantalla y (max-ancho: 320px)') coincide) {} 
Sass Burger

Sass Burger viene con un Mixin que te permite crear un icono de "hamburguesa" y convertirlo en una marca cruzada con menos problemas.

Marx

Marx es una colección de reglas de estilo CSS para hacer que los estilos de los elementos sean más consistentes. Es personalizable (con Sass), liviano y funciona de la caja. Una buena alternativa a las herramientas de restablecimiento de CSS ya populares como Normalize.css.

CSS.js

CSS.js se usa para analizar los archivos CSS para la declaración de estilo. La biblioteca se utilizó inicialmente para el equipo de Jotform para crear una experiencia WYSIWYG para la edición de formularios con CSS. Ahora tienen código abierto para que todos lo usemos. Vale la pena guardarlo, en caso de que lo necesite más tarde.

Recursos frescos para desarrolladores web - Julio de 2017

Recursos frescos para 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 geniales bibliotecas JavaScript y algunas otras como un complemento para habilitar GraphQL en WordPress, una aplicación de escritorio para renderizar datos CSV y algunos sitios web marcos. Vamos a verlos.

(Consejos de tecnología y diseño)

20 rediseño de la interfaz de usuario Smartwatch digno de la muñeca

20 rediseño de la interfaz de usuario Smartwatch digno de la muñeca

Para cualquier nuevo hardware lanzado, el diseño del software y de la interfaz de usuario crea o interrumpe el producto . Por mucho que odiemos la interfaz de usuario móvil mal diseñada, nos atrae la interfaz de usuario que funciona sin problemas, está bien pensada y se ve hermosa cuando se usa.Hay muchos diseñadores talentosos por ahí que están mostrando su visión del diseño de la interfaz de usuario de smartwatch. En esta

(Consejos de tecnología y diseño)