Hace tiempo publiqué una entrada sobre LogoInstant, un portal con una interesante colección de logotipos gratuitos para Photoshop. Vía Blog And Web hoy he encontrado MyStockLogo, que pone a disposición de cualquier usuario un completo catálogo de logotipos en formato vectorial compatibles con Adobe Illustrator (.ai) para descargar de forma totalmente gratuita. Los logotipos están organizados en paquetes según formas, colores, fuentes, elementos, etc. Al estar en formato vectorial nos permiten modificarlos sin perder calidad e incluso podremos aprovecharlos para trabajos de papelería, donde la resolución es el handicap de cualquier imagen.

Las únicas pegas de este recurso son, por un lado, que las descargas están externalizadas en un servidor gratuito de carga de archivos (que a mí personalmente ni me ofrece confianza ni seguridad) y que, como bien indican en Blog And Web, si bien los autores de MyStockLogo permiten utilizar sus logotipos en cualquier proyecto sea comercial o no, también hay una nota en la que declaran que tienen todos los derechos reservados.

Más info | http://mystocklogo.com
Fuente | http://blogandweb.com

Charlando con un colega nos ha surgido la duda de cómo podríamos crear un DIV que fuese el wrapper de la página y tuviese el height 100%, de forma que se adapte a la altura del navegador. La solución, que reconozco que hemos tardado en dar con ella, es muy sencilla y se resuelve con unas pocas líneas en el CSS:

html,body{

margin:0px;
height:100%;

}

#wrapper{

height: 100%

}

De todos modos, sigo pensando que dar un height automático al contenedor principal  de una página es antiestético y muchas veces nos encontraremos con problemas al visualizar la página en determinados navegadores. Lo ideal sería poner un height fijo cuando sabemos que la altura de la página nunca va a variar (típicas páginas básicas de empresas con pocos textos).

Hace unas semanas tuve que migrar una página a otro proveedor de hosting y después del traslado tuvimos una serie de problemas que provocaron la parada del servidor durante unas horas. Nos percatamos demasiado tarde, cuando nos avisaron varios usuarios vía mail de lo que estaba sucediendo y nos pusimos en contacto con el soporte para que lo reiniciasen cuanto antes.

Que la página esté caída puede influir muy negativamente en la promoción de la página web, ya que ni si quiera existe una página de aviso que advierta a los usuarios de los problemas que se están produciendo (las DNS están apuntando a un server que no existe). Por un lado, si los bots de los buscadores van a recorrer nuestra página y ésta no se encuentra disponible, es muy probable que repercuta negativamente en el volumen de páginas indexadas o la valoración de las que ya lo estaban y ya no se encuentran en la red. Además, tendremos un problema con los usuarios nuevos, que al acceder al site verán que éste no existe y lo abandonarán sin ni siquiera volver a pasarse en un futuro. Los usuarios recurrentes se mosquearán al ver que no pueden entrar en la web y si disponen del mail del administrador, se pondrán en contacto con él, si no, buscarán alternativas y darán un plazo para que se recupere la página, de forma que si ésta se activa antes, perderemos sus visitas durante unos días u horas. Por ello, es muy importante tener algún servicio de monitorización de la página web que en caso de que ésta tenga algún problema, nos avise para que podamos solucionarlo lo antes posible.

Hay diversos medios de pago que nos ofrecen un completo paquete de monitorización web, sin embargo, también existen alternativas gratuitas que prestan el mismo servicio sin necesidad de pagar. Es el caso de Ding It’s Up, que a través de un sencillo formulario de registro, podremos recibir una alerta vía mail, twitter o SMS (según el país) cuando nuestra web esté caída.

Más info | http://www.dingitsup.com
Fuente | http://blogandweb.com

UrlRate es otra herramienta online que nos ofrece un pequeño análisis de nuestra página web o blog. Tiene una escala del 1 al 10 que se calcula mediante varias variables: edad del dominio, pagerank, enlaces provenientes de otras páginas, ranking de tráfico en Alexa y finalmente una valoración económica de tu web que se calcula en base a los campos anteriores. Finalmente nos dan la opción de implementar en nuestro website un pequeño banner con la puntuación obtenida.

No estoy seguro de que funcione correctamente. No sólo por que mi nota no llegue al 2, si no porque hay datos que no recoge bien, como los inbound links, que en mi caso no aparece ninguno y tengo unos cuantos. De todos modos creo que hay herramientas mucho más completas y con información más precisa. Últimamente estamos experimentando un aumento de webs de este tipo y creo que es hora de empezar ir haciendo una selección, eso sí, lo que más me ha gustado de UrlRate es su diseño, aunque me recuerda mucho al site de Firefox.

Más info | http://www.urlrate.com

En Htmldog podremos encontrar un completo manual de HTML y CSS organizado en tres niveles de dificultad (principiante, intermedio y avanzado). A diferencia de otros manuales y guías que podemos encontrar por la red, la información que nos ofrece Htmldog se basa en los estándares web del W3C . Como argumenta su autor, la mayoría de desarrolladores aprenden primero a escribir código y después los estándares, por lo que si desde el principio aprendemos a escribir código siguiendo unas buenas prácticas, ahorraremos tiempo y nos evitaremos la molestia de quitarnos ciertas manías adquiridas con el tiempo (lo digo por experiencia).

En cada capítulo nos explican en qué consiste el elemento estudiado y nos proporcionan ejemplos para saber cómo llevarlos a la práctica. Si bien los ejemplos se muestran indentados y con varios colores, se hecha en falta una demo para ver su funcionamiento real.

Más info | http://www.htmldog.com

Una de las partes del proyecto en PHP en el que estoy trabajando ahora requiere la selección de varias fechas en un mismo formulario. La forma más sencilla es hacer varios input text; lo que pasa es que al tratarse de una tarea manual, tendría que crear una serie de funciones para validar que el formato de las fechas introducidas es el correcto.

Finalmente he decido utilizar un calendario emergente desarrollado en JavaScript que simplemente muestra un div con un calendario mensual en el que podremos seleccionar el día, mes y año. Tras buscar y probar unos cuantos scripts he conseguido uno que funcionaba correctamente en el IE6-7, Firefox 3 y Chrome, y además, tras una pequeña modificación, me permite utilizarlo en un mismo form para más de una fecha (en mi caso necesito poder seleccionar hasta 8 fechas distintas). La única pega es que el script está desarrollado en base al FrameWork Prototype, de forma que es necesario incluir dicho FW en el proyecto PHP para que los calendarios funcionen correctamente.

El problema de incluir el FrameWork Prototype es que el código fuente pesa 130kb, que debe cargarse cada vez que se accede a la página del formulario; además, también tienen que cargarse las CSS y funciones JS del calendario. En total los ficheros ocupaban cerca de los 200kb. En principio la aplicación sólamente se va a utilizar en una Intranet, por lo que el peso de los elementos de la página no van a influir de forma notable en la carga de la misma, pero es preferible tratar de rebajarlo  para evitar posibles problemas.

Para reducir el peso de los JavaScript hemos utilizado una herramienta online y gratuita que comprime el código eliminando espacios, saltos de línea innecesarios, comentarios, etc. Por ejemplo, el FW Prototype completo pesa 130kb, tras pasarlo por el JavaScript Compressor se ha quedado en 92,2kb, que no está nada mal. En total hemos reducido cerca de un 30% del peso de todos los ficheros necesarios para la correcta utilización de los calendarios, y aún podríamos reducirlo más puliendo las funciones que no se usan, pero como primera rebaja de kbs, está muy bien.

Más info | http://www.javascriptcompressor.com