Com maquetar newsletters compatibles

1256753159_diagram-01Tot i que el butlletí electrònic (newsletter) és ja un veterà del màrqueting digital, gràcies a un ús intel·ligent pot seguir sent una eina de difusió molt efectiva.

Bàsicament, un butlletí electrònic és codi HTML enviat per correu electrònic. Per tal de maximitzar la compatibilitat amb els diferents gestors de correu cal seguir algunes pautes. En quant a maquetació és com recular uns quants anys enrere, però és la millor manera d’assegurar-nos que el butlletí es veurà bé en la majoria de clients de correu:

1. Maquetació

  • Fer servir taules, i evitar les capes el màxim possible.
  • Incorporar atributs HTML a les taules sempre que es pugui (p.e. border=”0″ valign=”top”…)
  • Aplicar els atributs, mides o estils directament als TD.
  • Aplicar a tots els TD la mida d’amplada que els correspongui.
  • Feu servir target=”_blank” en els enllaços.
  • Les etiquetes IMG han de fer servir l’atribut border=”0″, i han de tenir els atributs HTML d’alçada i amplada.

2. Estils CSS

  • Aplicar els estils en línia a través de l’atribut style=”", dins el mateix codi, i no dins l’etiqueta HEAD.
  • Mirar d’evitar les imatges de fons. És millor situar-les dins el codi com a IMG.
  • Si es fan servir imatges de fons, no s’ha de fer a través de CSS, si no del defenestrat atribut HTML background=”"
  • Evitar l’ús d’estils incompatibles. Normalment són aquells que es fan servir per posicionar o moure capes: float, display, overflow

Podeu trobar aquesta informació molt més ampliada i en anglès a ReachCustomersOnline.

  • Twitter
  • del.icio.us
  • Facebook
  • Technorati
  • LinkedIn

Imprimir el listado de los archivos de una carpeta: PrintFinder

Comienzo una serie de posts con utilidades varias, frikis y no tanto, que quizás en algún momento nos puedan servir para tareas muy concretas.

Quizás nos hemos encontrado alguna vez con la necesidad de enviar un mail con una carpeta comprimida en un zip, en la que incluimos varios archivos, y queremos listar esos archivos en el mismo mail, para especificar el contenido de la carpeta y añadir algún comentario si es necesario sobre algún archivo concreto.

La primera opción es la de hacerlo a mano, volviendo a teclear uno a uno el nombre de los archivos en el mail. Sin embargo, buscando un poco encontré PrintFinder, un programita sólo para Mac (hasta donde yo sé), que con sólo arrastrar sobre él  la carpeta cuyos archivos queremos listar, nos muestra una previsualización de la lista (perfecta para copiar y pegar directamente donde queramos) y además, nos permite exportar esta lista en varios formatos: .txt, .doc, .pdf, .html… La lista puede incluir los archivos de las subcarpetas o no, según lo definamos.

Para mí es una pequeña utilidad que me ahorra mucho tiempo cuando envío archivos, y además, me permite documentar mejor todo lo que voy enviando.

print-finder

Editado para añadir algunos enlaces a programas similares en windows (no los he probado):

  • Directory Lister v0.9.1 : Éste parece el más completo, por lo que he leído antes era gratuito, sin embargo en la página oficial ahora es de pago. El link que dejo es a una página desde la que parece todavía se puede descargar la versión gratuita.
  • Folder-To-TXT 1.01
  • FileLister
  • Twitter
  • del.icio.us
  • Facebook
  • Technorati
  • LinkedIn

Atenció usuaris de WordPress 2.8.4!

icon_wordpressS’ha descobert un problema greu de vulnerabilitat que afecta a WordPress 2.8.4 i les seves versions anteriors, segons es comenta a Desvaríos informáticos. Aquest bug pot arribar a desembocar en una caiguda del servidor que l’allotgi, degut a una sobrecàrrega de la CPU.

Solució al problema:

1. Busqueu l’arxiu “wp-trackback.php” (línia 45)

$charset = $_POST['charset'];

2. Substituïu-la per:

$charset = str_replace(",","",$_POST['charset']);
if(is_array($charset)) { exit; }

Tant nosaltres com tots els blocs que han reportat aquest problema us recomanem que apliqueu aquesta solució tan ràpid com us sigui possible.

  • Twitter
  • del.icio.us
  • Facebook
  • Technorati
  • LinkedIn

Software gratuito: la oferta del día

Me acabo de encontrar con una curiosa página que donde podemos encontrar gratis programas de pago, de forma totalmente legal y funcional (no son demos, sino programas completos, registrados legalmente). El “truco” es como la oferta del día de un supermercado: cada día hay una “oferta” distinta, es decir, un programa completamente gratis. Junto al programa aparece el tiempo que queda para que te lo puedas descargar, en plan cuenta atrás.

Por lo que he visto no son programas “de los grandes” sino más bien pequeñas utilidades, pero que a veces nos pueden solucionar una tarea concreta. Por ejemplo, el día 20 de octubre la oferta era el “PDF to PowerPoint converter”.

Es una buena estrategia para captar clientes, ya que puedes llegar al sitio atraído por la oferta del día y acabar comprando otro programa (el precio suele ser entre 10 y 40 dólares). La mayoría son para Windows, eso sí, así que los usuarios de Mac tendremos que conformarnos sin ofertas.

  • Twitter
  • del.icio.us
  • Facebook
  • Technorati
  • LinkedIn

Adéu al problema de velocitat de Flash en Mac

logo-apple-flashEl problema de la lentitud del Flash Player en Macintosh és un greuge històric que fa molt de temps que dura. Per sort hi ha una manera molt senzilla de solucionar-ho.

Aneu a MacintoshHD/Libreria/Internet Plug-Ins i elimineu l’arxiu flashplayer.xpt

La diferència es nota.

Gràcies pel recurs, David

  • Twitter
  • del.icio.us
  • Facebook
  • Technorati
  • LinkedIn

Trobar ràpidament en quina plana de Google et trobes

Molts cops ens trobem que algú vol saber, a partir d’una paraula o cadena de text, a quina alçada de la cerca es troba a Google. Ara amb aquest plugin del Firefox ho podem saber:

http://www.adseok.com/herramientas-seo/encuentra-rapidamente-en-que-pagina-rankeas/

Ens pot anar bé per fer un control de com evolucionen els llocs web amb el temps, entre altres coses.

  • Twitter
  • del.icio.us
  • Facebook
  • Technorati
  • LinkedIn

F.lux protegeix els nostres ulls

flux-iconF.lux és una aplicació gratuïta (i disponible per Mac, Windows i Linux) que s’encarrega d’ajustar el color de la pantalla en funció de l’hora del dia en la que ens trobem i també del tipus de llum (natural o artificial) predominant en el nostre entorn de treball.

Aquesta funció horària es pot ajustar mitjançant Google Maps a les preferències del programa, i podrem ajustar el monitor per veure millor tant de dia com de nit.

F.lux permet realitzar la transició de manera gradual o a l’instant, i podem determinar la temperatura de la llum que variarà quan sigui de nit o de dia.

Fa un parell de dies que l’estic provant i es fa força estrany quan es produeix la transició. No és recomanable quan treballem amb colors, a nivell de disseny, però se’ns dubte és una aplicació molt útil i molt beneficiosa per la nostra castigada vista.

  • Twitter
  • del.icio.us
  • Facebook
  • Technorati
  • LinkedIn

Buscador de personas

Creo que todos hemos probado alguna vez a meter nuestro nombre en Google y ver qué sale. O si no es el nuestro, hemos metido el de un antiguo compañero de clase o algún familiar lejano. Google lo sabe todo, así que parece el mejor método para encontrar a una persona a la que hemos perdido la pista, o para saber qué se dice en internet de tal o cual. Sin embargo, hace poco he sabido de un buscador que es específico para buscar personas, Whoozy, que nos muestra los resultados de nuestra pesquisa ordenados por “Redes Sociales”, “Buscadores”, “Foto/Vídeo/Audio” y “Personal”. La ventaja de este tipo de buscadores, precisamente, es la organización de los resultados. Además, el nivel de profundidad en la búsqueda no es nada desdeñable, en mi caso ha encontrado incluso documentos pdf de alguna reseña en los que yo no sabía que se me citaba.

whoozy

  • Twitter
  • del.icio.us
  • Facebook
  • Technorati
  • LinkedIn

Consells per fer un login segur

clausExtret de http://sentidoweb.com/2009/10/09/consejos-para-realizar-un-login-seguro.php

  • Logitud de la contraseña y nombre de usuario: tiene que tener mínimo 6-8 caracteres.
  • Encriptar la contraseña: aunque casi todo el mundo usa MD5 o SHA-1, no está mal del todo usar SHA-2 (disponible en PHP5), ya que las anteriores ya no son tan seguras como hace tiempo.
  • Añade una semilla a la contraseña: cuando encriptes la contraseña es recomendable añadirle un texto para que el hash sea mas seguro.
  • No uses nombres sencillos para el administrador: evita usar nombres como “admin”, “root”, …
  • Registra los intentos de login: así se podrá detectar cuando estamos siendo atacados.
  • Maneja los errores: cuando se produce un login fallido, o evita que se produzca un error, o muestra un error personalizado, no muestres errores de código que puedan dar pistas al atacante.
  • Filtra la entrada: filtra lo que el usuario meta en su usuario para evitar inyecciones de código y no compruebes si la contraseña es correcta mediante SQL.
  • Usa LIMIT o WHERE 1: es importante para evitar comprometer muchas cuentas si sufrimos un ataque.
  • Usa nonce: nonce es un número único para la sesión, así nos aseguramos de que no se realicen ataques de fuerza bruta usando diccionario.
  • Usa sólo $_POST: $_GET es más sencillo de usar que $_POST, aunque no quita que usando $_POST no nos encontremos con problemas.
  • Cuentas MySQL: utiliza un usuario con permiso de select para realizar el login, así, si rompen tu seguridad, no podrán hacer deletes, updates o inserts.
  • Auto logout: Si quieres darle mayor seguridad, desconecta al usuario automáticamente pasado un cierto tiempo de inactividad. Aunque desde el punto de vista de la usabilidad no es muy recomendable.
  • Bloque la cuenta: si se han intentado varios logins consecutivos y han sido fallidos, se debería bloquear la cuenta.
  • Twitter
  • del.icio.us
  • Facebook
  • Technorati
  • LinkedIn

Nuestra identidad en Internet

Sobre este tema se podrían decir muchísimas cosas, pero este post es sólo para presentar un proyecto curioso del que tuve noticia ya hace un tiempo. Se trata de “Personas” del Mit. En principio es una instalación artística, aunque bien podría ser una aplicación para mostrar de forma gráfica lo que en internet se dice de nosotros. ¿Cómo funciona? Muy fácil, escribimos nuestro nombre en la pantalla y rápidamente empieza a buscar las palabras claves con las que estamos asociados. Al final nos lo muestra en un gráfico, por ejemplo resulta que yo soy “online” y “politics”:

personas-nuria-rita

La pena es que al estar programada en inglés (la búsqueda palabras clave no tiene en cuenta ningún idioma, por lo que supongo que se realiza por defecto en este idioma) los resultados de las personas que trabajamos en otras lenguas pueden ser muy diversos. Mi gráfica de hace unos meses, por ejemplo, no tenía nada que ver con ésta.

En cualquier caso, lo dicho, se trata de un curioso entretenimiento, que nos hace reflexionar sobre las huellas digitales que vamos dejando.

Pd: en una línea parecida, ya hace años que existe Googlism, una página en la que podemos introducir una palabra -sólo una- (por ejemplo nuestro nombre) y que nos ofrece aletoriamente resultados (en inglés, eso sí) extraídos de google de una forma bastante simpática.

  • Twitter
  • del.icio.us
  • Facebook
  • Technorati
  • LinkedIn