En Flashmo.com podemos encontrar actualmente más de 100 recursos gratuitos para Flash, la mayoría de ellos son interfaces completos, slideshows, galerías y colecciones de botones.

Los diseños son bastante buenos, y tienen unas animaciones muy trabajadas, algo que es difícil de encontrar incluso en plantillas tipo “premium”.

Ya sabéis que no soy muy amigo del Flash, pero para quien guste, seguro que en Flashmo encuentra una fuente de recursos e inspiración. Y si os gusta el tema, no dejéis de echar un vistazo a sus descargas Premium.

Por fin, después de mucho tiempo, he actualizado casi del todo el Portfolio de diseño web.

Para verlo, pulsad sobre la imagen o entrad desde aquí.

Como sabréis, el año pasado tuve el placer de colaborar con ellos en la creación de unos vídeos para Adobe, en concreto los videotutoriales de presentación de la suite Adobe CS3.

Cada vez son más los videotutoriales que se están haciendo en nuestro idioma. Ahora han añadido una sección de videotutoriales gratuitos. Echad un vistazo que hay cosas interesantes.

Los tutoriales, además de DVD, los podéis encontrar en formato Podcast, por si tenéis un iPod, iPhone o PSP, están ya convertidos y listos para descargar.

Posiblemente después del verano volveré por allí, aunque no me pilla cerca, para grabar unas cuantas horas de material.

Saludos a Guzmán, Gerhard, Barbara & the CREW!

También hay billetes de yen y euro.

Visto en: Menéame.
Sitio original.

… y lo demás son tonterías.

Visto en: The Fail Blog

Contribuyamos a erradicar Internet Explorer 6 y su interpretación cutre-salchichera de los estándares web.

Vía: Anieto2k

Desde el principio, las páginas se han articulado imitando a la maquetación editorial, en columnas, esto ha sido así desde los célebres tiempos cuando se maquetaba con tablas de ‘border=0′. Quizá estas tablas obligaban un poco más a guardar las formas y tener un poco más clara la presencia de una rejilla detrás de la página, el hecho es que con el CSS hay un poco más de libertad y muchas veces se emprenden diseños que, aunque tengan buen aspecto, ganarían mucho más si se diseñasen conforme a una rejilla.

La rejilla o cuadrícula (en inglés, ‘grid’), es esa pequeña ayuda que siempre desactivamos en los programas de diseño. Pues al contrario de lo que piensas, la rejilla es tu amiga, te ayuda a diseñar mejor. También tiene parte de culpa que muchos programas de diseño no aportan opciones sobre la utilización de cuadrículas, se pueden mostrar u ocultar, pero poco más.

Hace tiempo que están proliferando plantillas, artículos y recursos relacionados con las ‘grids’ dentro del diseño web. Después del caos, siempre vuelve el orden.

Personalmente, ya contaba con una ayuda similar, construida con base en mis experiencias. Yo, que suelo diseñar las maquetas con Fireworks (sí, con ese extraño programa), utilizaba una plantilla propia con las guías donde a mí me gustaban, pero ahora veo nuevas opciones, enfoques diferentes y horizontes muy interesantes.

Por ejemplo, de un tiempo a esta parte, diseñaba la página dentro de un div container de 900px de ancho, centrado en la ventana del navegador. Así, los usuarios con resolución de 1024px verían un pequeño margen a ambos lados, el texto no se pegaría a los bordes de la pantalla. En resumen:

1024px - 24px de la barra de scroll - 900px del container = 50px a izquierda + 50px a derecha.

Estoy descubriendo otras opciones que utilizan un ancho de 960px, con lo cual quedarían unos 20px libres a cada lado, y tampoco me disgusta.

En concreto, hoy he encontrado esta página con unos recursos muy interesantes: plantillas para Photoshop, Fireworks (yeaaaah), y otros programas, plantillas de CSS y hasta una especie de storyboard en PDF. Very interesting and useful.

En mi caso, para el container de 900px, creaba 5 columnas de 170px cada una, con 10px de separación, pero veía que algunas veces 5 columnas eran insuficientes y daban poco juego. Ahora sé por qué.

En 960 Grid System plantean rejillas de 12 y de 16 columnas, donde los diseños se realizan combinando dos o más columnas. En su página podéis ver ejemplos y hasta una demo del CSS funcionando.

Veamos un ejemplo de las rejillas con el antes y el después. En la página de Subtraction encontramos esto:

Antes: página sin rejilla, CAOS TOTAL.

Después: utilización de una rejilla, aparte del diseño más moderno, la cosa mejora bastante, ¿verdad?

En Smashing Magazine podéis ver explicado lo anterior, y por supuesto mejor ilustrado y ampliado.

Solamente decir que voy a probar las plantillas de 960.gs, quizá no son precisamente una técnica “antitodo” pero tampoco todos los trabajos lo son (qué más quisiera yo).

Os dejo otra vez el enlace al recurso en cuestión: 960 Grid System.

El pasado 10 de marzo nació mi hijo, y desde esa fecha he estado prácticamente desaparecido en combate. Como podréis imaginar, las noches preparando biberones y cambiando pañales te dejan bastante tocado físicamente, ahora mismo solamente tenemos ganas de dormir…

Sirva este post para anunciaros que ya estoy de vuelta, que intentaré publicar cosas más a menudo, siempre que el tiempo y la acumulación de trabajos pendientes me lo permitan.

Un saludo a todos!

PD. Se me olvidaba, el nene se llama Gorka.

Para quienes, como yo, todavía sigamos usando el clásico Fireworks, aquí va una descarga recomendada: 48 estilos de capa (layer styles) con los típicos colores y degradados del Web 2.0. Sirven para Fireworks 8 y CS3, pero si os gusta más Photoshop, también tiene su recurso equivalente.

Y ahora yo me pregunto… ¿Ha cambiado algo en Fireworks desde la versión 3? Yo sigo viéndolo igual de simple y manejable al mismo tiempo.

Vía: Deziner Folio.

Algunos de los títulos que ya tengo por aquí:

1. Braindead. Tu madre se ha comido a mi perro. De Peter Jackson
2. Mal gusto (bad taste). También Peter Jackson.
3. Meet the feebles, Peter Jackson, teleñecos en plan gore
4. Ed Wood, de Tim Burton
5. La disparatada parada de los monstruos (Freaked), parodiando a “La parada de los monstruos (Freaks)”
6. Kárate a muerte en Torremolinos, de Pedro Temboury
7. Los surfistas nazis deben morir
8. El Vengador Tóxico 1, 2, 3 y 4 (Citizen Toxie)
9. Basket Case 1, 2 y 3
10. Comida sangrienta
11. Posesión infernal (Sam Reimi)
12. El día de la Madre
13. No abrir hasta Navidad
14. Abraxas, el guardián del universo
15. El asesino del microondas
16. El ataque de los muertos sin ojos
17. Erik el Vikingo (Monty Python)
18. Holocausto caníbal
19. El condón asesino
20. Reanimator
21. El ataque de los tomates asesinos
22. Está vivo
23. Sigue vivo (It’s alive again)
24. Vixen, Supervixen, Amazonas en la Luna, etc. Saga de Russ Meyer
25. Cualquiera de Jess Franco
26. etc.

Para más información, en la FNAC venden unas “Colecciones de Cine Bizarro” en DVD. También podéis encontrar auténticas joyas en la web Planeta5000 o en el catálogo de Manga Films.