viernes, diciembre 23, 2005

Firefox y los desarrolladores web hispanos

He encontrado un interesante post y debate sobre el uso del FireFox en España. Sin duda necesita un empujón más la iniciativa de promover el FireFox, a pesar de lo popular que resulta ya entre los desarrolladores webs y personal dedicado a la informática.

No obstante resulta alentador ver que existen desarrollo de extensiones para FireFox en español, como es el caso de una barra de herramientas publicada en este sitio de posicionamiento web que ha sido actualizada recientemente para funcionar con FireFox 1.5. Como funcionalidades interesantes podría destacársele el análisis de densidad de palabras clave, las facilidades para detección de spam y formas de mostrar el AlexaRank y PageRank.

Es un detalle interesante que solo se encuentre en español, pero sin duda necesita de la versión en inglés si desea tener éxito.

Las extensiones para FireFox resultan de mucha utilidad para el trabajo del desarrollador Web, una de las mejores es la WebDeveloper Toolbar. La facilidad de desarrollo de Toolbars para FireFox, apenas conocimientos de XML, JavaScript y CSS propician el desarrollo de nuevas extensiones, por demas confiables ya que el código esta a disposición de ser revisado para evitar Spywares o funcionalidades ocultas, no asi en el caso del Internet Explorer para el cual es necesario desarrollar las barras de herramientas como controles ActiveX distribuidos usualmente solo en binario.

miércoles, diciembre 14, 2005

Programacion, Diseño y Contenidos en la Web

Fechas como las cercanas a navidades son las que hacen desear a muchas webs haber optado a tiempo por un sistema que separe la presentacion y diseño gráfico de los contenidos y la programación.

Las navidades son una buena oportunidad de aplicar un diseño tematico a la Web, sobre todo en los casos de aquellas que ofertan productos para venta, y en general da una buena imagen de la atención que recibe la Web, refrescando por unos dias el diseño tradicional.

En caso de no tener de forma separada el diseño gráfico y presentación, aumentan los costos (tiempo/presupuesto) del cambio a realizar, y luego de la restauración del diseño inicial al pasar la fecha relacionada. Ademas, puede provocar errores en la programación y en la válida construcción del HTML al tener que trabajar con ficheros donde esta todo junto.

Todas las Webs deberían construirse en tres capas separadas, cada una actualizable y sustituible de forma independiente: la capa de presentación, la programación y los contenidos.

Por supuesto, la programación participaría como integradora de la capa de programacián con los contenidos. En esto apoya mucho el uso de sistemas de gestión de bases de datos, aunque en algunos sistemas de gestión de contenidos es suficiente el uso de un sistema de ficheros para almacenar la información (guardar la información como ficheros XML puede apoyar mucho en esto).

De más esta señalar que el uso de hojas de estilos CSS juega un papel importante en este aspecto, aunque no lo es todo, ya que el HTML también debe quedar separado de la programación.

La evolución de los sistemas de gestión de contenidos ya han tomado como un estándar el uso de sistemas de plantillas de presentación. Lamentablemente algunos buenos sistemas open source fueron desarrollados sin tener en cuenta este aspecto, lo cual ha limitado su desarrollo, incluso en el caso de sistemas exitosos como el OSCommerce, al cual cambiarle el diseño y la construcción del HMTL a gusto se hace mas dificil de lo común.

En la actualidad, los sistemas de gestión de contenidos y otros de próposito específico dirigidos a la Web, deben tomar en cuenta el diseño con la separación de las capas de presentación, contenidos y programación, o de lo contrario verán limitado enormente su exito. Ademas, debe ser un elemento a tener en cuenta para considerar un sistema apto para la Web 2.0.

lunes, diciembre 05, 2005

Target _blank o Rel external

Con la extensión del uso de XHTML hay que hacerse esta pregunta. El atributo target="_blank" ya no es válido en el nuevo estándar HTML, y en su lugar ha venido en sustitución el rel="external".

El problema más común en esta sustitución es que varios navegadores no abren el enlace en nueva ventana al usar el rel="external" como lo hacían con el target="_blank".

Como solución he visto en algunos sitios scripts similares al siguiente:


function setExternalLinks() { if ( !document.getElementsByTagName ) { return null; } var anchors = document.getElementsByTagName( "a" ); for ( var i = 0; i < anchor =" anchors[i];">


...y en la etiqueta BODY colocar lo siguiente:

onload="setExternalLinks();"

Se basa en llamar esa función al cargar la página para añadirle dinámicamente el target="_blank" a aquellos enlaces marcados con el atributo rel="external". Como este cambio es solamente interno para el navegador, entonces el código de la página continua valido para los robots de búsqueda y validadotes a la vez que abrimos los enlaces en nueva ventana. No es la solución ideal, pero parece funcionar bien.

El suicidio de Nedstat - Webstats4u

El servicio de estadísticas online para sitios Web, anteriormente llamado Nedstat, que ha pasado a llamarse Webstats4U desde hace un tipo, ha cometido un suicidio con el la variante gratuita de su servicio.

Increíblemente, apenas sin notificaciones comenzó como parte de sus cambios a incluir publicidad a en forma de ventanas popup en las webs de los usuarios que usaban este servicio. Sin embargo esto a demorado algo en salir a relucir ya que al parecer estaban lanzando los popups de forma aleatoria, unas veces si, y otras no, y precisamente los propios webmasters eran los que menos veían esos anuncios?.¿Casualidad?

Esto solo tiene una explicación, desean limitar la cantidad de usuarios gratuitos y maximizar las ganancias con los que quedaran, pero lamentablemente han escogido una de las formas más censurables y rechazadas en la Internet Actual.

El servicio Nedstat fue uno de los primeros de su tipo, y hasta hace un tiempo se podía considerar como el más usado, aunque ha sido afectado por el surgimiento de una amplia competencia, y en especial del servicio de Google Analitics, aunque este ultimo ha tenido algunos "patinazos" en su salida a pesar de ser el que se supone mejor soportado en hardware y otros recursos.

viernes, diciembre 02, 2005

CSS y Adsense

¿ Se puede potenciar el rendimiento de Adsense con el uso de CSS ? Asi es. Además de las ventajas de separación del contenido útil del diseño de presentación, y otras que se desprenden del uso correcto de CSS, tambien podemos señalar una muy interesante.

Se trata ubicar la posición del código de AdSense en el lugar deseado en la página. Cuando se esta cargando la pagina, en el momento que se descarga el codigo AdSense, este realiza el pedido de los anuncios a Google, y esta operación siempre incluye cierta demora. El hecho de que la página se carge antes de los anuncios puede causar que los usuarios hayan empezado a leerla y usar el scroll por lo cual no vean o no fijen su vista en los bloques de AdSense.

Para mejorar el rendimiento basado en la rapidez de carga de los anuncios AdSense, lo mejor es ubicar el código de los bloques JavaScript de AdSense lo más arriba posible en el código HTML de la página, independientemente de en que lugar este ubicado visualmente.

Con CSS podemos dejar los JavaScript de los anuncios al principio del HTML y a la vez ubicarlos visualmente en el lugar que deseemos, ya sea usando el posicionamiento absoluto del bloque DIV que lo contenga por ejemplo, o realizando la construcción adecuada. Para esto ayuda mucho hacer la construcción del HTML con CSS sin el uso de tablas salvo cuando sea el elemento adecuado para el contenido a mostrar. Si hacemos bien el trabajo, sobre todo en el caso de conexiones mas lentas, los anuncios se mostrarán antes de acabar de cargar la página.

Lo anterior tambien es muy útil para sitios lentos, ya que aunque el sitio sea lento, los anuncios se cargan desde Google, y el servicio de Google es bien rápido, asi que de colocar el codigo AdSense bien arriba, sacamos ventaja de este aspecto ya que los anuncios estarán dentro de los primeros contenidos mostrados de la página.

Otra aplicación útil es en darle el orden a los bloques de anuncios AdSense que se desea. Los primeros anuncios de AdSense son los primeros en servir Google, y por tanto ahi van los anuncios más relevantes. Los restantes bloques de anuncios pueden quedar vacios incluso por no haber disponibilidad suficiente de estos. De ahí que es muy útil ubicar en el código HTML los anuncios en el orden de prioridad que tienen independiente del orden visual en que aparezcan y aquí es donde encontramos otra utilidad de CSS relacionada a AdSense.

Optemos por una construcción correcta del HTML y el buen uso de CSS y saldremos beneficiados.