Javascript, Ajax, CSS, Diseño Web
En noupe podremos encontrar una bonita colección de técnicas para crear tablas mediante ajax y css. Los diseños son muy diferentes y cada una de las técnicas empleadas posee una cualidad que la hace hermosa. Seguramente esta colección te será realmente útil si estabas pensando en crear tablas para mostrar algun tipo de información o estadísticas en tu sitio. Aunque a esta colección le agregaría estas Tablas Estilo Zebra que publicamos hace tiempo atrás y que son igual de bonitas .
Enlace 21+ Fresh Ajax CSS Tables
Compartelo
Javascript, Ajax
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 - Articulo Publicado por InfectedFX colaborando con xyberneticos
Compartelo
Herramientas, Ajax, Recursos Web
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.
Demo - Descarga
Compartelo
Scripts, Ajax, Programacion
Lightbox++ es una versión modificada del ya conocido
Lightbox que no sólo conserva originalmente la funcionalidad de Lightbox, sino que también nos permití introducir películas flash. Podrán ver los
demos funcionando aquí.
Instalar Lightbox++ es prácticamente igual que instalar el tradicional Lightbox, solo que agregando un par de códigos más.
- Primero descargaremos nuestro Lightbox++
- Lo alojaremos en nuestro servidor.
- Sabiendo bien la ruta donde hemos alojado nuestras librerias haremos la llamada a ellos introduciendo en nuestro < Header > lo siguiente:
JAVA:
-
<script src="js/prototype.js" type="text/javascript"></script>
-
<script src="js/scriptaculous.js?load=effects" type="text/javascript"></script>
-
<script src="js/lightbox++.js" type="text/javascript"></script>
-
<link href="css/lightbox.css" rel="stylesheet" type="text/css" media="screen" />
Si deseas utilizar el efecto de Lightbox++ en una sola imagen a la hora de escribir tus artículos lo haremos de la siguiente manera:
HTML:
-
<a href="images/image-1.jpg" rel="lightbox" title="my caption">Imagen 1
</a>
Si deseas utilizar el efecto de Lightbox++ en un grupo de imágenes lo harás de esta manera:
HTML:
-
<a href="images/image-1.jpg" rel="lightbox[group]">Imagen 1
</a>
-
<a href="images/image-2.jpg" rel="lightbox[group]">Imagen 2
</a>
-
<a href="images/image-3.jpg" rel="lightbox[group]">Imagen 3
</a>
Y por ultimo cuando quieras darle este efecto a un vídeo flash lo harás así:
HTML:
-
<a href="movies/mymovie.swf" rel="lightbox" width="500" height="450">Mi pelicula
</a>
Ver demo funcionando
Descargar Lightbox++
Autor codefidelity
Compartelo
Ajax
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:
1234567891011121314151617181920
Compartelo
Ajax, CSS, Tutoriales, Diseño Web, Webmaster
LibrosWeb.es, es un sitio completamente en castellano que nos ofrece una variedad de libros online para el desarrollo web. Si bien todos los capítulos no podremos bajarlos en pdf, si podremos verlos online desde el sitio, pero si aun así preferirías tener todo el material de los libros en tu ordenador, solo basta con dedicarle un poco de tiempo a copiar y pegar todo en Word, para luego imprimir, que si bien puede llevarte un poco de tiempo, valdrá la pena, cuando necesites información de ellos. De todas formas se puede ver que en algunos de los libros ya se puede bajar los capítulos en PDF, lo que hace pensar que pronto en todos los demás también sea igual. Libros Web puede ser sin duda un lugar de referencia para sacar algunas dudas.
LibrosWeb.es Via webMasterLibre
Compartelo
Ajax, Programacion
Ajax.Solutoire.com es una interesante web enfocada plenamente en AJAX, en el encontraremos un mundo lleno de artículos, javascript, tutoriales y demás sobre Ajax. Una gran recopilación de cientos de recursos de AJAX para aprender.
Link Ajax.Solutoire
Via proletarium
Compartelo
Ajax
