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


Flexdatalist - Complemento autocompletado con Apoyo

El HTML5 elemento es bastante útil en el desarrollo frontend moderno. Sin embargo, es uno de esos elementos que muchos desarrolladores no conocen.

Funciona en un campo de entrada donde puede autosugerir ciertos valores para la entrada . La configuración predeterminada se ve bien y hemos cubierto algunos consejos de codificación para crear efectos geniales con los datalists autosuggest.

Sin embargo, es mucho más fácil trabajar con un complemento como Flexdatalist . Es compatible con una amplia gama de navegadores y le permite personalizar completamente el diseño de su datalist .

No todos necesitan las funciones de autocompletar y con los datalists HTML5 nativos, es posible que no te molestes con un complemento. Sin embargo, Flexdatalist es quizás el mejor que existe porque se basa en comportamientos datalistas nativos para agregar:

  • Soporte de respuesta móvil
  • Descripciones adicionales para cada artículo
  • Opciones para múltiples selecciones a la vez
  • Gestores de eventos personalizados

Todo está impulsado por jQuery, por lo que necesitarás una copia de la última versión para que funcione. También viene con su propia hoja de estilos CSS que puede combinar en un único archivo CSS para reducir las solicitudes HTTP.

Puede encontrar instrucciones de configuración completas en la página de demostración principal que incluye enlaces de descarga a los archivos de Flexdatalist .

Es realmente simple de configurar, con solo una línea de JavaScript . De forma predeterminada, el complemento se dirige a todas las entradas con la clase .flexdatalist, por lo que simplemente agregar eso a su código debería ser suficiente para ver los resultados.

Usted acaba de agregar el elemento dentro de su campo de entrada y Flexdatalist maneja el resto. Automatizará la lista, incluido el texto descriptivo opcional.

La forma más sencilla de agregar texto adicional es a través de un archivo JSON que puede adjuntar a su entrada a través de un atributo de datos .

Por ejemplo, si visita la página de demostración de Flexdatalist, encontrará el campo de entrada "Países" con el atributo data-data='countries.json' . Esto hace referencia a un archivo remoto que almacena todos los datos de entrada sin procesar externamente .

Demasiados de estos campos puede ralentizar la página un poco . Sin embargo, no puedo imaginar que muchos sitios ejecuten más de unos pocos de estos formularios datalist en una sola página, sin mencionar que incluso con este plugin jQuery, todavía son bastante rápidos .

Para comenzar, solo visite el repositorio de GitHub y descargue una copia . Esto incluye un enlace a la página de demostración principal que también tiene documentación completa para la configuración, opciones de JavaScript y un montón de ejemplos de fragmentos de código para todos.

Visualice sus paletas de colores en línea con Speculo

Visualice sus paletas de colores en línea con Speculo

El proceso típico de diseño de maqueta puede parecer una tarea ardua. Debe cambiar entre Photoshop (o Boceto) para cambiar colores, tipos de letra, estilos y compararlos todos para ver qué le gusta más.Si utiliza una herramienta como Speculo, podrá estudiar y comparar paletas de colores dinámicamente, directamente en su navegador. Esta

(Consejos de tecnología y diseño)

10 aplicaciones para mejorar tu experiencia de Instagram en Android

10 aplicaciones para mejorar tu experiencia de Instagram en Android

Instagram ha existido desde hace un tiempo y se ha convertido en una de las aplicaciones para compartir fotos más populares del mundo en todas las plataformas en las que ha sido lanzado. Pero al igual que muchas aplicaciones, tiene sus peculiaridades y pequeñas molestias que te hacen desear que haya una mejor alternativa en algún lado.En

(Consejos de tecnología y diseño)