Desarrollo: usando plantillas

Hay momentos en los que uno esta libre y de por si aparecen algunos sitios y por mera curiosidad se da por entrar, tal fue que se me presento la siguiente página: www.publivision.com.bo, obviamente esta es una plantilla (template) ya hecha, lo groso es que el poco cuidado que tuvieron al modificar la plantilla:

• Lo primero es el espacio del menú, en vez de mantener el tamaño del texto este se hubiera podido reducir un poco para que todo el menú pueda estar en una sola línea y no en dos, algunas numeradas y otras no, también las opciones del menú inferior no cuentan con la misma animación que las de arriba esto simplemente queda muy poco estético.
• Centrar la película, es un error clásico el no tomar en cuenta las distintas resoluciones de pantalla con que los usuarios puedan contar.
• El sitio no cuenta con ningún metatag, este es importante ya que estos son usados por los buscadores para realizar la indexación del sitio.

La plantilla original se encuentra aquí.

Continuando con esto de la mala copia, vemos un poco que la «empresa» encarga del diseño es Vista Web, veamos un poco su sítio:

Se ve bastante interesante aunque el texto superior parece de los picapiedras, carente de metatags, no puede ser que se esten usando frames…

El sitio web de una empresa es como su carta de presentación, esta debe ser lo más original, porque se esta demostrando lo que la empresa sabe y puede hacer, que diríamos si nos encontramos con esto: Promedia69

Al parecer una de las dos empresas es la original y otra la simplemente le copia los diseños, vaya a saber uno cual es la original…

Desarrollo: una mirada a www.yachtclubboliviano.com

Hoy al leer la sección de los clasificados en el periódico me encontré con este anuncio (lo copio tal cual está):

VIRUS ELIMINAMOS, reparamos computadoras, Internet, recargamos toner, impresoras laser, Diseño páginas Web. http://www.webestrategia.com

Como hoy estoy descansando un poco, me decidí a visitar el sitio de la «empresa» webestrategia, viendo un poco sus trabajos y me encontré con este sitio www.yachtclubboliviano.com voy a dar algunos detalles de lo que no se debe hacer y claro el porque no deben hacerse, marque con rojo las partes más sobresalientes.

Lo que se ve:

1. El título, esto es super importante, ya que ayuda a los buscadores a poder localizar y almacenar el sitio en sus motores de búsqueda.
2. El banner, no creo que alguien este en contra de poner un banner en flash, pero este no debe ser muy llamativo, debe tener la menor cantidad de movimiento para no desenfocar la vista en lo que es más importante, el contenido de la página. En este sitio se observa solo una cantidad de fotos que cambian con el tiempo (nada interesante) en una especie de slideshow, se hubiera podido obtener este mismo efecto sin la necesidad de un archivo flash solo con jCarousel que es un plugin de jquery a demás de ser más liviano. Otro punto del banner, emite un horrible sonido a marea con gaviotas, después de un rato este se hace insoportable, podría haberse cambiado esto por música que sería mucho mejor que escuchar a esas gaviotas.
3. El menú, seguimos con los problemas de flash, y la pregunta que pasa si el browser no tiene flashplayer, no es común pero puede ocurrir, todo mundo sabe que se hacen los menús en flash para «ganar tiempo» es decir «puede» ser más moroso insertar un menú en HTML a cada página que hacerlo con un menú hecho en flash, pero aquí lo gracioso es que no es un solo bloque todo el menú, si no que cada botón está separado.
4. Más flash, no veo la necesidad que añadir una película flash, que solo contiene una imagen y está no tiene ni animación ni nada. Tampoco es bueno añadir una película flash que solo contenga el texto: «Leer Más» que tenga una pequeña animación. Usar flash solo cuando sea necesario.
5. La imagen de fondo, o conocida como background, mediante hojas de estilo se puede dar la propiedad de no-repeat, para evitar lo que vemos en la imagen que se repita y de un mal aspecto al sitio, esto se debe a que la resolución que tengo en mi pantalla es distinta a la que tiene el desarrollador.
6. La resolución de pantalla, tener muy en cuenta que no todos los visitantes tiene la misma pantalla y la misma resolución que la del desarrollador. Es importante usar hojas de estilo para definir las propiedades del ancho del sitio ya sean absolutas o que se acomoden en función a la resolución de la pantalla del visitante sin afectar a la posición del contenido.

Como se ve el sítio:

Lo que no se ve:

1. Metatags, no se ve ni un metatag en el sitio, estos contienen información muy útil para los motores de búsqueda y ayudan a la mejor indexación del sitio y por ende a su posicionamiento en tales buscadores.
2. CSS, el alma del sitio, se hubiera podido explotar de mejor manera el uso de hojas de estilo para la parte visual del sitio, por ejemplo en vez definir el tamaño de las tablas una por una (como esta en el sitio) con una simple línea de código en css se simplifica este trabajo.
3. Las tablas, es un lío trabajar con tablas para definir la posición de los elementos, se trabaja mejor y de manera más ordenada usando CSS y las etiquetas div de HTML.

A demás de estas observaciones el sitio contiene varios detalles que se pueden mejorar, a esto debo acotar que si bien el cliente no conoce sobre como se hacen las cosas, como profesionales no podemos engañarlos (aunque ellos no lo sepan, nosotros los sabemos) y darles un producto en el cual no pusimos todo nuestro esfuerzo y conocimiento.

emesene: no muestra ‘lo que estoy escuchando’ en Exaile (2)

Nuevamente el problema con las versiones emesene 1.6 «mate» y Exaile 0.3.1b, pero no es para preocuparse ya publicaron un nuevo parche para poder arreglar el problema.

Podemos descargar el parche de:

Aquí

O usando wget, en consola:

wget http://forum.emesene.org/index.php?action=dlattach;topic=2543.0;attach=1429

La forma de aplicar el parche es:

1. En consola vamos a la ruta donde descargamos el archivo, supongamos que fue en /home/usuario, entonces en consola escribimos:

cd /home/usuario

2. Lo siguiente es aplicar el parche en la misma consola escribimos:

sudo patch /usr/share/emesene/plugins_base/currentSong/Exaile.py diff

3. Es posible que nos muestre un mensaje como este:

Reversed (or previously applied) patch detected!  Assume -R? [n]

En ese caso ponemos la tecla «y» (sin las comillas) y enter.

Con eso ya se arregla el problema de no poder mostrar la canción que se está escuchando en Exaile.

Fuente: aquí (para ver el parche de descarga es necesario estar registrado en el foro).

Actualización: emesene: no muestra ‘lo que estoy escuchando’ en Exaile (3)

Google: más social con Buzz

Un nuevo servicio integrado a Gmail acaba de aparecer, este es Buzz, al mero estilo de Facebook o Twitter, pero con un estilo un poco más simplista clásico de Google, desde mi punto de vista en vez de lanzar un nuevo servicio deberían haber integrado Orkut a Gmail que tiene una mejor vista y unos detalles que son simplemente grandiosos.

Buzz se suma a la amplia lista de servicio que ofrece la G en busca de captar más usuarios a sus redes sociales, entre estas tenémos:

• Orkut
• Google Wave
• Jaiku
• Zingku
• Dodgeball
• AdMob

Mas información: aquí y aquí.

Gedit: empotrar la consola o terminal

Personalmente trabajo mucho con terminal y gedit, poco a poco se hace un poco molesto y moroso estar cambiando de ventana a cada rato, de este modo es que encontré es pequeño truco para empotrar la consola al editor de textos gedit, los pasos son:

Primero se tiene que instalar el el paquete gedit-plugins, se puede hacer mediante Synaptic o por consola:

sudo apt-get install gedit-plugins

Luego en abrimos gedit y en el menú Editar->Preferencias->Complemento se marca la casilla de Terminal empotrado:

Finalmente hay dos formas para activar la consola en gedit :

• Marcar la casilla del Menú: Ver->Panel inferior.
• Presionar las teclas: Ctrl + F9.