El Cliente: ese director creativo en potencia

Hace un par de meses Lis Torrón, de la agencia madrileña Reclam, publicó en su blog una buena reflexión sobre el cliente que son también los nuestros) y su afán por ser director creativo. Me gustó cuando lo leí y me gustaría compartirlo con todos vosotros:

Estadísticas globales de los navegadores

Ha aparecido recientemente un estudio a nivel mundial sobre el uso de los navegadores y su cuota de mercado por parte de W3Counter, un sistema de estadísticas en la línea de Google Analytics pero más sencillo y competencia directa del segundo.

Dicho estudio nos muestra lo que ya deberíamos saber: el uso mayorítario de Internet Explorer 7 y 8, aunque Firefox le sigue muy de cerca. El uso de IE6 es apenas perceptible (yo pensaría que realmente es mayor su porcentaje, al menos en España). Así que ya sabéis, hay que seguir rompiéndose la cabeza a la hora de escribir html para conseguir los mismos resultados en IE que en el resto de navegadores si queremos que nuestra web sea "universal".

Fotomanipulación surrealista: 40 ejemplos

Flash@TeeFury

Nueva camiseta de TeeFury: Flash (fotográfico). Sólo disponible por 24 horas al precio de siempre: 9 dólares (7 euros). ¡Date prisa amigo!

El origen del logo de Mozilla Firefox

El logotipo de Mozilla Firefox ha sufrido cambios a lo largo de estos años. De hecho tubo un inicio poco afortunado ya que, en su origen, con la intención de llamarse Phoenix, tuvo que ser cambiado por Firebird ya que se encontraba registrado y más tarde por el actual Mozilla Firefox. El primer logotipo estaba más indicado para un asador de pollos que para un navegador aunque se llamara Firebird. Después cambiaría a una primera versión del logotipo actual y que fue realizado en 2004.

Bokeh: qué es y para qué sirve

Hoy voy a hablaros de un desenfoque especial llamado Bokeh en fotográfia y que produce un efecto muy bonito en determinadas imágenes. También cómo podemos emular dicho efecto desde software. Así que lo primero será explicar qué es y en Wikipedia encuentro:

Bokeh, pronunciado 'boqué', es un concepto japonés (ぼけ boke) que significa desenfoque. En fotografía se utiliza este concepto para referirse a la calidad subjetiva de un objetivo por la estética de las zonas desenfocadas que produce en una fotografía.

Se trata por tanto no de la cantidad de desenfoque que un objetivo produce, sino de cómo es. Para la fotografía de determinados motivos, es interesante que el fondo quede desenfocado para evitar distracciones al observar la fotografía y resaltar de este modo el motivo. Mientras que unos objetivos muestran los objetos desenfocados como manchas circulares, otros lo hacen en otras formas, colores y contrastes. Estas formas como manchas suaves de color que toman los objetos desenfocados es lo que caracteriza el bokeh de un objetivo.

Fin de semana

- Come más carne -

Iconos sólamente con CSS3

CSS es una herramienta potentísima en las manos adecuadas, y prueba de ello son los veintisiete logotipos que quedan tras el salto, ya que han sido creados íntegramente con CSS3.

Por impresionante que parezca no hay ningún uso de imágenes o técnicas extrañas para lograr los logos que os dejo tras el salto, todo son líneas de código CSS3 (usa Firefox o Safari para verlos mejor, pero no las imágenes jpg sino desde código)). Aunque todo hay que decirlo, algunos difieren un poco de su logotipo real, pero son fallos perdonables por las limitaciones de la técnica y humanas.

Fuente 1stwd

Cojines con poca tinta

Durante la carrera o en el instituto, lo que más temíamos antes de la entrega de un proyecto era que la tinta se empezara a acabar y dejara esos degradados tan característicos en mitad de un dibujo o una imagen, no tanto por tener que repetir esa lámina, sino porque había que ir a comprar tinta, y el tiempo no es algo que suela sobrar a horas de la fecha límite de entrega. Y además, dónde compras un cartucho de tinta de madrugada (cosas de dejarlo todo a última hora).

A Thomas Dabner le habrá sucedido en más de una ocasión y ha decidido diseñar estos cojines con poca tinta, para que cada vez que los veamos recordemos esa sensación de frustración y no se le olvide comprar recambios.

Están disponibles en los tres colores de tinta (cian, magenta, amarillo y negro) e incluso tienen un pequeño detalle en forma de la típica hoja de prueba que realizan las impresoras cuando cambiamos el cartucho. Dependiendo del tamaño cuestan entre 20 y 25 euros cada uno. Un poco caros, pero ideales para el sofá de la oficina o el despacho.

Otro artilugio más que añadir a la lista de compra de todo diseñador, por aquello de querer ser diferentes y al final acabamos siendo iguales. ¡Viva la igualdad!

8 maneras de fastidiar a un diseñador gráfico

Siguiendo la entrada de ayer sobre las discusiones Cliente-Diseñador-Cliente continúo hoy con un post que apareció el pasado año por ParafernaliaKitch y que hoy lo dejo por aquí. Nos cuenta 8 maneras de fastidiar a un diseñador gráfico por parte del cliente, aunque existen muchas más. Igual si todos tubiéramos buenos comerciales que hicieran de filtro no nos pasarían estas cosas (y sería 8 maneras de fastidiar a un comercial gráfico).

1. Microsoft Office:

Cuando tengas que enviar un documento a un diseñador gráfico, asegúrate que lo envíes desde un Office de Microsoft. La versión de PC si es posible. Si tienes que enviar una imagen, lo que debes hacer, en vez de enviarlo en jpg, es colocarlo en un Word o Powerpoint. No te olvides de bajar la resolución a 72 dpi, así tendrá que llamarte de nuevo por una versión de mejor calidad. Si lo estás enviando por email, olvida adjuntar la imagen de vez en cuando.

En mi caso personal, he llegado a ver cartelería en Din-A0 hecha con Powerpoint... pero también he visto logos con Autocad. En la viña del señor...

Nom Nom Nom: Camiseta diaria

RipTapparel (o RipTee, de camiseta en inglés) es una tienda online de camisetas efímeras y diarias: cada día disponen de un modelo nuevo y sólo disponible para su compra en esas 24 horas. Una vez acabado, hay una nueva y la anterior desaparece para siempre.

La de hoy jueves 26 es Nom Nom Nom, un gráfico Pacman realizado por Kuwahara. por 10 dólares es tuya (¡menos de 8 pavos!).

Diseñador versus Cliente

Cliente -> Diseñador

• Te he contratado para vender más, no para que me enseñes el último efecto que has aprendido a hacer. Cíñete a mis necesidades.


• Sí, quiero usar la tipografía corporativa de mi empresa. Si a ti no te gusta, habla con el diseñador que hizo la identidad y lo discutís.


• Me da igual que el logo de mi empresa “rompa la armonía del diseño”, quiero que en el folleto aparezca.


• Es verdad que ese formato es muy rompedor pero ¿harás tu el envío? Es que Correos dice que él no.


• Me importa un bledo que lo hayas hecho en P-137. Nosotros trabajamos con el Aranzadi, no con la pantonera. Basta con que me digas “naranja”, creo que seré capaz de entender a qué te refieres.


• Repite conmigo: “La pieza final es para darle caché al cliente, no a mí”. Piensa un rato en ello y luego dale otra vuelta al folleto.


• Por más que insistas yo sigo sin ver una “C” aquí. ¿No tenías tipografías suficientes? ¿Te paso alguna?


• ¿¿¿¡¡¡Cuanto dices que cuesta una página en blanco con mi logo abajo!!!??? Espera a necesitar un abogado, que te voy a aplicar yo también el “minimalismo” en lo jurídico.


• Qué os creíais ¿que los diseñatas éramos santos? Este a mi tampoco me hace gracia, pero había que ser justos ¿no?

Diseñador -> Cliente

• Photoshop no es Dios. No sabe qué había más allá de lo que salió en la fotografía a la hora de sacarla. Por tanto, tampoco puede mostrar a Menganita, “que estaba ahí al lado”.


• Por la misma regla de tres, no se puede dejar el mismo ancho de una fotografía y hacerla el doble de alta. Se deforma. Y no, yo no puedo hacer nada.


• Al equipo de Adobe le da igual que lo haya visto hacer en CSI. Una foto de móvil no se puede ampliar al 1600% y que tenga calidad y definición. Da igual que el que le vendió el teléfono le dijera que Nokia tiene las mejores cámaras.


• El móvil es para hablar por teléfono. Cuando quiera enviarle una foto a su diseñador, use la Nikon. Si va a querer que además quede bien, use un fotógrafo.


• Esos archivos raros que hay en el CD que pone “Identidad Corporativa” no son para rellenar. Da igual que usted no pueda abrirlos, envíeme esos, y no el jpg o el gif.


• Da igual lo que le contaran en el curso de ofimática de la empresa: Powerpoint, Word o Excel no son los medios óptimos para enviarle una imagen a alguien. Ni siquiera son dignos.


• Si su diseñador le pide su logotipo, no es para que usted abra la página web de la empresa y copie el gif de cabecera. Si eso valiese, ya se le habría ocurrido al diseñador. Tampoco sirve una foto de su tarjeta de visita, que le veo venir.


• No hemos sido unos vagos a la hora de hacer su folleto. Esos espacios en blanco están ahí por algo.


• Una imagen a 72ppp cambiada a 300ppp sigue sin estar a alta resolución, sólo ha conseguido que pese mucho más. Y no, yo sigo sin poder hacer nada.


• Entiendo los colores “verde inglés”, “rojo cocacola” o “rosa chicle”. Los colores “verde dama de honor” o “azul coche moderno” son un algo menos concretos.


• Cuando el diseñador le dice que el texto que ha enviado no entra en el espacio que tenemos, es para que reduzca el texto, no para que le cambie las comas de sitio.


• Meter o quitar cuatro párrafos nuevos en el último momento no es “una chorrada de 3 minutos”. Aquí las gráficas e imágenes no se “recolocan” cuando añade o quita texto. Y no, eso no significa que Word sea mejor. Cuando consiga que Word haga eso en una maquetación a 3 columnas con las gráficas a dos o una, volvemos a discutirlo.


• Que le presente 2 opciones no quiere decir que haya hecho 2 opciones. He hecho 15 y he seleccionado estas dos, así que no, no puedo “centrar el texto y probar como queda en verde”.

Vía: Designios

Jabato Games: nuevo blog sobre programación - jabatogames.blogspot.com

Os dejo el enlace hacia el nuevo blog de WaitSignal (servidor) sobre videojuegos y programación. Espero que os resulte tan interesante como esta Comunidad. Ambos blogs son el complemento perfecto para realizar un trabajo de gran calidad.

Enlace: JabatoGames

Saludos.

100 Fotografías Macro

La fotografía macro es aquella que nos permite ampliar y ver con detalle aquellas cosas demasiado pequeñas para el ojo humano. Con una buena óptica, podemos obtener perfectamente 10 aumentos e incluso más y conseguir obeservar detalles nuevos que hasta ahora se nos escapaban. Fauna, flora o cualquier otra cosa.

Aquí os dejo con 100 macrofotografías impresionantes:

OptGroup: la etiqueta olvidada

Apareció hace unos días una entrada en CreativosOnline sobre una etiqueta HTML bastante olvidada, aunque está ahí, y que tiene bastante utilidad al realizar menús desplegables dentro de nuestros formularios. Se trata de OPTGROUP. Yo en su momento la estudié muy de refilón y ya la tenía en el limbo del completo olvido.

El elemento OPTGROUP te permite agrupar opciones lógicamente dentro de un deslegable en un formulario. Esto es particularmente útil cuando el usuario debe elegir de entre una larga lista de opciones ya que es más fácil apreciar y recordar grupos de opciones relacionadas que una larga lista de opciones sueltas. En HTML 4, todos los elementos OPTGROUP deben especificarse directamente dentro de un elemento SELECT (es decir, no pueden anidarse unos grupos dentro de otros).

Y aquí un ejemplo:

Hola Mundo Hola Abeto Hello World Hello Abeto

Polymaps: librerías Javascript para mapas

Con Javascript prácticamente se puede hacer de todo y trabajar con mapas no es una excepción gracias a algunas librerías muy interesantes como Polymaps, que nos permite trabajar con imágenes vectorizadas para los mapas, algo que favorece claramente la disposición multi-zoom de los mismos y no sufrir con la pixelización.

Como utiliza imágenes vectoriales en formato SVG para mostrar los datos podemos utilizar reglas CSS para darles estilos a nuestro gusto y manera, y es que esa es posiblemente la mayor ventaja que tenemos con Polymaps sobre sus competidores. Pero no está sólo: hace unos meses apareció GeoExt aunque con un destino algo más topográfico.

Conceptos sobre tipografía

Aquellos que hemos estudiado tipografía e incluso nos hemos atrevido en más de una ocasión con las curvas bezier y los puntos de ancla lo tenemos fácil cuando hablamos técnicamente sobre las fuentes, pero el vocabulario y los conceptos dentro de esta disciplina son amplios y deberíamos conocerlos todos.

Lo primero que deberíamos hacer es explicar qué significa qué en todo esto:

Tipo: es igual al modelo o diseño de una letra determinada.

Tipografía: es el arte y la técnica de crear y componer tipos para comunicar un mensaje. También se ocupa del estudio y clasificación de las distintas fuentes tipográficas.

Fuente tipográfica: es la que se define como estilo o apariencia de un grupo completo de caracteres, números y signos, regidos por unas características comunes.

Familia tipográfica: en tipografía, significa un conjunto de tipos basado en una misma fuente, con algunas variaciones, tales, como por ejemplo, en el grosor y anchura, pero manteniendo características comunes. Los miembros que integran una familia se parecen entre sí pero tienen rasgos propios.

Concurso: demo en JavaScript en menos de 1k

Tenéis tiempo hasta el 10 de septiembre de participar de un concurso bastante interesante. Se trata de JS1k, un concurso para el cual se debe escribir una demo en JavaScript, con el plus de que el código debe pesar menos de 1K, es decir menos de 1024 bytes. Las reglas son bastante claras: no se permite añadir ninguna especie de extensión, ni fuente, ni script ni se puede trabajar con ningún framework. Puro JavaScript. Además, el producto debe poder verse apropiadamente en Firefox, Chrome, Opera y Safari. De Internet Explorer no se quiere saber nada. Los demos no tienen que ser necesariamente visuales pero vamos, que suma puntos.

Los ganadores serán anunciados en la conferencia europea para desarrolladores de JavaScript que se realizará el 25 y 26 de septiembre en Berlín y si bien no hay importantes premios monetarios, no creo que nadie que participe lo haga por el dinero: la mayoría de los premios son cuentas premium y libros (bastante avanzados, obviamente) sobre JS y HTML5, pero el reconocimiento será inmediato.

Enlaces y anclas

El primer documento HTML que existió en la Web fue una demostración de cómo utilizar los enlaces de hipertexto. Está todavía guardado en las páginas del W3C y, naturalmente, funciona: Links and anchors.

Visto en Microsiervos

Fin de semana

Un historiador leonés crea para Windows el tipo de letra usado por Fernando II y Alfonso IX

Vía Facebook y Noticias de León (Leonoticias) me ha llegado referencia sobre una nueva tipografía medieval española que paso a copiar y a comentar a continuación:

Un documento del archivo de la Catedral de León (en concreto el documento número 1065, un privilegio que concedió Fernando II en el año 1186 a todos los clérigos de la capital) ha servido para que el historiador leonés Ricardo Chao haya creado una nueva tipografía para Windows en honor al 1.100 aniversario del Reino de León.

Esta no es la primera ocasión en la que este profesor de secundaria toma una iniciativa de este tipo ya que hace unos años creó otra a la que denominó 'Visigótica Leonesa'.

Rendera nos ayuda a conocer la web que viene…

Una vez que CSS2 ya se ha “instalado” en la vida de casi todo diseñador web, llega CSS3 con más fuerza incluso que su predecesor. Rendera nos ayudará a conocer este nuevo recurso y adaptarnos a él.

CSS3 es el paso lógico en la evolución de la programación web ya que en esta nueva versión se corregirán algunas funcionalidades y conceptos que han causado unos cuantos problemas a todos los diseñadores y programadores web. CSS3 viene esta vez acompañado de otro amigo también esperado… HTML5, también conocido como el “Flash Killer”. Flash debe morir...

Rendera es un editor de código HTML5 y CSS3 en línea, además de una gran ayuda para los desconocedores de estos dos lenguajes ya que, si introducimos algo de código html o css estaádar, Rendera puede transformarlo en CSS3/HTML5 mostrando su código “traducido”.

Free JPG: banco de imágenes gratuito

Free JPG es un banco de imágenes gratuito bastante interesante y que contiene cientos de fotografías e imágenes en formato JPG y a 300ppp (dpi en inglés) y que son totalmente gratuitas y libres, incluso con fines comerciales. Lo único que no podremos hacer es ofrecerla a terceros o venderlas.

Yo de tí me daba una vuelta por este website y le echaba ojo a sus galerías, que pueden ser necesarias en más de una ocasión.

27 Fuentes gratuitas

Pulsa sobre la que te interese y... ¡a la saca!

IE: ¡Feliz cumpleaños, quinceañero!

Internet Explorer está celebrando su 15 aniversario, este navegador fue creado desde que Internet poco a poco conseguía desarrollarse, en un principio no le tenían mucha fe, pero después logró convertirse en el navegador más utilizado en la actualidad (por suerte o desgracia).