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

Tooltip con CSS3

Tooltip con CSS3

Hola, cómo están? Quería mostrarles  algo bien bonito y útil que puede ser usado en cualquier sitio web, algo que es fácil de hacer, y que viene bien saberlo y tenerlo en cuenta, pues puede servir para pulir algún trabajito que tengamos, mejorar un proyecto web propio, o bien simplemente porque andamos con ganas de aprender (aprender nunca está de más, no? ), pues bien, esto que les voy a mostrar, no es ni más ni menos que un Tooltip .

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

Border-Radius para IE 7-

Border-Radius para IE 7-

Todos los diseñadores web que nos hemos visto ante la tarea de crear capas con esquinas redondeadas hemos estado siempre ante una disyuntiva: ¿creo las capas con esquinas redondeadas usando imágenes,  o las creo usando CSS3? Crear las esquinas redondeadas usando imágenes nos garantiza que se verán bien en todos los navegadores, pero con un pequeño (gran) problema: si queremos modificar el tamaño de la capa, también tenemos que modificar.

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