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

Optimiza tu Sitio en los Buscadores

Optimiza tu Sitio en los Buscadores

Según Google, los cuatro puntos más importantes para el SEO son los siguientes: Links Diseño Contenido y Estructura del sitio Enlaces: Un seguimiento coherente de la calidad de backlinks que recibas en tu sitio. Backlinks relevantes de sitios de tu mismo nicho tienen una mayor ventaja que backlinks de sitios no relevantes. También presta especial atención a los vínculos salientes. Enlaza a sitios, los que son útiles para tus visi.

Continuar Leyendo

La forma más ligera de crear un diseño en retícula

La forma más ligera de crear un diseño en retícula

A pesar de su innegable utilidad para cosas tan pesadas como maquetar un diseño basado en una retícula (grid based en inglés) siempre me ha parecido que usar frameworks CSS era matar moscas a cañonazos. La mayoría nos proponen usar una hoja de estilo adicional, llena de cosas que podemos usar o no y, francamente, me da angustia. The 1Kb CSS Grid es la solución a mis problemas con los frameworks, me permitirá arrancar un diseño en retícu.

Continuar Leyendo