Padding y Margin en Internet Explorer 6 y 7

Padding y Margin en Internet Explorer 6 y 7

Cuando un diseñador web o un programador se ve ante la tarea de compatibilizar un sitio web para que este se visualice bien en todos los navegadores, es probable que se enfrente a unos cuantos problemitas. Entre estos problemas que suelen surgir se cuentan los que surgen cuando le aplicamos margin y/o padding a un determinado elemento del sitio. Para estos pequeños inconvenientes, existen varias “soluciones”, sin embargo, muchas de.

Continuar Leyendo

Landing Pages o Páginas de Aterrizaje

Landing Pages o Páginas de Aterrizaje

Muchas veces, en algunos sitios web, por no decir en casi todos, aparecen banners promocionando algún producto o promoción, pues bien, esos banners, son sólo el principio de una campaña que promocionará el producto o promoción en cuestión. Una vez que hacemos click en esos banners, somos dirigidos a un tipo especial de páginas web, éstas son, las páginas de aterrizaje (landing pages). Estas páginas, como ya dije, funcionan como una ex.

Continuar Leyendo

Fading Tooltip de 2kb con JavaScript

Fading Tooltip de 2kb con JavaScript

Hola, cómo están? Hoy estaba navegando por la web, y me encontré con este plugin en JavaScript, muy fácil de implementar en cualquier sitio web, y también muy útil, por cierto. Un tooltip es una herramienta que ayuda al usuario a conocer mas acerca de algún elemento de nuestro sitio, y que se activará cuando situemos el mouse encima de cualquier elemento de un sitio determinado. Es muy útil, pues le podremos proporcionar al usuario más.

Continuar Leyendo

Nuevo diseño de Google

Nuevo diseño de Google

Hace un tiempo me enteré, leyendo por internet que Google estaba planeando un rediseño para las páginas de los resultados de búsquedas, no pensé que fuese a ser cierto, porque hoy en día se dicen tantas cosas acerca de Google! Pero bueno, sea como sea, hace poquitos días entré al sitio Position-Absolute y me enteré de que hay una bonita forma de testear el nuevo diseño de Google. Para eso, hay que seguir los siguientes pasos, muy simpl.

Continuar Leyendo

Diseña un elegante Header Abstracto.

Diseña un elegante Header Abstracto.

Navegando por internet y viendo cositas de diseño me encontré con este interesante  tutorial que nos enseña a hacer un header para sitios web con Photoshop, el tutorial consiste en realizar unos efectos simples, pero verdaderamente elegantes, que pueden quedar muy bien si lo implementamos en nuestro sitio. El tutorial está muy bueno, y se los recomiendo, porque les muestra unas aplicaciones muy interesantes de la herramienta Pluma (pen tool.

Continuar Leyendo

Paquete de iconos vectoriales

Paquete de iconos vectoriales

Encontrar imágenes para decorar nuestro sitio web es sumamente sencillo. Existen infinidad de sitios que nos proveen de ellas con total libertad para usarlas (o a lo sumo, pidiendo únicamente reconocimiento por la utilización). Sin embargo, la mayoría de ellos están en formato de mapa de bits. Aunque es posible, resulta difícil (o al menos trabajoso) editarlos, aunque sea para cumplir un requerimiento tan simple como el del aumento de tamaÃ.

Continuar Leyendo

Paquete de iconos para Social Media

Paquete de iconos para Social Media

Navegando por DevianArt me encontré con un genial paquete de iconos para Social Media, para marcación de favoritos, promoción y otros servicios web personales diseñados por Nouveller. Son 27 iconos y aumentando, están en 3 tamaños distintos: 16×16, 32×32 y botones de 122×42 pixeles. Contiene a los servicios típicos como Twitter, Facebook, Blogger, WordPress, Digg, etc. y otros menos comunes como Play Station, Megavideo o el mismo Devian.

Continuar Leyendo