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 ...

Slide Note es un sencillo plugin desarrollado en jQuery que te permitirá mostrar una nota en tu página web con efecto de slide, bastante visual para mostrar un mensaje de bienvenida o la información que desees. Además Slide Note puede mostrar el contenido de una URL y opcionalmente puede mostrar también algún elemento incrustado en una página Html. Una vez instalado este plugin, su funcionamiento es sencillo, una vez abras tu página y al hacer scroll aprecerá tu nota con un efecto de slide desde el lateral del mismo, además tiene un botón de cierre al estilo de aplicaciones Mac. Puedes ver una Demo a través de slidenote.info, realiza scroll con tu ratón y la nota aparecerá. Como opciones de configuración podrás cambiar el botón de cierre de la Nota y la esquina desde donde aparecerá la misma. Podrás utilizar este plugin en cualquier plataforma, WordPress, Joomla, Drupal, eso sí sabiendo algo de código, pero ...

Si estás buscando una buena plantilla para comenzar a desarrollar tu tienda en internet, quizás te interese echar un vistazo a estas plantillas. Se trata de una pequeña recopilación de temas que podrás implementar en WordPress, Joomla, Drupal y que además son gratuitas. iPhone App (Descargar) Shop Around (Demo | Descargar) Ikonik (Demo | Descargar) Speed Racing (Demo | Descargar) PinkShop (Demo | Descargar) Book Store (Demo | Descargar) Visto en ...

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 ...

Tile5 es un proyecto open source (código abierto) que te permitirá mostrar mapas con HTML5 a través de una librería en Javascript. Una vez integrado tus usuarios podrán disfrutar de una experiencia más completa mediante HTML5. Además Tile5 es compatible con la mayoría de proveedores como Bing, Google, Yahoo, MapQuest… Detrás de la API utilizada para generar los mapas la librería Javascript te permitirá también crear otro tipo de interfaces. Además HTML5 provee de compatibilidad con plataformas móviles y navegadores de escritorio por lo que aseguras la visualización de la aplicación en cualquier de ellos. Puedes ver distintas demos de implementada a través de la página del proyecto. Además puedes acceder a la documentación de la API bien detallada, así como unos tutoriales para implementar Tile5. Página proyecto ...

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, ...

Nos hemos encontrado con una fantástica aplicación web que te va a permitir hacer básicamente lo que propone el título del Post. Typechart Te permitirá buscar entre diferentes tipos de letra, comparar los tipos visualizándose en equipos Mac o Windows y finalmente descargar el código CSS asociado. Normalmente comentamos que lo bueno de estas aplicaciones web o recursos online es que a partir de ofrecer servicios gratuitos te simplifican tu trabajo. Pongamos el caso que estés en pleno desarrollo de una página web. Con esta herramienta vas a poder comparar los resultados de tu layout para equipos Mac y Windows, dicho de otra forma como se va a ver tu página en distintos equipos. De momento incluye los tipos de letra básicos utilizados en la web, aunque es posible que se actualice con nuevos tipos. Lo fundamental con los tipos actuales es que son los predefinidos que se utilizan en internet. Puedes experimentar tu ...

Si utilizas Twitter a menudo quizás te interese realizar copias de seguridad de tus tweets o bien archivarlos de forma que puedas encontrar algún enlace interesante y que a través de la interfaz web se te hace imposible, ya que Twitter por defecto no guarda tweets con más de 2 semanas de antiguedad. Para ello dispones de Tweet Nest una aplicación Open Source que te permitirá archivar todos tus tweets y a través de su interfaz web podrás explorar todo tu contenido. Además se archiva por meses y también por tipo de tweet (tweet, retweet, replicas…) Para utilizar Tweet Nest necesitarás tener instalado un servidor PHP + MySql para implementarla y luego poder configurarla. Puedes utilizarlo y comentarnos que te parece. Si utilizas a diario Tweeter puede ser una buena solución para gestionar tu cuenta en Twitter. A través de la página del proyecto de Tweet Nest tienes un pequeño tutorial para configurar la aplicación, ...

Como podéis ver últimamente se proporcionan multitud de herramientas online a base de proyectos, que te ayudan a diseñar o construir un sitio web. En este caso pongamos el caso de querer construir una hoja de estilos propia, para una intranet, para una página de empresa o sitio en internet. Para ello cuentas con Instant CSS Code, una fantástica aplicación web que te permitirá hacerlo. Además tendrá el formato valid HTML/xHTML y podrás generarlo según tus preferencias en pocos pasos. Los pasos a seguir según su desarrollador son los siguientes: Introduce el nombre de tu proyecto. Selecciona las opciones. Introduce etiquetas de Identificadores. Enviar. …. Instant CSS Code hace el resto. Parece fácil y realmente lo es. Personalmente me guardo el enlace. Muchas veces no se trata de saber realizar una tarea sino de automatizar el proceso. Para ello Instant CSS Code es perfecto. Puedes acceder a la página del proyecto Instant CSS ...

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 ...

CSS3 Menu es una aplicación online gratuita para crear tu propia barra de menús dinámica completamente en CSS3 y además sin utilizar para ello nada de Javascript. Puedes elegir desde la página de este proyecto el diseño que quieres, dispone de estilo Android, Mac y Apple, con variaciones en colores y estilos. Luego puedes visualizar el resultado y descargar el código para tu página, así de sencillo. Además está disponible para Windows y para Mac. Los menús se generan con una estructura de listas en Html y se pueden implementar en horizontal o vertical, con submenús múltiples. Como decimos puedes previsualizar el menú generado, depués de que elijas tu estilo propio y luego descargar el código, listo para usar en tu página web. Puedes ver este ejemplo con estilo Mac o acceder directamente a la página de CSS3 Menu para elegir tu propio diseño. Página web CSS3 ...

PaintbrushJS Playground es una librería desarrollada en Javascript que permite aplicar efectos de imagen en el lado del cliente. Utiliza elemento Canvas y funciona aplicando una clase en jsp a un elemento en la página web y aplicando parámetros con algunos elementos en HTML. Actualmente este proyecto permite aplicar los siguiente efectos: Blur, escala de grises, mosaico, ruido, posterizado de imagen, tonos sepia y tinta de color. Puedes ver una Demo de esta librería y ver como funciona a través de su página web. Te permitirá aplicar cada efecto mediante una barra y ver la rapidez con que aplica los efectos. Recuerda que está desarrollada por completo en Javascript. Además también puedes descargar el código y acceder a la documentación de esta clase. Página web PaintbrushJS Playground Visto en ...

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 ...