Con este Tutorial que os presentamos hoy vas poder crear un menú con CSS o con jQuery. el autor lo ha presentado con los 2 lenguajes y el resultado es el mismo. Al pasar por las pestañas del menú, las mismas ganan opacidad y anchura creando un efecto muy interesante. El tutorial está presentado con Codigo CSS y no existe un efecto de transición y con jQuery con un resultado más visible ya que se puede animar la opacidad y el tamaño de los botones al pasar el ratón por encima. No tiene desperdicio, puedes ver el código y utilizarlo en tus Diseños. Es bastante visual. Tutorial | Nice Menu Css Animation & jQuery ...

Inspire es el nuevo tema que han diseñado los chicos de WooThemes. Siento gran predilección por esta línea de Themes para WordPress. En este caso nos presentan una plantilla inspirada como decimos en el nuevo dispositivo de Apple. Con diseño de botones y elemetos en blanco sobre un fondo azulado. Además Inspire cuenta con página de inicio a modo de presentación de producto. También dispone de un área de artículos destacados desarrollado con jQuery y además incluye una plantilla de página para portfolios profesionales. Como es habitual dispone también de estilos personalizados, que cambian el diseño en CSS al vuelo y Widgets personalizados para esta plantilla WordPress. Esta inspirada en el nuevo iPad de Apple, aunque se puede personalizar fácilmente para ofrecer cualquier producto en internet. Nos gustaría saber que tipo de plantillas elegís para vuestro Blog, para tener una idea de vuestro estilo, ya que hay una gran oferta de themes para WordPress. Sitio ...

La publicidad en una página web, bien sea un Blog o una página de empresa es necesaria para conseguir recursos adicionales, como pueda ser el mismo soporte de la misma. Adsense de Google es un buen ejemplo de ello, que mediante las técnicas SEO necesarias conseguirás un buen soporte para tu página. Si tu página necesita mostrar la publicidad de forma distinta a lo habitual puedes plantearte este tutorial como forma alternativa. Este tutorial te propone mediante algo de código en jQuery (que puedes descargar) y código Css una forma llamativa de mostrar tus banners publicitarios. De esta forma conseguirás atraer más a tu público. Puedes acceder a la Demo para que te hagas una idea de su funcionamiento. Te muestra el banner y cuando haces click en el, gira el marco para ofrecer el enlace a la web. Si te atreves a implementarla en tu Sitio Web comentanos sobre el proceso. Puede ...

Cuando se visita una página web, parte importante para el usuario, es la estructura del menú, es decir, que éste sea fácil de entender, rápido e incluso atractivo. Sobre todo, cuando se trata de páginas web donde haya muchos artículos o muchas secciones diferentes. Si ese es el caso de tu página web, lo más prudente será que incorpores menús emergentes y/o tabuladores, ésto debido a se ha demostrado que el usuario, prefiere navegar y moverse por la web de esa manera. Incluso a tí como diseñador, te será más fácil utilizar ese tipo de menús por la sencilla razón de que ahorra espacio. Y la técnica más utilizada para lograr ésto es jQuery, gracias a que ofrece montones de opciones de personalización. Hemos encontrado 36 tutoriales de como crear en jQuery diferentes tipos de menús que te darán una idea de como crear uno propio, y sobre todo, que sea del ...

Escudriñando el blog del bueno de nikko me topo con este tutorial publicado en nettuts que nos puede venir a la perfección para mostrar determinada información dentro de un sitio web. El efecto que se consigue es un carrusel de imágenes acompañadas de bocadillos que muestra información y una navegación superior. Y se consigue gracias a la potente combinación entre jQuery y XML, de este último archivo es de donde se saca el contenido por lo que será muy fácil actualizar la información en cualquier momento. Aquí podemos ver la demo en funcionamiento, nikko explica como implementarlo rápidamente y si queremos aclaraciones más detalladas en el artículo original las dan. Enlace: Create an Amazon Books Widget with jQuery and XML | Vía: ...

CssTricks vuelve a la carga con otro estupendo tutorial, bueno, en realidad no es de él si no de un lector que detectó un error en la navegación del sitio y encontró una solución en javascript, css y html. El efecto es una transición con efecto de desvanecimiento entre dos imágenes muy resultona. No dicen si es soportado por todos los navegadores, en principio debería. Enlace: Color Fading Menu with ...