cover

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 transition”. La estructura html básica a usar sería de un contenedor que abarque la[…]

wireframe-template

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 papel para realizar el wireframing, así que basado en[…]

WordPress: ¿Por qué usarlo como CMS?

Hace unos años utilizaba con frecuencia Joomla para desarrollar sitios web pero luego de probar las capacidades de WordPress ahora lo utilizo para sitios simples, sitios multiidioma, tiendas virtuales, catálogos virtuales e incluso para pequeñas intranets, en el video explico porque usar wordpress para desarrollar nuestro proyectos y una comparación con Joomla. A continuación voy[…]

modernizer

HTML5: Uso de Modernizr

Antes de empezar, primero les diré que personalmente considero que el uso completo de modernizr no es necesario en la mayoría de proyectos, por lo general bastará con utilizar html5shiv, antes que quieran matarme por decir eso les explicaré un poco como funciona y luego les explico porque pienso eso.   ¿Qué es Modernizr? Es[…]

menu-nav-scroll

jQuery:Menu fijo con scroll y detector de ubicación

Últimamente he visto que esta de moda hacer sitios web de una sola página con navegación vertical aprovechando de poner un scroll, con un menu fijo en la parte superior o a un costado  y además que se marque automáticamente en el menu mi posición actual. He probado varios plugins para hacer eso y ninguno[…]