30 técnicas CSS para crear menúes de navegación


Menúes CSS
Menúes CSS

Tener un buen menú de navegación en nuestro blog es algo importante y no solo por el diseño. Es el medio por el cual los lectores van (o no) a recorrer nuestro sitio, así que se merece nuestra atención y que logremos que se vea atractivo y accesible al final, además de que quede en armonía con el resto de la web.

En SixRevisions publican una lista con 30 excelentes menúes de navegación en CSS para que busquemos inspiración y aprendamos como hacerlos. Practicar es bueno para conocer las técnicas que suelen implementarse al crearlos y para llevarnos mejor con el CSS si es que no tenemos experiencia. Cada ejemplo se acompaña de la demostración, así que solo resta que elijamos el que nos guste y nos animemos para luego adaptarlo a nuestro gusto.

Tarjetas de presentación con esquinas redondeadas

rounded-corner-business-cards-9

Será que nos estamos poniendo grandes, porque además de un fetiche por las oficinas, en PuntoGeek tenemos un gusto importante por las tarjetas de presentación, como las que encontré en un set de 17 tarjetas con esquinas redondeadas, original e inspirador.

rounded-corner-business-cards-17

Me parece no sólo atractivo sino muy inteligente hacer que nuestras tarjetas de presentación sean tan lindas que la gente las recuerde; aumenta la posibilidad de que no terminen en la basura y que recuerden nuestro nombre.

Pueden ver la colección completa en:

17 Rounded Corner Business Cards Designs | You The Designer

Gotas en PSD

gotas
Gotas en PSD

Leyendo el excelente blog de Diego me encuentro con un recurso muy interesante, un set de gotas en PSD, especial para darle un toque más fresco (?) a tus diseños. Si sos de los que te da pereza hacerlas «manualmente» este pack te puede venir perfecto, ya que sólo hay que «copiar y pegar».

El pack incluye más de 80 gotas de distinta forma y estilo, ya sean gotas de rocío o gotas más grandes como para una lágrima, obviamente con fondo transparente y en alta resolución, lo cual lo convierte en un recurso que no puede faltar en la colección de cualquier diseñador.

Iconos gratuitos para proyectos


Iconos gratuitos
Iconos gratuitos

Un nuevo paquete de iconos de la mano de SmashingMagazine, en este caso creado por Navdeep Raj, el administrador de DezinerFolio. Se trata de «Project», un grupo de iconos destinados a los proyectos laborales con 18 imágenes que ilustran libretas de direcciones, gráficos de barras, calendarios, relojes, contactos, documentos, mail, planos, búsqueda y demás elementos que tiene que ver con la planificación de un proyecto.

Los iconos se encuentran en formato Png con fondo transparente, y vectorial a partir de Fireworks. Son gratuitos para usar en todo tipo de proyecto sea comercial o personal sin ningún tipo de restricciones. No dejen de descargarlos porque si prestan atención van anotar que mas allá de la temática a la cual se los enfoca, mas de uno pueden ser útiles para un blog próximo a nacer.

Foto-manipulaciones de Josh Sommers


Josh Sommers
Josh Sommers

Josh Sommers es fotógrafo, ilustrador, diseñador gráfico y desarrollador de software. Además de músico aficionado, cantante y pianista, y por último sabe tocar la guitarra, elukulele, el banjo y algo de acordeón. Un joven muy ocupado, ¿no?

Pero concentrándonos en el diseño, en su cuenta de Flickr tiene además de geniales fotografías de paisajes, diferentes galerías con foto-manipulaciones realmente increíbles. Por ejemplo en la carpeta «Manimals» podremos ver hombres mezclados con animales salvajes, y en «Manipulations» increíbles montajes y diseños sumamente creativos.

Fuente: Toxel

Vendas autoexplicativas

slings_thumb[2]

Los que nos hemos roto alguna parte del cuerpo sabemos bien lo que es que nos pregunten una y otra vez “Pero ¿qué te pasó?”.

Ahora, gracias a la creatividad y originalidad de algunos, podemos ahorrarnos ese incómodo momento de repetir cómo nos lastimamos por medio de vendas auto-explicativas.

Ya sea jugando al football, cayendo del skate, con el perro del vecino o tropezando en la escalera, luzcamos orgullosos el signo de cómo nos lastimamos, para que no nos pregunten más, y nos podamos reír de nosotros mismos.

No pude encontrar más información sobre dónde se pueden conseguir estos artículos, pero sin duda son una buena idea para este tipo de situaciones, y fáciles de hacer.

[Vía Fake blue Demon]

Generador de menúes en Flash

flashvortex-menu

FlashVortex es un sitio que ofrece una herramienta para generar menúes en Flash, es una especie de «editor WYSIWYG de menúes en Flash», especial para los que no sabemos nada de diseño y queremos algo rápido. Podemos elegir entre varios estilos de diseños predefinidos y luego modificarlos a gusto, obviamente agregando los textos personalizados, enlaces de destino, cambiando íconos, colores de los botones y fondo, etc.

Una vez que terminamos la personalización del menú podemos descargar el archivo para instalarlo «manualmente», quedense tranquilos que viene con instrucciones, pero si prefieren la vía fácil pueden copiar y pegar un código, que no es más que un script que embebe el menú desde los servidores de FlashVortex.

Es una excelente alternativa para los que no saben de diseño y quieren algo rápido, si bien no es de lo mejor del mundo, me parece que puede servirle a más de uno. Una aclaración importante es que a los menúes les agrega una leyenda de que ha sido creada con dicha herramienta.

Botones en formato PSD gratis

psd-buttons

Yo sé que me estoy metiendo en el terreno de Isa, pero vi esta colección de botones y no quería dejar de comentarla. Se trata de un sitio donde hay botones en formato PSD listos para ser descargados y editados con Photoshop, son totalmente gratuitos y pueden ser modificados a gusto para usar en nuestros propios diseños.

Hasta el momento hay 22 botones diferentes, todos con diseños muy elegantes, que pueden ser descargados, tanto en formato PSD como PNG y editarlos agregándole el texto que queramos, cambiando colores, o lo que se nos ocurra para personalizarlos acorde a nuestro diseño, ya que son totalmente libres.

Pueden descargar cada uno por separado, o bien bajar todo el pack en un zip desde el sitio oficial.

Visto en WebAppers

Paquetes de iconos de clima


Iconos de climas
Iconos de climas

No es tan común ver iconos de clima dando vueltas en Internet, pero eso no quiere decir que el día de mañana un cliente no pueda pedirnos un proyecto que tenga que incluirlos. Y que no abunden, haría mas complicada la tarea de encontrarlos. Por eso les recomiendo que visiten la recopilación armada en DesignerSide con paquetes de iconos de clima gratuitos.

Los paquetes se ven de calidad, y hay de varios estilos, solo recuerden revisar las licencias y descarguen el que les guste para sumarlo a su lista y estar preparados cuando se presente la oportunidad. Yo me voy a hacer lo mismo.

Si por otro lado, les interesa comprar alguno, al final de la lista el autor incluye algunos sets que están en venta en iStockPhoto por diez créditos (o menos de diez dólares).

21 themes de WordPress lanzados en abril


Themes gratuitos para WordPress
Themes gratuitos para WordPress

Todos los que utilizamos WordPress como CMS sabemos perfectamente que una de las mejores cosas que tiene WordPress es su enorme comunidad, esa que se encuentra «detrás» y que continuamente nos brinda nuevos plugins y themes para hacer mejores y mas accesibles nuestros sitios. Además de claro, mantenernos siempre actualizados en el caso de lo plugins, para evitar problemas.

En ThemesCloset publicaron una recopilación de los mejores themes gratuitos para WordPress que fueron lanzados durante el mes de abril. En total son 21 plantillas, todas de excelente calidad y que darían un buen cambio de aspecto en el caso de que pensemos en un rediseño cercano. Hay themes de dos y tres columnas, además de algunos estilo magazine o revista.