elWebmaster.com

Diseño | CSS | recursos

CSS Sticky Footer: un footer fijo con estilos CSS

CSS Sticky Footer: un footer fijo con estilos CSSEs un efecto muy bueno y no hay muchos sitios que lo implementen. El uso de un footer fijo tiene muchas utilidades además de ser algo muy bonito ^_^. Piensen que tendrán una cantidad de opciones, enlaces y demás todo el tiempo al alcance del usuario.

CSS Sticky Footer es un script de CSS listo para que copies y pegues en tu proyecto web. La mayor ventaja es que funciona con Internet Explorer 5, 6, 7 y 8, además de Firefox, Opera y Safari, entre otros. Seguir leyendo

16/May/08, 13.52 Juan Manuel 1 comentario

Diseño | Mac | recursos

8 versiones del dock de Mac hechas con Javascript

8 versiones del dock de Mac hechas con JavascriptHay que aceptar que en cuestiones visuales no hay quien supere a las interfases de Macintosh. Nos volvió locos con OSX, ahora con Leopard… En fin, sin duda este tipo de menús que usa en sus sistemas operativos a todos nos gustan.

¿Qué mejor entonces que semejar la botonera de nuestro sitio web o blog a un dock de la Mac? Esto puede hacerse fácilmente por medio de Javascript, con sólo copiar y pegar un poco de código, y contar con unos íconos bonitos. Te dejo 8 opciones para que elijas =). Seguir leyendo

13/May/08, 12.36 Juan Manuel Comentar

Diseño | CSS | tipografía

7 fuentes tipográficas que seguro no usas en CSS, aunque podrías

7 fuentes tipográficas que seguro no usas en CSS, aunque deberíasLos estilos CSS nos trajeron muchas ventajas en cuanto al diseño de nuestros sitios web, pero por alguna razón parece que estamos limitados al uso de 4 o 5 tipos de fuentes que están presentes en cualquier computadora, por miedo a que las demás no se visualicen correctamente.

Así es como no vemos otra cosa que Arial, Helvetica o Georgia en la mayoría de los blogs de la red. Pero hoy en día tenemos una gama más amplia de opciones a la hora de elegir, siempre dentro de las fuentes “seguras”. Te recomiendo 7 que sin duda deberías tener en cuenta. Seguir leyendo

12/May/08, 16.12 Juan Manuel 1 comentario

Diseño | AJAX | recursos

AjaxDaddy: descarga mil efectos en Ajax

AjaxDaddy: descarga mil efectos en AjaxAjaxDaddy es un sitio que recopila infinidad de efectos en Ajax, donde puedes probar cada uno de ellos y descargarte los que más te gusten. Simplemente tienes que copiarte el código que debes pegar en tu sitio web.

Efectos para las interfases, barras de navegación, menús, botones e imágenes son sólo algunas de las cosas que encontrarás allí. Además, podemos elegir entre diversas categorías según lo que estemos buscando. Haz clic aquí para entrar en AjaxDaddy.

11/May/08, 08.06 Juan Manuel Comentar

Diseño | CSS | html

CSS: Efecto de texto con gradiente

Efecto de texto con gradiente¿Quieres lograr buenos encabezados sin usar imágenes de Photoshop? Aquí te mostramos un simple truco de CSS para que sepas cómo crear el efecto de texto con gradiente con una imagen PNG (puro CSS, sin JavaScript o Flash).

Todo lo que necesitas es un tag vacío en el encabezado y aplicarle un overlay a la imagen de fondo usando la propiedad CSS position:absolute. Este truco ha sido testeado en la mayoría de los buscadores: Firefox, Internet Explorer 6, Safari y Opera. Sigue leyendo para saber cómo hacer… Seguir leyendo

09/May/08, 12.15 Alejandra 1 comentario

Diseño | photoshop | Flickr

Photoshop Express ahora se integra con Flickr

Photoshop Express ahora se integra con FlickrEste gigante del diseño apuesta fuerte a la web, ahora podemos trabajar directamente con fotos de Flickr. Photoshop Express nos brinda hasta 2 Gb de espacio para guardar imágenes, que luego podemos retocar y exportar al popular servicio de imágenes de Yahoo!.

Photobucket, Picasa, MySpace, Facebook y ahora Flickr, cada vez Photoshop Express añade más utilidades y no deja de sumar adeptos importantes. Ahora los que usamos la versión “offline” de PS tenemos una razón más para pasarnos.

08/May/08, 11.25 Juan Manuel Comentar

Diseño | ocio | imágenes

10Ways: interactuando con las imágenes

10 WaysGettyImages –uno de los bancos de imágenes más importantes del mundo- convocó a 5 prestigiosos estudios de diseño para trabajar en torno a la interactividad de la imagen. ¿El resultado de la reunión cumbre? 10Ways, diez propuestas que llevan a la exploración y la experimentación del lenguaje visual.

La iniciativa contó con la participación de Sumona, The Barbarian Group, Tomato, Less Rain y Great Works. Cada estudio produjo dos piezas, que si bien se enmarcaron dentro de la misma consigna general de 10Ways, buscaron despertar la sensibilidad a partir de cuestiones bien diferentes, como el tiempo, el espacio o el color.

Seguir leyendo

07/May/08, 16.15 Cecilia 1 comentario

Diseño | Programación | CSS

CSS: Selectores Calificados

Selectores Calificados CSS3Shaun Inman tuvo una gran idea para una presentación en los Grupos de Trabajo de CSS3 a la que ha llamado “Selectores Calificados”. En resumen, es una forma de incorporar estilos a un elemento “padre” basándose en su “hijo”, o “descendiente”.

Aún no se ha lanzado oficialmente porque el autor espera recibir un poco de feedback para depurar y eliminar errores… Pero veamos cuál es la explicación que nos da y cómo funciona. Seguir leyendo

07/May/08, 12.42 Alejandra Comentar

Diseño | descargas | recursos

Templates Feed: plantillas gratuitas para tu sitio o blog

Templates Feed: plantillas gratuitas para tu sitio o blogPara aquellos que les gusta, como a mí, entrar por la ventana de un sitio lleno de recursos con un saco en la mano y mientras todo el mundo duerme llenar la bolsa para luego salir sigilosamente con una sonrisa en la cara, está Templates Feed.

Y no se guíen por el nombre ¡me suscribí al feed y las thumbnails de las plantillas ¡no aparecen! =( Pero si vamos al sitio encontraremos un surtido de templates en CSS, HTML, XHTML, PSD, Dreamweaver, etc., listas para descargar. Algunas ya estamos hartos de verlas ¡pero otras son muy útiles!

07/May/08, 12.11 Juan Manuel 2 comentarios

Diseño | descargas | recursos

Iconlet: busca y descarga íconos gratuitos

iconletIconlet es un buscador de íconos que ofrece un menú amplio de imágenes en GIF y PNG con licencias libres. Hasta el momento, el motor funciona sólo en inglés, algo a tener en cuenta al momento de elegir la palabra clave para la búsqueda.

Sobre cada resultado, Iconlet proporciona información de su autor y otras características del ícono. Además, cuenta con una opción de búsqueda avanzada interesante, que permite direccionar la exploración por resolución, formato, tamaño y tipo de licencia de la imagen. Seguir leyendo

05/May/08, 21.43 Cecilia Comentar