Antitodo Kreativos

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.

Aunque puede parecer una perogrullada, a la hora de diseñar una maqueta web deberíamos atenernos a ciertas normas, sobre todo cuando se trata de una web con buena cantidad de información.

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. (more…)

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.

Seguramente ya conoceréis el script Lightbox o algunos de sus clones que hay pululando por ahí… Los podemos encontrar en different flavours, adaptados a cualquiera de los frameworks de Ajax más utilizados: mootools, scriptaculous, jquery, etc.

El otro día andaba buscando un script parecido para la página de un cliente, buscaba uno de estos scripts que me permitiera abrir un ventana de diálogo tipo “login”, utilizando el framework de Mootools, puesto que esa página ya tenía algunos efectos de moo.fx.

Lo primero que descubrí fue que este tipo de ventanas se llaman “ventanas modales” (modal window), después de probar algunos de estos, me quedo con los dos que cito a continuación (nótese que los nombres solamente tienen una letra de diferencia):

MOOdalbox

Este script, como podréis suponer, está basado en Mootools, y sirve para abrir una ventana centrada en la página, pudiendo especificar el ancho y alto que queramos para la ventana. Como únicas pegas, sólo sirve para abrir otro archivo HTML dentro de la ventana. No podemos abrir una capa o DIV del mismo documento, lo que queramos desplegar ahí tiene que estar en otro archivo aparte, y dentro del mismo dominio (por ejemplo, “login.php”). Otra pega es que en local te da un error al hacer las pruebas, al subirlo al servidor ya funciona todo, así que hay que hacerlo un poco a ciegas (según pone en la documentación, estas son las limitaciones típicas del AJAX).

Enlace a la demo: MOOdalbox Playground.

Modalbox

El otro script es un poco más flexible pero se despliega de forma diferente, desde la parte de arriba de la ventana (igual que los cuadros de diálogo de Safari en el MacOS X), y sombreando el resto de la página. Como ventaja, puede abrir archivos externos, funciona en local, y también sirve para mostrar cualquier DIV ID=”xxxx” que esté oculto en el mismo documento. A diferencia del anterior, éste está basado en Scriptaculous-Prototype, y ya sabéis que no es aconsejable usar dos frameworks diferentes en la misma página, así que debemos elegir entre uno y otro (no uséis Mootools y Scriptaculous en la misma página!!)

Enlace a la demo: Modalbox (buscad el botón ‘Start demo’ hacia mitad de la página).

Los dos se utilizan de forma similar a los Lightbox:

1. Te bajas los archivos correspondientes (JS, CSS e imágenes).
2. Los pones en el raíz de tu sitio teniendo en cuenta las rutas y demás.
3. Enlazas a los JS y CSS en el HEADER de tu web
4. Pones los enlaces con la sintaxis correspondiente, en cada demo se explica cómo hacerlo

Si estás preparando algún diseño para el día especial de El Corte Inglés, te interesará echar un vistazo a estos recursos.

En Dezignus han preparado un set de gráficos vectoriales con motivos amorosos: lazos, corazones, etiquetas, etc. En descarga gratuita, como siempre.

Y el plato fuerte, el gran trabajo que se ha pegado Diego Mattei, que ha recopilado en un solo post multitud de recursos de todo tipo, todos ellos relacionados con el 14 de febrero:

Aquí comparto con Uds. un recopilatorio de recursos en donde podrán encontrar iconos, brushes, vectores, templates, wallpaper, screensaver y algunas cosas mas para sorprender a tu amada/o geek.

Desde luego, bucear tantas horas por Deviantart no tiene precio, gracias por hacerlo por nosotros, Diego.

Vía: Dezignus

Si eres usuario de Gmail, habrás notado que, aunque el sistema es potente, ágil y rápido, a veces se echan en falta algunas funciones, acostumbrados que estábamos a utilizar clientes de correo tipo Outlook, Thunderbird o Mail.

Desde hace poco más de un año, solamente utilizo Gmail para los correos de trabajo. Bastantes veces ya he perdido parte de los correos históricos, a causa de corrupción de archivos, formateos e importaciones de correo fallidas. ¿Nunca os ha pasado que por más que os aseguráis de hacer una copia total antes de formatear, luego resulta que se os pierden algunos correos y contactos?

Como decía, al final decidí basar todo el correo en la cuenta de gmail, desde la cual recibo POP de varias cuentas de dominios diferentes. Aunque tengo Blackberry, lo más cómo para acceder a un correo de hace un año cuando estoy en la calle es entrar a la versión móvil de Gmail y buscar entre los casi 2 Gb de correo de forma instantánea.

El otro día encontré curioseando por ahí un post con más de 60 utilidades y recursos para Gmail. Muchos de ellos ya los conocía, sobre todo las extensiones para Firefox. Sobre algunos recursos que se listan en el post, tengo que decir que no me han dado buen resultado.

En concreto, los scripts Greasemonkey y la extensión BetterGmail volvían loco a mi navegador, aun usándolos por separado (si los llego a usar al mismo tiempo, apaga y vámonos), y causaban reinicios y cuelgues nada abrir el Firefox. Lo cierto es que la próxima vez que formatee, intentaré hacerlos andar con una instalación fresca de Firefox, ahora me apaño sin plugins ni nada, solamente tengo activado el dragdrop-upload, que total, para enviar y recibir, a veces nos complicamos demasiado la vida…

Bueno, os dejo el enlace con los recursos. Buen provecho. [en inglés, pero fácil, no?]

Bueno, de esto habría que hacer un monográfico en español:

• Parte 1
• Parte 2

Lo haremos en cuanto podamos

Ahora que estamos lanzados con los vectores, os dejamos un enlace con una colección de más de 6000 siluetas de coches vectorizados.

Tal y como cita la fuente original (Zarqun Blog):

…una colección que debe poseer cualquier diseñador que se dedique al mundo de la rotulación, para así poder simular como quedaría el coche una vez rotulado, en esta gran colección encontraremos nada más y nada menos que 6000 coches, todos ellos divido por marchas y a su vez en modelo y año.

El formato es AI, el peso total de la colección 187mb y la descarga es gratis, a continuación os muestro algunas de las marcas que podréis encontrar.

Audi, Ford, Open, Mazda, BMW, Buick, Chevy, Citroen, Dodge, Fiat, Honda, Hummer, Iveco, Jeep, Kia, Lada, Lancia, Lincoln, Mercedes, Mercury, Peugeut, etc.

Enlace al blog original: Zarqun Blog

Lo vio primero: Ateneu Popular

PS: Ahora me acuerdo que yo tengo esto mismo pero en formato Corel (lo cual era una gran putada)

En Dezignus continúan en su línea de publicar recursos más que interesantes. Esta vez, se trata de una serie de ilustraciones vectoriales, divididas en varias entradas.

Para ir al grano, aquí tenéis las más interesantes (según mi opinión, claro):

19 ilustraciones hechas con vectores, pertenecientes al ilustrador Magnus (Estocolmo, Suecia). Aquí vienen en un único archivo de 15 Mb., EN FORMATO JPG. NO SON VECTORES, pero sí una buena fuente de inspiración. Magníficos los trabajos de Magnus.

Ilustraciones vectoriales de Snowboard, algunas son algo infantiles pero hay un par de ellas que son bastante Pro. [8,2 Mb.]

Formas vectoriales florales, muy buenas para crear fondos o para adornar fotografías.

4 ilustraciones de angelitos tipo plumilla, para dar un aspecto totalmente retro a cualquier diseño (o un toque macabro, según cómo se mire).

Las miniaturas de la izquierda enlazan directamente a los posts de Dezignus, donde podréis encontrar los enlaces de descarga (vía Rapidshare o Depositfiles).

A éstas hay que sumar la serie “Teenagers” que publicamos hace poco.

Sitio original: Dezignus

Actualmente podemos ver muchos diseños que combinan estas dos técnicas, los vectores (círculos, formas, degradados, plantas, mariposas, líneas, flechas, tipografía, etc.) con la imagen tradicional.

Trabajar con vectores en Photoshop puede ser un verdadero dolor de cabeza. Si eso de los trazados, máscaras y capas de ajuste no te entra todavía en la cabeza, quizá este tutorial te puede ayudar a aprender cómo crear determinados efectos con Photoshop.

El tutorial está en inglés, pero se entiende perfectamente porque viene cargadito de imágenes.

Enlace al tutorial

Ateneu Popular lo vio primero.