martes, 28 de abril de 2015

El origen de Lorem Ipsum

1. ¿Que es Lorem Ipsum?

Lorem ipsum es un texto de relleno (dummy text) que se utiliza para rellenar páginas de prueba para ediciones, por ejemplo para revisar el aspecto del tipo de letra elegido. Se podría rellenar con palabras repetidas sin más, pero eso no suele parecerse a un texto de verdad.
Así que se utiliza este texto que empieza por las palabras "lorem ipsum" y que tiene palabras cortas, largas, signos de puntuación, etcétera. No distrae al que revisa el diseño de la edición de la página (ya sea en la red o impresa) y le permite fijarse en la tipografía sin distraerse por lo que cuenta el texto.
El texto lorem ipsum lo utilizan muchos programas de informática, especialmente de la marca de Aldus o Adobe, pero también en los de Corel y en los de Lotus (si no recuerdo mal). Así que es un texto muy popular, hasta el punto de que ha dado nombre a los textos de relleno: un "lorem ipsum".
Es frecuente que la primera vez que uno se encuentra con un "lorem ipsum" intente leerlo, porque parece a primera vista latín. Pero enseguida se da cuenta de que no significa nada, pues la palabra lorem con que empieza ni siquiera sale en los diccionarios de latín.
Entonces, ¿quién invento el lorem ipsum?.
La historia es muy curiosa y sorprendente y contradice algunas de las cosas que acabo de decir en los párrafos anteriores.
Al parecer se usa ya desde el 1500 y fue uno de los textos de relleno que se utilizaron en las primeras ediciones impresas en Europa tras el descubrimiento de Gutemberg. Después, en los años sesenta, se popularizó muchísimo porque lo usaban en las plantillas de Letraset, esas letras que se pegaban en el papel frotándolas con el bolígrafo o lapiz.
 Algunas hojas de Letraset
Finalmente, lorem ipsum llegó a los ordenadores, como ya he dicho, en forma de texto de relleno para programas de edición como Aldus Pagemaker, que durante un tiempo fue el principal programa de edición digital. Incluso hay programas generadores de lorem ipsum: tú pides cinco líneas o cinco párrafos y el programa te las suministra al instante.
Como se ve, el lorem ipsum ha sobrevido hasta nuestros días en la Galaxia Gutemberg (todavía se usa en las imprentas), ha pasado quizá de puntillas por la Galaxia Marconi y ha resucitado en la Galaxia Internet o Digital o Computacional.

Pero sigue en pie la pregunta: ¿quien inventó el texto?
Según parece, un tal Robert MacClintock leyó atentamente el texto y se dio cuenta de que, aunque incluía extrañas palabras, sí era un texto latino. Rastreó entonces el texto en la literatura latina, tarea inmensa que se facilitó porque una de las palabras empleadas en el lorem ipsum es latina pero poco usual: consectetur. De este modo encontró la fuente original del lorem ipsum: varios pasajes de De Finibus, Bonorum et Malorum. Liber Primus, de Marco Tullio Cicerón, (106-45 BC): De los fines, buenos y malos, libro primero.
Resulta entonces que sí es un texto latino. Y además es un texto clásico. Ni más ni menos que de Cicerón. Escrito en el 45 antes de Cristo, una época muy agitada, que también dio a la posteridad el calendario juliano (de Julio César).
Los diversos pasajes del lorem ipsum se corresponden, pues, con algunas modificaciones, con varios pasajes del libro de Cicerón. Lo que más despistó a quienes pensaron que no era latín es, como dije, la palabra lorem, tan rara, pero resulta que se trata de una palabra cortada, quien eligió el texto lo cortó de cuajo. Lorem es dolorem (dolor). La primera frase del lorem ipsum en el texto original de Cicerón diría algo así como: "No hay nadie que ame el dolor por si mismo, que lo busque y lo persiga sólo en cuanto que dolor".
El texto más o menos completo del lorem ipsum y los fragmentos de Cicerón de los que procede se puede encontrar en:

Sin embargo, aunque el texto original pertenece a Cicerón, quienes lo usan a menudo lo modifican, ya sea por razones técnicas, por ejemplo porque necesitan algunas palabras menos para ajustar una página, ya sea por simple capricho o ganas de jugar. De hecho, modificar el lorem ipsum es una de las bromas habituales de los editores, que cambian una que otra palabra, escriben vocablos inventados o se envían mensajes ocultos en medio de páginas y páginas de lorem ipsum. A veces se trata de mensajes ofensivos o de contenido sexual, por lo que los editores tienen que tener cuidado con el lorem ipsum que utilizan, no sea que le manden unas pruebas de impresión a un convento y en el lorem ipsum haya blasfemias o párrafos del marqués de Sade escondidos.
Algunos ejemplos de textos de lorem ipsummodificados se pueden ver en:

Para terminar por ahora con la historia del loremipsum, hay que advertir que la teoría de MacClintock no es del todo fiable, pues según dice Cecil Adams el descubridor del origen del lorem ipsum no pudo mostrarle ningun texto o manuscrito con lorem ipsum anterior a los textos de Letraset (1961), a pesar de que asegura haber visto dichos textos. Así que tal vez la utilización dellorem ipsum no se remonte a los orígenes de la imprenta.


miércoles, 22 de abril de 2015


DIFERENCIAS ENTRE DISEÑO WEB ADAPTATIVO Y RESPONCIVE




Ahora toda web que quiere llegar a todo el mundo tiene que estar adaptada para ser visitada desde dispositivos móviles, mediante Responsive Design o adaptándola completamente a estos dispositivos.
La diferencia entre ambas formas reside sobre todo en que en el Responsive Design se reestructura la web para coger en pantallas estrechas y una web que se adapta cambia (desde el servidor o desde el cliente) el contenido de la web, como puede ser la calidad de sus imágenes.
Cada vez es más necesario crear un diseño responsivo, ¡así que no lo dudes!. Vamos a comparar las diferencias entre los dos términos, aunque en la práctica se usan tres formas distintas para adaptar páginas a dispositivos móviles.
La primera es el Responsive Design y habéis visitado muchas páginas que lo ponen en uso (podéis ver Xitrus en vuestro móvil y se adaptará) y por otro lado encontramos las que se adaptan mediante JavaScript o las que se adaptan mediante El servidor.

Responsive Design

No voy a hablar mucho sobre el Responsive Design, ya que en este blog se ha hablado mucho sobre el tema, pero se pone en práctica con ayuda de CSS3.
En esta técnica se pone en uso las @media queries, los tamaños en porcentajes, el uso de la meta-tag Viewport y poco más, normalmente todo con CSS.

La gran ventaja de esta técnica es que al instante se reajusta la web, ya sea desde el navegador haciendo la pantalla más pequeña o con el móvil girando la pantalla, pero esto tiene una gran desventaja que reside en el tamaño de la web.
Una web cuando la vemos desde el PC normalmente vemos todo con el tamaño ideal, pero al verlo en un móvil vemos imágenes reducidas, pero que siguen ocupando lo mismo que en el PC y eso genera un tráfico extra en nuestro móvil, que hará que la carga sea más lenta. Y al igual que pasa con imágenes también pasa con scripts, tener en una web jQuery para un slider que en los móviles se oculta es un gran incremento de recursos innecesarios.

Web adaptativa desde el cliente

Las webs adaptativas que realizan sus cambios en el cliente lo realizan, obviamente, con JavaScript y es la opción menos común a la hora de adaptar una web para los móviles, pero que puede ayudar mucho a reducir el tráfico de la web.
Lo que se puede realizar con JavaScript se basa sobre todo en permitir o no la carga de scripts, comprobando si se visualiza desde un móvil y omitiendo la carga de un slider. Otros cosas que se suelen hacer es cargar una imagen u otra, en distintos tamaños dependiendo de donde lo visualicemos, reduciendo también tráfico.

Esta alternativa es muy buena y puede complementar fácilmente al Responsive Design, que aún no tiene forma de usar una imagen u otra según desde donde se visualice (aunque os adelanto que a W3C tiene un borrador de un elemento que haría esta función, pero aún queda mucho para ello).

Web adaptativa desde el servidor

Esta alternativa es muy usada, gran parte de los mayores CMS tienen la opción de dar desde el servidor una versión totalmente distinta adaptada para móviles, que tiene un código distinto en un PC y en la web.
Esta técnica consiste en detectar el dispositivo que se usa, normalmente con el nombre del agente del navegador (en el puede aparecer por ejemplo: "Android" o "iPhone") y sabiendo si estás en un móvil se envia una web u otra distinta. Por poner un ejemplo si entráis en Genbeta Dev (un blog de programación) con el PC, un tablet o un móvil os encontraréis tres versiones distintas de la web.

Para una web muy simple no tiene sentido llevar a cabo el esfuerzo para hacer la adaptación para PC y móvil, y por ello es mejor el Responsive Design, pero para un blog o web compleja no es mala idea hacer una adaptación para distintos tipos de dispositivo, aunque si se usa un gestor de contenidos como Wordpress o Joomla probablemente encontraremos complementos que nos lo harán solo.

Resumen

He comparado el Responsive Design y las web adaptativas, pero sin contar sus diferencias pienso que es esencial adaptar una web a dispositivos móvies, algo que ya comenté y expuse varios de los motivos por los que debemos de hacerlo