Seguramente el lector de archivos PDF que usas habitualmente es Adobe Acrobat Reader, un programa que se convirtió casi en un estándar por su excelente performance y por estar avalado por una marca líder del mercado. Pero existen otras alternativas que también son gratuitas e incluso con funcionalidades extras que solo se consiguen en otras versiones del programa de Adobe.

Soluciones gratuitas

Sumatra PDF: Sencillo y rápido lector de archivos PDF que funciona bajo Windows, es totalmente gratuito y OpenSource. Se destaca por su velocidad y su interfaz minimalista, lo que optimiza su facilidad de uso.
Descargar Sumatra PDF

Okular: Este lector se diferencia de los demás porque ademas de abrir archivos PDF es compatible con otros formatos como Postscript, DjVu y CHM. Funciona en todas las plataformas, desde linux hasta MAC Os X.
Descargar Okular

Adobe Acrobat Reader: El más conocido de la lista y no por si el mejor. Este lector se convirtió en un estándar de las PCS actuales y los navegadores de internet.
Descargar Adobe Acrobat Reader

Foxit Reader: Este lector esta en constante actualización, se caracteriza por tener un sistema de defensa llamado Secure Trust Manager, que bloquea cualquier actividad dudosa dentro de los archivos a visualizar.
Descargar Foxit Reader

Evince: La meta de Evince es suplantar a todos los lectores actuales para GNOME, ofreciendo una sencilla aplicación. Soporta múltiples formatos.
Descargar Evince

Expert PDF Reader: Un lector liviano y super rápido que además de tener las funcionalidades básicas, permite modificar los archivos PDF.
Descargar Expert PDF Reader

Cool PDF Reader: Pesa menos de 1MB y permite exportar los archivos a TXT, BMP, JPG, GIF, PNG, WMF, EMF, EPS.
Descargar Cool PDF Reader

Perfect PDF 6 Reader: Uno de los mas pesados pero ademas de poder visualizar los PDF, permite firmarlos digital mente y exportarlos como texto plano o como imagenes BMP, GIF, JPEG, PNG, Metafile.
Descargar Perfect PDF 6 Reader

Querés mas?

La Fundación del Software Libre de Europa (FSFE) lanzó un sitio donde pretenden recopilar todos los lectores de archivos PDF Open Source gratuitos, allí encontraras mas alternativas, sobre todo para las plataformas Linux y Mac.
El sitio en cuestión es Pdfreaders.org

En Area Photoshop publicaron una recopilación de plantillas de teléfonos celulares en formato .PSD* en la que se incluye una buena variedad de modelos extraídos de DevianArt.

Las plantillas gozan de una excelente calidad y son totalmente editables, 13 modelos de teléfonos móviles entre los cuales incluye al querido Iphone de Apple.

Bajo el nombre de Sotck Phone`s, la recopilación se convierte en un recurso obligado para todos los diseñadores, sin duda es un material para tener en el disco rígido ante cualquier eventualidad.

Descarga el pack de plantillas de celulares

Via: AreaPhotoshop

Seguimos con mas recursos de jQuery, en este caso creamos un visor de imágenes con una barra de navegación y efectos jQuery. Ideal para aplicarlo en proyectos web donde se necesiten galerías de fotos o paneles para mostrar noticias recientes.

Creando el HTML

Usamos divs contenedores en los cuales “wrap” le da el estilo de salida con sombras y bordes, e “inner” enmarca en su interior las imágenes.

				
				Leonardo Maia
			

				
				skillicorn
			

				
				theenergycell
			

				
				Fred Maya
			

Miniaturas

Para las miniaturas, un contenedor en el que se incluye la flecha de navegación y las miniaturas con los enlaces.

Hoja de estilo

La hoja de estilo para esta galería de imágenes con jQuery es sencilla, aquí se puede ver que el uso del valor Hidden es fundamental para lograr el efecto.

#preview_wrap {
	margin: 0 auto;
	padding: 22px;
	width: 550px;
	height: 400px;
	background: url('bg_preview.gif') top left no-repeat;
}

#preview_outer {
	overflow: hidden;
	width: 550px;
	height: 400px;
	position: relative;
}

#preview_inner {
	text-align: left;
	height: 100%;
	position: relative;
}

#preview_inner div {
	float: left;
	width: 550px;
	height: 400px;
	position: relative;
}

#preview_inner div a {
	position: absolute;
	bottom: 0;
	left: 0;
	display: block;
	width: 100%;
	text-indent: 20px;
	padding: 20px 0;
	color: #fff;
	background: url(bg_trans.png);
	text-decoration: none;
	font-size: 18px;
}

#thumbs {
	padding-top: 30px;
	position: relative;
	width: 750px;
	text-align: center;
}

#thumbs span {
	padding: 12px;
	width: 80px;
	height: 80px;
	cursor: pointer;
	background: url('bg_thumb.gif') top left no-repeat;
	display: inline-block;
}

#arrow {
	position: absolute;
	top: -13px;
	background: url('bg_arrow.gif') top center no-repeat;
	width: 104px;
	height: 39px;
	display: none;
}

jQuery

Solo queda por agregar un poco de javascript, el código esta comentado paso a paso.

$(document).ready(function() {
	// guardando objetos jquery.
	var outer	= $("#preview_outer");
	var arrow	= $("#arrow");
	var thumbs	= $("#thumbs span");

	var preview_pos;
	var preview_els	= $("#preview_inner div");
	var image_width	= preview_els.eq(0).width(); //  ancho de las imagenes

	// Evento Click
	thumbs.click(function() {
		// Get position of current image
		preview_pos = preview_els.eq( thumbs.index( this) ).position();

		// Animando!
		outer.stop().animate( {'scrollLeft' : preview_pos.left},	500 );
		arrow.stop().animate( {'left' : $(this).position().left },	500 );
	});

	// Reseteando posiciones
	arrow.css( {'left' : thumbs.eq(0).position().left } ).show();
	outer.animate( {'scrollLeft' : 0}, 0 );

	// Tomando el ancho inicial
	$("#preview_inner").css('width', preview_els.length * image_width);
});

Ejemplo

Ejemplo | Descargar

Estas herramientas online para medir el tiempo de carga son muy fáciles de usar y se obtienen buenos informes para mejorar y optimizar la carga de nuestros blogs y webs. En las etapas de desarrollo se puede pronosticar el tiempo de carga de una web o blog, un punto que no es tenido muy en cuenta por los webmaster.

En la actualidad los servicios de ADSL permiten navegar desde 1 mb para arriba y esto se convirtió en una falsa “ventaja” para los diseñadores porque muchos ganaron tiempo de trabajo al descuidar la optimización de carga. Es muy cierto que ahora las paginas se abren 100 veces mas rápido que unos años atrás, pero también aumentó la posibilidad de perder visitas por confiar en la velocidad de estos servicios.

Las Ventajas:

1 - Optimizar el tiempo de carga es favorable para el SEO, aumenta las visitas y las retiene.
2 - Disminuye el consumo de recursos del servidor.
3 - Permite una óptima navegación en celulares y dispositivos.
4 - Permite acceder rápidamente a los contenidos.
5 - Permite saber si nuestro servicio de hosting contratado es bueno.
6 - Disminuye la posibilidad de que nuestro server se sature al recibir un pico de visitas.

Lista Herramientas para medir el tiempo de carga de una web

Pingdom tools es una herramienta muy eficaz y ofrece un resumen completo sobre la carga de la primera pagina y las subsiguientes. Se destaca por su interfaz de estadísticas muy organizada.

Webslug permite comparar la performance de carga comparando los resultados entre dos sitios, una herramienta muy útil.

Uptrends es otro servicio online para medir el tiempo de carga de paginas, esta aplicación permite marcar el punto de acceso por localización.

Submit es otra herramienta precisa que además se diferencia de las otras aplicaciones, porque no indexa los resultados de las pruebas.

Webwait hace una prueba en bucle para sacar un promedio del tiempo de carga.

Lori es un pluguin para firefox que mide el tiempo de carga de una pagina y muestra los resultados constantemente en la barra de estado del navegador.

Cual es el tiempo perfecto?

Sabemos que perder el tiempo es lo que menos quiere el navegante, y mientras mas rápida sea una web será mejor para todos. En mi caso hice una pequeña optimización de imágenes y logré reducir unos segundos en el index de Puente Cromático, es una tarea un poco engorrosa pero hay resultados reales. Recorriendo un poco en otros sitios vi que en SEOPofesional lograron aumentar el trafico de un blog usando el pluguin Wordpress Cache, un pluguin que también lo tengo instalado y hace su trabajo en forma excelente. En Geeks.ms comentan que el tiempo de carga debe ser estipulado según la acción que se espera en cada pagina, no es lo mismo un loguin que una consulta a una base de datos pesada, a su vez recomiendan un máximo de 10 segundos y avisar al usuario en casos de demoras. Otro dato importante esta en la gráfica del articulo donde muestran como disminuye la velocidad de respuesta a medida que aumentan las visitas.

Como optimizo mi blog o sitio?

1 - Reduce el peso de las imágenes y usa los formatos adecuados.
3 - Limpia el código XHTML, CSS, PHP… eliminando espacios innecesarios, etiquetas vacías, duplicadas, etiquetas no válidas, usa lo estándares.
4 - Disminuye la cantidad de llamadas de archivos externos, lo mismo con los scripts.
5 - Elimina del servidor todos los archivos que no sean necesarios.
6 - Si tienes un blog no cargues 20 noticias en el index, con 5 suficiente, instalar un pluguin de paginación es la mejor opción.
7 - Evita usar scripts kilométricos, optimizarlos es una buena idea.
8 - Establece las medidas de las imágenes en la etiqueta IMG.
9 - Ubicar la llamada a archivos javascript al final del documento permite que se cargue primero el contenido del html y luego el script.

Antes de empezar

Todo este trabajo es mejor planearlo antes de iniciar un nuevo proyecto, y es un punto muy notable a futuro. Además de los recursos que vimos en este articulo existen muchas soluciones y scripts como alternativas según el lenguaje en el que estemos trabajando, con un poco de investigación se puede mejorar el desempeño de tu trabajo. Como conclusión digo que un tiempo correcto para la carga de un blog estaría entre 2 y 3 segundos, para un sitio XHTML me inclinaría por 1 o 2 segundos y para una aplicación web tendría que analizar las peticiones del usuario e informar ante cualquier tipo de demora.

Recursos complementarios

La mejor exportación esta en Fireworks

Tutorial que enseña paso a paso como exportar imágenes optimizadas desde fireworks.

Pluguin Wordpress Cache

Pluguin para blogs de wordpress que disminuye el tiempo de carga de los mismos.

Pluguin Web Developer y Firebug

Estos pluguins permiten conocer a fondo la estructura, código, archivos y mas sobre un sitio web. Muy recomendables tenerlas instaladas, aquí dejo una pequeña guia de Web Developer.

Organiza tu código

En este articulo encontrarás una herramienta para organizar código HTML, JS y CSS.

Les presento un nuevo pack de 108 iconos minimalistas monocromáticos creados por Tutorial9.com. El set de iconos minimalistas incluye una gran variedad de símbolos usados habitualmente en aplicaciones y programas.

Lo bueno de este pack es que en el encontramos carpetas, archivos, flechas, cámaras, candados, llaves y mas iconos adaptables y orientados a interfases de programas. Hay que remarcar que se puede cambiar el color de estos iconos minimalistas con solo ajustar los valores de tonalidad y color en photoshop.

Los iconos están en formato .PNG*, son livianos y tienen una resolución de 32×32px. Son de libre uso comercial y pueden ser usados sin hacer atribuciones.

Descarga el Pack de Iconos Minimalistas