Archivo | Tutoriales RSS feed for this section

Tutorial: Triangulos con CSS

15 Jul

Una técnica que siempre me ha llamado la atención y lleva un tiempo circulando por la red, es crear triángulos con la única ayuda de nuestra hoja de estilos. Esto es muy sencillo si usamos los bordes de una forma particular. Sigue leyendo

Tutorial: Sencilla galería de fotos con jQuery

8 Jul

En este tutorial, vamos a crear una galería de imagenes de lo mas sencillo, incluso para los mas novatos, con una simple función.

Echadle un ojo al resultado final y vamos al lío…

Sigue leyendo

Tutorial: Botones para tu web con Photoshop

8 Mar

Hoy vamos a crear unos botones muy sencillos para poder usar en cualquier proyecto web. Seguidme, que os cuento como después del salto.

Sigue leyendo

Tutorial: Notificaciones animadas con jQuery

5 Mar

Hoy vamos a ver un tutorial en el que crearemos sencillas pero efectivas notificaciones con jQuery que podrá entender hasta el mas novato.

Veamos como queda el resultado final y vamos a ello.

Sigue leyendo

Comprobar si existe un elemento con jQuery

1 Mar

Para todos los que se pregunten como pueden comprobar si existe un elemento usando jQuery, aquí está la solución:

if ($('elemento').length){
 //Ejecutar si existe el elemento
}

Como veis, comprobamos el tamaño del elemento con la función length de Javascript. Sencillo, ¿eh?

Tutorial: Columnas de la misma altura con jQuery

19 Feb

Un problema común cuando estamos diseñando una web con varias columnas con float es que la altura de las mismas depende del contenido que tengan y si les aplicamos bordes o fondos, da la impresión de que parte de la estructura se corta. Había visto varias soluciones, como usar un fondo en el contenedor de las columnas, simulando la estructura de las mismas, para dar la impresión de que no se cortan, pero no es una solución práctica.

La otra solución pasaba por usar Javascript y después de varias soluciones, he decidido crear la mía usando todo el poder de jQuery, y mas sencillo no puede ser. Sigue leyendo

Tutorial: Usar jQuery con otras librerías en el mismo código

18 Feb

Hace poco me preguntaban por un problema muy común, el famoso is not a function que ocurre al ejecutar jQuery con otras librerías que usan el famoso $. Para eso, jQuery nos facilita el trabajo mediante el método noConflict(). Sigue leyendo

A %d blogueros les gusta esto: