Tutoriales Archives - Monchito.net

Tutorial HTML5: Barras de progreso

Con HTML5 podemos utilizar el elemento de progreso para mostrar el avance de una tarea, como por ejemplo, la descarga de un archivo. Como siempre, habrá un demo al final del tutorial para que puedas ver funcionando el código en vivo y practicar un poco. El elemento progress está soportado por la mayoría de navegadores […]

Menú con transiciones CSS

En este tutorial aprenderemos a crear un menú con un efecto de cortina que se produce cuando el puntero del ratón se ubica en cada uno de los items de nuestro menú. Cómo siempre, hay un ejemplo en vivo donde puedes ver el resultado final y jugar un poco con el código. Nota: Internet Explorer […]

Tutorial de Inkscape: Iconos retro y descarga

Bienvenidos al tutorial de Inkscape sobre como crear iconos retro. Si aún no tienes instalada esta herramienta, descargala desde su sitio web oficial. En esta ocasión vamos a hacer un juego de iconos sociales, aplicándole un estilo retro. Comienza creando un objeto en forma de estrella de 100 x 100 pixeles, con las siguientes características: Esquinas: 12 Radio: […]

Múltiples columnas con CSS3

Crear columnas utilizando CSS3 es cosa de niños. No podría ser más fácil, más rápido y más sencillo. Advertencia: En la actualidad, esto solo funciona con navegadores que trabajan con los motores Webkit y Mozilla. Eso implica que en Internet Explorer solo se visualizará un solo párrafo largo a una columna en vez de múltiples […]

A sus órdenes, patrón!

Hay momentos en que necesitamos cambiar el fondo de nuestro sitio web por algo más que un color sólido, tal vez un patrón de rayas, círculos o rombos. Tradicionalmente, se creaban pequeñas imágenes y se repetían en el fondo hasta crear el patrón deseado. Esto resulta poco practico; además de perder tiempo diseñando el patrón perfecto (y rediseñándolo cada vez […]