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

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

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: ping,pings, blogping

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

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

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.

Espaciadores con css

Los diseñadores y maquetadores acostumbrados a maquetar con tablas acostumbraban a usar un gif vacio y transparente el cual estiraban y agrandaban hasta conformar la vista deseada, aunque el código resultante fuera de lo más enrevesado.

Con el paso del tiempo, han tenido que amoldarse a trabajar con las hojas de estilo, pero siguen pensando en función de las tablas.

Para espaciar se debería utilizar la propiedad margin del elemento en cuestión.

Un recurrido tip si no queremos tocar ese elemento cosnsite en aplicar estilo al tag de ruptura:

<br style="font-size:2px;"/>

De esta sencilla forma tendríamos un espaciador horizontal que podemos utilizar cuando no queramos tocar los elementos que lo envuelven.

Posicionamiento web

El posicionamiento web es una de las claves de todo proyecto web y muchas veces depende de él su éxito o su fracaso. Últimamente el tema está muy en boga en todo el mundo del desarrollo web y casualmente casi no hay bibliografía al respecto.

Con esto obtenemos un caldo de cultivo perfecto para aquellos visionarios que llegan los primeros al mundo Seo.

Resulta muy frecuente encontrar por la web gente que dice ganar mucho dinero gracias a Adsense y que te vende un libro para que tu mismo consigas tus objetivos...

En realidad, si se puede ganar dinero. Pero todo lleva parejo su conocimiento. Resulta muy útil saber maquetar una web con arreglo al xhtml y a las reglas de usabilidad, manejar el php u otro lenguaje con funciones como el mod_rewrite y leer , leer mucho en los foros...

Con todo eso.. si sabemos maquetar, podemos ser un experto seo en muy poco tiempo. Hay que realizar ciertas pruebas de ingeniería inversa de vez en cuando y probar muchas cosas en páginas dedicadas a eso.

Pero también puedes hacer un curso sobre el tema. Casi no hay, por qué quien va a compartir sus secretos de como hacerse millonario. Yo por mi parte, prefiero ir probando cosas por mi cuenta. Pero cursos como este me parecen indicados sólo para los no iniciados:

Optimización Web y Posicionamiento en Buscadores
www.eMarketSeo.com (España)
Tipo:CursoMétodo / Lugar:Presencial /
Valencia Duración:4 horas
Precio / Facilidades:150€
Prerrequisitos:Manejo habitual de Internet.
Para qué te prepara:En este curso aprenderemos a sacar todo el provecho a los buscadores de Internet para maximizar las visitas de nuestra página web y cómo consecuencia nuestros ingresos. Search Engine Optimization es cualquier técnica o persona utilizada para mejorar la posición de una determinada página web en los resultados de las búsquedas en los buscadores de Internet con el fin de atraer más visitas.Dirigido a:Webmasters Directivos y Gerentes Responables de Marketing Online Responsables de Ventas por Internet

Curso seo

libro posicionamiento web

Saltar filtro antispam

Como escribí problemas con spamassasin a veces resulta muy complicado que los boletínes de correo que enviamos a nuestros clientes lleguen sin complicaciones a su buzón de correo.

Cuando enviamos un boletín solemos realizar un bucle con acceso a cada uno de los correos de nuestra base de datos. Esto es básicamente lo mismo que hacen los spammers. por lo que nuestros boletines son detectados como tales.

Hotmail implementó ya hace tiempo un sistema denominado Caller ID. Este sistema detecta la técnica del spoofing. Esto se da cuando se muestra un dominio que no es el actual. Todos alguna vez hemos enviado a algún amigo un correo con la siguiente dirección: bush@whitehouse.gov o esta otra aznar@moncloa.es. Son muestras claras del spoofing.

Cuando Hotmail detecta esta técnica manda nuestro boletín a la carpeta de correo no deseado.

Cómo solución sencilla a este evento describí hace poco una técnica para enviar boletines rápidamente con autenticación stmp.

De todas formas un cliente no contento con la empresa que envía el boletín nos puede calificar como spam. Sobretodo si los boletines son numerosos.

Otro sistema que tendremos que evitar es el de las GreyListing. Básicamente funciona así: el servidor emite un mensaje de error cuando llega un correo de un usuario desconocido. Si se trata de un mensaje manual, nuestro servidor de correo enviará otra vez el correo. Si no lo es, ese mensaje no llegará nunca, ya que los spammers suelen practicar el spoofing.

Para acabar os dejo con un blog jocoso del spam que nos llega a todos.

Diseño web en Valencia

De vez en cuando todos miramos a la competencia. Para ver que hacen , como lo hacen..

Estoy mirando como están las cosas en Valencia:

Observer

::Bonitas creaciones con webs importantes como la del grupo Llanera

Linkz

::Estuve a punto de trabajar con ellos. La oficina es muy rara una especie de dos pisos con escalera...Por lo que veo en sus portafolios hacen cosas bastantes decentes, creo que también colaboraban en una especie de linex valenciano...

Masmedios

:: Empresa de diseños elegantes

Kiu

:: Una agencia con gran interés en la usabilidad

Aitana

:: Empresa que lo hace casi todo en flash con formatos similares

Tierravirtual

:: Empresa con bonitos diseños en Flash

Artvisual

:: Una empresa a la que le falta un puntito

Inklude

:: Bonitos diseños

Engloba

:: Agencia de diseños muy interesantes, me gustaba más su anterior web.

Pampua

:: Muy cutres

Hooping

:: Muy espectaculares y con un diseño algo antiguo y made in USA, parecen tener una amplia red comercial

Eh! Comunicación

:: No enseñan sus trabajos pero se han currado todo un listado de dominios españoles. Una buena idea SEO.

Canalzeta

:: Cutrísimos. Alguien les debería decir que hay cosas que no se pueden poner en el portfolio...son de Carcaixent

katana

:: Con el nombre de la empresa uno podría pensar que les gustan las katanas. Pero leyendo su web descubro que están lanzando un nuevo portal con el "bonito" nombre de armas de www.armas.es... Me imagino su lugar de trabajo ( igual me paso y les hago una foto) con fusiles por las paredes, toda la peña con cinturones de balas... Menudo mal rollo sería trabajar con ellos.. parecen unos indeseables...

Estudioneto

:: Webs en Flash muy bonitas, pero con múltiples fallos... algunas no tienen cargadores, fallos en las posiciones de películas cargadas dependiendo de la resolución, no tienen puesto el error del embed en el ie... les falta alguien que entienda de programación

Quafys

::Web muy cutre, dudo que sea una empresa. Más bien parece otra cosa...

infomeik

:: Se venden como empresa que hace webs,cd y claro ... posicionan.
Si miras su portfolio verás un sinfín de atrocidades. Casi todas las webs están hechas con plantillas y utilizan para posicionarlas ( no he mirado si lo consiguen ) técnicas de cloaking. Muy deprimentes, pero con un buen comercial supongo.

infoactiu.com

:: Venden lo típico: diseño web, posicionamiento, aplicaciones... y ves el código fuente de su web y resulta que la han hecho con el Frontpage....¡dios!!! menudas perlas son estas. Seguro que si les mando el currículum no entenderán ni la mitad de las cosas que pongo... el Frontpage... ¡que nivel!

..::..seguiré añadiendo webs... me está gustando mucho la sección de empresas cutres..::..

Patterns para fondos

He encontrado este buen repositorio de patterns, algunas bastante bonitas y totalmente libres para usar. Sin duda un buen sitio para tener ideas a la hora de diseñar un proyecto web.

Podéis echar un vistazo a las características del creador de la página Travis Beckham, director de arte de una empresa de desarrollo web:

Nerd Skills

Extensive knowledge of ActionScript 2.0 using OOP principles and design patterns. A high level of craftsmanship with XHTML, CSS, JavaScript in which separating content, layout and functionality is the foremost goal. Years of experience with PHP and MySQL developing database driven websites. Use of Bash and JSFL to streamline my workflow. Mastery of Photoshop, Illustrator, and Flash.

Parece que entiende bastante... ( sin malas interpretaciones eh)

Free patterns

Dinahosting: Servicio de caidas

Desde el viernes pasado, varios hostings que tengo albergados en la empresa gallega Dinahosting han tenido varios problemas.

El viernes cuando ya se veía algo de lo que había en el hosting, eso si, con una considerable lentitud, tuve un error en la base de datos en el que se me decía algo así como too many conections. Lo primero que se me ocurrió es que estaban siendo sometidos a un ataque DoS( denegación de servicio ) y les envié un correo a ver que me contestaban.

El sábado cuando me levanté ví que tenía dos correos de Dinahosting. En el primero se me indicaba que habían sufrido un ataque y que a lo largo del viernes todo iría a la normalidad. Y en el otro con fecha anterior se me decía que habían tenido una incidencia y que la estaban solucionando.

No sé si tendrá que ver, pero hace unos días Dinahosting sacó un spot publicitario donde vendía sus productos intentando parecer más humanos que otras compañías.

Es posible que al ser más conocidos a la gente les dé por realizar más ataques a sus ervidores... Ni idea. El caso es que estuvimos un buen rato sin hosting y eso quema bastante.

Estamos pensando en cambiar de hosting claro... es lo primero que se piensa. Es un pensamiento similar a destituir al técnico de un equipo de fútbol cuando el equipo no satisface las expectativas creadas...

Error 404 amigable

Cuando una página no se encuentra sale el tan visto error 404. Supongo que habréis visto alguna vez páginas de error que han sido diseñadas al efecto.

Para utilizar esto, si tenéis un servidor Apache basta con modificar el archivo .htacces que se se encuentra alojado en lo más alto de a raíz de directorios de vuestro servidor.

Colocando la siguiente línea os debería funcionar:


ErrorDocument 404 http://www.tudominio.com/tucarpeta/error.html

Dónde tenéis que haber diseñado la página error.html que más se adapte a vuestras necesidades.

Montarte un server - dns con zoneedit

Cuando estás estudiando montarte un servidor suele ser uno de tus objetivos. Una vez lo cumples lo normal es dejarlo estar, pero a veces viene bien incluso puede ser lucrativo montarte tu propio servidor en casa o en tu empresa.

Los beneficios pueden ser varios, como olvidarte de tener que alojar tus webs en hostings de dudosa calidad, de pagar esos euros de más que sin duda te van a hacer más competitivo...

Como desventajas: pues casi las mismas, tienes que dedicarle tiempo que seguramente tendrás que quitar de tu tiempo libre o del trabajo necesario con los clientes, si recibes un ataque Dos se te puede caer el mundo encima y como haya un corte del servicio eléctrico ni hablamos.

Obviamente, montar un servidor, mantenerlo operativo y eficiente lleva su tiempo, pero al final todo puede repercutir en beneficios.

Una herramienta interesante nos la ofrece esta empresa Zoneedit que nos ofrece ciertas garantías a la hora de dejar de tener conversaciones improductivas con los técnicos de tu compañía de hosting.

Entre los servicios que nos ofrecen contamos con que asociando nuestro dominio con ellos nos ofrecen D.N.S., así como reenvío de correo a las cuentas especificadas entre otros.

Conozco a varias compañías que utilizan estos servicios y no es va nada mal.

Con esto el mundo ya os vería lo que pusierais en el servidor, "sólo" quedaría configurarlo bien.

Xpertmailer - Correos verdaderos con php

Hace un tiempo me ví obligado a mandar boletines de correo, como ya os he explicado en anteriores "post". Una de las cosas a las que me tuve que enfrentar era a evitar los filtros anti-spam. SI tenéis alguna cuenta con hotmail y estáis suscritos a algún por tal muchas veces os habrán dicho ( los de microsoft) que el remitente no está autentificado o que le falta el "id" de identificación. Este problema suele pasar si mandas los correos simplenmente con php o asp con las funciones habilitadas al efecto. Encontré muy poca literatura al respecto, por lo que me pusé a a mirar e indagar en la web a ver si se me ocurría algo. Enseguida ví que parecía bastante lógico evitar este problema si te conectabas al servidor por smtp e ibas enviando correos como si hubiera una mano humana detrás.

Después de esta idea me puse a buscar como implementarlo y encontré la clase xpertmailer escrita en php que respondía a todas mis dudas y además parecía muy fácil de configurar.

Como ellos mismos dicen:

XPertMailer is a SMTP & POP3 PHP Mail Client that you can use to send and read e-mails in MIME format (text, HTML, HTML embedded images, attachments) towards a localhost, client or relay SMTP servers with optional autentication and TLS/SSL support. Cc and Bcc functionality are included.

Muy recomendable si os gusta enviar boletines a troche y moche.

Keyword Selector Tool

Una herramienta de Overture... dándole una palabra nos indica las búsquedas realizadas en su buscador en el último mes y búsquedas que contengan esa palabra... bastante interesante para investigar keywords.

http://inventory.overture.com/d/searchinventory/suggestion/

Herramientas sobre los dominios

Estas dos herramientas ofrecen características muy interesantes.

En Domain tools la que más suelo utilizar es una que denominan Reverse Ip. Esta herramienta dado un dominio, te enumera la lista de dominios que se albergan en el mismo servidor. Es muy útil cuando necesitas investigar con que compañía tiene contratado el hosting una determinada empresa.


En domjax dispone de herramientas que ya están en otros lugares, como validacion html y AAA y las combina con la "rápida" contratación del dominio elegido.

Cambiar el formato de fecha

Para nosotros que tenemos el formato distinto a los anglosajones a veces podemos tener verdaderos problemas a la hora de trabajar con bases de datos en inglés y datos en castellano.

Volviendo a mi post anterior, dentro de los registros que tenía que insertar en la base de datos se encontraba un campo fecha y había que pasarlo al formato de fecha que acepta MYSQL.

Para realizar esta tarea, he pensado en hacerlo con las tan recurrentes expresiones regulares.

El formato original sería así:

dd/mm/aaaa

y el formato que queremos obtener:

aaaa-mm-dd

Lo que he hecho es encontrar una regla que me cuadre con el formato:

(\d\d)/(\d\d)/(\d\d\d\d)

Cuando utilizas expresiones regulares, puedes utilizar los paréntesis. Lo que hay dentro puede ser reutilizable. De esta forma colocando entre paréntesis los distintos campos de la fecha, puedo luego cambiarlos de posición.
La barra seguida de la d, \d simplemente indica la presencia de un número entre 0 y 9.

Ahora lo que quiero es sustituir cada vez que encuentra una fecha por el otro formato:

$3-$2-$1

Al colocar el símbolo del dolar seguido del número de bloque indicamos donde queremos que ponga cada campo de la fecha. Los guiones simplemente indican el separador.

Está comprobado su correcto funcionamiento en el Pspad, pero por alguna razón que desconozco no funciona en el editplus.

Como siempre, las expresiones regulares nos sacan de grandes apuros.

Importar muchos registros desde mysql - Heidisql

Recientemente he tenido que trabajar en una base de datos con cerca de 1 millón de registros.Normalmente realizaba la inserción de registros con palabra clave Sql INSERT. Pero esto, a priori, parecía demasiado engorroso para trabajar con tantos registros.

En la base de datos contaba con Phpmyadmin, pero al ir a importar me decía que el tamaño máximo del archuivo csv a importar era de unos 9 kb... obviamente insuficiente.

No me quedaba más remedio que a cceder a la base de datos, repasar mis antiguos conocimientos y estar un buen rato leyendo documentación.

Las órdenes mysql serían similares a las siguientes:

mysqlimport --fields-terminated-by=,
--fields-optionally-enclosed-by=\"
--lines-terminated-by=\n
--host=
--user=
--password=
datos csv.csv
datos.csv: Records:

Pero encontré un front-end para mysql muy sencillo de manejar que me evita pelearme con la consola.

Se trata de HeidiSql
. Una excelente herramienta de trabajo. Productiva casi desde el primer momento y muy rápida en subir los miles de registros ( igual que la consola).

Se ha convertido en una herramienta más de las que tener un enlace en el escritorio sin que cuelgue el sistema.