Blogger CLH Express CSS Excel Feedburner Firefox Javascript pdf
Continuando con la sección que hace poco dimos por inaugurada, hoy cubriremos algunos tips y peticiones pequeñas que han llegado al buzón oficial de CLH. Desde incrustar archivos PDF en un sitio Web, hasta comprimir nuestras hojas de estilo y utilizar Feedburner en blogs de Blogger, los invitamos a conocer el detalle, como siempre, después del salto.
Les recordamos que si nos quieren hacer llegar sus peticiones, solo deben contactarnos en la sección correspondiente de nuestro sitio.
En el CLH Express de hoy:
Sin más que decir, vamos, manos a la obra:
Cuando hablamos de incrustar, nos referimos a la funcionalidad de reproducir un contenido dentro de otro, el cual puede ser del mismo tipo o bien distinto. La gracia de todo esto, es lograr un impacto mínimo a los ojos del usuario, con el fin de que se vea una integración casi nativa entre las 2 partes.
Es común que hoy en día en nuestros sitios Web ofrezcamos documentos en formato PDF, los cuales pueden ser descargados por los visitantes o bien abiertos en el mismo navegador en una nueva pestaña o ventana.
Pero, ¿qué pasa si queremos que el usuario pueda visualizar el documento sin dejar nuestro sitio?, es aquí donde la incrustación juega un papel vital. Hoy en día, gracias a Google Docs, la visualización de archivos PDF se ha vuelto realmente cómoda y natural, por lo que podemos aprovecharla y utilizarla desde nuestro propio sitio, para obtener las claras ventanas.
¿Cómo lo haremos?, bastante simple. Sólo debemos crear un documento HTML para nuestra Web (si es que no tenemos uno ya) y crear un iframe en el, desde el cual cargaremos la URL del visor de PDF de Google Docs y a este le indicaremos, mediante un parámetro, que cargue nuestro archivo PDF. El código queda de la siguiente forma:
<iframe src=”http://docs.google.com/gview?url=direccion de nuestro archivo PDF&embedded=true” style=”width:ancho del visor; height:alto del visor;” frameborder=”0″></iframe>
Por ejemplo, si quisiéramos mostrar en este artículo un PDF que incluímos en nuestro tutorial “Cómo tocar cumpleaños feliz en guitarra”, iría algo así:
<iframe src=”http://docs.google.com/gview?url=http://www.comolohago.cl/uploads/Tab.pdf&embedded=true” style=”width:500px; height:375px;” frameborder=”0″></iframe>
Al cargar ese documento HTML en nuestro navegador, se cargará un visor con el documento PDF y algunas funciones para manipularlo.
Desde hace mucho tiempo que un aspecto vital de los sitios Web (especialmente los que están generando nuevo contenido de forma continua) son los feeds. Estos nos permiten entregarle a los usuarios una forma cómoda para que se enteren de nuevas actualizaciones, ya que la oferta de lectores de RSS hoy es bastante amplia, pudiendo incluso integrarlos a los navegadores Web o servicios de Google.
Configurar Feedburner para nuestros blogs en WordPress es bastante sencillo, solo basta crear la cuenta y apuntarlo. Sin embargo, en Blogger requiere de un poco más de trabajo, aunque no por eso se hace más complejo. Hoy veremos como en unos breves pasos podemos dejar todo andando:
1.- Lo primero que haremos será ir al sitio de Feedburner y crear una cuenta si es que no tenemos.
2.- Luego, en el cuadro Burn a feed right this instant debemos ingresar la dirección de nuestro blog y hacemos click en Next:
3.- A continuación, nos mostrará un cuadro de selección con los feeds que detectó desde el blog. Probablemente serán 2, uno en formato Atom y uno en RSS. Optaremos por el segundo y haremos click en Next.
4.- Luego nos pedirá que definamos el título del feed y la URL de este. Aquí podemos fijar según queramos y hacemos click en Next. Con esto habremos activado el feed desde el sitio de Feedburner.
5.- Ahora debemos dirijirnos al nuestro panel de control en Blogger, y dentro de Configuración buscaremos la opción Feed del sitio.
6.- Dentro de esta última, buscamos la opción llamada Publicar URL redireccionada del feed y en ella ingresamos la URL que definimos en el último paso en Feedburner:
7.- Guardamos la configuración y listo. Desde ahora nuestros feeds se harán en formato RSS a través de Feedburner.
Una buena práctica en el desarrollo de sitios Web, la cual lamentablemente es obviada por muchos, es la compresión de hojas de estilo CSS y archivos Javascript una vez que tenemos las versiones finales y nos aprontamos a subirlas al servidor. Los beneficios de hacer esto incluyen desde mejorar el tiempo de carga de los sitios (algo que siempre debiesemos tener en cuenta), eliminar partes innecesarias (como por ejemplo comentarios, los cuales está bien tenerlos en las versiones que manejamos a la hora de desarrollar, pero en el sitio en si no cumplen ninguna funcionalidad) o bien optimizar mediante la combinación de secciones, cuando por ejemplo 2 marcas utilizan el mismo estilo y están declaradas por separado.
Hoy hacer compresión de CSS y Javascript es bastante sencillo, ya que se encuentran disponibles muchos servicios que nos permiten realizarlo en línea y en solo unos segundos. Les recomendamos 2:
Ambos servicios son sumamente sencillos de utilizar. Sólo debemos ingresar nuestro código y presionar un botón para que nos entregue la versión comprimida. Así que a tenerlo en cuenta a la hora de desarrollar.
Una de las tantas funcionalidades que Firefox ofrece por defecto a la hora de instalarlo es el refresco automático de páginas que estemos viendo. Si bien en algunos casos puede ser útil, hay otros en los que se vuelve bastante molesto, por lo que una opción es desactivarlo, lo cual se puede hacer en unos cuantos pasos:
1.- Abrimos Firefox y en la barra de direcciones escribimos about:config , con lo que se abrirá el interfaz de configuración:
2.- Hacemos click en ¡Tendré cuidado, lo prometo! y nos llevará a las opciones de configuración. Una vez ahí, en el filtro debemos escribir:
accessibility.blockautorefresh
Y nos buscará la opción con el mismo nombre:
3.- Por defecto esta opción viene con el valor false. Hacemos click con el botón derecho del mouse sobre ella y seleccionamos Modificar:
4.- Y veremos como el valor se cambia a true:
Y tenemos el refresco automático bloqueado. Si queremos volver a activarlo, solo debemos repetir el proceso y modificar el valor para que quede en false.
Dentro de las peticiones que nos llegan día a día, la conversión de formatos (especialmente involucrando PDF) es la categoría más llena. Una de las que teníamos en carpeta hace tiempo era la conversión de archivos PDF a formato Excel, la cual en un principio nos sorprendió bastante, ya que desconocíamos que fuera posible. Sin embargo, nuestro buen Topher, quien es la portabilidad hecha persona, nos ha mostrado un servicio que en lo personal me ha dejado impactado por su simpleza y rapidez. Hablamos de PDF to Excel, el cual puede ser accedido desde el siguiente enlace, que nos permite hacer la conversión en solo 3 pasos, enviándonos el archivo convertido a nuestro correo electrónico.
Para convertir:
1.- Ingresamos al sitio oficial de PDF to Excel:
2.- Seguimos los 3 pasos para la conversión que vemos en el sitio principal:
3.- Hacemos click en Convertir y esperamos mientras se sube el archivo al servidor:
4.- Una vez subido, nos mostrará el mensaje de éxito y a continuación solo debemos esperar que nos llegue a nuestro correo:
Para tener una noción aproximada, al momento de probar el servicio subimos un PDF de 850KB. La carga del archivo al servidor demoró unos 30 segundos y en no más de 5 minutos lo teníamos disponible en nuestro correo. Sin embargo, estos tiempos pueden variar dependiendo de nuestra conexión y de la carga que tenga el servidor al momento de utilizar el servicio.
Bastante simple.
Y así damos por terminada esta edición de CLH Express, en donde buscamos responder todas aquellas dudas que presenten soluciones cortas y sencillas que no necesiten de un completo paso a paso. Les recordamos que pueden seguir enviándonos sus peticiones a nuestro buzón oficial.
Como siempre, este CLH Express ha sido:
Cualquier duda o comentario que puedan tener, los invitamos a dejarnos unas líneas en el área habilitada a continuación.
Esperamos que este CLH Express haya sido de utilidad para Uds.
Muchas gracias por leer y será hasta una próxima oportunidad.
7:35:56 pm
exelente lo de pdf a excel ^^
se agradece ;D