2006-12-31

Pop-Under Dadamobile

Últimamente, gracias a la empresa dadamobile, me he hartado de los pop-under.

Se trata de ventanitas parecidas a los pop-up pero que se muestran por detrás de todas las ventanas. Esta empresa que vende sintonías para móviles, cambia de música cada cierto tiempo. Cuando me dí cuenta de esta campaña tan agresiva estaba sonando Paulina Rubio

Para hacer un pop-under os recomiendo un script bastante interesante. Recuerda mediante una cookie si el visitante es reincidente en cuyo caso no mostrará el pop-under. Desde luego, yo odio los pop-under tanto como los pop-ups.

Script para generar pop-under

2006-12-21

Mapas en la web

Resulta muy conveniente colocar en la sección de contacto o en la de localización un mapa que guie al futuro visitante hasta nuestro edificio.

Hay muchas formas de atajar el problema. na de las más sencillas utiliza las herramientas que podemos encontrar en otras webs.

Estoy hablando de los mapas callejeros.

los más utilizados en España serían Viamichelin y Páginas amarillas. Buscaríamos la calle en cuestión y después pondríamos el enlace adecuado en nuestra web.

Ejemplo:

Blasco Ibañez 56 Valencia

Blasco Ibañez 56 Valencia

Blasco Ibañez 56 Valencia

2006-12-12

Blogping, una tremenda herramienta para bloggers

Si actualizas con frecuencia tu o tus blogs, ya estarás utilizando herramientas tipo pingoat o pingomatic. Básicamnete se tratan de servicios web que hacen ping a un conjunto de páginas que tienen en lista.

Pues bien, acabo de encontrar un sencillo programita que realiza las mismas funciones. Pero en este caso, eres tu quien suministra la lista de direcciones de los sitios a los que quieres hacer el ping.

el programa se llama blogping y parece que está realizado en Python.

Os dejo un listado mundial:
blogsearch.google.com/ping/RPC2
api.feedster.com/ping
api.feedster.com/ping.php
api.moreover.com/ping
api.moreover.com/RPC2
api.my.yahoo.com/rss/ping
ping.blo.gs/
pinger.blogflux.com/rpc/
ping.feedburner.com
pingoat.com/goat/RPC2
ping.syndic8.com/xmlrpc.php
ping.weblogalot.com/rpc.php
rpc.blogbuzzmachine.com/RPC2
rpc.blogrolling.com/pinger/
rpc.icerocket.com:10080/
rpc.tailrank.com/feedburner/RPC2
rpc.technorati.com/rpc/ping
rpc.weblogs.com/RPC2
services.newsgator.com/ngws/xmlrpcping.aspx
topicexchange.com/RPC2
www.blogdigger.com/RPC2
www.newsisfree.com/RPC
xping.pubsub.com/ping/


Y uno en castellano:
bitacoras.net/actualizado/
ping.bitacoras.com
www.bitacoles.net/ping.php
www.blogsmexico.com/ping


Si conocéis sitios interesantes en castellano o en inglés a los cuales hacer ping...sólo tenéis que decirlo.

Blogs con información al respecto:

Galder.net
Ensight
Mangas verdes

Technorati Tags: ,,



Edito: No me va del todo bien...tendré que curiosear a ver que le pasa...muchos errores

2006-12-07

Usabilidad vs Posicionamiento orgánico

A estas alturas, si trabajáis con grandes proyectos ya os habrán obligado a trabajar bajo el concepto de usabilidad y accesibilidad. No puede dejar de ser un martirio a la hora de iniciarse. Pero sin duda, como cada cosa nueva que se aprende os abre un nuevo campo de actuación en el que mejoraréis el posicionamiento de vuestras webs. De posicionamiento orgánico habló por supuesto. Este tipo de posicionamiento es el natural de una web. El que sólo refleja el contenido de la misma y la forma de codificarlo. Nada de backlinks o posteo incesante en blogs. Bastaría con que tu página esté dada de alta y codificada con todos los turquitos alefecto para estar en las primeras posiciones de los buscadores.

Últimamente Google da demasiada importancia a la antigüedad de la página y a los enlaces de los que disfruta. De esta forma tarda bastante en posicionar contenido web de una página nueva. Todo lo contrario ocurre en sus competidores. Tanto yahoo como live, sobretodo yahoo actualizan muy frecuentemente sus bases de datos.

Es muy fácil buscar algo en el Google y encontrar páginas sin apenas contenido en los primeros puestos. De todas formas el posicionamiento orgánico siempre ayuda.

Recursos de usabilidad

Diferenciar ie7, ie6 y Firefox

Sin duda estos son los navegadores más usados en este momento.

La forma correcta de diferenciar entre estos navegadores consiste en utilizar difentes hojas de estilo para cada uno de ellos.

Se crea una hoja de estilos general que sirve de base, por ejemplo home.css. Y después creamos home_ie7.css y home_ie6.css con cada una de las particularidades de estos navegadores.

En el código html deberemos incluir entre las etiquetas del head lo siguiente:

<!--[if lte IE 6]>
<link rel="stylesheet" type="text/css" href="home_ie6.css">
<![endif]-->
<!--[if IE 7]>
<link rel="stylesheet" type="text/css" href="home_ie7.css">
<![endif]-->


De esta forma, Firefox y todos los demás navegadores excepto Internet Explorer leerían la hoja de estilos general. Mientras que El IE se comportaría con las hojas de estilo que hemos creado aposta para él.

Más info:

targetting ie7

Css Hacks

Comentarios condicionales de IE

2006-12-01

Aviso legal

Con la llegada de las nuevas leyes españolas la vida del pobre programador de webs se está haciendo más difícil. La confección del dichoso aviso legal en función del tipo de comercio de la web y del tipo de empresa nos puede dar más de un quebradero de cabeza.

Javier Prenafeta nos explica en su blog las partes del aviso legal que debe constar en la web.

Cómo bien dice en su blog, lo normal es copiar, pegar y después modificar a nuestro agrado y gusto.

Si buscamos aviso-legal.html nos aparece los avisos legales generados a partir de un mismo patrón:
es-abraher-sl-aviso-legal.html
es-conservas-la-piedad--s-a--aviso-legal.html
es-obeto-banpro-sl-aviso-legal.html
es-manufacturas-de-canastillas--s-l--aviso-legal.html
es-ispania-restauraciones--sl-aviso-legal.html
es-irudi-biziak-aviso-legal.html
es-deltaclon-s-l-aviso-legal.html

....

Estos querían posicionar su aviso legal y de paso decir al mundo que son los únicos que ponen dos guioncitos seguidos en los nombres de los archivos...

¿Problemas con el ie7 y con el ie6 en el mismo equipo?

Ya ha salido a la "calle" el nuevo Internet Explorer vía actualización de seguridad de Windows Xp y todos nuestros cleintes están empezando a visualizar sus webs con el nuevo navegador... alguno se va a llevar algún susto... espero que no.

De todas formas muchos de nuestros clientes tardarán bastante en actualizar sus equipos. Por eso, deberemos probar nuestros trabajos en ámbas versiones ie6 e ie7. Obviamente en un proyecto que así lo exija también deberemos probarlo en otros navegadores ( digánmelo a mi que navego en Firefox ).

Existe una esxtupenda aplicación con la que puedes instalar varias versiones delnavegador de Microsoft. Concretamente desde la versión 3.0 hasta la actual. Dudo mucho que alguien se instale la versión 3.0. Pero como ejemplo os diré que no vale la pena instalarse nada por debajo de la 5.5. Salvo que el proyecto lo exija por supuesto.

Install multiple versions of IE on your PC

Supongo que al ser versiones, digamos experimentales, no funcionarán todas las características originales. Receurdo que en un programita similar que utilizaba para ver el ie5.0 y el ie5.5 no funcionaba la herramienta vista preliminar. Con lo cual tenía que hacer pruebas de impresión sin cesar.

En fín una herramienta a la que seré bastante asiduo en los próximos meses.