Uno de los primeros errores en los que se cae cuando quieres dar a conocer tu sitio es lo anterior: ponerlo en todos lados y crear cuentas falsas para darlo a conocer. Es una práctica muy nefasta llamada “astroturfing” (por el pasto artificial que ponen en algunos estadios).

Puede funcionar durante algún tiempo, pero casi siempre el engaño acaba por ser descubierto y quien lo hace pierde muchísimos puntos de confianza y credibilidad en su público.

Entonces ¿qué podemos hacer que funcione y que nos gane la confianza de nuestros clientes?

Hay varias cosas que se pueden hacer de una forma ética y responsable. He aquí una serie de pasos:

1. Identifica a quien sí le interesa. Todo producto o servicio, por muy superfabuloso que sea, no le interesa a todo mundo. Hay un montón de gente a la que no le importa. Así que lo primero que hay que hacer es identificar a quien sí le interesa, crear un perfil de tu cliente ideal y así sabrás a que tipo de audiencia dirigirte.

2. Busca donde se está reuniendo esa gente. Una vez que puedes definir el grupo de gente al que te quieres dirigir puedes empezar a buscar foros, sitios y otros tipos de comunidad que han sido formadas por este tipo de personas o donde ellas se reúnen.

3. Únete a las comunidades establecidas. No tengas miedo en comenzar a participar, pero ten cuidado, antes de poder ofrecer tu servicio debes convertirte en un miembro de la comunidad. Escucha primero y participa contestando preguntas, opinando en conversaciones o contestando en twitter, pero hazlo como persona, ofreciendo algo útil y de valor. Tus primeras participaciones no son el lugar para promocionarte. Sin embargo sí usa tu perfil para contar sobre tu empresa, producto o servicio. Una mención discreta en la firma (en el caso de los foros) también es aceptable.

4. No promociones, ayuda. Una vez que eres conocido entre la comunidad y tienes cierta credibilidad y confianza, no tengas miedo de contactar directamente a los usuarios que veas que puedes ayudar con tu producto. No trates de vender sino de ayudar: “Vi que tienes este problema, te puedo sugerir tal y tal” En vez de “¡Cómprame! ¡Esto está chidísimo!”

5. Ante todo se trata de personas. No veas a los miembros de tus comunidades como clientes, consumidores o mercado meta. Son personas antes que nada, trátalos como tales y tendrás muy buenas relaciones en todos sentidos.

Por ejemplo, esta ley dice que únicamente debes recoger los datos que sean estrictamente necesarios para lo que vas a hacer. Más de una vez me ha tocado que para tener acceso a algunos sitios me piden número de teléfono y hasta dirección física cuando no hay razón por la que deban pedirla.

Otra cosa a la que hay que estar muy atentos es que tu sitio debe tener una política de privacidad en donde especifiques a la gente que información estás recabando, que vas a hacer con ella y darle a la gente la oportunidad de corregir o eliminar la información que tengas sobre ellos.

Muchas de estas cosas son de sentido común y nunca está de más el tener una política de privacidad aunque no sea cuestión de ley. En esta ley no estamos contemplado los bloggers comunes y corrientes que no tengan intereses comerciales y reúnan la información con fines simplemente comerciales. Como este sitio, donde la única información que se te pide es para los comentarios, que además son de Disqus, así que si tienes un problema, es con ellos. A mí no me vengas

Pero si reúnes más información personal o tienes algún fin comercial, entonces sí debes elaborar una política de privacidad. De cualquier modo es conveniente que tengas en mente como manejas la información que otras personas puedan dejar en tu sitio.

En donde trabajo los webinars se han convertido en una actividad prácticamente indispensable para cualquier programa. Nuestras actividades giran en torno a presentar los resultados de algunos estudios, compartir experiencias y casos de éxito, enseñar y fomentar la discusión en torno a ciertos temas. Pero los principios se pueden aplicar a cualquier área.

Los webinars de Cities of Migration han resultado ser muy populares y bastante apreciados entre la gente que es nuestro objetivo.

Para empezar debes considerar sobre que va a tratar tu webinar, a quien va a ir dirigido y que tanto los vas a involucrar. Hay webinars que son nada más presenciales mientras que otros son totalmente interactivos, permitiendo a todos los asistentes participar con audio y video de todos hacia todos.

Nosotros por lo general elegimos un punto medio, con una presentación al inicio seguida por un periodo de preguntas y respuestas mediante chat y a veces con voz. Dependiendo del caso podemos elegir entre tener el chat abierto para que los participantes interactúen durante toda la sesión o abrirlo nada más para preguntas y respuestas en la segunda mitad de la sesión.

Rara vez abrimos la capacidad de voz para todo mundo porque no falta quien tenga el volumen demasiado alto, esté en un lugar con demasiado ruido o se le ocurra ir al baño con el micrófono a mitad de la sesión. Todo esto ha pasado, así que preferimos mantener las cosas en texto solamente.

La segunda cosa a considerar es quienes serán los presentadores. Contamos por lo menos con dos personas: un moderador y el presentador principal. A veces hay más de un presentador y puedes decidir si haces la sesión en forma de panel o mesa redonda. Pero el moderador es básicamente indispensable. No solo se encarga de presentar a los participantes, sino de mantenerlos en tiempo y dentro del tema a tratar. Puede hacer preguntas y mantener la presentación viva.

Casi siempre contamos además con uno o dos asistentes que se encargan de monitorear las conversaciones en el chat, elegir preguntas al presentador, resolver algunas dudas técnicas, asegurarse que las cosas estén marchando bien y de vez cuando sacar a algún revoltoso.

Como en toda presentación lo más importante es la preparación. Desde semanas antes del webinar nos hemos puesto en contacto con los presentadores, platicando con ellos sobre el tema que queremos tratar, la composición de la audiencia y los objetivos que queremos lograr. De esa manera ellos pueden ajustar la presentación. Aproximadamente una semana antes (idealmente, en la realidad no siempre pasa así) nos mandan las diapositivas y otro material de apoyo que necesiten y las integramos a la plataforma que vamos a usar. De esa manera todo estará listo el día del webinar.

Y esto nos lleva a la plataforma. Nosotros usamos Adobe Connect, que es relativamente fácil de utilizar, crear nuevas sesiones, incluso en “salones virtuales” separados, compartir video, presentaciones, documentos, la pantalla de la computadora, etc. Pero no es el único. Entre sus competidores principales están GoToMeeting y Webex. Las capacidades principales son muy parecidas aunque la interfaz puede variar un poco. Algunas se adaptan mejor al teléfono que otras, es decir, dependiendo del plan que contrates los participantes pueden usar una línea telefónica para escuchar el seminario o hacerlo a través del audio de su computadora.

Tu equipo no necesariamente tiene que ser tan elaborado como éste.

Vas a necesitar de cierto equipo para realizar tu webinar. Por lo menos una PC donde el “maestro de ceremonias” controlará la presentación y activará o desactivará a los presentadores, pero casi siempre es mejor que los asistentes tengan su propia PC para hacer estas tareas. Si todo mundo está en el mismo lugar debes pensar también como vas a llevar el audio a la computadora. Los micrófonos internos no son eficientes para esta tarea. Necesitas conseguir micrófonos externos y una mezcladora con la que puedas controlar los niveles de volumen de cada uno y meterlos a la computadora.

Si los presentadores están en lugares remotos usando teléfonos para participar, las cosas pueden ser un poco más complicadas. Dependiendo de la plataforma elegida puede ser que los participantes estén obligados a marcar también al teléfono para poder escuchar el audio o que necesites un adaptador especial para meter el audio del teléfono a la PC.

Aquí va a ser el uso, la frecuencia y el tipo de webinars que hagas lo que va a determinar el equipo que necesitas, pero no está por demás invertir en una buena mezcladora de audio y un par de micrófonos de buena calidad.

Sea cual sea la plataforma que elijas y el equipo que compres lo más importante es que te familiarices con su uso y hagas algunas pruebas antes del día del webinar.

Y si tienes cualquier pregunta no dudes en hacerla.

Pero, para el servidor que recibe y procesa nuestro correo está en mail.dominio.com y es una computadora muy aparte, ni siquiera está en el mismo país que nuestro servidor web. Nuestro DNS está bien configurado y cada que alguien manda un mensaje a @dominio.com nos llega perfectamente.

Sin embargo, si queremos mandarnos correo desde un script php en nuestro servidor web, éste se va al vacío porque nuestro sendmail considera a @dominio.com como parte de nuestro mismo servidor y trata de entregar el correo localmente. Como el usuario no existe, pues falla y el correo nunca llega a donde tiene que ir (y aunque existiera, no lo va a ir a ver).

Para arreglar este problema hay que darle a entender a nuestro sendmail que realmente @dominio.com no le pertenece. No es culpa del pobre sendmail, nada más hace lo que le dicen y puede ser que le estemos dando mala información en uno o más de estos tres lados:

1. El archivo /etc/mail/local-host-names
2. El archivo /etc/hosts
3. Que uno de los nombres o alias de la máquina local sea dominio.com

Los primeros dos son cuestión de abrir esos archivos de texto y editarlos para quitar las referencias al nombre de nuestro dominio. El tercero se arregla cambiando el nombre de nuestra máquina con el comando hostname. Así:

hostname www.dominio.com

Reinicia sendmail y comprueba que no está considerando tu dominio como local haciendo:

echo '$=w' | sendmail -bt

Si dominio.com no aparece en la lista, ¡lo has logrado! Aunque no está de más hacer un script de prueba por si las dudas.

Como me tardé mucho un rato escribiendo y creo que no lo hice tan mal decidí también poner la respuesta en este post.

La pregunta dice:

¿como puedo hacer que mi pc consuma mas memoria ram?
mi pc tiene windows 7 64 bits con 4 gb de ram y la verdad que con muchos programas abiertos solo consume 2 gb de ram y kiero saber como le hago para que consuma mas y este mas rapida

Mi respuesta original fue:

Windows 7 tiene muy buen manejo de memoria. Cuando estés usando un programa muy pesado usará el resto de la memoria, mientras tanto usa todo lo que es capaz de usar y no se hará más rápida usando más.

Luego de leer las otras respuestas la amplié:

Ok, por los comentarios veo que mucha gente no sabe bien como se usa la memoria RAM en un sistema operativo moderno. La RAM es como un almacén de instrucciones y datos de donde pueden pasar muy rápidamente al CPU. Aparte de la RAM existe el disco duro que es otro almacén mucho más grande pero también mucho más lento.

Imagínate que tienes una tienda, y tienes artículos en el mostrador pero como es pequeño el resto de tu mercancía la tienes en la bodega de atrás. Cuando un cliente llega y te pide algo, 1 kg de azúcar, por ejemplo, si la tienes en el mostrador se la puedes dar inmediatamente. Pero si te pide azícar, habas y frijoles, a lo mejor tienes que darte una vuelta a la bodega para encontrar algo. O si te pide 10kg de azúcar.

La RAM es como ese mostrador, mientras más grande sea más cosas puedes tener ahí y menos viajes tienes que hacer a la bodega. Por supuesto, aún así no puedes tener todo así que lo que haces es tener en el mostrador las cosas que más te piden. Eso es lo que hace Windows, usa ese mostrador de la manera más eficiente posible de acuerdo al tamaño y a lo que le piden más constantemente.

Si tienes 1GB de memoria a lo mejor ese mostrador se llena muy rápido y no puedes tener todo lo que te piden más seguido, para varias cosas todavía tienes que ir a la bodega. Aún así, Windows 7 es buen administrador y trata de minimizarlos lo más posible.

Con 2GB puedes tener muchas más cosas. El mostrador se ve lleno, o casi lleno, pero los viajes a la bodega son mucho menos, por lo que puedes atender más rápido. O sea, lleno pero todo bien pensado.

Con 4GB prácticamente tienes todo lo que te piden constantmente en el mostrador y muy rara vez tienes que ir a la bodega, casi nada más cuando se trata de un pedido especial. Cierto, el mostrador se ve casi vacío pero si le pusieras más cosas prácticamente no te estarías ahorrando ningún viaje a la bodega. Igualmente, si le quitaras cosas para que se viera más “limpio”, lo harías a costa de tener que ir más veces a la bodega.

Eso es lo que hace un sistema operativo moderno como Vista, 7, OS X y los Linuxes y demás con la memoria. Saben muy bien como manejar mejor este espacio y no porque se vea que está usando más o menos quiere decir necesariamente que está siendo más o menos rápida. Windows 7 en particular tiene la filosofía de “memoria desocupada es memoria desperdiciada” así que trata de usar lo más posible todo el tiempo.

Esta es una explicación simplificada y sencilla (después de todo es para Yahoo! Respuestas) de como se usa la memoria. Notarás que no menciono la memoria virtual, la verdad porque yo tampoco tengo muy buena idea de como funciona en los nuevos sistemas operativos. Lo que sé es que su uso es mucho más complejo de como era en Windows XP y tiene que ver con el espacio que puede reservar un proceso contra lo que está usando, el límite de lo que se puede reservar, etc. Si quieres ahondar un poco más en el tema puedes leer este artículo de Mark Russinovich sobre memoria virtual (en inglés).

Ya sé, es un iPod el de la foto, no un iPhone, pero hay una triste historia detrás de esto

Desde hace tiempo el iPhone ha tenido conectividad bluetooth desaprovechada porque Apple sólo lo deja conectarse con audífonos y el aparatito de Nike para medir las distancias cuando corres.

Una de las cosas, tal vez la principal, que estaba esperando con el iOS4 era la posibilidad de conectar un teclado inalámbrico al iPhone. Así que fue casi lo primero que le comencé a juguetear después de instalarlo en el 3GS.

La manera de conectarlos es muy fácil: desconecta el teclado de la Mac (apágala o llévatelo a otro cuarto donde no le haga mosca), pon el teclado en modo “descubrible” (a lo mejor le tendrás que quitar las pilas unos segundos y volverlo a encender) y activa el bluetooth en el teléfono. En unos pocos segundos se verán entre sí y el teléfono te pedirá que presiones algunos números para verficiar la conexión. A partir de ahora puedes usar el teclado con tu iPhone.

¿Qué tal es?

Sorprendentemente muchas funciones del teclado funcionan también en el iPhone: volumen, brillo, y controles de música. Incluso reconoció la configuración en español y puedo escribir como persona educada sin tener que hacer malabares.

Aún no he probado todas las combinaciones de teclas, pero el iPhone sigue siendo un dispositivo para usarse al tacto, así que muchas cosas que estás acostumbrado a usar en el escritorio, como usar las flechas para desplazar un documento no funcionarán. Afortunadamente, una de las cosas que sí funciona es la selección de texto usando el teclado.

iOS4 es el mismo sistema que usará el iPad, el cual está pensado un poco más para usar el teclado, así que posiblemente en el futuro sea posible usar más combinaciones para usarlo mejor.

Otra de las desventajas es que al tener que usar el Bluetooth constantemente verás como el indicador de la batería va bajando rápidamente, como si fuera el tanque de gasolina de un Javelin 8 cilindros de 1970.

¿Para qué te serviría?

Entre otras cosas editar documentos largos, comentar en sitios de internet, mandar mensajes por sms o twitter, cabulear en facebook y otras actividades parecidas es mucho más fácil y rápido que con el teclado táctil. Si además eres de los que se compró el iPhone para usarlo “de trabajo” y tienes Documents To Go ahora sí no vas a tener excusa.

Conclusión
Tal vez no sea un reemplazo total para la netbook o la laptop, pero con un teclado el iPhone se acerca mucho más a convertirse en uno.

Si puedes vivir con la merma en la duración de la batería y no te molesta que la gente se te quede viendo en el bar, la adición del teclado es algo que deberías hacer lo antes posible.

Como creador de contenido la pregunta importante es “¿cómo le hago para que la gente marque mis cosas?” Facebook nos da una herramienta para crear un botón que podemos añadir en nuestra página de manera muy sencilla. Pero este botón sirve para contenido estátido, que tiene una dirección fija.

En sitios dinámicos en los que ya tenemos mucho contenido generado y cada día hacemos más, como blogs de WordPress, implementar este botón de uno por uno se hace muy difícil.

Afortunadamente la gente de GeekoSystem se las arreglaron para adaptar el código del botón de “me gusta” y meterlo en cualquier tema. El post original detalla como hacerlo, pero a final de cuentas se trata de tomar el código que nos da Facebook para hacer el botón y modificarlo así:

<iframe src="http://www.facebook.com/plugins/like.php?href=<?php echo rawurlencode(get_permalink()); ?>&layout=standard&show-faces=true&width=450&action=like&font=arial&colorscheme=light" scrolling="no" frameborder="0" allowTransparency="true" style="border:none; overflow:hidden; width:450px; height:px"></iframe>

Lo metemos en nuestro tema y ya tenemos el botón de “me gusta” funcionando para todos nuestros posts.

De hecho, cambiamos lo que está en negritas a:

<?php echo rawurlencode('http://' . $_SERVER['HTTP_HOST'] . $_SERVER['REQUEST_URI']); ?>

podemos hacer funcionar el botón en cualquier sitio.

Todos conocemos diseñadores quesque de internets que hacen sus diseños mafufos en Photoshop, se los enseñan a sus clientes y les dicen “así va a quedar, igualito, se va a ver de pelos” y luego te lo pasan para que lo transformes en un sitio funcional, accesible, utilizable y escalable.

Obviamente, lo primero que notas es que el güey no nombró sus capas lógicamente, así que no sabes que chingaos es cada cosa, lo segundo es que para “ahorrarte trabajo” le dijo al Photoshop que hiciera los cortes como se le diera la gana y ahora todo está dividido en secciones que no tienen sentido para el contenido que van a llevar.

Y esa es la tercera:
-Oye, diseñador ¿qué contenido va a llevar esto?
-¡Ay, desarrollador ¿no ves lo qué está ahí?
-Nomás veo que dice “Lorem Ipsum” no sé que madres.
-Pues eso, significa que ahí va a ir texto, nomás que ahorita no lo tenemos.
-Sí, eso ya sé, que es texto, pero ¿quién lo va a escribir? ¿se va a actualizar regularmente? ¿por quién? ¿cuál es el propósito de ese texto? ¿es contenido principal con longitud variable? ¿microcopia con longitud más o menos conocida? ¿va a llevar imágenes un día de estos?
-¡Ay, qué latoso! Cuadrado como todos los desarrolladores, usa tu imaginación.

Obvio, cuando el diseñador dice eso es porque no tiene la más mínima idea de lo que le estás hablando, que es de esperar si es el tipo de diseñador que diseña sin tener el contenido.

Te corresponde a ti echar mano de tu vastísima experiencia para hacer algunas deducciones, suposiciones educadas, y desarrollar siguiendo mejores prácticas manteniendo cierta flexibilidad y lógica que permita un mantenimiento fácil o cambio de dirección después (porque seguro a alguien se le va a ocurrir meter una imagen ahí).

Lo primero que debemos de hacer con el .psd es sacarle todos los cortes. Photoshop es buen programa pero no es inteligente. Lo segundo que debemos hacer es dividir el diseño en grandes áreas funcionalles: encabezado, laterales, contenido, pie y algunas otras que puedan estar presentes.

Si nuestro diseñador es bueno habrá nombrado las capas de manera semántica y lógica, pero si no vamos a tener que irlas activando y desactivando para separar los fondos de las imágenes decorativas, las texturas y el texto.

Cuando hayas terminado esto puedes ir creando una librería de imágenes de las texturas y fondos que vamos a utilizar, usando la función de guardar para web de photoshop.

Ya que tenemos todo más o menos arreglado y acomodado podemos comenzar a escribir nuestro código. Como somos muy modernos ponemos:

<!DOCTYPE html>

Nuestro diseñador seguramente no dejó instrucciones sobre como degradar el sitio grácilmente para que navegadores más viejos presenten un diseño aceptable mientras que los más modernos lo muestran en toda su gloria.

Afortunadamente somos desarrolladores chingones y sabemos como crear diferentes hojas de estilo para navegadores con distintas capacidades:

<link href="basic.css" rel="stylesheet" type="text/css" />
<!--[if gte IE 7]><!-->
<style type="text/css">
  @import url("advanced.css");
</style>
<!--<![endif]-->

Esto deja a IE6 con el estilo básico pero ya nos encargaremos si es necesario.

Después ponemos la estructura básica de nuestro sitio que puede ser algo así de sencillo:

<header><p>Empresota, S.A.</p></header>
<nav><li><a href="#contenido">Salta al contenido</a></li></nav>
<article></article>
<aside></aside>
<footer></footer>

Ya que tenemos la estructura básica podemos comenzar a crear nuestra hoja de estilos basico.css y poner cosas como:

header p {
  font-size: 20px;
  width: 300px;
  margin: 0 auto;
}

O sea, cosas que entienden razonablemente todos los navegadores. También podemos poner aquí algunas de las texturas y fondos que sacamos del Photoshop, pero probablemente no las imágenes decorativas, sobre todo si vamos a necesitar usar posicionamientos absolutos y esas cosas. Tampoco PNGs transparentes.

Ya que se ve más o menos bien sólo con esta hoja de estilos básica podemos abrir nuestra hoja avanzada e incluir cosas como esta:

header {
  position: relative;
  width: 100%;
  min-width: 600px;
}

header p {
  position: absolute;
  top: 20px;
  right: 30%;
}

nav, content, aside {
  display: table-cell;
}

O sea, cosas que los navegadores más modernos van a comprender pero que los más antiguos no van a saber interpretar. Aquí también vamos a poner los -moz, -webkit, -o, etc. También podemos poner las imágenes decorativas, imágenes de fondo y PNGs transparentes.

Como el inútil diseñador tampoco nos dejó instrucciones sobre como presentar el sitio en diferentes resoluciones tendremos que tomar algunas decisiones sobre si queremos presentar el sitio en ancho fijo o flexible.

Muchos diseñadores en este momento eligirán sitios de ancho fijo porque tienen problemas de retención anal además de ser gente floja y sin imaginación que no conocen lo útil que puede ser un sitio de ancho flexible. Revisa el diseño para determinar que elementos pueden tener un ancho flexible y cuales serían anchos máximos y mínimos razonables.

Si eres desarrollador maestro jedi sabrás que usando javascript y css puedes alterar la distribución completa del sitio basándote en el ancho de la pantalla del navegador, pero eso lo dejaremos para otra ocasión.

Ten en cuenta que lo más importante no es la distancia absoluta entre un elemento y otro, sino la relación que hay entre elementos. Es decir, si el elemento X mide 100px de ancho y está a 100px de distancia del elemento Y que mide 200px de ancho, lo importante es que el elemento X mide 25% del ancho total, el Y mide 50% y los separa una distancia del 25%.

Claro, el diseñador debería haber tomado estas decisiones desde el principio, así como que pasa cuando se visualiza el sitio en un celular, pero tanta flexibilidad mental es pedirles demasiado. Les da patatús saber que su “obra maestra” puede verse alterada.

Ya que se ve muy bonito todo en nuestro Safari 4 y Firefox 3.6 es hora de desempolvar Internet Explorer 8 y echarle un ojo. Hmmm…. no es lo que esperábamos.

Parte del problema es que IE8 no reconoce el DOCTYPE para html5, así que se comporta como si fuera IE5 con todos sus errores. Así que lo primero que debes hacer es poner la siguiente línea en tu sección :

<meta http-equiv=”X-UA-Compatible” content=”IE=8″>

Esto obligará a IE8 a comportarse lo mejor posible y muchos problemas pueden desaparecer, de hecho en mi experiencia casi todos los problemas desaparecen simplemente obligando a IE8 a comportarse en modo de estándares. Si quedan cosas sin resolver quiere decir que tendremos que añadir una hoja (o dos) de estilos para IE8 (o IE7). La mejora manera es usando comentarios condicionales para especificar estos navegadores.

Ok, lo que sigue es más delicado: la tipografía. Si tu diseñador tiene más o menos idea de lo que está haciendo habrá elegido una tipografía segura para usar en distintos navegadores. Si sabe lo que está haciendo te habrá pasado una pila de tipografías a usar para darle opciones al navegador.

Y si tu diseñador sí es diseñador de verdad y sí le mueve a cuestiones de internet habrá incluido las tipografías adicionales en el presupuesto y usará algo como Font Squirrel u otra herramienta para hacer tipografía utilizable en la red.

Pero lo más probable es que haya visto algo que le gustó y lo puso sin pensar. Si puedes encontrarlo pídele una pila de tipografías para usar en el sitio, pero si está muy ocupado pintándose la uñas lo que puedes hacer es analizar la tipografía y elegir sustitutos adecuados.

Entre las cosas que debes analizar están el tipo (con serif o sin serif), el peso (ancho del trazo), el ancho de cada letra (por ejemplo, que tan ancha es la m), la distancia entre letras, etc. y tratar de encontrar algo equiparable.

Puedes tratar de hacerlas aún más parecidas usando un poco de CSS pero lo más seguro es que no encuentres tipografía igual, con lo que el diseño sufrirá un poco. Pero está bien, ese es el tipo de cosas que debería ver un diseñador.

Después de todo esto tendrás en tus manos un sitio utlizable en todos los navegadores y dispositivos, accesible por cualquier persona que entre a verlo, indexable por todos los motores de búsqueda, de fácil mantenimiento por cualquier persona que necesite cambiarlo y comprensible si alguien necesita redefinirlo.

Claro, al diseñador le va a dar un vahído y te va a decir cosas como “bruto, animal, poco hombre” cuando vea que no se ve igual en todos los navegadores, que cambiaste la tipografía, que el ancho es variable y que puede utilzarse en un iPhone.

Tú simplemente recuerda que no estás haciendo algo para el diseñador, ni siquiera para los clientes del diseñador, sino para los clientes de sus clientes, o sea, los usuarios. Ellos no lo sabrán pero es a ti a quien tendrán que agradecer el poder usar un sitio sin problemas.

WordPress no tiene una función ya hecha para esto, pero podemos hacer una en nuestro archivo functions.php:

function get_first_tag($post_id) {
global $wpdb;
$tag_name = NULL;
if ($tag_id = $wpdb->get_var("SELECT term_id FROM $wpdb->term_relationships WHERE object_id = $post_id AND EXISTS (SELECT * FROM $wpdb->term_taxonomy WHERE $wpdb->term_relationships.term_taxonomy_id = $wpdb->term_taxonomy.term_taxonomy_id AND taxonomy = 'post_tag') ORDER BY term_taxonomy_id LIMIT 1") ) {
$tag_name = $wpdb->get_var("SELECT name FROM $wpdb->terms WHERE term_taxonomy_id = $tag_id"); }

return $tag_name;
}

Esto nos debe dar el nombre del primer tag usado para un post cuya id nos sea conocida. No estoy seguro si WordPress los guarda alfabetizados o en orden de creación. Tampoco confío mucho en mi dominio de la clase $wpdb así que si no sirve tal vez sirva así:

$prefix = $wpdb->prefix;
 $strSQL = "SELECT term_id FROM ".$prefix."term_relationships WHERE object_id = 400 AND EXISTS (SELECT * FROM ".$prefix."term_taxonomy WHERE ".$prefix."term_relationships.term_taxonomy_id = ".$prefix."term_taxonomy.term_taxonomy_id AND taxonomy = 'post_tag') ORDER BY term_taxonomy_id LIMIT 1";

Y luego hacer el query y todo lo demás.

Espero que te sirva o por lo menos te oriente a una solución que sí sirva.

No necesariamente está mal, pero hay maneras más efectivas de promocionar tu blog. Imagen de Wikipedia

¡Esto estuvo genial! A veces las estrellas del internet se alínean y sitios completamente distintos nos dan consejos brillantes sobre el mismo asunto pero tratándolo desde ángulos distintos. El resultado es que todos los demás salimos ganando.

En el caso de hoy se trata de los blogs y su promoción. Cosas buenas y malas, lo que debes evitar y lo que debes hacer. Por el lado de los rudos, ProBlogger invitó a KevinGeary para escribir:

Being successful is not just about doing the right things. Avoiding the wrong things is just as important. Nobody wants to take two steps forward and three steps back; especially in blogging where success is few and far between, often takes a long time to become successful, and has a gigantic Dip.How Not to Promote Your Blog: Top 10 Broken Blog Promotion Strategies

Que cosas son terribles para promocionar tu blog, no sólo por ser ineficaces sino porque encima te pueden crear mala fama. Entre los más importantes me parecen los de dejar un comentario que realmente no aporte nada para simplemente obtener una liga a tu sitio, que también tiene su equivalente en twitter y en foros: no aportas nada más que una liga a tu sitio.

Recuerda que mientras más valiosas sean tus contribuciones, más dispuesta estará la gente a visitarte, pero si no dejas nada simplemente se aburrirán de ti.

Y por el lado de los técnicos, Paul Boag enumera 10 cosas que sí debes hacer para aumentar tu audiencia:

Too often as website owners we live and die by Google Analytics. We fret about bounce rates, unique visitors and dwell time. However, when we focus so heavily on the performance of our website we miss a fundamental point – the aim is to expose users to our content not our site. The website is tool a that can be used to showcase our content, but it does not have to be the only one.10 ways to put your content in front of more people « Boagworld

Paul hace la muy importante distinción de que tu audiencia no son nada más la gente que visita tu blog, sino que en estos días hay bastantes canales por los que puedes distribuir tu contenido, incluyendo videos, podcasts, twitts, citas, etc. y cada una de ellas hace una aportación importante.

¿Qué te parece? ¿Cuáles de estas estrategias has adoptado o piensas adoptar? ¿Eres culpable de seguir algunas de las cosas que no debes hacer? ¡Yo sí! Por ejemplo, creo que tengo demasiadas redes sociales en la liguita de “compartir” de cada post. Y lo de los Códigos QR no tiene ninguna utilidad (pero me gustan).

En el canasto, se preguntan si Twitter sirve para aumentar la productividad. Y la respuesta es afirmativa, siempre y cuando quieras comunicarte con tus followers.

Por ejemplo, si quieres comentar las novedades de tu negocio o para contar lo que paso en una fiesta o en un evento.Twitter y la productividad – Chica SEO – Ideas de Negocios y SEO

El principio básico es cierto, pero va un poco más allá. Twitter es útil para aumentar tu productivada siempre y cuando tengas una estrategia sobre como usarlo y para que.

Desde tiempos inmemoriales los twitteros más eficaces han sabido que todo se trata de un asunto de estrategia. Imagen de Wikipedia

Twitter es exactamente igual a un teléfono. Ni más ni menos. Puedes usar el teléfono para comunicarte con clientes y proveedores, mantener coordinada tu fuerza de ventas, presentar propuestas o lo puedes usar simplemente para hablar horas y horas con tus amigas o novia, o ponerte de acuerdo para la próxima fiesta.

La elaboración de una estrategia te permitirá elegir cuales herramientas de twitter usar, cuanto tiempo usarlo, como responder y que personalidad asumir. Claro, siempre recordando que ni tan serio e impersonal, ni tan desmadroso e irresponsable.

Para ejemplo de como Twitter se puede usar como una buena herramienta está la experiencia que Lynda Partner cuenta en One Degree:

I hadn’t heard of crowdSPRING so I checked them out. Now it turns out that I was a few days away from using their competitor 99Designs (who by the way I had used before with great results), but hey, if my colleague who I respect was using Crowdspring, perhaps they were better yet?One Degree: Yes, You CAN Make B2B Sales Happen Using Twitter

Lynda estaba buscando a alguien para un trabajo específico. Ya había trabajado con 99Designs y pensaba contratarlos, pero leyó un twitt de un amigo donde recomendaba a crowdSPRING. Ella mandó un twitt a crowdSPRING y tanto 99Designs como crowdSPRINGS repondieron con propuetas.

Claramente esas dos empresas tienen una estrategia definida sobre como usar Twitter: buscar y responder a las menciones de su nombre, productos o industria; atención inmediata al cliente.

Por supuesto, esas no son las dos únicas maneras de ser productivo con Twitter. A pesar de que los artículos de trabajamóvil los redacta un cerdo amaestrado, a veces son bastante atinados:

Actualmente twitter se usa mayormente como herramienta social, para decirle a los amigos donde vamos a estar, hacer planes para reunirse, compartir rápidamente algún sitio interesante o simplemente para cualquier cosa que se nos ocurra.

Sin embargo también es posible usar twitter como herramienta de trabajo que nos puede hacer más eficientes y dar mejor servicio. He aquí cinco de esas manerasTrabaja Móvil | 5 maneras de ser más efectivo con Twitter

Para mí twitter se ha convertido en una fuente inagotable de recursos e información relevante. Además de servir de contacto con gente que se dedica a lo mismo que yo. Y, por supuesto, un poco de entretenimiento de vez en cuando que no está mal.

Y tú ¿tienes alguna estrategia para aumentar tu productividad con twitter?

Para comprender lo que está pasando necesitamos tener en cuenta que los plugins siempre se ejecutan independiente de la página a menos que le digamos otra cosa. A pesar de que nosotros lo vemos como parte de la página lo que el navegador hace es crear una ventana encima de nuestra página pero que no es parte de ella, y le pasa el control al plugin de flash o lo que sea para dibujar ahí todo lo que quiera. Es como poner una pintura en un cuadro sobre la pared.

Lo que nosotros queremos hace es que raye las paredes en vez de poner este cuadro encima. Para lograr esto flash reconoce una variable que se llama wmode. Esta variable puede tener los valores transparent, opaque o window. Si no le indicamos nada wmode toma el valor window y éste es el que causa que flash se ejecute en su propia ventana independiente.

O sea que la solución que buscamos es poner wmode en transparent u opaque. La diferencia entre estos dos es que transparent te permitirá tener áreas transparentes en el flash, que permitirán que se vea el fondo de la página. Por ejemplo, puedes dibujar una dona con un hoyo por el que se vea lo que está abajo en la página html. El modo opaque no se transparenta hasta la página, sino que la cubre (pero le puedes poner cosas encima).

Aunque Adobe recomienda el uso de transparent, este método ocupa más capacidad de procesamiento y puede hacer más lento tu flash en algunas computadoras. Es mejor ponerlo en opaque, hacer pruebas y si algo no funciona bien entonces cambiarlo a transparent.

Para cambiar el valor de wmode simplemente tienes que indicarlo en el <object> y <embed> que estés usando para llamara a tu película:

<object bla bla ... >
...
<param name="wmode" value="opaque" />
...
<embed bla bla ... wmode="opaque" ... />
</object>

¡Y ya!

La manera de hacer eso es mediante el uso creativo de las posiciones absolutas de diferentes capas y sus fondos. Por ejemplo, teniendo el siguiente código:

      <div class="cajabonita">
        <div class="sup-izq"></div>
        <div class="sup-der"></div>

        <div class="caja-externa">
          <div class="caja-interna">
          <p>Por fin, aquí va el contenido de nuestra caja. El ancho de la caja debe variar con el ancho de la ventana del navegador.</p>
          </div>
        </div>

        <div class="inf"></div>
        <div class="inf-izq"></div>
        <div class="inf-der"></div>
      </div>

Hemos creado varias capas dentro de nuestra caja para poder colocar los diferentes segmentos de nuestro marco. Para colocar todo como se debe ponemos el css:

    .cajabonita {
      width: 50%;
      margin: 0 auto;
      color: #000;
      background: url('sup.gif') top repeat-x #fff;
      position: relative;
      border: 0 none #fff;
    }
    .sup-izq {
      width: 80px;
      height: 80px;
      background: url('sup-izq.gif') top left no-repeat #fff;
      position: absolute;
      top: 0; left: 0;
    }
    .sup-der {
      width: 80px;
      height: 80px;
      background: url('sup-der.gif') top left no-repeat #fff;
      position: absolute;
      top: 0; right: 0;
    }
    .caja-externa {
      width: 100%;
      padding: 80px 0;
      background: url('izq.gif') left repeat-y transparent;
    }
    .caja-interna {
      margin-left: 80px;
      padding-right: 80px;
      background: url('der.gif') right repeat-y transparent;

    }
    .inf {
      width: 100%;
      height: 80px;
      background: url('inf.gif') bottom repeat-x #fff;
      position: absolute;
      bottom: 0;
    }
    .inf-izq {
      width: 80px;
      height: 80px;
      background: url('inf-izq.gif') top left no-repeat #fff;
      position: absolute;
      bottom: 0; left: 0;
    }
    .inf-der {
      width: 80px;
      height: 80px;
      background: url('inf-der.gif') top left no-repeat #fff;
      position: absolute;
      bottom: 0; right: 0;
    }

Como ves primero posicionamos nuestra caja principal de manera relativa para después poder posicionar las esquinas de manera absoluta dentro de esta caja. Como tenemos un fondo para el lado izquierdo y otro para el lado derecho necesitamos poner dos cajas, una encima de otra. Las imágenes de las esquinas deben tener el mismo alto que las imágenes de los bordes superior e inferior y el mismo ancho que las imágenes de la izquierda y derecha. Mira el ejemplo terminado.

Este código funciona en Firefox, Safari, Opera e IE7. El único que tiene un problema menor es IE6 que pone los fondos inferiores un pixel arriba de donde debería. Esto tal vez se pueda arreglar mediante comentarios condicionales o con una elección de colores que haga que no se note.

Ten en cuenta que esta puede no ser la mejor forma de lograr este efecto ya que estamos añadiendo varias capas sin contenido y sin ningún significado particular dentro de la página. Una mejor solución podría ser añadir las capas adicionales mediante javascript para que nuestro código html quede más legible.

CSS3 incluye varias nuevas propiedades para bordes y fondos múltiples que pueden hacer que esta técnica quede inútil, pero mientras tanto te puede ayudar en algo.

Actualización

En Foros del Web Mikmoro me señala un par de técnicas más. La primera usa solo una imagen y la segunda requiere de cuatro. El primer caso ingeniosamente acomoda las capas de las esquinas y usa las propiedades para posicionar el fondo (bottom left, top left, etc.) según se requiera para cada esquina. En el segundo ejemplo cada esquina tiene su fondo.

Obviamente es mejor usar el menor número de imágenes, clases y capas en el código, reducirlos lo más posible para facilitar su manejo y mantenimiento. El único inconveniente con las técnicas de Mikel es que, aunque puedes hacer las capas flexibles o líquidas, el tamaño máximo que pueden tener es algo más que el del alto y ancho de las imágenes de fondo. Más allá se rompe el efecto del borde.

Esto no necesariamente es importante y si haces las imágenes de buen tamaño (un borde de colores comunes en gif no debe pesar demasiado) el efecto funcionará para cualquier capa de dimensiones prácticas. Esto será lo preferible en la mayoría de los casos.

Por otro lado, si necesitas que el efecto rodée enormes áreas sin tener que preocuparte por el alto o ancho que puedan llegar a tomar o por hacer imágenes grandes, entonces la técnica de aquí será mejor.

Usando las propiedades position: fixed; bottom: 0; puedes lograr que el pie de página se quede anclado a la parte inferior de la ventana, pero no se moverá con el contenido si éste es más alto que la ventana. Generalmente el problema se resuelve usando javascript: lees la altura del contenido, lo comparas contra la altura de la ventana y aplicas el posicionamiento que corresponda.

Sin embargo no siempre es conveniente usar javascript ya que puede estar deshabilitado, es una lata asegurarse que funcione en todos los navegadores y siempre es más recomendable resolver un problema de presentación usando css puro.

La técnica mostrada es puro css y dice como sigue:

html

<div id="contenedor">
<div id="contenido"></div>
<div id="pie"></div>
</div> 

O sea, creamos una capa que rodée al contenido y al pie.

css

*, body {margin: 0; padding: 0;}
#contenedor {display: block; position: absolute; min-height: 100%;}
#contenido {display: block; margin-bottom: 3em;}
#pie {position: absolute; display: block; bottom: 0; height: 3em } 

Si tienes experiencia usando css seguro que habrás pensado “¡ajá! esto no va a funcionar en IE6″ y tienes razón.

Para que funcione hay que poner:

body, #contenedor {height: 100%;}

de preferencia en una hoja de estilos separada llamada mediante comentarios condicionales.

Y ahí lo tienen, eso es todo. Hay algunas consideraciones que se cubren en la página original, pero los invito a experimentar con esta técnica.

Muchos diseñadores gráficos, fotógrafos, artistas y similares saben de la importancia de tener un portafolios con sus trabajos para convencer a nuevos clientes o patrones y que los contraten.

Sin embargo el uso de un portafolios no tiene porqué limitarse a las ramas artísticas, sobre todo en esta era electrónica donde es muy fácil poner ejemplos de nuestros pasados logros. Programadores, escritores, ingenieros y otros pueden añadirle más interés a su curriculum o résumé añadiendo un portafolios en línea.

Pero no todo es tan fácil, un buen portafolios debe reunir los mismos requesitos de un sitio web: estar actualizado, ser fácil de usar y poderse encontrar. Thursday Bram nos ofrece una guía de 7 trucos para tener éxito con nuestro portafolios en el sitio de Stepcase Lifehack. El original está en inglés pero interpretado rápidamente dice más o menos así (notas adicionales mías en italicas):

1. Ponerlo en línea. Si lo mandas como anexo en un correo electrónico puede que no lo abran por miedo a los virus (o que lo filtre el servidor de correo). Tampoco leerán un portafolios de papel. Una liga a tu portafolios tiene mejor oportunidad de verse.
2. Que no haya que descargar nada. O sea, nada de PDFs, archivos de Word o cualquier otra cosa que haya que descargar y abrir. Si eres programador no incluyas ejecutables, sino capturas de pantalla.
3. Organiza el portafolio. No necesariamente en orden alfabético (o histórico, o las plastilinas del kinder) pero debe ser lógico para el reclutador donde debe hacer clic y qué va a ver. Hazlo para que hasta tu abuelita lo entienda (a menos que tu abuelita sea Grace Hopper).
4. Contextualiza. Incluye etiquetas y descripciones de lo que estás mostrando. Sin un contexto adecuado quienes vean tu trabajo no van a saber ni de que se trató ni porqué es importante. Usa esto como un reto para exponer tus habilidad de comunicación y pulir tu redacción.
5. Dale enfoque. Expón los trabajos que reflejen a lo que te quieres dedicar (los que den a conocer las habilidades que quieres usar en una nueva carrera o que le interesarían a un empleador). Puedes crear portafolios separados para cada una de las carreras que te interesen.
6. Usa una variedad de medios (me caga la palabra “multimedia”). No todas las habilidades se pueden expresar a través de la palabra escrita o la fotografía. Si quieres ser vendedor tal vez unas gráficas que demuestren tu desempeño sean lo mejor; si quieres ser animador, un video que demuestre como prendes al público es mejor que una simple fotografía.
7. Compra tu propio nombre de dominio — o no. Si planeas mantener tu portafolios a largo plazo comprar tu nombre de dominio es buena idea, pero aún así puedes usar uno de los muchos sitios gratuitos donde puedes poner muestras de tu trabajo.

Thursday termina diciendo que ella se limita a poner trabajos que ha hecho bajo comisión para otros ya que los personales no han pasado por el mismo rigor de un trabajo pagado. Yo no he armado todavía un portafolios, pero he jugueteado bastante con la idea durante el último par de años, sobre todo para no olvidar que tanto he hecho.

¿Y tú? ¿Has hecho alguno? ¿Tienes planes para hacerlo? ¿Qué otra utilidad o peligro le ves?