Menu abanico con CSS3 y Jquery

Este tutorial trata sobre la creación de un libro de muestras de animación utilizando la rotación de CSS y JavaScript. La idea es mostrar un libro de muestras como el de la imagen y hacer que en cada pesta individual o "sábanas", se pueda hacer clic. Al hacer clic en una muestra, vamos a girar las muestras de otros a fin de revelar el seleccionado.

Demo | Descarga

Cursos de programación online

Hurricane Electric ha puesto a nuestra disposición completamente gratis varios programas interactivos para aprender a programar lenguajes como Perl, PHP, Ruby, Python y SQLite. Y no se olvidó de los populares en la web como Html, CSS, Javascript, JQuery y XML.

En cada lenguaje tenemos una serie de ejercicios para completar, cada dia nos lleva un recuento de los ejercicios ya echos, ademas nos muestra videotutoriales de youtube en cada lenguaje.

Enlace de la página principal:

Hurricane Electric

Enlaces a cursos de programación:

Perl  PHP Ruby Python SQL

Enlaces a cursos de desarrollo web:

HTML CSS Javascript Jquery XML

Arctext

Arctext curva textos haciendo uso de CSS3 y Jquery.

Usa las siguientes opciones:

radius  : 0,

// the minimum value allowed is

// half of the word length.

// if set to -1, the word will be straight.

dir     : 1,

// 1: curve is down,

// -1: curve is up

rotate  : true,

// if true each letter should be rotated.

fitText : false

// if you want to try out the

// fitText plugin (http://fittextjs.com/)

// set this to true.

// Don't forget, the wrapper should be fluid.

Codigo fuente | Demo funcionando

jTable

jTable nos permite crear tablas con un diseño muy elegante mediante jquery.

Características: 

• Crea automáticamente tabla HTML y los registros de cargas de servidor usando AJAX.
• Crea 'crear nuevo registro "forma de diálogo jQueryUI. Cuando el usuario crea un registro, envía los datos al servidor usando AJAX y agrega el mismo registro a la tabla en la página.
• Crea una forma 'Record Edit' jQueryUI diálogo. Cuando el usuario edita un registro, se actualiza el servidor usando AJAX y las actualizaciones de todas las celdas en la tabla en la página.
• Permitir que el usuario 'eliminar un registro "por la confirmación de diálogo basado en jQueryUI. Cuando el usuario elimina un registro, elimina el registro del servidor usando AJAX y elimina el registro de la tabla en la página.
• Muestra animaciones para crear / borrar / editar las operaciones sobre la mesa.
• Admite la paginación del lado del servidor usando AJAX.
•  Permite al usuario seleccionar filas.
•  Expone algunos eventos para permitir la validación de formas.
•  Todo el estilo de la tabla y las formas se definen en un archivo CSS, de esta manera puede cambiar el estilo de todo lo de usar plug-in en sus páginas. Archivo CSS está bien definido y comentado.
•  Viene con temas de color predefinidas.
•  Funciona en todos los navegadores comunes.

   

Enlace: jTable

Adipoli

Adipoli nos permite mediante Jquery añadirle mas de 20 efectos diferentes a nuestras imagenes muy facilmente, nos explican paso a paso el código necesario para su uso en nuestra web.

Opciones de las fotos

Opciones:

• startEffect: Estilo por defecto de la imagen
• hoverEffect: Con el puntero sobre la imagen
• imageOpacity: la opacidad de la imagen en cuenta al efecto de inicio es transparente o de superposición
• animSpeed: Velocidad de la animación para el efecto
• fillColor: Superposición de colores
• textColor: Color del texto
• overlayText: HTML predeterminado que se mostrará en superposición
• rodajas: Número de rebanadas de animaciones rebanada
• boxCols: Número de cajas en una fila para las animaciones de caja
• boxRows: Número de filas para las animaciones de caja
• popOutMargin: Margen de popout imagen
• popOutShadow: longitud de la sombra de la imagen de la ventana emergente. Shadow trabaja para los navegadores que soportan CSS text-shadow. 

Efectos:

• transparente
• normal
• superposición
• en escala de grises

Efectos al pasar el ratón:

• normal
• popout
• sliceDown
• sliceDownLeft
• sliceUp
• sliceUpLeft
• sliceUpRandom
• sliceUpDown
• sliceUpDownLeft
• plegar
• foldLeft
• boxRandom
• boxRain
• boxRainReverse
• boxRainGrow  
• boxRainGrowReverse