Hace poco se vieron esos 30 degradados web 2.0 para Adobe Photoshop y ahora los de Gimp-Tutorials hacen la conversión al Gimp, para que todos los tengamos disponibles:

Para instalarlos en Ubuntu Linux:

1. Descarga el paquete y descomprímelo. En tu explorador de archivos, dile que te muestre los archivos y directorios ocultos.
2. Estando en tu directorio personal, mueve los degradados al directorio .gimp-2.2/gradients.

[Gracias, Erick Fabián]

En HTML, la etiqueta <blockquote> sirve para diferenciar bloques de texto y citas dentro de nuestros artículos. Desde CSSLab nos proponen una solución elegante para ponerles comillas al principio y al final a los blockquotes. Lo único que hace es redefinir el estilo de la etiqueta blockquote y ponerle una imagen de fondo al bloque, que son las comillas del final. Y utilizar el selector blockquote:first-letter para meter la imagen de fondo de las comillas de inicio.

Si copias y pegas el código CSS que nos proponen en el fichero .css de tu página web, ya te saldrán así todos los bloques escritos de la forma: <blockquote>Ejemplo de cita.</blockquote>

Enlace con el código y más información:

• CSSLab: Bloques de texto con estilo

HacheMuda tarda poco más de 5 segundos, según Pingdom Tools. No está mal. Tampoco es una nota muy buena, pero al parecer no es un mal resultado de entre los alojados en Dreamhost, :)

Habrá que seguir optimizando el tiempo de carga.

[Vía Mangas Verdes]

El Congreso de los Diputados estrenó ayer mismo su nueva página web. La página en cuestión es una auténtica chapuza y un manual de cómo no se debe construir una página web.

Pásate por el análisis y repaso que le han dado aNieto2k y Martín Pulido, porque ellos detallan perfectamente muchos de los errores que han visto en la página (y algunos más que no han debido encontrar por puro aburrimiento).

Empezando desde que entras a http://www.congreso.es y automáticamente te redirige a http://www.congreso.es/portal/page/portal/Congreso/Congreso. Si llegan a hacerlo mal a propósito no sé si lo hubieran hecho peor…

Enlace:

• Congreso.Es

Según su logo, QuéWeb! es una colección de cosas mal hechas… y alguna idea para arreglarlas. Se trata de un sitio que recopila páginas web muy mal hechas o con un gusto pésimo. Desde agosto del año 2003 (wow, cómo pasa el tiempo) lleva enseñándonos cuáles son las páginas más feas de la red.

Si eres una  persona con un mínimo de gusto, pasearte por QuéWeb! seguro que te deja alucinado… e incluso te arranca una sonrisa. Si CSS Zen Garden te transmite paz y pureza, QuéWeb! te mostrará la otra cara del diseño.

GIF’s animados volando de lado a lado, diseños formados por una sola imagen, combinaciones de colores que parecen estar testeando la tolerancia de la vista al color, Comic Sans a diestro y siniestro… Todo un museo del horror.

Leo en The Inquirer que la guerra entre las tecnologías Adobe Flex y Microsoft Silverlight toma una nueva dimensión tras la nota de prensa de Adobe, en la que hizo pública la intención de liberar el código de Flex SDK y de toda la documentación bajo la licencia Mozilla Public License. Incluso se empieza a pensar en que Adobe pueda liberar Flash si este primer paso con Flex funciona bien.

Flex es una tecnología que permite elaborar grandes aplicaciones web más fácil y rápidamente. Siempre que se tenga un navegador con soporte para Flash, las posibilidades son infinitas.

Puedes probar diferentes módulos por categorías desde una web que han creado para probar Flex online tú mismo y ver el código fuente y el resultado.

Estos son algunos ejemplos de sitios web creados con Flex:

Un ejemplo de tienda de móviles (pulsa sobre Products)

Un álbum de fotos

Onyx: un mezclador de video

Un dashboard presentando información

Enlaces:

• Flex.Org
• Página oficial de Flex
• Wikipedia: Flex
• The Inquirer - Adobe abre Flex, un triunfo Open Source

¿Alguien sabe qué significa eso de Lorem Ipsum…?

Es el texto que se usa para hacer pruebas en el diseño de páginas web, y supongo que también en cualquier sitio donde quieran realizarse pruebas. Me he puesto a buscar el significado pero me he quedado con las páginas que tienen generadores de contenido, generadores de Lorem Ipsum. Puedes configurarlos para que generen X párrafos de tantas palabras cada uno, una lista de items, frases sueltas… de todo.

Hay que meter contenido para ver cómo queda el diseño, y a no ser que seas Cervantes seguramente preferirás meter párrafos generados de la manera que tú quieras. Estos son algunos generadores que he encontrado:

• Lorem Ipsum Generator
• Lipsum.Com - Generator
• Generador de contenido The MotherLode
• Generador de contenido - Linking the net

[Vía Wikipedia]

En CSS-Mania publican los sitios diseñados con CSS válido que más les gustan, de entre los que van viendo o los que les proponen. Hay numerosas páginas que se dedican a eso, ya comenté unas cuantas en el artículo Sitios para la inspiración, diseño con CSS.

Pues en esa página web han publicado la página web de SCIFE de este año. Estoy muy contento por ello, y haber salido en CSS-Mania se ha notado en un subidón de visitas tremendo durante el jueves y el viernes de la semana pasada, días en que se alcanzaron más de 500 visitas a la página.

Estoy muy contento y simplemente quería comentarlo, XD.

También ha sido publicada en MostInspired.Com, en Ligh On Dark y en CSS-Galleries.

Por fin tengo preparado el nuevo diseño para HacheMuda.Com. ¿Razones para el cambio? Mis ganas siempre de cambiar, aunque sólo sean algunos detalles.
Se trata de un diseño basado en el anterior, respetando los colores originales. Pero ahora hay una barra lateral (sidebar) donde aparecen el historial, los enlaces RSS y las categorías, además de algúna tontería más que puede ser interesante. Esta barra ha heredado las imágenes que formaban el encuadre para los artículos en el diseño anterior.

He intentado que sea lo menos pesado posible, he eliminado la librería scriptaculous, he optimizado imágenes y he desactivado los plugins que no son estrictamente necesarios. Me he quedado sólo con los plugins:

• Most Commented
• Event Calendar
• LightBox
• Sweet Titles
• PageBar
• No Ping Wait
• Related Posts (ahora mismo no salen los posts relacionados, pero saldrán, XD)

Quizá lo que más llame la atención es el nuevo logo, el coco de HacheMuda. Es un logo que me encantó desde el primer momento, fue un flechazo. Es una creación de Soledad Medina Manzanilla, la cual tiene una manita para estas cosas… ¡Muchas gracias!

Espero que te guste el nuevo aspecto del blog, y si encuentras cualquier fallo, por pequeño que sea, te estaré muy agradecido si me lo dices para poder arreglarlo lo antes posible.

Las hojas de estilo en cascada (Cascading Style Sheets, CSS) son un lenguaje formal usado para definir la presentación de un documento estructurado escrito en HTML o XML. El W3C (World Wide Web Consortium) es el encargado de formular la especificación de las hojas de estilo que servirá de estándar para los agentes de usuario o navegadores.

La idea que se encuentra detrás del desarrollo de CSS es separar la estructura del un documento de su presentación.

Existen numerosas páginas en internet que albergan páginas web creadas exclusivamente mediante CSS, con el único objetivo de mostrar lo que se puede hacer.
Algunas simplemente tienen un enlace a una página bien diseñada. Otras, tienen una página con un contenido base y los diseñadores participantes tienen que crearle un diseño (esta es la separación absoluta de contenido y diseño).

Yo normalmente me paso por estas: