CSS y HTML: Crear listas con numeración decreciente

CSS y HTML: Crear listas con numeración decreciente

Las listas ordenadas o tambien llamadas ordered list () nos generan listas ordenadas, empezando desde el 1. Ejemplo: Primero Segundo Tercero Pero seguro que muchos alguna vez han querido tener una lista con la numeracion invertida, algo así: 5. Item 1 4. Item 2 3....
jQuery: Llamar HTML sin recargar la página

jQuery: Llamar HTML sin recargar la página

Muchas veces queremos llamar HTML sin necesidad de tener que actualizar toda la página, para ello jQuery nos brinda la funcion «.load()». Para explicar esta función haremos un pequeño ejemplo: Necesitamos un botón o link para que en el evento click se cargue el HTML,...
CCS3: Efectos hover para tus menús

CCS3: Efectos hover para tus menús

Un buen sitio web necesita de una navegación simple, atráctiva y eficiente. Para ello no necesitamos recurrir a herramientas complejas, sino que con simples trucos de CSS3 se puede crear menus muy buenos. Aquí te pondré unos ejemplos sencillos de efectos hover para...
HTML5: combo con campos condicionales

HTML5: combo con campos condicionales

En este tutorial veremos como crear un formulario cuyos campos dependan de un combo, el ejemplo se puede cambiar para usar cualquier tipo de campos o cualquier cantidad basta con alterar las opciones contenidas en el div «opciones». Lo primero es crear el combo #tipo...
CSS3: Efectos hover para imágenes

CSS3: Efectos hover para imágenes

Las animaciones para revelar titulos y descripciones al hacer hover a una imagen, nos ayudan a dar dinamismo a nuestra web; logrando mostrar mas contenido en menos espacio. Para realizar estas animaciones nos valdremos de propiedades css3, tales como «transform y...
Crear efecto de zoom al hover de una imagen con CSS

Crear efecto de zoom al hover de una imagen con CSS

Actualmente un efecto muy vistoso es que al pasar el mouse sobre una imagen esta tenga un efecto de zoom. Aquí te explicare paso a paso como realizarlo. Primero deberemos poner un contenedor a la imagen 1  Después debemos poner los siguientes estilos...
Descarga gratis plantillas para wireframing

Descarga gratis plantillas para wireframing

Antes de empezar el diseño de un sitio web es necesario primero fijar la estructura del sitio para tener claro su interfaz y funcionamiento, aunque existe varias herramientas online para realizar este trabajo lo cierto es que no hay nada más cómodo que usar lápiz y...
Infografía: Flat Design – Diseño Plano

Infografía: Flat Design – Diseño Plano

Qué es FLAT Design El FLAT DESIGN o Diseño Plano es una tendencia de diseño minimalista en la que se eliminan elementos innecesarios como sombras, degradados, efectos 3D, biselados, sombreados, etc. Es decir simplificamos el diseño en favor de la funcionalidad...