Publicado por aleKSandro el Jul 03, 2009 -
Lejos de vender las maravillas de la oferta de fin de semana que lanza Movistar para el verano (aunque podría, ya que me estoy beneficiando de ella y estoy bastante satisfecho), voy a hablar del diseño de esta campaña. Al genial juego de palabras (‘Yes, weekend’ como analogía al discrurso de Obama ‘Yes, we can’), se le suman los spots de televisión al estilo del videoclip de Black Eyed Peas sobre el discurso de Obama, y la utilización del estilo del cartel de su campaña como tono general de la web específica de esta campaña publicitaria, http://yesweekend.movistar.es/.
Además, esta web en flash tiene un jueguecito de eso que tanto nos gusta a los que frikeamos más de la cuenta. Sube tu foto y transfórmala en un cartel electoral del estilo.
Al final Obama va a crear escuela y todo.
Publicado por aleKSandro el Jun 17, 2009 -
Parón obligatorio por los exámenes. No volverá a pasar.
En recompensa, os traigo un truqui para combatir contra el maligno, el Internet Explorer. Es una combinación de selectores CSS para conseguir que un div tenga un alto mínimo. Esto viene muy bien para decorar tablas que, vía MySQL, tendrán resultados diferentes en función de lo que se busque. Gracias a esto, la imagen de fondo de la tabla siempre aparecerá:
.tabla{
min-height:500px;
height:auto !important;
height:500px;
}
Me hizo falta para una cosa del trabajo, y después de mucho buscar, dí con la solución. Aquí podéis ver una prueba. Independientemente del tamaño que alcance esa lista (podéis probar con varias provincias), la marca de agua colocada en el fondo siempre mantendrá el mismo alto, y por tanto se verá entera.
Publicado por aleKSandro el Jun 05, 2009 -
Hace tiempo llegó a mis ojos la noticia de que los gifs animados tienen su días contados. Al parecer, la mala calidad de las transparencias y la limitación de colores ha hecho que Stuart Parmenter y Vladimir Vukicevic propongan la creación de un nuevo tipo de archivo para estos menesteres. El resultado, el formato aPNG.
El primer fotograma de un archivo aPNG es una imagen en PNG normal, por lo que cualquier decodificador normal de PNG puede leerlo. Dentro, una sucesión de chunks (frames o fotogramas), ejecutan la información de la animación, incluyendo el tiempo necesario de ejecución. Aparte de los degradados sobre las transparencias, la profundidad de color será de 24 bits, lo que supone un gran salto de calidad en cuanto a las animaciones simples.
El problema, a partir de aquí, es el de siempre. Aparte de que hoy día es un formato que pesa demasiado, no todos los navegadores saben leerlo. Es más, si ahora mismo estás en Internet Explorer…. ahí arriba deberías ver la pelota de playa botando. Los usuarios de Firefox y Opera sí podemos ver las animaciones, así que esperemos que el aPNG se normalice pronto, para empezar a aprender a usarlo.
Publicado por aleKSandro el May 23, 2009 -
Si cuando diseñais webs os resulta un coñazo tener tres ventanas abiertas (el editor de cógido que uséis, el firefox y el Internet Explorer), Firefox ha inventado un plugin para facilitar la tarea de comprobar que tu web se ve bien tanto en el zorro como en el IE. Se llama IE TAB, y lo podéis descargar dentro de herramientas – complementos.
IE Tab permite integrar Internet Explorer en pestañas de Mozilla/Firefox. Con esto se consigue tener solo una ventana abierta, con dos pestañas: la propia de firefox y una con la web en prueba en IE.
Desgraciadamente, no está disponible para los usarios de Mac, que seguimos con la desventaja de diseñar para IE. ¿Alguien conoce una solución a este problema?
Fuente: Jaimeblog
Publicado por aleKSandro el May 04, 2009 -
Como amante de la tipografía, acudo a muchos sitios buscando información sobre ella, documentarme, saber qué fuente usar en qué momento… Realmente creo que la diferencia entre un diseñador gráfico y un sobrino que hace páginas web con paint… es el manejo de la tipografía. Un profesor que tuve me dijo que los diseñadores trabajamos, habitualmente, con 10 tipos. Da igual que te descargues cientos y cientos, porque al final solo son diez. Dos con serifa, dos sin serifa, dos caligráficas, dos de fantasía, y tus dos favoritas. La suya era la Frutiger. Yo soy un gran amante de la Óptima.
Una de mis webs de referencia a la hora de estudiar tipografía es letrag.com. Con un diseño muy sobrio (parece un periódico), letrag tiene una amplia base de datos de tipografías, clasificadas por su tipo, con una pequeña leyenda sobre su historia, quien la diseñó, para qué sirve…
También tiene una pequeña aplicación en Flash para ver la tipografía en sus diferentes variantes, tamaños, cambiar color de fuente y color de fondo, poner tu propio texto… Además funciona como blog, se pueden comentar las tipografías, hay enlaces para dónde comprarlas… en definitiva, un sitio tan sumamente recomendable que va de cabeza a mi blogroll.
Publicado por aleKSandro el May 01, 2009 -
Mi entrada de hoy es para inaugurar el apartado de enlaces, fundamental en el tema del posicionamiento. Y el primero en aparecer ahí es, como no, Jaime Hormiga. Fue el primero en hacer un comentario en este blog (a día de hoy es el 50% de mis comentarios), y de hecho fue el primero al que notifiqué que ya estaba online. Todo este despliegue de logística se debe a que Jaime fue mi profesor de diseño web. En sus clases aprendí CSS, Javascript, PHP, SQL… e incluso dio tiempo a ver Flash (en una maratoniana jornada que duró 4 horas).
Aprovecho esta entrada para agradecerle la paciencia que tiene conmigo. Me pegué todo el curso pidiéndole que enseñara WordPress… y aquí estoy, con un pedazo de blog que no habría sabido montar sin su ayuda. Y gracias a él también me estoy iniciando en el posicionamiento SEO. Enlazo pues desde el Bloc de Esbozos a Jaime, en su blog de recursos para webmasters.
Recursos Web
Publicado por aleKSandro el Abr 28, 2009 -
Como estoy todavía en estado embrionario, y paso mucho tiempo instalando plugins y revisando cosas del blog para mejorar el posicionamiento SEO, se me ha ocurrido traer a colación esta noticia que recibí hace ya unos meses. Se trata de nuevo estudio sobre cómo los jóvenes ignoran los anuncios publicitarios que aparecen a la derecha de cualquier búsqueda en Google. El estudio, realizado por Gea IPC, demuestra que los menores de 25 años ignoran la publicidad situada en esa zona lateral ya que saben que es publicidad, y por tanto no la toman en cuenta.
El estudio ha sido realizado con la tecnología Eye Tracking, técnica que analiza los elementos que mira un usuario en un determinado objeto. He aquí los resultados en modo de gráfica:
Fuente: ArtCreative
