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


Crear widgets con pestañas receptivas con GridTab

Siempre es más fácil crear sitios web utilizando herramientas de código abierto en lugar de reinventar la rueda. Estas herramientas van desde bibliotecas hasta complementos más pequeños, pero puede encontrar una solución para prácticamente cualquier cosa.

El fenomenal plugin jQuery GridTab es un buen ejemplo. Le permite configurar una grilla personalizada, definir los puntos de interrupción y crear un widget con pestañas receptivo que se adapte a cualquier sitio web.

Puede agregar sus propias clases de CSS o trabajar con las existentes para crear una función de pestaña que se adapte a su diseño. Este complemento también admite elementos de navegación para controles next / prev y alternar entre pestañas .

La instalación es muy sencilla y solo requiere la biblioteca jQuery como una dependencia . Una vez que esté instalado, puede tomar GridTab de npm o descargarlo directamente desde GitHub.

Tenga en cuenta que este plugin de widgets con pestañas tiene un estilo predeterminado, por lo que tiene una hoja de estilos CSS separada sobre el archivo del complemento JS. Sin embargo, siempre puede fusionar este CSS con el suyo para reducir las solicitudes HTTP.

Para inicializar el complemento, simplemente pase el tamaño total de la red junto con cualquier parámetro opcional (todos enumerados en GitHub).

Aquí hay una secuencia de comandos de inicialización simple:

 $ (document) .ready (function () {$ ('# gridtab-1'). gridtab ({grid: 3});}); 

Las configuraciones incluyen selectores personalizados, estilos de respuesta, configuraciones de borde / relleno / color y, por supuesto, una función de devolución de llamada .

Es posible que tenga curiosidad por ver cómo funciona todo esto y cómo se ve en su navegador. Consulte la sección "Demos" para ver algunos ejemplos, incluido el código fuente sin procesar que puede copiar.

La mayoría de las personas piensa en pestañas como características para widgets de perfil pequeño. Sin embargo, los sitios web de cartera también pueden hacer uso de cuadrículas con características tabuladas y el plugin GridTab es el mejor recurso para conseguir este efecto.

Todo lo que necesita saber, incluida la documentación completa, se puede encontrar en la página principal de GridTab. Esto también incluye un enlace al repositorio de GitHub para que pueda navegar a través de la fuente y comenzar a personalizar sus propias cuadrículas con pestañas receptivas.

10 mejores motores de búsqueda de aplicaciones móviles

10 mejores motores de búsqueda de aplicaciones móviles

Si usted es un usuario de iOS, es casi seguro que use la App Store para encontrar la aplicación que desea instalar en su teléfono. Sin embargo, las capacidades de búsqueda para la App Store distan mucho de ser poderosas. No te ayuda a encontrar alternativas a las aplicaciones que normalmente obtienes. P

(Consejos de tecnología y diseño)

15 aplicaciones Android Wear que debes descargar

15 aplicaciones Android Wear que debes descargar

Los relojes Android Wear ya están en marcha, con el anticipado Moto 360 finalmente en manos de los consumidores y otros fabricantes que anuncian nuevos relojes como el LG G Watch R. Con esta avalancha de nuevos productos, los desarrolladores están viendo el potencial del sistema operativo y han lanzado aplicaciones que son compatibles con él.En

(Consejos de tecnología y diseño)