Blog Creativo

Lorem ipsum (abreviadamente, lipsum) es el texto que se usa habitualmente en diseño gráfico en demostraciones de tipografías o de borradores de diseño para probar el diseño visual antes de insertar el texto final. En este caso se le conoce también como greeking en inglés.

Al estar escrito en un lenguaje clásico (el más usado está derivado del latín clásico) suele despertar curiosidad saber qué significa. Sin embargo el significado del texto no tiene importancia debido a que si un texto es legible los usuarios suelen centrarse en lo que dice el texto y no en el diseño, que es el objetivo en este caso.

Una de las cualidades del texto en cuestión es que tiene una distribución de las letras similar a las del inglés.

El texto estándar es del año 45 adC aproximadamente, una copia de la obra de Cicerón De finibus bonorum et malorum (Sobre los límites del bien y del mal) que comienza con:

Neque porro quisquam est qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit

A pesar de estar extraído de ese escrito, el texto usado habitualmente es:

Lorem ipsum dolor sit amet, consectetur adipisici elit, sed eiusmod tempor incidunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquid ex ea commodi consequat. Quis aute iure reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint obcaecat cupiditat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Artículo: es.wikipedia.org

Generadores web de Lorem Ipsum.

• Lorem Ipsum Generator
• Lorem Ipsum - All the facts - Lipsum generator
• Lorem Ipsum - The Motherlode - Generator3
• Linking the net (experimental)

En Make3d (site en beta, aún no han lanzado el oficial) podés ver muchas fotos ya transformadas, fotos que pueden ser vistas con un visualizador de VRML para navegar como si estuvieras andando o volando por dentro de la foto.

Por supuesto que milagros no hace. Lo que genera es una sensación tridimensional a partir de las perspectivas y escalas de la imagen incluida, sin añadir ni excluir los objetos existentes.

Se trata de un experimento de la universidad de Stanford

Visto en: wwwhatsnew.com

 Muchos buscadores han nacido a lo largo de estos años, meses y días…

Hace meses se inauguraba Glubbe, un clon de Google, pero de código abierto. Un proyecto en fase de desarrollo. al igual que Wikia [del creador de la Wikipedia] que devuelve resultados validados previamente por los propios usuarios que votaron y analizaron cada enlace mostrado.

También encontramos buscadores solidario, tal es el caso de GoodSearch. Un buscador que, usando el motor de Yahoo, divide las ganancias con asociaciones necesitadas de todo el mundo.

Por el momento seguimos usando Google….

Genfavicon es una sencilla aplicación que permite recortar el cuadrado que queréis utilizar como icono a partir de cualquier imagen que subáis al sitio.

Una vez hecho este proceso basta guardar el resultado con el tamaño deseado. Los formatos disponibles hoy son: 16×16, 32×32, 48×48, 64×64 y 128×128, dimensiones adecuadas para usar la imagen en redes sociales, como icono de vuestro sitio o como avatar en cualquier aplicación de internet.

Esta herramienta es estupenda y no hay que dejar de tenerla en los favoritos…

¿Quién no se ha olvidado de hacer un icono para una web alguna vez?

PicMarkr es una herramienta online que cumple con su objetivo. De manera simple podremos agregar una marca de agua a nuestra imagen, ya sea de texto o con otra imagen que querramos (logo).

Una vez realizada la marca de agua, tendremos la opción de descargar la imagen o subirla directamente a Flickr.

Seguramente esta herramienta nos saque de apuro en mas de una ocasión.

Enlace: PicMarkr

Tapsin, el analgésico, utilizó una cuestionado recurso, [aunque creativo] en su publicidad vial.
Aquí el dueño del blog chileno www.digilicious.cl, nos cuenta un poco.
El otro día por la noche volvía del supermercado cuando me encontré con una hilera de autos con partes pegados en sus vidrios, me dije, “que lata por ellos” pero continué camino a casa, a la siguiente cuadra me encontré con la misma situación, todos los autos de la cuadra bien estacionados tenian pegado en su vidrio un autoadhesivo, a esa altura yo ya me agradecí a mi mismo por haber ido al super a pie.
Pero la situación me pareció un poco extraña así que me paré al lado de uno de los autos parteados y me di cuenta que todo era una mala broma.
“si este parte fuera de verdad, usted podría evitarse el dolor de cabeza, le recomendamos tener siempre a mano TAPSIN Analgésico”.
En ese momento me pareció bastante inapropiado el hacerle pasar un mal rato a los conductores de esos autos, e inmediatamente imaginé que ellos, lejos de valorar el “esfuerzo creativo” terminarían por molestarse con la marca. Sin embargo pensé que sólo sería una opinión parcial con respecto al tema y lo dejé pasar. Hoy veo reclamos.cl y me doy cuenta que hay un muy activo artículo sobre el problema. Interesante como la publicidad aunque tenga buenas intenciones pueda causar un efecto negativo.
Visto en: www.digilicious.cl

El atributo CLASS Nos permite asignar estilos al documento sin preocuparnos de los elementos concretos a los que se aplicarán. Como desventaja, está el hecho de que debemos modificar el código HTML del documento, incluyendo atributos CLASS en los lugares donde queramos aplicar estilos.

<p class=”cita”>En en lugar de la mancha …</p>

Sólo nos queda definir este nuevo estilo como una regla más de nuestro documento CSS:

.cita {font-weight: bold; color: red;}

El punto inicial es necesario para mantener la definición de este estilo desvinculada de cualquier elemento del documento. Si queremos restringir el uso de este estilo a un tipo de elemento, podemos definirlo como:

p.cita {font-weight: bold; color: red;}

El atributo ID

En cierta forma, el atributo ID es igual que CLASS. Diferencias:

• La definición de los estilos de tipo ID, están precedidas por el carácter #, en lugar del punto.

• #first-para {font-weight: bold;}<P ID=”first-para”>This is the firstparagraph, and will be boldfaced.</P>
• El mismo atributo ID sólo puede usuarse en un elemento. Debe ser único. En la realidad, los navegadores no hacen comprobaciones de este tipo y podemos utilizar el mismo valor de ID para dar estilo a múltiples elementos.
• Los estilos de tipo ID también pueden definirse al margen de cualquier elemento, pero estas definiciones no tienen ningún sentido al ser sus valores únicos y no aplicables a otros elementos.

Visto en: www.manualdecss.com

Me encuentro en Xyberneticos con una link hacia una colección de este estilo de tipografías. Creo que para todo diseñador web este tipo de recopilación es una descarga obligada.

Enlace | Colección Fuentes 2.0
Vía | Xyberneticos