Magnifier.js es una librería Javascript que permite el efecto lupa en un images.Magnifier.js utiliza Event.js como una prueba de cross-browser manejo de envoltura, que está disponible en Github y JSClasses.org

Funciona en Chrome, Firefox, Safari, IE 7, 8, 9 y 10.

 

Magnifier.js

 

Ir al enlace del proyecto  http://mark-rolich.github.io/Magnifier.js/

Añadir respuesta

Rayuela es un marco para hacer más fácil para los desarrolladores agregar giras de productos a sus páginas. Rayuela acepta un objeto JSON gira como entrada y proporciona una API para los desarrolladores para controlar la prestación de la pantalla gira y gestión de la evolución turística.

http://linkedin.github.io/hopscotch/

Añadir respuesta

Añadir respuesta

Combustible UX

Combustible UX es una increíble colección de mejoras en Twitter Bootstrap. Todos los controles están limpios y ligeros, y se ajustan de forma natural en el aspecto y la sensación de arranque. La colección incluye controles como datagrids, cajas selectas personalizados, hilanderos, los árboles, los asistentes forman varios pasos y mucho más. Sitio web | Github Combustible UX

Jasny

Jasny es otra colección de componentes de la interfaz útiles para la rutina de carga. Cuenta con controles como las máscaras de entrada, carga de archivos botones, iconos, estilos de forma adicional y más. Usted puede obtener una versión de arranque con todos los cambios se han integrado, o puede descargarlos por separado como plugins. Sitio web | Github Bootstrap Jasny

Galerías

Cabe destacar que se puede utilizar cualquier plugin de jQuery regular con su sitio web con motor de arranque.Esto significa que cualquiera de las galerías de nuestra colección de plugins jQuery  funcionará perfectamente bien. Lo que estos plugins no tendrán, sin embargo, es el lenguaje de diseño de arranque y la forma de hacer las cosas. Por esta razón, prueba estos tres plugins creados específicamente con arranque en cuenta:

Lightbox Bootstrap

Bootstrap sí incluye un carrusel , pero se queda corta cuando se necesita para mostrar una foto en una caja de luz. Aquí es donde el simple Lightbox plugin de Bootstrap entra en juego. Todo lo que necesitas hacer es añadir el código HTML necesario para la página, y se obtiene una luz bonita y sensible, con un título opcional. Sitio web | Github Lightbox Bootstrap

Lightbox simple

Lightbox simple es otro plugin luz que es más simple que la anterior. Sólo se requiere que agregue un atributo de datos de la imagen y para inicializar el complemento. Sitio web Lightbox simple

Bootstrap Galería de imágenes

Bootstrap Galería de Imágenes es una solución completa para la galería de arranque. Después de incluir los archivos necesarios en su página, usted consigue una cuadrícula de imágenes que se abren en ventanas modales. La galería también puede ir opcionalmente en modo de pantalla completa. Tenga en cuenta que ahora hay una versión mejorada de este plugin que se reduce el requisito de Manos a la Obra, para que puedas utilizarlo en cualquier proyecto. Sitio web | Github Bootstrap Galería de imágenes

Diálogos y notificaciones

Bootstrap viene con una buena ventana modal aplicación fuera de la caja. Estos complementos hacen que sea aún mejor.

Bootbox.js

Bootbox.js una pequeña biblioteca JavaScript que automatiza el proceso de creación de cuadros de diálogo de arranque. Se crea el marcado necesario para ti, así que todo lo que tienes que hacer para provocar un diálogo de arranque es llamar a una función. Imita la incorporada en el navegador, como los cuadros de diálogo de alerta, confirmación y rápido. Sitio web | Github Bootbox.js

Modal Bootstrap

Modal Bootstrap extiende la clase modal de arranque por defecto. Hace que los diálogos predeterminados de respuesta y añade la posibilidad de cargar el contenido a través de AJAX automáticamente. Sitio web | Github Modal Bootstrap

Growl Bootstrap

Growl Bootstrap es un plugin de jQuery que convierte las notificaciones de Bootstrap en bonitos alertas Growl similares. Las notificaciones se pueden personalizar en gran medida, se puede elegir la posición en la pantalla, las dimensiones y las compensaciones de tiempo para desaparecer. Github Growl Bootstrap

Bootstrap Indicarme

Notify Bootstrap es una extensión fácil de usar para las notificaciones de arranque. Al igual que el plugin gruñido anterior, aquí también se puede personalizar en gran medida todos los aspectos de las notificaciones y donde se les muestra. Sitio web | Github Bootstrap Indicarme

Formas

Los formularios son el mal necesario del desarrollo web. Pueden ser tedioso y aburrido para crear y llenar, pero ocupan un lugar muy importante en nuestras interacciones en línea. Bootstrap ofrece una larga lista de mejoras en las formas en términos de usabilidad y presentación. No podrá ofrecer mucho más, pero los plugins de esta sección hacen un gran trabajo a cambiar eso.

Helpers de formularios Bootstrap

Helpers de formularios Bootstrap es una colección imprescindible para la mejora de los formularios web. Viene con 12 plugins jQuery personalizados que le dan todo, desde la fecha y hora de los campos recolectores, listas de fuentes, zona horaria, idioma y país y más. Sitio web | Github Helpers de formularios Bootstrap

Bootstrap Etiquetas

Bootstrap Tags es un plugin que puede mejorar sus cuadros de búsqueda mediante la presentación de los términos de búsqueda como etiquetas. El plugin también soporta filtros, marcadores de posición, popovers y auto sugerencia, así como un completo conjunto de funciones de devolución de llamada para que pueda conectarlo con su código. Plugins son similares Tags Gestor y Tag Bootstrap . Sitio web | Github Bootstrap Etiquetas

Interruptor Bootstrap

Sin interfaz móvil está completa sin un interruptor de control de iOS-como, y el interruptor Bootstrap le da una aplicación perfecta que encaja muy bien en el lenguaje de diseño Bootstrap. Usted puede personalizar el tamaño del control y los colores mediante la asignación de nombres de clase para el elemento. El plugin es muy sencillo de configurar, ya que se envuelve alrededor de una casilla de verificación existente. Sitio web | Github Interruptor Bootstrap

Markdown Bootstrap

He mencionado rebaja en Tutorialzine antes (incluso hicimos un sistema de blog ligero con él). Rebaja Bootstrap permite añadir funcionalidad de edición rebaja a la perfección para sus proyectos. Sitio web | Github Markdown Bootstrap

Maxlength Bootstrap

Maxlength Bootstrap es un plugin poco aseado que detecta el código HTML maxlength característica de un campo de texto, y muestra un contador interactivo de los caracteres restantes. Es una gran adición a los cuadros de texto y áreas de texto. Sitio web | Github Maxlength Bootstrap

Bootstrap Seleccione

Bootstrap favorece controles del navegador nativo, que es la razón por la que no expone las opciones de personalización para ellos. Sin embargo, en algunos proyectos, es útil contar con controles personalizables, como cuadros de selección, que es exactamente lo que hace Bootstrap Select. Este plugin te da un cuadro de selección bonita y personalizable que se adapta perfectamente a su página. Para una alternativa tratar conSelectBoxIt , o uno de los otros plugins conocidos como Select2 o elegido . Sitio web | Github Bootstrap Seleccione

Selección múltiple Bootstrap

Y para las entradas de selección sin el atributo múltiple, puede utilizar Selección múltiple Bootstrap. El plugin crea una interfaz intuitiva para el uso de entradas de selección con varios atributos presentes. En lugar de una selección, un botón de arranque se mostrará como un menú desplegable con las opciones individuales como casillas de selección. Sitio web | Github Selección múltiple Bootstrap

WYSIHTML5 Bootstrap

WYSIHTML5 Bootstrap es un editor de texto enriquecido hermosa de arranque que viene en forma de un fácil insertar plug JavaScript. Se le da sólo la funcionalidad básica, pero esto va a estar bien para el 90% de los casos de uso. Por un poco más avanzado editor, pruebe éste  o el increíblemente poderoso TinyMCE . Sitio web | Github WYSIHTML5 Bootstrap

Asistente para formularios Bootstrap

Es una buena práctica para dividir formularios largos en trozos más pequeños, contextualmente similares. Esto los convierte en un poco más fácil de manejar que hace. El Asistente para formularios Bootstrap lo hace por usted y más. Sitio web | Github Asistente para formularios Bootstrap

jqBootstrapValidation

jqBootstrapValidation es un plugin que hace que sea fácil de validar sus formas Bootstrap. Es fácil de incluir en su proyecto y todas las reglas de validación se describen como atributos de datos de los elementos de entrada.Si usted necesita un plugin alternativo, eche un vistazo a asentir . Sitio web | Github jqBootstrapValidation

Archivo jQuery Subir

Subir archivo jQuery es una muy poderosa y versátil plugin de carga de archivos. Vea nuestro tutorial sobre elloaquí . El plug-in no es estrictamente para arrancar, pero todos los ejemplos de su página web utiliza el marco frontend ampliamente. Sitio web | Github Archivo jQuery Subir

Bootstrap de autocompletar

Bootstrap de autocompletar es una biblioteca que se suma twitter y facebook-como menciones a sus contenidos áreas de texto editables. Se necesita una gran variedad de terminaciones y los inserta como nodos en el área de texto en un partido disponibles. Sitio web | Github Bootstrap de autocompletar

Fecha y hora Pickers

La aplicación web requiere probablemente fechas a formato de una manera específica, y esperar que las personas que escriben manualmente en un camino que sólo puede conducir a la frustración. El mejor enfoque es tener un widget que permite a los usuarios simplemente haga clic o toque en la fecha que necesitan. Los plugins de esta categoría añadir esta funcionalidad a sus formas Bootstrap.

Daterangepicker

Daterangepicker es un plugin para Manos a la Obra, que es la adición perfecta a su página de informes.Permite a los usuarios elegir períodos de tiempo preestablecidos como los últimos 7 ó 30 días (puede definir sus propios presets) y pueden también elegir un intervalo de tiempo arbitrarios. Sólo tiene que pasar algunas funciones de devolución de llamada al crear instancias del plugin, y ya está listo para ir. Echa un vistazo a untutorial que hemos utilizado este plugin para actualizar un gráfico. Sitio web | Github Daterangepicker

TimePicker Bootstrap

TimePicker Bootstrap es un bonito y tacto plugin de usar que te permite convertir los campos de texto en los controles de selección de tiempo. No tiene soporte para las fechas, pero para eso se puede utilizar uno de los siguientes Plugins. Sitio web | Github TimePicker Bootstrap

CLOCKFACE

Clockface es un plugin alternativo al anterior. Presenta las horas y los minutos como etiquetas de texto en un círculo. Si bien es un poco feo para mi gusto, le doy puntos por originalidad. Sitio web | Github CLOCKFACE

Datetime Bootstrap

Bootstrap fecha y hora Picker es un plugin con todas las funciones que te permite convertir un campo de texto en una fecha muy útil y control de selector de tiempo. El plugin es bonito y encaja muy bien con el lenguaje de diseño de la estructura. También es bastante fácil de personalizar con CSS. Para ver una alternativa a este plugin . Sitio web | Github Datetime Bootstrap

Bic_Calendar

Bic_Calendar es un widget de calendario simple que puede mostrar eventos cargados por AJAX. Un script PHP ejemplo se incluye que las salidas de los hechos como un objeto JSON. Los eventos son mostrados en el calendario y se muestran en una ventana emergente. Sitio web | Github Bic_Calendar

Selectores de color

Entrando colores es otra área que los usuarios necesitan ayuda. Usted simplemente no puede pensar en un color y escribir el valor hexadecimal – es necesario visualizar de alguna manera. Los plugins enumeran aquí ayudar a aliviar este problema mediante la creación de controles y muestras de selector de color.

Elija un color

Elija un color es un complemento de arranque que muestra un selector de color avanzado. Usted puede elegir los colores mediante la modificación de uno de los presets, eligiendo una guardada previamente uno o generar un color mediante la modificación de los componentes de tono, saturación y luminosidad. Sitio web | Github Elija un color

Colorpicker de Bootstrap

Colorpicker de Bootstrap es un selector de color más tradicional – se obtiene un Photoshop-like widget que te permite elegir el color principal y los matices específicos. Personalmente considero que esto sea más fácil de utilizar que el plugin de arriba. Sitio web | Github Colorpicker de Bootstrap

Paleta de colores

La paleta de colores es un plugin de Manos a la Obra que muestra una cuadrícula de muestras de color cuando un campo de texto está centrado. El plugin es fácil de integrar en su proyecto de arranque. Sitio web | Github Paleta de colores

Tablas

Manos a la Obra ya ofrece estilos básicos de mesa que hacen un gran trabajo con datos simples. Sin embargo, lo que si desea que los datos sean clasificables, buscar y presentable en varias páginas? Sigue leyendo.

Mantel

Mantel es un plugin que hace que sus cuadros bonitos. Viene con una serie de estilos incorporados, y utiliza plugins como tablesorter internamente para que los datos de las tablas se puede ordenar. Sitio web | Github Mantel

Tablas de datos

Tablas de datos es otra tabla mejorar addon de Manos a la Obra. Este plugin no sólo hace que las tablas se puede ordenar, sino que también hace uso de los controles del marco de paginación y hace que la búsqueda de datos. Sitio web Tablas de datos

Mejoras en la interfaz

Esta sección contiene varios plugins que mejoran la interfaz de su aplicación web.

Bootpag jQuery

Bootpag jQuery es un plugin de mayor paginación arranque. Es muy fácil de instalar – sólo tiene que pasar una función de devolución de llamada y escuche la página del evento. Dentro de esa función, puede actualizar el elemento contenedor con el contenido que necesitas. Sitio web | Github Bootpag jQuery

Tocify

Tocify es una tabla de contenidos plugin. Explora su página en DOMReady, en busca de las partidas, y crea una rutina de carga – Mesa de estilo de los contenidos de forma dinámica. Sitio web | Github Tocify

Bootstrap Enlace Prevista

Bootstrap Enlace previa es una biblioteca JavaScript que ofrece una vista previa de Facebook-como para las direcciones URL. Es muy simple de usar y pesa sólo unos pocos kilobytes. Para evitar la misma directiva de origen depende de un script PHP sin embargo. Sitio web | Github Bootstrap Enlace Prevista

Caída Tab

Caída Tab es un plugin limpio que oculte las pestañas en una lista desplegable, si no caben en una sola fila.Esto puede ser muy útil en el diseño de sitios sensibles que necesitan trabajar en pantallas pequeñas. Sitio web Caída Tab

Flippant.js

Flippant.js es un pequeño plug-in que le permite voltear elementos para revelar más contenido con una transición suave CSS. Usted puede poner cualquier contenido en la parte trasera – simplemente pasarlo como argumento a la llamada a la función. Sitio web | Github Flippant.js

Pase el ratón desplegable

Otra mejora interfaz para Bootstrap. Con el plugin desplegable Hover puede activar desplegables del marco dela libración , además de hacer clic . Esto puede hacer que para una mejor experiencia de usuario con su sitio. Sitio web | Github Pase el ratón desplegable

Botones Sociales

Botones sociales es una colección de botones de redes sociales muy integrada con Bootstrap y fuentes impresionantes . Esto los hace muy fácil de escala y estilo. Sitio web | Github Botones Sociales

Bootstro.js

Bootstro.js es un plugin de arranque que le permite construir una visita guiada para los nuevos usuarios. El tour consiste en información sobre herramientas y plantillas que explican las funciones de la aplicación. El plugin tiene un montón de opciones y devoluciones de llamada, por lo que es fácil de conectar con el resto del código.Para una alternativa, la salida Bootstraptour . Sitio web | Github Bootstro.js

AJAX

Las extensiones de archivos de inicio de esta sección mango edición en línea de los contenidos con la sincronización automática con el servidor, se extienden a la estructura con enlaces AJAX y más.

X-editable

X-editable es una biblioteca que mejora la rutina de carga con capacidad de edición en línea. Al hacer clic en un elemento que está dispuesto a ser editable, se abrirá una ventana emergente de arranque con un campo de texto y botones. Además, es compatible con la edición en línea y tiene muchos tipos diferentes de controles de texto, incluyendo editores de texto enriquecido y selectores de fecha. En una edición de éxito, el plugin envía una petición AJAX al servidor. Sitio web | Github X-editable

Eldarion AJAX

Con Eldarion AJAX se puede ampliar con arranque automático de AJAX solicitud manipulación. Basta con añadir el ajax clase al botón o enlace que desea mejorar, y el plugin se encargará del resto. Se enviará una solicitud y sustituir el contenido del elemento con la respuesta del servidor. También puede presentar formularios de la misma manera. Sitio web | Github Eldarion AJAX

TYPEAHEAD

TYPEAHEAD es una biblioteca por Twitter que ofrece un control de autocompletar rápido y con todas las funciones para su sitio. Es compatible con traer los datos de autocompletar a través de AJAX, almacenamiento en caché, la limitación de velocidad y mucho más. Las selecciones más comunes se muestran como sugerencias. La biblioteca no depende de la rutina de carga, pero puede ser fácilmente integrado con él. Sitio web | Github

Añadir respuesta

Este set en particular es muy completo, posee cajas de precios y formularios, que en muchas otras plantillas no se tienen en cuenta, widgets, calendarios, íconos, reproductor de video y menús, todo elaborado con colores estridentes y formato plano muy similar al estilo del último sistema operativo de Microsoft, Windows Metro. La plantilla se encuentra en formato .psd y está disponible para descargar y utilizar en forma gratuita. Descargar Metro Tiles UI Kit | SixRevisions

Añadir respuesta

1. Sisyphus.js: Inspirado en Gmail, una biblioteca JavaScript especialmente diseñada para trabajar con formularios HTML que necesitan persistencia de datos. Su principal ventaja es la de funcionar en la mayoría de los navegadores modernos: Firefox 3.5+, Safari 4+, Opera 10.5+, Chrome 4+ e IE 8+. 2. ngStorage: Una solución para el almacenamiento de datos que funciona perfectamente como modulo de AngularJS. 3. Bootup.js: Una biblioteca JavaScript de muy sencillo uso que permite almacenar en Local Storage archivos estáticos. 4. Basket.js: Una solución para almacenar scripts directamente en la navegador del usuario. 5. jQuery Offline: Un excelente plugin para funcionar de manera conjunta al framework jQuery para el almacenamiento de datos en local storage, especialmente pensado para almacenar información representada en formato JSON. 6. Locache: Un pequeño framework para almacenar información en formato llave:valor, además cuenta con la ventaja de permitir definir el tiempo de expiración, además de tener mecanismos para funcionar en navegadores que no soportan localStorage. 7. localStorageDB: Una solución novedosa que utiliza LocalStorage como una base de datos SQL, empleando una sintaxis muy familiar y de fácil manipulación. 8. Store: Un excelente recurso para la manipulación de datos almacenados tanto en LocalStorage como en SessionStorage. 9. lscache: Una biblioteca que emula el funcionamiento de memcache pero utilizando HTML5 y LocalStorage. Si alguna vez trabajaron almacenando información mediante memcache utilizar este recurso les resultará de lo más sencillo. 10. GAuth Authenticator: Un ejemplo de aplicación que permite realizar autenticaciones mediante el uso de LocalStorage, implementa RFC4226 y se comprobó que funciona con: Google Authenticator, Dropbox, Dreamhost y Amazon.

Añadir respuesta

DownloadAstro es un sitio de descargas de software en español, que incluye el mayor catálogo de software disponible para la audiencia española. Yo me preguntaba si no te importa la actualización del enlace hacia la pagina del proyecto es.DownloadAstro.com - con más de 300K software y juegos, incluyendo críticas profesionales y valoraciones de los usuarios

Añadir respuesta

FlyLabel.js es un recurso novedoso, al menos para mi, ya que desde que investigo en busca de nuevos proyectos para publicar en esta bitácora es la primera vez que encuentro una herramienta para animar las etiquetas  Este recurso escrito en JavaScript esta basado en FloatLabel (desarrollado por el programador Matt Smith) permite animar de forma sencilla las etiquetas label de un formulario, logrando un bonito efecto que logra hacer más divertida la tediosa tarea de llenar un formulario web. Todas las animaciones las pueden encontrar en la demostración online oficial del proyecto.

Añadir respuesta