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 es muy sencillo, tienes un “How To” a través de la misma página y verás que es sencillo de utilizar si sigues los pasos. Basicamente se trata de incluir el script del plugin en la cabecera (header), aplicar el plugin a uno o varios elementos y finalmente pasarle por parámetro las opciones de configuración. El plugin cargará nada más se inicie la carga de la página y estará activo cada vez que hagas scroll.

• Página web Slide Note.

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

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 webresourcesdepot

Si necesitas una buena recopilación de temas WordPress gratuitos y estás pensando en hacer un nuevo blog o página web pásate por topwpthemes vas a encontrar gran cantidad de temas.

Además a través de esta página ya se está experimentando con diseños en HTML5 y CSS3 si exploras entre sus proyectos, verás fantásticos efectos en HTML5 y Javascript.

Además cuentan con elementos para agregar fácilmente bloques Adsense o a través de Banners de publicidad que son muy populares ahora en algunos sitios.

Estos temas están muy bien organizados, además puedes ver rapidamente una Preview para ver sus características y como decimos si te pasas por esta página te recomendamos que veas varios diseños porque emplean fantásticos recursos en Javascript para tratarse de Temas gratuitos. También en HTML5 y con nuevas propiedades en CSS3.

• Puedes acceder a través de la página de topwpthemes

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

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 todo el potencia de jQuery.

• Puedes acceder al proyecto jQuery iPhone UI
• También al proyecto de Sharekit

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 webresourcesdepot

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á realizado en jQuery y se puede implementar mediante un plugin.

Nivo Slider

Nivo es un de los Slider de imágenes en jQuery más utilizados.

jQuery.Syntax

jQuery.Syntax es un resaltador de sintaxis para código muy rápido que puedes utilizar en el diseño de páginas dinámicas. Además se puede utilizar CSS para dar color a tu código.

Puedes ver el resto del recopilatorio desde noupe.com

Ajax Solutoire

DevSnippets

Ajax Lady

Free Ajax Scritps

Ajax Rain

Ajax Scripts

W3CTag

Fuente calinsoft.com

El pasado lunes en la WWDC 2010 se aprovechó también para presentar el nuevo navegador de la compañía de la manzana, Safari 5, el cual ahora soporta extensiones como otros navegadores y también tiene mejor soporte con Html5 el nuevo formato que ofrece vídeo en internet entre otras cosas.

Además ofrece bastante mejoras para hacer una navegación en internet mucho más rápida. se ha hecho mucho incapié en la integración con Javascript mediante la obtención previa de los DNS. Además se ha aumentado en un 30% la ejecución de Javascript.

Según Apple el nuevo Safari es 3 veces más rápido que Google Chrome y el dobe que Firefox. Sabéis que también está disponible para Windows, aunque la experiencia no es la misma.

Además se ofrece Safari Reader que permite la lectura de artículos eliminando contenido innecesario. Además se han añadido nuevo motores de búsqueda como Yahoo o Bing, además de Google.

La nota curiosa es que ahora se vuelve a mostrar la barra de progreso como en Safari 3, en la barra de dirección y de color azul, cosa que nos agrada.