El que encuentra, busca ... no, al revés |
Hay estadísticas para todos los gustos. En Google Blogoscoped aparece la lista de las búsquedas más usuales que intentan encontrar respuesta a una pregunta que todos hemos hecho alguna vez: Perdí tal cosa ¿qué puedo hacer?
¿Quién no ha borrado algo que no debía? Confieso que en un rapto de estupidez, eliminé completamente la carpeta Mis Documentos ... COMPLETAMENTE significa que ni siquiera estaba en la Papelera. Sí, soy atolondrado ... el resto de los calificativos no me atrevo a escribirlos.
Vergüenzas aparte, la lista "I lost all my" me reconforta.
¿Qué es lo que perdemos habitualmente y le pedimos a Google que nos ayude a encontrarlo?
¿Quién no ha borrado algo que no debía? Confieso que en un rapto de estupidez, eliminé completamente la carpeta Mis Documentos ... COMPLETAMENTE significa que ni siquiera estaba en la Papelera. Sí, soy atolondrado ... el resto de los calificativos no me atrevo a escribirlos.
Vergüenzas aparte, la lista "I lost all my" me reconforta.
¿Qué es lo que perdemos habitualmente y le pedimos a Google que nos ayude a encontrarlo?
- todos los archivos
- los feeds de Google Homepage
- las estadisticas del sitio
- todo la música que almacenaba en la PC
- los mails de Yahoo o la lista de contactos
Las siguientes en la lista son un poco menos técnicos:
- dinero
- la carrera
- la fe, el corazón, el apetito
- todo el trabajo realizado
- la virginidad
En la mayoría de los casos, la pérdida es irreversible pero, siempre hay buena gente que, en lugar de buscar algo, ha encontrado algo y pregunta qué puede hacer para devolverlo ¿Y que han encontrado? ¿Qué resultados son los más repetidos con "I found":
- un pato
- alguien llamado Elmer
- un pajarito
- el paraiso
- un maní
- Diós
- basura
- tú
Cómo abrir TODO en una nueva ventana |
La etiqueta BASE es uno de esos códigos HTML que nunca tenemos en cuenta. Suena demasiado complicado y su definición parece oscura:
<base target="content" />
Establece el destino por defecto de los enlaces de una página web, fundamentalmente, cuando se utilizan frames.
Por otro lado, sabemos que agregando el atributo target="_blank" a cualquier enlace, se fuerza a que este se abra en una nueva ventana o en una nueva pestaña:
Por otro lado, sabemos que agregando el atributo target="_blank" a cualquier enlace, se fuerza a que este se abra en una nueva ventana o en una nueva pestaña:
<a href="direccion_URL" target="_blank"> ENLACE </a>
Si quisiéramos que TODOS los enlaces de una página se abrieran en una nueva ventana pero no queremos agregar el atributo a cada uno de ellos, podemos establecer el valor de BASE para que lo haga.
Inmediatamente después de <head>, agregamos:
Inmediatamente después de <head>, agregamos:
<base target="_blank" />
Mucha prudencia, esto afecta a TODOS los enlaces, incluyendo aquellos que utilizan JavaScript así que, su uso es bastante limitado.
Las propiedades CSS (textos 1ª parte) |
Las propiedades que nos permiten personalizar los textos de una página web son muchas, algunas las usamos habitualmente pero hay otras que son bastante desconocidas.Para empezar, hay una propiedad genérica que ayuda a definir varias propiedades de manera simultánea. La propiedad font es una forma reducida de establecer font-style, font-variant, font-weight, font-size, line-height y font-family.
sintaxis en HTML
elemento {font: valores;}
por ejemplo: div {font: italic small-caps bold 12pt serif;}
sintaxis en JAVASCRIPT
elemento.style.font='valores';
por ejemplo: this.style.font='italic small-caps bold 12pt serif';
Donde cada valor se separa del otro mediante un espacio.
Por defecto, su valor es: normal normal normal medium normal "Times New Roman" y es una propiedad que se "hereda", es decir, si un elemento contiene a otro, el contenido tendrá las mismas propiedades que el contenedor.
Veamos una por una.
La propiedad font-family establece el nombre de la fuente de los textos.
sintaxis en HTML
elemento {font-family: valor;}
por ejemplo: div {font-familiy: arial, sans-serif;}
sintaxis en JAVASCRIPT
elemento.style.fontFamily='valor';
por ejemplo: this.style.fontFamily='arial, sans-serif';
Una "familia" es un grupo de fuentes de características similares. Cada "miembro" de la familia puede ser cursiva, negrita, condensada, etc. Las familias de fuentes pueden ser agrupadas en categorías: con o sin serif, con o sin caracteres espaciados proporcionalmente, etc.
Cualquier nombre de una fuente válida es aceptado; por ejemplo:
Times, Helvetica, Zapf-Chancery, Western, Courier
También pueden usarse nombres genéricos:
serif, sans-serif, cursive, fantasy o monospace
El valor puede ser también una lista separada por comas y para evitar confusiones, los nombres que tienen varias palabras se deben escribir entre comillas. Las listas se utilizan porque no podemos saber cuáles son las fuentes instaladas en el navegador de quien va a mirar la página y por eso, establecemos alternativas; si se encuentra la primera, se mostrará esa, sino, la segunda y así sucesivamente siendo lo más prudente, terminar con un nombre genérico.
La propiedad font-size establece el tamaño de la fuente de texto.
sintaxis en HTML
elemento {font-size: valor;}
por ejemplo: div {font-size: 12px;}
sintaxis en JAVASCRIPT
elemento.style.fontSize='valor';
por ejemplo: this.style.fontSize='12px';
Los valores que podemos utilizar son muy variados; pueden ser: xx-small, x-small, small, medium, large, x-large, xx-large. También se puede utilizar smaller o larger para indicar una fuente de un tamaño inmediatamente menor o inmediatamente mayor.
Lo más común es utilizar unidades fijas o proporcionales: cm, mm, in, pt, pc, px, em o ex o un porcentaje.
La propiedad font-style establece el estilo de la fuente.
sintaxis en HTML
elemento {font-style: valor;}
por ejemplo: div {font-style: italic;}
sintaxis en JAVASCRIPT
elemento.style.fontStyle='valor';
por ejemplo: this.style.fontStyle='italic';
Los valores posibles son: normal, italic u oblique.
La itálica es la versión cursiva del tipo normal. La oblicua es una versión inclinada del tipo normal y comúnmente se usa con las sans-serif.
La propiedad font-variant establece si la fuente se muestra en modo mayúsculas pequeñas. Es decir, todos los caracteres se convierten en mayúsculas pero el tamaño es menor que el tamaño de la fuente normal.
sintaxis en HTML
elemento {font-variant: valor;}
por ejemplo: div {font-variant: small-caps;}
sintaxis en JAVASCRIPT
elemento.style.fontVariant='valor';
por ejemplo: this.style.fontVariant='small-caps';
Los valores posibles son: normal o small-caps.
La propiedad font-weight establece el grosor de las fuentes.
sintaxis en HTML
elemento {font-weight: valor;}
por ejemplo: div {font-weight: 900;}
sintaxis en JAVASCRIPT
elemento.style.fontWeight='valor';
por ejemplo: this.style.fontWeight='900';
Los valores posibles son: normal , lighter, bold y bolder. También pueden usarse algunos valores numéricos: 100, 200, 300, 400, 500, 600, 700, 800 y 900 donde 400 equivale a normal y 700 a bold.
Las variaciones dependen del tipo de fuente y muchas veces es difícil notar las diferencias.
Las dos propiedades que faltan son bastante desconocidas.
La propiedad font-size-adjust también establece el tamaño de la fuente; en realidad, el tamaño y la legibilidad de una fuente depende menos del valor dado a font-size que de la proporción entre su ancho y su alto. Esa relación (tamaño de la fuente dividido por la altura de la letra x), es llamada x-height. Cuanto más grande sea ese valor menos legible será la fuente si se trata de fuentes pequeñas.
sintaxis en HTML
elemento {font-size-adjust: valor;}
por ejemplo: div {font-size-adjust: 0.8;}
sintaxis en JAVASCRIPT
elemento.style.fontSizeAdjust='valor';
por ejemplo: this.style.fontSizeAdjust='0.8';
Los valores posibles son: none o un número que especifica esa relación.
Esta imagen muestra varias tipografías en un mismo tamaño de fuente (11pt. a 72 ppi), junto con sus valores de relación
Esta otra imagen muesta el resultado de font-size-adjust
La propiedad font-stretch permite condensar o estrechar una fuente; selecciona un tipo normal, condensado o expandido de una familia de fuentes.
sintaxis en HTML
elemento {font-stretch: valor;}
por ejemplo: div {font-stretch: ultra-expanded;}
sintaxis en JAVASCRIPT
elemento.style.fontStretch='valor';
por ejemplo: this.style.fontStretch='ultra-expanded';
Los valores posibles son: ultra-condensed, extra-condensed, condensed, semi-condensed, normal, semi-expanded, expanded, extra-expanded o ultra-expanded donde ultra-condensed es más estrecho y ultra-expanded es el más ancho.
También pueden usarse las palabras clave wider o narrower. wider modifica el valor al siguiente más expandido mientras que narrower lo hace al siguiente más condensado.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. |
MÁS INFORMACIÓN:
SUMARIO:
Insertar PDFs con facilidad |
PdfMeNot.com es un sitio que ofrece una serie de herramientas para insertar archivos PDF en una página web. He estado jugueteando con las diferentes opciones y ha resultado sencillo y bastante rápido.
Desde la página inicia, podemos elegir entre ingresar la URL de un archivo que esté en la web o subir algún archivo desde nuestra PC. Pasados unos segundos, los convierte en un archivo SWF y nos lo muestra. Además, nos da dos códigos, un enlace directo al visor y un script que podemos insertar en nuestro blog.
Aquí hay dos ejemplos:
Este es un archivo en formato PDF alojado en un sitio web
y este es el enlace generado que nos permite acceder al archivo convertido 
Este es otro PDF subido desde mi PC y convertido online
Hay varias herramientas disponibles:
PdfMeNot Bookmarklet se agrega el enlace a los marcadores o favoritos. Cuando estamos en una página con vínculos a archivos PDF, simplemente hacemos click en ese marcador y todos los enlaces serán convertidos automáticamente.
PdfMeNot 0.1.2 es una extensión para Firefox que reconoce los enlaces a PDFs y los convierte en segundo plano, agregando un ícono junto ca da uno de ellos para que podamos abrirlos en otra pestaña.
También podemos crear enlaces directos a archivos PDF agregando el servicio a la URL. Por ejemplo, si el documento está en:
http://test.com/document.pdf
escribimos:
http://pdfmenot.com/view/http://test.com/document.pdf
En Blogger, podemos convertir automáticamente cualquier PDF que enlacemos, agregando un script en el encabezando de nuestra plantilla:
Desde la página inicia, podemos elegir entre ingresar la URL de un archivo que esté en la web o subir algún archivo desde nuestra PC. Pasados unos segundos, los convierte en un archivo SWF y nos lo muestra. Además, nos da dos códigos, un enlace directo al visor y un script que podemos insertar en nuestro blog.
Aquí hay dos ejemplos:
Este es un archivo en formato PDF alojado en un sitio web
y este es el enlace generado que nos permite acceder al archivo convertido Este es otro PDF subido desde mi PC y convertido online
Hay varias herramientas disponibles:
PdfMeNot Bookmarklet se agrega el enlace a los marcadores o favoritos. Cuando estamos en una página con vínculos a archivos PDF, simplemente hacemos click en ese marcador y todos los enlaces serán convertidos automáticamente.
PdfMeNot 0.1.2 es una extensión para Firefox que reconoce los enlaces a PDFs y los convierte en segundo plano, agregando un ícono junto ca da uno de ellos para que podamos abrirlos en otra pestaña.
También podemos crear enlaces directos a archivos PDF agregando el servicio a la URL. Por ejemplo, si el documento está en:
http://test.com/document.pdf
escribimos:
http://pdfmenot.com/view/http://test.com/document.pdf
En Blogger, podemos convertir automáticamente cualquier PDF que enlacemos, agregando un script en el encabezando de nuestra plantilla:
<script type="text/javascript" src="http://pdfmenot.com/convert.js"></script>
O incrustar archivos PDFs individuales con este otro script:
<script type="text/javascript" src="http://pdfmenot.com/embed/?
url=http://archivo.pdf&width=600&height=450"></script>
noimageindex: No indexar imágenes |
En Google siempre están preocupados por "limpiar" sus bases de datos para eliminar enlaces falsos o redundantes y así, mejorar la calidad de los resultados que nos muestran. Ahora, han "inventado" una meta-etiqueta que apunta a depurar el buscador de imágenes y que, de alguna manera, contesta a quienes me preguntaban cómo evitar la indexación de las imágenes de sus blogs.
Si no queremos que las imágenes incluidas en nuestro sitio aparezcan en el buscador, debemos agregar lo siguiente en el head de la plantilla, junto con las otras etiquetas META:
Si no queremos que las imágenes incluidas en nuestro sitio aparezcan en el buscador, debemos agregar lo siguiente en el head de la plantilla, junto con las otras etiquetas META:
<meta name="robots" content="noimageindex" />
o bien:
<meta name="googlebot" content="noimageindex" />
Hay que aclarar que si otro sitio tiene un enlace directo a nuestra imagen, la etiqueta será inútil y que, en ese caso, si usamos Blogger, no podremos impedirlo.
La solución es parcial pero es mejor que nada. En todo caso, la pregunta que queda flotando es ¿por qué quiero evitar que las imágenes aparezcan en el buscador?
La solución es parcial pero es mejor que nada. En todo caso, la pregunta que queda flotando es ¿por qué quiero evitar que las imágenes aparezcan en el buscador?
REFERENCIAS:
Más errores que aciertos |
Blogger Buzz, es el sitio oficial de Blogger. Siempre es un poco exagerado, cada dos por tres dicen:
We are excited to announce that Blogger ...
y ahí nos informan de alguna tontera que se les ha ocurrido y que generalmente, o no funciona o hace que algo que antes funcionaba, deje de funcionar.
En uno de sus últimos mismo artículo hablan de un número de actualizaciones realizadas durante febrero:
Maravilloso.
En Known Issues donde se muestran y pueden reportarse problemas, la lista es ... larga:
- Nuevos idiomas: Kannada, Malayo, Tamil, Telugu e Hindi.
- Los posts con más de 200 comentarios se ven muestran paginados.
- Textual: Layouts blogs now have a “Layouts” tab instead of “Template.” ¿? ¿cambiaron el nombre de la solapa?
- Mejoras en la traducción al idioma persa.
- Soporte para edición en los navegadores Safari 3.
- Soporte para formato internacional en la selección de fechas.
Maravilloso.
En Known Issues donde se muestran y pueden reportarse problemas, la lista es ... larga:
- El ajuste de imágenes en el header sólo funciona si la imagen es nueva, si ya estaba, hay que volver a subirla.
- El botón para verificar ortografía (Check Spelling) no funciona.
- Un blog marcado como privado y con contenido adulto puede ser inaccesible aún para sus autores.
- El boton "Crear un enlace" (backlinks) está perdido ... ¿se habrá ido a pasear con el lapicito?
- La vista previa en la opción Fuentes y Colores puede mostrar los posts y la sidebar encimados.
- Algunos mails notificando la inclusión de comentarios no son enviados.
- ... siguen
- ... y siguen
Algunos otros errores son inexplicables, aparecen y desaparecen ... ya van ... no sé, perdí la cuenta.
Ni ellos se libran de sus propios maleficios.
Aunque no sirve de mucho, si queremos tener algo más de información, Blogger dispone de una página especial: Blogger Error Codes (Database of messages for Blogger error codes) ... patética, pero existe.Un poco más útil es consultar Blogger Help Group pero siempre conviene usar el sentido común porque las respuestas pueden ser bien intencionadas pero a veces, son erróneas.
