Chuleta CSS. Conceptos Básicos

Después de unos cuantos días de trabajo e investigación hemos acabado la realización de esta “chuleta” CSS. En ella se explican de manera concreta las propiedades básicas que se pueden utilizar en una hoja de estilos, se muestran sus valores y se refleja un ejemplo de aplicación. Desde el Ateneu Popular creemos que puede ser una herramienta muy útil para tener impresa en el escritorio a la hora de diseñar webs y es por eso que nos hemos puesto manos a la obra para ponerla a vuestra disposición.

Esperamos que os sea de gran ayuda, tanto a los que empezáis con los estilos en CSS como para los que diariamente trabajáis con ellos, sirviendo como recordatorio y esperando que siempre la tengáis a mano.

[ Descargar chuleta CSS ]

[post sacado de ateneupopular]

Fixit

Navegando por internet, encontré una página en la que te permite comprar un Fixit. Para el que no lo sepa, el Fixit es una pegatina para iPod, video consola, movil, portatil o modem usb. Aparte de los diseños que aquí encontramos, ahi un apartado en el que se da la posibilidad a los diseñadores de crear su propia pegatina o Fixit. Si les gusta lo enviado después de poneros en contacto, te dan la posibilidad de que te compren el diseño o de darte una comisión por cada Fixit de tu diseño que vendan. Me pareció muy interesante

Fixit

Los 10 mandamientos

El Google User Experience, un equipo de trabajo que estudia la forma de elaborar diseños eficaces, ha elaborado un decálogo de mandamientos para que una página sea “gugleable”, y satisfaga tanto a los usuarios como a los criterios de calidad que exige el buscador.

Estos son los diez principios a tener en cuenta:

1. Centrarse en las personas: un producto bien diseñado debe ser útil para el día a día de los usuarios. De nada sirve incluir tecnologías apabullantes o aplicaciones brillantes pero inútiles, si no se cubren las necesidades de los usuarios.
2. Cada segundo cuenta: el tiempo es un bien escaso y valioso, y por eso una página debe cargarse con rapidez, destacar el contenido más relevante, y evitar clics o pasos que no aportan nada.
3. La simplicidad es clave: la sencillez es la clave de muchos elementos de un buen diseño, incluyendo la facilidad de uso, la velocidad, el atractivo visual y la accesibilidad. Los mejores diseños son aquellos que incluyen sólo lo que los usuarios demandan.
4. Atraer a los veteranos, enganchar a los nuevos: un buen diseño debe invitar a que nuevos usuarios lo prueben, ofrecerles ayuda si la necesitan, y crear aplicaciones simples e intuitivas. Al mismo tiempo, debe tener el nivel de complejidad suficiente para aquellos más expertos que demandan funcionalidades avanzadas.
5. Atreverse a innovar: un diseño correcto siempre es necesario y aceptable, pero es el elemento de la imaginación el que lo puede convertir en único.
6. Diseñar para el mundo: Internet abre la posibilidad d que infinidad de personas accedan a nuestro producto de muy distintas formas: conexiones rápidas o lentas, diferentes versiones de navegadores, desde un móvil o un PC, etc. El objetivo es crear un producto universalmente accesible.
7. Pensar en las necesidades presentes y futuras: cuando un producto es rentable gracias a Google, debe intentar mantener dicha rentabilidad sin interferir en los intereses de los usuarios. Google afirma que nunca intentaría aumentar sus ingresos de un producto si eso significa reducir el número de usuarios en el futuro.
8. Alegrar la vista sin distraer la mente: la primera impresión es fundamental para que un usuario confíe en el producto y vuelva en el futuro. Si a ello le acompaña una estética minimalista que no distraiga al usuario de sus objetivos, mucho mejor.
9. Ganarse la confianza del usuario: esto se obtiene a partir de elementos básicos, como una interfaz eficiente y profesional, facilidad para volver atrás en cualquier acción, espacios publicitarios claramente delimitados, una terminología bien definida y pocas sorpresas para el usuario.
10. Añadir un toque humano: los textos y el diseño deben ser cercanos y familiares, y no aburridos, cerrados o arrogantes. La idea es ofrecer al usuario ayuda de la misma manera que lo haríamos con el vecino.

Visto esto, creo que voi a tener que hacer algun que otro cambio en mi portfolio…

¿Quereis trabajar para Armani?

Si te dedicas a la publicidad, o sueñas con hacerlo, puedes probar suerte en el concurso que acaba de lanzar Emporio Armani en la red. Se trata de crear el aviso publicitario que será utilizado este año para promover sus fragancias para hombre y mujer ”Get together”.
El propio Giorgio Armani escogerá a los dos ganadores a nivel internacional, uno en la categoría video y otro en el apartado visual. El primero, además del reconomiento y de ver su pieza en televisiones de todo el mundo y en la web, recibirá diez mil euros. El segundo será testigo de la difusión de su obra en la red y se llevará cinco mil euros.
Pero además hay varios premios nacionales, consistentes en lotes de productos de la casa, que se entregarán en base al voto de los internautas.
Para enviar trabajos hay plazo hasta el 15 de mayo próximo. En el micro-site creado creado para el concurso hay más información, además de las herramientas (logotipos, instrucciones, fotos, colores y tipografías) necesarias para ponerse manos a la obra.

Este es uno de los anuncios presentados a concurso. Fue creado por David Boleas, desde Londres. (post sacado de Carpediemblog)

Pen Drive

Dando una vueltilla por internet, me he encontrado con la memoria usb definitiva. Está hecha con una pequeña memoria que la puedes comprar por ebay (2gb -12€) y seguro que tienes que quedar muy ‘pro’ al sacarla del bolsillo. Os dejo el link por si os interesa crearla. Link

Soy Leyenda

Para publicitar la película se les ocurrió que en los carteles podrian aparecer las ciudades más importantes del país en el que se encontraran, para darle un toque más personal. Os dejo las más significativas (o las que más conocemos los de aquí: Madrid, Londres, Paris y Lisboa)