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

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

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

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

PHP RSS Reader en una aplicación gratuita con un servicio de pago que se acaba de actualizar con importantes mejoras y características, la aplicación consigue varios feeds distintos y puede organizarlos dentro de categorías. Parecido a lo que hace Google News, puede mostrar artículos relacionados basados en RSS. Además la versión de pago de PHP RSS Reader te permitirá organizar en categorías el contenido incluyendo palabras clave, además de poder monitorizar el uso. Esta nueva versión dispone de multi-interfaz de usuario con lo que cada usuario podrás crear sus propios feeds y votar por las historias mostradas. PHP RSS Reader puede ser muy interesante para ti si estás creando un sitio con feeds de otros recursos en internet. O también para redes de contenidos y mostrar contenidos similares de otros sitios web así como para monitorizar a través de palabras clave. Además la versión de pago viene con un panel de instalación. Puedes ver una ...

Toucan Css Reset es un framework en CSS que te permitirá minimizar las diferencias de renderizado de objetos entre los diferentes navegadores web y realizará un reset en código Css para mostrar esta compatibilidad. Además recompondrá con las nuevas reglas genéricas para tipografía, cabeceras, listas, formularios, tablas… para que sean compatibles con cualquier navegador y tu página se visualice de igual forma en los distintos navegadores. Toucan Css Reset se trata de un ligero framework, tan solo pesa 2,5 kb comprimido y realmente es fácil de enteder lo que hace. Lo puedes utilizar y aplicar a tus propios trabajos y beneficiarte de la compatibilidad que te proporcionará en todas tus páginas web. Dispones de una Demo, para probar el código con cada elemento en diferentes navegadores y comprobar tu mismo la compatibilidad que ofrece. Perfecto para el diseño ya creado en tus páginas web. Demo Toucan Css Reset Código Toucan Css Reset Introducción y forma de ...

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

wdCalendar es un plugin en jQuery muy potente y que ofrece características similares a Google Calendar, además con una API de desarrollo muy completa. Este calendario funciona mediante Arrastrar/soltar eventos y de forma muy sencilla. Además se pueden crear/borrar/modificar eventos muy rápido. Se trata de un calendario completo que puedes implementar sobre un diseño ya creado. Además ofrece vistas por días/mes/año y el día presente y el contenido se actualiza de inmediato, me ha sorprendido la interfaz que tiene y las posibilidades también. La interfaz de wdCalendar se comporta de forma fluida y estable. Dispones de una vista por días, meses o años para organizar los eventos del calendario de forma muy dinámica. Puedes ver una Demo de WdCalendar desde este enlace Sitio Web WdCalendar Visto en ...

Una de las nuevas funciones disponibles con CSS3 es box-shadow por la que puedes añadir sobre a las cajas de texto o contenedores con CSS. Esta función ya está añadida en Safari 3 y Firefox 3.1 por lo que la puedes incluir en tus diseños sin problema. Esta propiedad toma 2 valores de largo y un color. box-shadow toma 3 propiedades: offset horizontal: el valor positivo significará que la sombra se situará a la derecha del elemento y una valor negativo a la izquierda del mismo. offset vertical: que tomará un valor negativo para colocar la sombra por encima del elemento y un calor positivo por debajo del mimo. blur radios: este parámetro con valor 0 cojerá la máxima definición para la sobra y conforme subamos en número ofrecerá un aspecto más difuminado. Ahora vamos a ver un ejemplo de uso: (tras el salto) [html] Esto es un ejemplo de box-shadow… [/html] Fuente ...

PIE, Progressive Internet Explorer es un archivo .htc que le dará la opción a versiones de Internet Explorer 6-8 de reconocer y visualizar un buen número de propiedades en CSS3. A la hora de estilar no requiere que realices cambios drásticos en el Codigo CSS. Además no requiere de menciones a vendedores del estilo:  border-radius -moz-border-radius, (como es el caso de navegadores Firefox) Simplemente tendrás que enlazar con un adjunto en el Código CSS de la siguiente manera: [html]behavior: url(PIE.htc);[/html] y habilitará parcialmente todas las propiedades CSS3 como: border-radius box-shadow border-image multiple background images linear-gradient as background image Fuente ...

Una de las mejores aplicaciones de escritorio para editar en Css es Dreamweaver, no obstante si utilizas varios equipos o te resulta más comodo editar con herramientas online puedes utilizar estas herramientas que te proponemos. CSSDesk – Online CSS Sandbox Una de las mejores herramientas online para editar Css ya que puedes previsualizar los cambios de forma rápida y simple. Permite colorear el código además puedes descargar el archivo resultante una vez termines de editarlo. Te recomendamos que lo pruebes. CSS Formatter and Optimiser Con esta herramienta puedes pegar directamente tu archivo Css o enlazar a la ruta donde tienes alojado el mismo para poder editarlo. Además dispones de un informe con los cambios realizados al archivos Css. Online CSS Editor Con Online Css Editor puedes editar directamente tu Código y además previsualizar los cambios y una vez terminado tu trabajo te permite al igual que CSSDesk exportar a un archivo. CSS Compressor Con CSS compressor puedes optmizar ...

Con Simple Customer vas a poder gestionar tus contactos de una forma sencilla. Tampoco ofrece funciones avanzadas pero te permitirá una interfaz simple para lo dicho. Es una buena herramienta online. Esta desarrollado en php y MySql además puedes descargar el código y ver una DEMO. Por si no te convence puede ser fácil y con los conocimientos necesarios de ampliar su funcionalidad. Como idea base es bastante buena, una sencilla aplicación para gestión de tus contactos. Puedes ver una DEMO además de descargar el CODIGO para crear tu aplicación. Demo | Simple Customer Descarga | Simple ...

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