jDownload es un plugin en jQuery que te permitirá ofrecer más información sobre las descargas en tu sitio web. El funcionamiento es el siguiente, una vez le des al link de descarga y con el plugin implementado en tu página, se hará un llamada a un archivo php mediante Ajax por la que devolverá información como nombre, tipo y tamaño de archivo en una ventana dinámica. A partir de aquí tus usuarios podrán elegir a través de esta ventana si descargar el archivo o bien cancelar la descarga. Una buena medida antes de descargar cualquier tipo de archivo. El plugin requiere interfaz gráfica de jQuery detrás del propio plugin para implementar la ventana dinámica y viene con varias opciones de personalización, incluyendo dimensiones de la ventana y otros aspectos. Además este plugin puede trabajar con tipos de archivo zip o rar, comprimidos, además de otras opciones como enviar por email para ofrecer más ...

Un recurso bastante utilizado estos días en páginas web es hacer un Slider con imágenes de los productos, artículos, noticias, fotografías que ofrezcamos en dicha página, ya os hemos hablado de otros slider de imágenes que puedes implementar en tu página. Esta tarde os hablamos de Choco-Slider un delicioso plugin que mostrará vuestras imágenes con un efecto de transición muy original, además pesa tan sólo 7 kb por lo que tu página cargará igual de rápido con el plugin implementado. Este plugin dispone de varios efectos originales, además de opciones de personalización incluyendo dimensiones del contenedor, auto slide, retraso de tiempo para las transiciones, controles de anterior, siguiente, on /off y mucho más. Choco-Slider es compatible con los principales navegadores web, como firefox, chrome, internet explorer, safari… Puedes descargar el plugin desde la página de ...

Seguramente ya has visto algún ejemplo de acordeon en jQuery, es un menu bastante original y elegante, además le da mucho dinamismo a una página web. Easy Accordion es un plugin con el que podrás implementar rapidamente un menu dinámico en jQuery. Easy Accordion generará el manu a través de listas definidas, además es compatible con SEO. Podrás también añadir multiples instancias que podrás colocar en la misma página, es decir varios menus distintos con este plugin. Se trata de un plugin muy completo en el que puedes utilizar imágenes, listas, Flash… y quedará totalmente personalizado con CSS. Además podrás configurarlo con varias opciones como auto-display, initial load, podrás incluir un número predeterminado de imágenes para el slide… Pruebalo y comentanos! Desde el enlace al plugin tienes documentación disponible para implementarlo de forma rápida y sencilla en tu página web. Easy Accordion Demo. Easy Accordion está disponible en ...

Hoy os traemos un estupendo plugin jQuery con el que podrás mostrar la webcam con un marco en tu página web. Está desarrollado en jQuery y utiliza Flash de Adobe para permitir el acceso a la cámara web. Además dispone de otras características como captura de imágenes utilizando la webcam. Este plugin puede mostrar una lista de webcams disponibles y seleccionar una de ellas. El Streaming de video se puede realizar en cualquier tamaño, sin embargo requiere recompilar el código de SWF para ello. Se describe en la documentación del plugin. Puedes ver una Demo de este fantástico plugin y si necesitas implementarlo dispones de un manual bien ...

Ya os hemos enseñado varios ejemplos de Carruseles de imágenes desarrollados con jQuery en DiarioTHC. Muestran varias imágenes de productos o imágenes en forma destacada en un sitio web, de forma que se puede promocionar mucho mejor. En este caso os queremos mostrar carouFredSel, un nuevo plugin por el que conseguirás una cadena infinita de imágenes en el mismo, nunca se dejarán de mostrar imágenes en vuestra zona destacada, queréis saber como?.. os lo mostramos después del salto. carouFredSel es un plugin que utiliza una función por la que toma un número limitado de imágenes y una vez que se hayan mostrado seguirá mostrando imágenes en forma aleatoria con el set de imágenes de que dispone. Este plugin trabaja con varios objetos en diferentes alturas y anchuras y es compatible con cualquier plugin lightbox en jQuery. Es posible añadir o eliminar objetos del carrusel dinámicamente y dispone de controles para manejar el desplazamiento, ...

Una de las técnicas usadas en Diseño web pasa por mostrar en la página de inicio las últimas noticias, bien sea a través de un Blog o como presentación de productos en una tienda. Orbit es otro excelente plugin para mostrar un Slider de imágenes en gran tamaño, además lo puedes implementar fácilmente en tu página web. A través de la página del proyecto te explica de forma sencilla como utilizar este plugin y lo podrás implementar en cualquier plataforma: WordPress, Blogger, Drupal, Joomla… te decimos como hacerlo en DiarioTHC. Para ello tendrás que descargar Orbit Kit desde su página. También necesitarás descargar jQuery. Ahora referencia en la página que vaya a ir el Slider las 2 clases (entre las etiquetas <head></head>), jQuery primero y Orbit después, de la siguiente forma: [html] [/html] El siguiente paso es añadir el CSS que quieras. Referencialo en el header también. [html] [/html] Ahora añade el div en el body, donde vaya a ...

Touch Gallery es un fantástico plugin para presentar galerías de imágenes en navegadores web móviles, está realizado en jQuery y es un plugin muy ligero y fácil de usar. Además con navegadores que posean funciones limitadas mostrará a la perfección las imágenes y también tiene implementadas funciones para dispositivos multitouch. Esta galería desarrollada en jQuery depende directamente de otros 2 plugins para su funcionamiento, transform y activity-indicator, ambos incluidos en el paquete de descarga de Touch Gallery. La forma de uso está explicada desde la página del proyecto y verás lo fácil de usar que resulta, para ello, simplemente tienes que subir tu galería de fotos a tu página y luego añadir al final de la misma el script para que se ejecute este plugin. De esta forma tan sencilla podrás implementar este plugin, en cualquier plataforma con la que trabajes y el resultado es bastante bueno y como decimos de carga ligera, ideal ...

bxCarousel es una fantástico Carrusel para presentación de imágenes o productos muy fácil de personalizar e implementar. Te permite especificar el número de elementos que se mostrarán y adicionalmente los botones para realizar el slide. Además lo puedes configurar de 2 formas posibles, para que el carrusel se mueva automáticamente nada más cargar la página o de forma manual a través de botones. En la forma automática podrás configurar la duración de tiempo entre cada transición, así como la velocidad y dirección de las transiciones de forma simple. Recuerda, bxCarousel, una opción muy interesante de implementar un carrusel para tu página web, bien para imágenes y otros elementos, además puedes personalizar el código de forma sencilla. A través de la web del proyecto de comentan como hacerlo. Página de proyecto ...

jQuery Image Scale Carousel te que permite redimensionar o escalar al vuelo un Carrusel de imágenes realizado en jQuery. Además de ofrecer tus imágenes de calidad puedes permitir al usuario cambiar el diseño de forma sencilla para visualizar en cualquier tipo de dispositivo. Por otra parte si tus imágenes son de alta resolución o no tienen un tamaño estándar, esta librería realizada en jQuery te ayudará a redimensionarlas de forma sencilla. También se puede utilizar, como decimos, como añadido para el usuario, para distintos tipos de dispositivos y resoluciones. Este Carrusel de imágenes se puede implementar a través de un plugin y convertirá cualquier imagen con la altura y anchura necesarias. Además dispone de controles para imagen (siguiente, anterior) así como auto-play para mostrar pase de diapositivas. A través de la página del proyecto tiene indicaciones para poder implementarlo con facilidad en cualquier sitio o proyecto web. Puedes acceder a este proyecto a través de la página ...

jQuery iPhone UI es una librería realizada en Javascript que emula a la perfección la interfaz del iPhone a través de una web-app que está disponible a modo de demo desde esta página. Con ella se pretenden crear aplicaciones web, emulando la interfaz del iPhone con funcionalidades distintas, es bastante original. el jQuery Team acaba de anunciar que van a poner su esfuerzo en desarrollar aplicaciones web móviles y dicho esto, ya han sacado esta librería para lanzar aplicaciones web sencillas a través de esta interfaz. Una vez cojas esta librería en jQuery verás la facilidad de uso que tiene y la soluciones listas para usar. Además puedes ver otros proyectos en los que están trabajando el jQuery Team, como sharekit, también para aplicaciones web para móviles. Estas aplicaciones se pueden ejecutar en un navegador web y accesibles y de fácil carga a través de dispositivos móviles. Sin consumir muchos recursos y con ...

A través de noupe.com hemos visto esta fantástica recopilación de técnicas en Javascript y jQuery listos para utilizar en Diseño de páginas web. Esta recopilación cuenta con Snippets, librerías, artículos, herramientas y recursos listos para usar que mejorarán la experiencia de usuario en tu Sitio Web ofreciendo un mayor dinamismo, productividad y presencia. Colorful Sliders With jQuery & CSS3 En este Tutorial se usa jQuery además de características en CSS3 para crear un efecto Slider dinámico en 3D. Estas técnicas se puede utilizar en pequeños proyectos con jQuery. Sponsor Flip Wall With jQuery & CSS Este codigo ya lo vimos en una entrada anterior y te proporcionará un bloque de Banners animados en jQuery, bastante dinámico, para tu página web. TipTip jQuery Plugin TipTip detecta el tamaño de las ventanas de los navegadores y permite dar tamaño a los tooltip con coherencia. De esta forma el tooltip se ajustará perfectamente al tamaño de pantalla. Está ...

Si trabajas con algún plugin o funcionalidad que requiera jQuery, como por ejemplo galerías de imágenes o contenido dinámico en tu página web y necesitas que esté actualizado jQuery a la última versión puedes utilizar un hack para WordPress que te permitirá hacerlo de forma automática. De esta forma jQuery estará siempre en la última versión sin tener que actualizar nada por tu parte. Este hack utiliza los servidores CDN de alta velocidad de Google, que se actualizan automáticamente. Para ello deberás modificar functions.php de tu plantilla de WordPress y agregar el siguiente código. De esta forma tu tema buscará en la carpeta de los servidores de Google en cuenta de tu tema. [php]if( !is_admin()){    wp_deregister_script(‘jquery’);    wp_register_script(‘jquery’, (“http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js”), false, ”);    wp_enqueue_script(‘jquery’); }[/php] Prueba este hack con cuidado, si ves que pierde compatibilidad con algún otro plugin simplemente comentalo. Fuente ...

Este tema gratuito para WordPress tiene un estilo de revista con el que se pueden visualizar páginas con amplios contenidos. Además de tener un diseño original en colores dinámicos. Está diseñado por WeFunction Design Agency. Y está diseñado con un tipografía orientada al estilo de revistas. Dispone de licencia GPL con lo que lo puedes utilizar para tus proyectos personales sin ningún tipo de restricción. Magazine Theme para WordPress cuenta con un diseño que le aportan mucha funcionalidad. Justo debajo de la cabecera dispones de un panel creado en jQuery para mostrar rápidamente tus noticias destacadas además incluye una previsualización de imagen del Post. Así mismo cuenta con menus laterales para mostrar las noticias destacadas de igual forma con un aspecto muy visual y también funcional. Así como artículos relacionados. También dispone de un extra con los posts relacionados para las entradas individuales. Imagen preview Tema WordPress Magazine Demo Tema WordPress Magazine Descarga Tema WordPress ...

Google Chrome se actualizó hace pocos días para Linux y Mac con versiones finales y además de ser uno de los navegadores más rápidos que existe también ofrece extensiones para mejorar el producto, te vamos a proponer unos cuantos que debes tener en cuenta si te dedicas al diseño o desarrollo de aplicaciones. Firebug Lite Esta extensión para Google Chrome te mostrará un inspector de código fuente para tu navegador, con el podrás observar rapidamente el código fuente. Web Developer Web Developer es una extensión con la que se añade una toolbar en tu navegador para mostrarte el layout de una página de forma sencilla. Resolution Test Te permite cambiar de resolución dentro del navegador a través de un botón y de forma muy rápida. Pendule Te permite modificar al vuelo la composición de una página, omitiendo la carga de imágenes, también para mostrar el layout de las mismas. Image Cropper Te permite realizar captura de imágenes de forma tan ...

En este tutorial veremos como crear un panel de login animado con Mototools. Este panel se coloca en la cabecera y a través de un simple botón hará desplazar el contenido del mismo para realizar la acción de login o registro de nuevo usuario. Utiliza Mototools 1.2, a través del enlace tendrás acceso a la explicación paso a paso del proceso, por el que una vez descargado el código fuente te será más fácil implementarlo en tu Sitio Web siguiendo los pasos propuestos. A través de web-kreation.com no presentan este tutorial, que ya habíamos visto algo parecido, aunque este únicamente presentará el panel de login sin funciones adicionales como otros plugins. Además lo puedes implementar en cualquier Gestor de contenidos ya que es un código generalizado y también añade código CSS para estilar el panel. Tutorial | Sliding Login Panel With ...