Archivo de la categoría Diseño Web

Generar favicons partiendo de imágenes

Genfavicon es una nueva herramienta (si, otra más, pero bastante bien hecha) con la que nos podemos generar nuestros propios favicons partiendo de nuestras imágenes.

Pixdaus – El Digg de las fotografías

http://pixdaus.com/ es el Digg de las fotografías. Muchas, votadas por los usuarios, de gran calidad y tamaño, y en su mayoría libres.

Mensaje secreto en CSS

Mensaje secreto en CSS, la tontería padre que te arranca una sonrisita bobalicona.

Iconos Silk Companion 1

Todos conocemos (o deberiamos conocer) el set de iconos de FamFam Silk Icons. Damieng ha creado 460 más (Silk Companion 1) que los acompañan en sus andanzas y que cubren los pocos huecos dejados por el set original. Y amenaza con más.

PNG Fix para IE6

A diferencia de los miles que ya existen al respecto, sin uso de archivos .htc, sino simple CSS condicional : Komodomedia

Reduce la carga de tu web con Image aggregation / CSS Sprites

Básicamente, la idea es combinar todos los elementos gráficos de tu web (iconos, botones, etc, no fotos de un sólo post y cosas asi) en un sólo elemento gráfico, y posicionarlo por CSS para cada elemento. De esta forma, evitar hacer docenas de peticiones al servidor web, que son resueltas en una sóla, y no sólo aceleras la carga de tu web, sino que eres cortés con tu servidor web. Y por si fuera poco, al combinar varias imágenes en una ,ahorras los headers identificaticos de cada una, con lo que el peso, encima, es menor, y consumes menos ancho de banda.

csssprites

 

Update para vagos:

En http://spritegen.website-performance.org/ puedes subir un zip con todas tus imágenes y ellos se encargarán de unirlas en una sóla, optimizarla, y generarte el CSS necesario para cada una de ellas. Simple, rápido y eficiente. Y como es Open Source, aqui queda un mirror para los tiempos de carestía: http://www.propiedadprivada.com/lab/css-sprites/

DojoZoomer – Galería de imágenes con Zoom incluído

DojoZoomer es una demostración bastante trabajada del Dojo Toolkit, donde se nos ofrece una galería de imágenes con transiciones, dos paneles y zoom.

dojozoomer

El menú “Ver código fuente” está pasado de moda

¡ Lo suyo ahora es pelar la web, como una naranja ! Y ésto es lo que nos permite Elliott Kember con su plugin Sexy Curls jQuery, un plugin que más allá de su manifiesta inutilidad, lo cierto es que queda “monísimo”. Agregar el plugin, un “nah” de CSS y la imagen de fondo que queramos, y efecto listo.

sexycurl

Se me ocurre asi a bote pronto un parámetro nuevo que pasarle… la URL de la propia página, que llame a un pequeño script en PHP que lea el código fuente y lo coloree, lo guarde coloreado como HTML y llame a una utilidad de conversión que genere a partir de dicho HTML una imagen, dándonos asi el código fuente REAL de la web que estamos viendo… alguien se anima ? xD

CSS Relative, Absolute y Fixed

Interesante artículo CSS para entender, de una vez por todas, las diferencias entre posicionamiento Relativo, Absoluto y Fijo.

Colección de soluciones de interactividad

Gustavo Pimienta lleva algún tiempo seleccionando en una colección de Flickr las que considera las mejores páginas 404, sistemas de autocompletado, botones, “breadcrumbs”, comentarios, formularios, etc… merece la pena echarle un vistazo.