Cosas sencillas

Google rescata la memoria visual del siglo XX

Toni — Fri, 21 Nov 2008 16:49:33 +0000

He leído en El País, que al igual que otros muchos medios, han hecho eco de la noticia de que el buscador Google ha colgado en la red dos millones de imágenes procedentes del fondo fotográfico de la célebre revista Life, que nació en 1883 y dejó de publicarse en 2006, contienen imágenes de casi cada momento memorable de la historia moderna. Son gratis y cerca del 95% no se habían publicado nunca, las más antiguas se remontan a 1750.

El buscador planea ampliar la foto-galería hasta volcar los diez millones de imágenes que almacena Life en sus archivos; lo que supone buena parte de la memoria visual del siglo XX.

"Durante 70 años, Life ha significado una cosa: el poder de la fotografía para contar una historia", ha señalado Andy Blau, presidente de Life. "Life llegará ahora a un público más amplio y los atraerá virtualmente hacia la increíble profundidad y amplitud del archivo fotográfico de Life, que contiene desde importantes acontecimientos mundiales a famoso de Hollywood, pasando por caprichos fotográficos.

Texto ajustado a un trazado ondulado con Fireworks

Toni — Fri, 21 Nov 2008 12:14:06 +0000

Es un truco muy sencillo que he visto en el blog CristaLab, una sencilla función que puede ser de gran ayuda a la hora de adaptar un texto a un trazado. Se trata de la función "Unir al trazado", una función disponible sólo para texto, y permite que cierto texto se ajuste a una línea curva previamente dibujada, siguiendo su perfil y la forma de su trazado. En un pequeño tutorial nos enseña a cómo hacerlo.

Frases que me han gustado (13)

Toni — Fri, 21 Nov 2008 10:49:17 +0000

Esta frase me ha gustado mucho y la he leído en BlogOff:

Hay tres clases de mentiras: las mentiras, las grandes mentiras y las estadísticas.

[atribuido a diversos autores]

Gran escaparate de “favicons”

Toni — Fri, 21 Nov 2008 09:11:32 +0000

Ahora toca de hablar o al menos recordar los conceptos, en esta ocasión se trata de los famosos favicons (abreviatura del inglés ‘favorites icon’), es tal y como lo explica la Wikipedia:

“… también conocido como icono de página, es un icono asociado con un sitio web o página web en particular. Un diseñador web puede crear este icono, y muchos navegadores gráficos puede hacer uso de él. Los navegadores que permiten esta función suelen mostrar el icono junto a la barra de direcciones, al lado del nombre del sitio en la lista de favoritos, y al lado del título de la página en una interfaz de documentos en pestañas”.

Por lo tanto es una marca gráfica distintiva que diferencia una página de otra, ya que actúan como indicadores visuales para los visitantes y les ayudan a asociar fácilmente el contenido con un marcador en el navegador, eso ayudar a los usuarios a seleccionar rápidamente un sitio web dentro de la gran multitud de páginas. Actualmente es difícil de encontrar un sitio que no hagan uso de ellos.

En SmashingMagazine, han publicado una serie de artículos a modo de escaparate sobre los favicons. No solo destacan por su belleza, sino que es importante que se adapta perfectamente al diseño del sitio en general. Para algunos pueden pasar desapercibidos, pero son esos pequeños talles que llaman la atención en el diseño de una página.

Todas las imágenes de los favicons que aparecen en los artículos están vinculadas a la página que las contiene, de ese modo tenemos más información sobre su diseño con respecto al resto de la página.

Si desea saber más acerca de ellos, no dude en echar un vistazo a los anteriores artículos publicados, con toda seguridad son una fuente de inspiración:

Si quieres encontrar más información sobre el tema de los favicons, no dudes en ver lo que ya se ha publicado en Cosas Sencillas.

Recopilación de 60 juegos de iconos vectoriales imprescindibles para diseñadores

Toni — Fri, 21 Nov 2008 07:50:41 +0000

Encontrar iconos vectoriales es relativamente sencillo, pero que estos sean de gran calidad es otro cantar. Para mi sorpresa he localizado una cuidada recopilación de 60 juegos de iconos en formato vectorial, que se puede clasificar de extraordinaria, realizada por Chris Spooner (diseñador de páginas web, logotipos y especialista en Illustrator), autor del blog SpoonGraphics.

La podemos encontrar en el artículo 60 Free Vector Icon Packs for Design Professionals de Vectortuts. Una selección enfocada a los diseñadores profesionales, por esa razón han reunido la flor y nata, son conjuntos de icono muy buenos y además totalmente gratuitos. Espero que disfrutéis de ellos tanto como yo he disfrutado.

Cómo diseñar un lindo conejito en formato vectorial

Toni — Fri, 21 Nov 2008 07:12:53 +0000

En este tutorial para Illustrator, How to Create a Cute Bunny Vector Character de Vectortuts, nos muestran cómo crear un personaje con apariencia de un lindo conejito.

Su autor es Ryan Putnam (Rype), un ilustrador profesional especializado en Adobe Illustrator, que también dirige el blog Vectips.

Aunque está en inglés, es sencillo de seguir, pues es muy didáctico y fácil de utilizar, emplea formas simples y los gradientes no son complicados de aplicar a otras ilustraciones de otra índole. Lo mejor del tutorial, es que no necesitas ser un artista asombroso para crearlo, así que puedes intentar darle tu toque personal.

Si después de dicho tutorial, tienes más ganas y te atreves con otras cosas, puedes seguir otros tutoriales que encontrarás en el siguiente artículo 70 Cute and Cheeky Vector Animal Characters, con más personajes de animales para que aprendas y a la vez te inspires.

Guía completa para construir un tema para WordPress

Toni — Fri, 21 Nov 2008 06:36:51 +0000

En el blog WebDesignerWall, a petición de muchos de sus lectores que están interesados en aprender cómo construir un tema personalizado para WordPress, están escribiendo una completa guía sobre cómo instalar WordPress y personalizar un tema.

A continuación te dejo la tabla de contenido de la guía (los enlaces los actualizaré tan pronto como se publiquen):

Capítulo 1: Installing WordPress Locally.
Capítulo 2: Building Custom WordPress Theme.
Capítulo 3: Moving and Exporting WordPress (aún sin publicar).

La revista “PC Magazine” deja el papel y se pasa al formato digital

Toni — Thu, 20 Nov 2008 19:13:25 +0000

Según he leído en El País, la publicación informática “PC Magazine” que comenzó a publicarse en 1982 opta por el formato digital. Ahora es más tecnológica que nunca pues acaba de anunciar que dejará de vender su edición en papel y pasará a publicarse sólo en Internet. Se publicará por última vez en papel en enero del próximo año y después estará sólo disponible en PCMag.com.

Es una de las revistas con más tradición de la prensa tecnológica, ha registrado en los últimos años una constante reducción de sus ingresos publicitarios y su editor, el grupo Ziff Davis Media, llegó a declararse en bancarrota. El trasladar al formato digital es el paso final de un proceso evolutivo que llevan siete años planeando.

Es un hecho que desde el año 2000 la Red ha sido el principal lugar donde los compradores de electrónica obtienen información y al que los publicistas del sector dirigen su dinero.

La revista de informática es la última de una lista cada vez más larga de publicaciones que han anunciado el fin de sus ediciones en papel ante la caída de la circulación y los ingresos publicitarios.

Dellifeed, un conjunto de iconos muy apetitoso

Toni — Thu, 20 Nov 2008 12:48:14 +0000

De nuevo me sorprende SmashingMagazine, en su artículo Dellifeed: A Free Icon Set, con un conjunto con 8 sabrosos y atractivos iconos sociales en el formato PNG, diseñado por Dellustrations.com, unos iconos que encajan perfectamente en diferentes tipos de atmósferas, de entre todos ellos me ha llamado más la atención los que hacen referencia a los RSS:

Se puede utilizar en cualquier proyectos sin restricción alguna, tanto en proyectos particulares, como comerciales. En la siguiente ilustración tienes una vista previa del conjunto. Su descarga en ZIP ocupa 2 Mb).

Optimizando el texto degradado con CSS

Toni — Thu, 20 Nov 2008 12:14:32 +0000

Los desarrolladores Web siempre van peleando para encontrar la forma de optimizar los códigos HTML y CSS. En Cssglobe.com nos dejan un mensaje de Alen Grakalic sobre el texto degradado mediante CSS (aquí te dejo los enlaces para su vista previa y la descarga). En la siguiente ilustración vemos el resultado:

Los de BestWebBuzz, teniendo en cuenta dicho artículo como base, nos dejan otra variante en este otro artículo Optimized Css Text Gradient, con la posibilidad de darle un aspecto degradado sin usar un gradiente con un archivo PNG transparente. Encontrarás todos los códigos perfectamente detallados y explicados, para que puedas realizarlo. La ilustración de la derecha es el resultado del invento.

Para ampliar más el tema sobre ésta técnica, te recomiendo que le des un vistazo a los artículos Bonito efecto de degradado con solo CSS, y también Fade out bottom, efecto interesante con CSS.

Selección de 220 estilos de capa increíbles para Photoshop

Toni — Thu, 20 Nov 2008 11:35:43 +0000

Un estilo de capa consiste en un efecto o varios efectos que se aplican a una capa o a un grupo de capas, es una de las formas más comunes para acelerar el proceso de diseño. Estos estilos nos ayudan mucho y los que nos dejan en el artículo 220 Amazing Free Photoshop Layer Styles de Dezinerfolio, aún nos ayuda más. Aquí tienes el enlace a su descarga.

También nos recuerda la anterior versión Ultimate Web 2.0 Layer Styles - Free Download.

En PhotoshopExtremo nos enseñan a como agregarlos a nuestra paleta de estilo y como los podemos utilizar.

Más estilos de capas en los artículos:

Selección de 22 juegos de iconos RSS imprescindibles para tu blog

Toni — Thu, 20 Nov 2008 10:12:00 +0000

Hace unos día comenté en el artículo Algunos iconos de RSS con aspecto y forma originales, que cada vez veo más iconos que destacan por su originalidad para representar el tema de la sindicación RSS. Y en este tema no paro de sorprenderme, pues los diseñadores una y otra vez sacan su imaginación y creatividad a relucir a un grado que no tiene límites.

Acabo de ver en PortafolioBlog una selección de 22 conjuntos de iconos que me han dejado boquiabierto, hacen referencia al artículo 22 Amazing Styles of RSS Icons Free for your Blog de Specky boy, la verdad que algunos me son desconocidos y por lo tanto para mi son una novedad.

Todos tienen un estilo muy original, y abarcan distintas formas y formatos, si utilizas alguno de ellos, con toda seguridad llamarás la atención de tus lectores. Aquí te dejo la muestra:

MyCircles RSS Icon de ~burnsflipper
RSS Icons Campaign
Wax Seals by *sniffels
ACID RSS by ~Cavin
RSS Bot by *leoblanchette
Recursos Grafikos Iconos (345 Iconos RSS en formato PNG)
Hat RSS Icon by ~LoafNinja
Christmas Feed Icons by ~webfruits
RSS Icons by ~OneDevGiant
Mouse RSS
Bottle Caps by ~neoworxspace
Social Bookmark Icons (18 iconos diferentes)
Iconos en 3D
Otra tanda de Iconos Feed en 3D (14 iconos diferentes)
RSS feed 17 icons-sign v1.0 by ~CorouD (17 iconos diferentes)
RSS by *sniffels (4 iconos diferentes)
DrinkRSS (dos juegos de iconos en total 8 iconos diferentes)
Nice ‘n’ Simple Subscribe Badges (Tuturial y descarga de los 3 iconos en PSD)
StickerFeed by ~bati1975
Feed icons for blogging guitarists
rss icon 1 by ~khaoze
Free Glossy Blogging Icons Set for Bloggers
(max)Icone Blog - Set 2

Las novedades en este tema son constantes, puedes ver más iconos en los siguientes enlaces:

Bright!, otro conjunto de iconos de gran calidad

Toni — Wed, 19 Nov 2008 23:50:00 +0000

Aunque ya lo he comentado hace meses, de vez en cuando es bueno recordar las cosas de calidad, es un conjunto de 148 iconos de unas características muy agradable y totalmente gratuitos, que he visto en Sharebrain, están en formato vectorial EPS, por lo que se puede escalar al tamaño deseado, el conjunto está diseñado por Min Tran. Recomendado para la web y otros trabajos, se pueden utilizar para uso personal y proyectos comerciales. La página de origen es min.frexy.com desde donde puedes efectuar su descarga que ocupa 31.46 MB.

Selección de 25 generadores de paletas de color y otros recursos para diseñadores

Toni — Wed, 19 Nov 2008 23:14:00 +0000

Son muchas las veces que nos quedamos atascados en el asunto del color, pues para muchos diseñadores y desarrolladores web, dar con un esquema agradable de color es a menudo el aspecto más difícil de un nuevo proyecto.

En el artículo 25 Color Palette Generating Resources for Web Designing! de TheWebSqueeze, que pone a disposición de los diseñadores unos 25 enlaces útiles para que no sea tan complicado dar con una paleta de color adecuada para nuestro nuevo proyecto.

Accessibility Color Wheel	Color Match Redux	Color Wizard
ColorBlender.com	Color Palette Creator by Slayer Office	Infohound
Color Blender	Color Palette Generator	Kuler
Color Combos	Color Schemer II	Pic2Color
Colordb	Color Scheme Generator	Sitepro Central Colour Scheme Chooser
Color Hunter	Color Scheme Gallery	Veerle’s Topp Daily Color Scheme
Color Inspirator	Color Toy 2.0 - The Flash Color Scheme Generator	Visibone
Color Jack	Color Wheel Color Calculator	Unsafe Colormatch
Colour Lovers

Selección de 130 tarjetas de visita para que te inspires

Toni — Wed, 19 Nov 2008 11:33:24 +0000

En el blog Zoonex he localizado tres artículos con una buena selección de tarjetas de visitas para inspirarte, en total son unas 130:

Selección de 30 juegos de iconos gratuitos de gran calidad

Toni — Wed, 19 Nov 2008 11:02:26 +0000

En OutlawDesignBlog he encontrado una selección de 30 juegos de iconos gratuitos impresionante por su gran calidad. Son las últimas novedades que van apareciendo a través de la web y que comparten con todos nosotros.

Más de 4000 pinceles de alta calidad para Photoshop

Toni — Wed, 19 Nov 2008 10:39:46 +0000

Es una buena colección de más de 4000 pinceles de alta calidad para Photoshop y además gratuitos, un recurso que podemos sacarle provecho en nuestros próximos proyectos de diseño. Los tenemos perfectamente descritos y clasificados en el artículo 4089+ High Quality Free Photoshop Brushes de Toxel, que te recomiendo que le des un vistazo.

El uso del “padding” en tus diseños CSS

Toni — Wed, 19 Nov 2008 10:18:33 +0000

El “padding” o relleno, junto con los márgenes es uno de los aspectos más importantes a la hora de estructurar una página Web. Podemos tener el mejor diseño Web posible, pero si el “padding” y los márgenes están fuera de sitio, no se verá bien.

Generalmente es un aspecto en donde se invierte mucho tiempo, para que todo encaje perfectamente dentro de la estructura, de ese modo se facilita la colocación de la información pertinente, por eso es necesario tener la separación y la gestión de los espacios en blanco muy estudiada.

En el artículo eminentemente práctico que se titula Using padding in your design de WeAreNotFreelancers, nos muestra de una manera muy gráfica la diferencia entre los márgenes y los paddings, y lo explica muy bien. A menudo, se confunde los dos y uno puede frustrarse cuando las cosas no se ven bien.

Para aclarar conceptos:

El margen es la distancia entre un elemento y sus elementos circundantes.

El “padding” es la distancia de los temas dentro de un elemento.

Ejemplo de mal uso del padding:

Ejemplo de buen uso del padding:

Casi 20 tutoriales de Photoshop para diseñar tu propia tarjeta de visita

Toni — Wed, 19 Nov 2008 09:10:15 +0000

Para uno mismo o para cualquier empresa, es necesario disponer de una tarjeta de visita que sea original y llamativa, pero antes es necesario conocer como se pueden construir, y como siempre los tutoriales es un buen medio para conseguirlo con nuestro inseparable programa Adobe Photoshop.

En los enlaces que tenemos en el artículo 19 Photoshop tutorials to design a own business card de DeveloperFox, podemos encontrar algunos buenos tutoriales que seguro que nos ayudan con diferentes técnicas, a la hora de diseñar hermosas tarjetas de visita, otro asunto es la inspiración.

Para el tema de la inspiración te recomiendo que des un vistazo a algunos de los artículos publicados en Cosas Sencillas, sobre los mejores muestrarios.

Más de 100 vídeo-tutoriales para el aprendizaje de WordPress

Toni — Wed, 19 Nov 2008 08:44:11 +0000

Es una buena selección de más de 100 vídeo-tutoriales para el aprendizaje WordPress, que tenemos disponible en el artículo 100+ Wordpress Video Tutorials, from Basic to Advanced de SpeckyBoy. Entre todos ellos encontramos desde el aprendizaje básico para el principiante, hasta el avanzados para el experto que quiera aprender nuevas técnicas. Lo único malo es que están en inglés.