Blog Borchani Studios

Es bueno aprender de libros, pero mejor aun con video tutoriales. Ahora es posible con este Curso Completo de AJAX. Mas o menos unos 20 Video tutoriales con un peso total de 651 Megas. Con una interfase creada con Photohsop, Flash y Autoplay Media Studio que permite acceder a una ficha individual de cada uno de los Video Tutoriales, con información sobre el mismo y los enlaces para ver el Video Tutorial y acceder a los archivos de ejemplo. Si estabas aprendiendo un poco de Ajax estos videos te vendrán muy bien para seguir profundizando esos conocimientos. Idioma: Español
Enlaces Descarga:
1  2  3  4  5  6  7  8  9  10  11  12  13  14  15  16  17  18  19  20

Más de una vez necesitamos para nuestra web una barra de porcentaje de carga para señalar el progreso de una tarea específica. Pero nos encontramos muchas veces o no, que es difícil encontrar un funcionamiento y una solución rápida sin usar flash. Los chicos de webappers han creado una simple barra de progreso basada en ajax e inspirada en displaying percentages. Estéticamente muy bonita y muy funcional, seguramente encontraras un lugar donde utilizarla.

Este sitio me lo pasó alguien que ni blog tiene pero le pareció curiosa la forma en que se mostraban los enlaces y luego lo leí más a fondo en WebmasterLibre.

Se trata de un pequeño script que hace como si tus enlaces se movieran hacia arriba ó hacia abajo dependiendo el estado del mouse.

Para hacerlo funcionar hay que descargarse este script , ahora lo mandan llamar entre sus tags head

JavaScript:

<script type=“text/javascript”
src=“http://www.Tusitioweb.com/js/scrollovers.js”></script>

Por último solo hay que añadirle la clase y type scrollovers al enlace que deseemos que haga este efecto.

HTML:

<a href=”http://www.xyberneticos.com/” class=”scrollover”
type=”scrollover”>Xyberneticos</a>

La clase es para la CSS que podemos definir el estado normal y al pasar por el mouse.

CSS:

a.scrollover {
/* Default Colour/Styles here */
color: #AE00C2;
}
a.scrollover em:first-line {
/* Rollover Colour/Styles here */
color: #005D91;
}

Enlace | www.scrollovers.com