55 pensamientos dispersos y enlaces sobre diseño, tipografía, recursos y otras cosas que se mueven por la red...
Seguramente ya habréis visto unos cuantos sitios web con varios fondos que se mueven a velocidades diferentes al hacer scroll en ellos, ya sea vertical u horizontalmente, dando una bonita sensación de profundidad y, por tanto, de tridimensionalidad. Pues bien, este efecto se conoce como Parallax Scrolling, o en castellano, desplazamiento en paralaje.
Según la Wikipedia, "la paralaje es la desviación angular de la posición aparente de un objeto, dependiendo del punto de vista elegido". Cuando cambiamos de posición los ojos desplazando la cabeza, la posición relativa en que se presentan los objetos se ve modificada.
Si centramos la atención en un objeto situado a una distancia intermedia entre los objetos más lejanos y los más cercanos de la escena, los que se sitúan a mayor distancia parecen desplazarse en el mismo sentido que nosotros, y tanto más rápido cuanto más alejados están. Por el contrario, los objetos situados a menor distancia del objeto en que nos fijamos parecen desplazarse en sentido contrario y a mayor velocidad cuanto más próximos se encuentren. En resumen, que el desplazamiento del observador produce la impresión de que se mueven los objetos de la escena.
Hasta ahora, si queríamos poner un texto con una fuente que no todos tienen en su ordenador, debíamos crear una imagen o generarla con Adobe Flash. Ahora el estándar CSS3 permite introducir una fuente en una página web, de forma que podemos utilizar casi cualquier fuente que nuestro diseño necesite.
Se trata de una de las At-Rules (Reglas@) que introduce y estandariza ya el CSS2, pero que ha llegado a su cúlmen con CSS3.
I Love Type es testigo de la vuelta a una selección de tipografías tradicionales, analizando una familia tipográfica cada vez. Captura una gran variedad de imaginativos usos de tipografías desde trabajos de maquetación, impresiones especiales y variantes de moda. La serie es una revisión de cómo los diseñadores gráficos de hoy están dando nueva vida a las fuentes clásicas y a la estética intemporal. I Love Avant Garde es el segundo volumen de la colección de tipos.
Julian Hansen es un estudiante de diseño Danés, que ha elaborado un enorme diagrama de flujos, con un toque de humor, que sirve para ayudar en la elección de una buena tipografía.
Puedes descargar el diagrama completo o comprarlo en formato póster.
El Directorio de Google Font le permite navegar por todas las fuentes disponibles a través de la API de Google Font. Todas las fuentes en el directorio están disponibles para su uso en su sitio web bajo una licencia de código abierto y son servidas por los servidores de Google.
Framework CSS que utilizando CSS3 media-queries (¿qué es eso?) permite tener una maquetación distinta para resoluciones diferentes.
iPad Peek es un emulador de iPad para tus proyectos de internet. Con él puedes testear cómo se verán las páginas que diseñes desde uno de esos cachibaches de Apple.
No cabe duda que el diseño condiciona nuestro comportamiento. Design with Intent ha elaborado un interesante recorrido por las diferentes formas de influir en el comportamiento del usuario mediante el diseño, clasificadas según los aspectos en los que se centran.
El documento completo en pdf se puede descargar aquí (28.65Mb).
Me encanta la tienda online de Yanko Design, pero en particular tengo entre ceja y ceja esta bolsa: http://store.yankodesign.com/message-messenger-bag-by-25togo.
Una muestra de que algo está cambiando en la comunidad de Movable Type es la cantidad de nuevos plugins e iniciativas interesantes (como Melody) que está apareciendo en los últimos tiempos.
Buena muestra de ello es este plugin para manejar los temas (el nuevo Theme Manager: ver post en Code Monkey Ramblings o en Eat Sleep Drink Movable Type) que de momento sólo se puede implementar en MT4 y Melody.
Estaremos esperando la versión (quién sabe si la integración nativa) de dicho plugin para MT5-02.
Celebrando su primer año de vida, vuelve el festival en el que caben todas las expresiones de la ilustración. Empezando por el cómic, siguiendo por el diseño de ropa y terminando por la animación, sin olvidarnos de la eutoedición, de los fanzines, de los libros...
Coincidiendo con el Mundial de Fútbol de Sudáfrica, este año el Ilu-Station se ha propuesto crear el Mundial de la ilustración, con exposiciones repartidas por toda la ciudad en galerías tales como el café Cosmo, Miscelánea o Duduà; mercadillo donde adquirir lo visto en las muestras y muchas más cosas relacionadas con el tema del festival y hasta conciertos ilustrados gratis tipo el que ofrecerá Love Of Lesbian el día 10 de Junio dentro de la expo El Estafador.
Todo durante el mes de Junio en la ciudad de Barcelona.
Fuente: Neo2
Me encantan estos stencils, muy útiles para el desarrollo rápido de aplicaciones web y otros proyectos en línea.
http://www.uistencils.com/products/website-stencil-kit
Website Stencil Kit
El kit incluye:
- Plantilla de acero inoxidable con toda tu interfaz de usuario favoritos iconografía
- Lápices portaminas Zebra
- 2 plantillas de interfaz de usuario
- PDF tamaño carta o A4 plantilla de papel (descargable de la web)
PIXELS by PATRICK JEAN.
Cargado por onemoreprod. - Videos de arte y animación.
Animade es un blog de animación gestionada por Tom Judd. Se trata de un sitio limpio y simple, que exhibe y almacena las joyas de la animación de toda la web.
Esta compilación de música es un esfuerzo conjunto entre Behance Network y Ghostly International. Su lanzamiento coincide con la Conferencia del 99%, la cumbre anual organizada por Behance sobre creatividad y productividad. "Música para creativos" se construye para inspirar y profundizar en las oscuras aguas de la creatividad.
"Música para Creativos" ofrece pistas de The Sight Below, Christopher Willits, Tycho, Lusine, etc. y es completamente libre y gratuito.
ENLACE
http://ghostly.com/news/2010/4/721-free-music-ghostly-behance-music-for-creatives
Lo poco que le cuesta a la gente ponerse a diseñar y... ¡lo mucho que les cuesta a los diseñadores ponerse a escribir!
Articulado es un libro de recetas para superar la crisis con diseño. Editado en Valencia, profesionales de 14 países aportan sus opiniones y reflexiones sobre la profesión y su relación con las empresas y la sociedad. Es un texto útil tanto para los profesionales del diseño como para empresarios. Se trata de una visión coloquial sobre «lo que hacemos» y «porqué lo hacemos». Su objetivo es explicar la importancia de integrar en los procesos industriales y en la comunicación a los diseñadores para mejorar la competitividad, la imagen y la identidad de las empresas.
Color Explorer es una herramienta online gratuita concebida para hacer más fácil a los diseñadores web el manejo de esa pesadilla llamada color. Aunque esta utilidad parezca muy compleja, aprenderás a usarla en menos de cinco minutos y después no podrás vivir sin ella.
El siguiente artículo analiza (o más bien muestra) 100 marcas de diseñadores de logos, consultores de identidad corporativa y estudios gráficos de todo el mundo. Y es que diseñar para uno mismo siempre es ciertamente muy complicado!
› Artículo en Helvetibrands | Identity Tag en Behance Network
Una nueva serie de animación made in Spain está viendo la luz en internet. Se trata de Freaklances, de los animadores Garma y Otero.
Es fácil sentirse identificado con la serie y partirse la caja de risa con muchas de las situaciones que narran a través de su personaje central, Faustino o, como él prefiere que le llamen, Fausto. Como ellos dicen "Prometemos narrar historias basadas en la vida de un diseñador freelance, su relación con los clientes, proveedores, colegas, nuestra pareja, nuestra madre, nuestro coche, nuestra bici, y alguna otra cosa mas...".
Enlaces › Canal de Vimeo | Página de Facebook | Flickr Set
Muy buen sitio para inspirarse y bajarse montones de gráficos para tu OS & iPhone.
De todos los sitios de internet donde se clasifican y recopilan fuentes tipográficas gratuitas, ninguno tan completo y bueno como Font Squirrel.
BaselineCSS es un framework pensado para personas que utilizan retículas de diseño y dan gran importancia a la tipografía del sitio. Si utilizáis plantillas que dispongan de HTML5 + CSS3, BaselineCSS es una buena opción, así como también para aquellos que deseen usarlo con el propósito de aumentar sus conocimientos.
Lamentablemente, sólo funciona con navegadores web avanzados, así que en Internet Explorer 6 y 7 no funcionará. Recomiendo actualizarse a otro navegador (o pedir a los usuarios que se actualicen) para disfrutar de las nuevas novedades del futuro de la web semántica.
Enlace
http://baselinecss.com/
La muestra «Helvetica. ¿Una nueva tipografia?», organizada y producida por el DHUB con la colaboración de la Fundación Comunicación Gráfica (FGC), se aproxima a la fuente creada el año 1957 por el tipógrafo suizo Max Miedinger.
La exposición incluye una cronología de la implantación de Helvetica a lo largo de los últimos cincuenta años para ayudar a entender su papel en la historia del diseño: sus precedentes y su influencia posterior.
La exposición, que se podrá visitar en el DHUB Montcada desde el 2 de diciembre hasta el 7 de febrero, es un pequeño homenaje a esta tipografía cuya evolución explica buena parte del diseño del siglo XX.
DHUB Montcada, Montcada 12 (Barcelona) - Espai 0
Horario: de martes a sábado, de 11 a 19 h; domingos, de 11 a 20 h; y festivos, de 11 a 15 h. Entrada gratuita
WriteMaps es una herramienta Web 2.0 gratuita que te permite crear, editar, y compartir mapas web online. Una vez te registras como usuario de WriteMaps, tú y tu equipo podéis construir y acceder a los sitemaps desde cualquier parte, sin tener que depender de ficheros estáticos ni de aplicaciones propietarias de escritorio.
Muy útil para desarrollos en equipo, o a distancia, donde importa mucho la claridad de las especificaciones.
El anciano Freehand se resiste a morir.
Después de que Apple lo incluyera en la lista negra de aplicaciones que no funcionarían en su nuevo sistema operativo, los señores de Adobe han dado con la solución al problema (irónicamente, los mismo que mandaron este excelente software de diseño vectorial al ostracismo más absoluto hace ya muchos años).
Parece ser que la solución simplemente radica en la inclusión de un fichero de registro en la librería del sistema. Aquí se explica todo muy bien, y también están los archivos para la descarga: