Lorem ipsum

  • 26/02/2008
  • 11:39 pm
  • unijimpe

Lorem ipsum es el texto utilizado por los diseñadores para demostraciones de tipografías o en borradores para mostrar la disposición visual del texto dentro del espacio del diseño, esto es usado sobre todo cuando no se conoce el contenido del texto final. Una de las cualidades del texto en cuestión es que tiene una distribución de las letras similar a las del inglés.

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.

Esta frase proviene de un texto de Marco Tulio Cicerón De Finibus Bonorum et Malorum (De los Fines, lo Bueno y lo Malo), el cual habla sobre la teoría de la ética. Existen múltiples variantes del texto original, modificadas para intentar hacer la distribución aún más parecida al inglés.

En resumen, el texto es un derivado del latín, y se utiliza para centrar la atención del usuario hacia el diseño, que es lo importante, y desviarlo del contenido.

Generadores de Lorem ipsum
Existen gran variedad de sitios donde te permites crear y copiar textos Lorem ipsum para que se adecuen de mejor forma al diseño que estas implementado, te dejamos una pequeña lista de los sitios mas destacados.

Posts Relacionados

  • No related posts

Acerca de los Sitelinks

  • 24/02/2008
  • 4:49 pm
  • unijimpe

Los Sitelinks son los enlaces o vínculos que se muestran para algunos sitios debajo de los resultados de búsqueda, sirven para ayudar a los usuarios a ubicar el contenido mas destacado de un determinado sitio web.

sitelinks.gif

Como crear Sitelinks
Según Google el proceso para generar los Sitelinks es completamente automatizado, se muestran cuando se estima que estos enlaces serán útiles a los usuarios y ayudara a ahorrar tiempo al navegar a travez de un web.

Es decir no podemos crear estos Sitelinks y además de ello Google no es claro para describir el proceso que realiza para generarlos lo que nos deja a la merced de la voluntad de Google para generarlos.

Como manipular los Sitelinks
La unica opción que se tiene es si ya se ha generado Sitelinks para tu web, puedes acceder a tu panel de Google Webmasters Central en la opción Sitelinks en donde podrás eliminar algunos de los enlaces que se han generado automáticamente.

Pueden conocer mas acerca de este tema pueden leer:

Posts Relacionados

Hack CSS para IE6 & IE7

  • 22/02/2008
  • 12:41 am
  • unijimpe

Uno de los problemas mas comunes al momento de implementar sitios web es la compatibilidad para los diferentes navegadores (Firefox, Internet Explorer 6, Internet Explorer 7, Safari, etc.), esto por que cada uno de estos interpreta de forma diferente las hojas de estilos. Ahora les presento un pequeño truco para hacer que un mismo estilo sea interpretado por cada browser en especifico.

Explicando en Hack
Normalmente cuando nombramos una propiedad de un estilo, este es interpretado por todos los navegadores, pero si anteponemos # se aplica a todos las versiones de Internet Explorer, además si utilizamos _ el estilo se aplicará a Internet Explorer 6, luego tendríamos:

CSS:
  1. .mydiv {
  2.     height: 15px; /* Para todos los Browsers */
  3.     #height: 20px; /*Para Internet Explorer */
  4.     _height: 25px; /* Para Internet Explorer 6 */
  5. }

Con lo cual obtenemos un mismo estilo interpretado de forma distinta de acuerdo al browser que tengamos.

Ejemplo del Hack
Vamos a crear un pequeño ejemplo, en donde deseamos aplicarlo colores diferentes a las tipografías de acuerdo al browser. Azul para Firefox, Azul para IE7 y verde para IE6. Entonces nuestro estilo sería de la forma:

CSS:
  1. body {
  2.     font-family: "Trebuchet MS", Tahoma, Verdana;
  3.     font-size: 12px;
  4.     color: #006699;
  5.     #color: #990000;
  6.     _color: #009933;
  7. }

Ahora si este estilo lo aplicamos a nuestra página tendríamos:

HTML:
  3. <title>CSS Hacks</title>
  4. <style type="text/css">
  5. body {
  6.     font-family: "Trebuchet MS", Tahoma, Verdana;
  7.     font-size: 12px;
  8.     color: #006699;
  9.     #color: #990000;
  10.     _color: #009933;
  11. }
  12. </style>
  13. </head>
  15. <h5>CSS Hacks </h5>
  16. <p>Microsoft is slowly ...  compliant.</p>
  17. </body>
  18. </html>

Pueden ver el resultado de este ejemplo en: csshack.html, dependiendo del navegadores que utilicen verán el color de los textos. Finalmente si desean leer mas acerca de este tema pueden hacerlo con el autor original en Creating different CSS style selector definitions for different browsers (Firefox, Internet Explorer 7 and IE 6.0)

Posts Relacionados