Guiabreve

Una de las formas más efectivas y populares para fidelizar usuarios es la de los boletines vía e-mail. Con ellos conseguimos hacer que el usuario vuelva a nuestro sitio al leer el boletín.

Uno de los problemas que tienen esta clase de técnicas, aparte de muchas veces ser considerados Spam, es el crear un diseño que se vea adecuadamente en cualquier tipo de cliente de correo, ya sea vía web o de escritorio.

Para ello, MailChimp ha creado esta interesante lista de plantillas gratuitas optimizadas para que se vean en cualquier cliente de correo, de esta forma solo tendremos que modificarlo un poco y adaptarlos a nuestro gusto y objetivos.

De todos modos, aunque estén probados en la mayoría de clientes siempre es recomendable añadir la clásica frase “Si no puede ver el email correctamente haga clic aquí.” para ahorrar problemas.

Blogger, la plataforama de blogs de Google ha sido actualizada y ha añadido algunas novedades que los usuarios estaban demandando desde hace tiempo. Las importante de ellas es quizás la posibilidad de incluir el formulario de comentarios en la propia página del blog. En total las novedades añadidas son 5:

1. Posibilidad de añadir el formulario de comentarios en la misma página de la entrada y evitar así que los usuarios tengan que abrir una página externa para dejar un comentario.
2. Nuevo editor de entradas: ahora es más completo y visual y trae además algunas opciones extras como la posibilidad de ver una preview de la noticia o un manejo de imágenes mejorado.
3. Ahora es posible importar o exportar datos desde Wordpress a Blogger y viceversa para facilitar el paso de un CMS a otro. Además también da la posibilidad de hacer copias de seguridad.
4. Nuevas Herramientas para webmasters que dan la posibilidad de seguir unas estadísticas, mejorar la indexación del blog, etc.
5. Sistema de votación de entradas: ahora le damos la posibilidad a los usuarios de votar a las noticias que más o menos les hallan gustado.

Blogger parece que sigue mejorando aunque a mi y a la gran mayoría nos sigue sin gustar. Esta muy bien para aquellos con menos experiencia o que busquen, simplemente, tener un blog personal, pero, todos los que quieren algo más profesional, configurable, cómodo y atractivo eligen Wordpress.

Este nombre tan enrevesado es el nombre que le he dado a mi primer plugin. Básicamente lo que hace este plugin es introducir un enlace en los comentarios para dar la posibilidad de responderlos al estilo twitter, es decir @nombre: . Un plugin sencillo pero útil.

Descargar

• Twitter Style Respond Comments 1

Instalación

Simplemente descargamos el archivo, lo descomprimimos y lo subimos a la carpeta /wp-content/plugins/. Posteriormente solo lo activamos y automáticamente aparecerá el enlace para responder comentarios. Continuar leyendo »

Para iniciar un nuevo blog no solo tenemos que comenzar a publicar y actualizarlo desde el principio si no que es importante realizar algunos pasos previos para configurar, personalizar y optimizar nuestro blog.

Seguir estos puntos es una forma de asegurarnos de que nuestro blog se posicionará bien en los buscadores, el resto sería generar un buen contenido.

1. Modificar o crear nuestro propio diseño para el blog: nuestro diseño es nuestra tarjeta de presentación y nuestra forma más rápida y directa de atrapar a los visitantes.
2. Publica tu RSS en el Blog de forma visible para que todo aquel que lo desee pueda suscribirse. Además también sería interesante registrarse en FeedBurner para llevar un control sobre nuestro Feed.
3. Modifica la estructura de los Permalinks: para ello vamos a Options » Permalink. Yo recomiendo una estructura del tipo /%category%/%postname%.htm
4. Optimiza el SEO de tu Blog. Para ello es importante utilizar algunos plugins como All-In-One-Seo-Pack.
5. Cambia la estructura de los títulos: la estructura predeterminada es horrible, la mejor opción es poner el nombre de nuestro blog y la descripción en el caso de que estemos en el Home y el titulo del articulo seguido del titulo del blog en caso de que estemos viendo una noticia en concreto. Quedando la etiqueta title de la siguiente forma: Continuar leyendo »

Las ventajas de un diseño elástico son muchas una de ellas, la más importante, es que gracias a este tipo de diseños se consigue aprovechar en mayor medida el espacio disponible en pantalla independientemente de la resolución que tenga el usuario.

El mayor problema es que muchas veces no sabemos como hacerlo, o mejor, no sabemos como hacerlo de manera correcta. Por esto Matthew James Taylor a desarrollado varios layouts (esquemas) totalmente líquidos. Estos no usan ni JavaScript ni Hacks CSS y son compatibles con la mayoría de los navegadores además de con los iPhones/iPod Touch.

En la página que ha preparado Matthew para mostrar sus diseños podemos ver en acción hasta 7 esquemas distintos con sus correspondientes explicaciones para que podamos aplicarla a nuestros sitios.

La mayoría se conforma con unas clásicas escaleras, pero otros, prefieren innovar en su diseño y crear algo distinto y novedoso como estas 15 escaleras de diseño. Algunas de ellas son ideales para ahorra espacio, para usarlas como estanterías, librería o cajones. Otras se esconden o son realmente novedosas y extrañas.

Enlace: 15 Escaleras de diseño novedoso (IMG’s)

Algo muy importante para un diseñador web es conocer que fuentes puede utilizar en sus proyectos de forma que todos, o la mayoría de los usuarios puedan ver la web correctamente. Para ello en Font Tester han publicado un lista muy completa con todas las fuentes que podemos utilizar y que se verán correctamente en los sistemas operativos más populares.

Lista de fuentes compatibles con la mayoría de sistemas operativos:

font-family: Arial, Helvetica, sans-serif;
font-family: ‘Arial Black’, Gadget, sans-serif;
font-family: ‘Bookman Old Style’, serif;
font-family: ‘Comic Sans MS’, cursive;
font-family: Courier, monospace;
font-family: ‘Courier New’, Courier, monospace;
font-family: Garamond, serif;
font-family: Georgia, serif;
font-family: Impact, Charcoal, sans-serif;
font-family: ‘Lucida Console’, Monaco, monospace;
font-family: ‘Lucida Sans Unicode’, ‘Lucida Grande’, sans-serif;
font-family: ‘MS Sans Serif’, Geneva, sans-serif;
font-family: ‘MS Serif’, ‘New York’, sans-serif;
font-family: ‘Palatino Linotype’, ‘Book Antiqua’, Palatino, serif;
font-family: Symbol, sans-serif;
font-family: Tahoma, Geneva, sans-serif;
font-family: ‘Times New Roman’, Times, serif;
font-family: ‘Trebuchet MS’, Helvetica, sans-serif;
font-family: Verdana, Geneva, sans-serif;
font-family: Webdings, sans-serif;
font-family: Wingdings, ‘Zapf Dingbats’, sans-serif;

Vía: List of Web Safe Fonts (Font tester)