Por fin en Twitter han decidido lanzar un botón para poder twittear las noticias o post de las páginas que lo incorporen. Ya no tendremos que usar aplicaciones de terceros como Tweetme o implementaciones propias para que los usuarios de nuestras páginas puedan compartir la información que les parezca destacable.

El botón Tweet acortará la dirección de la página que vamos a compartir, gracias al servicio t.co, e incluirá el título de la página referida.

En el blog de Promineo Studios hemos introducido éste botón para que los usuarios puedan twittear de manera más cómoda. Puedes ver el nuevo botón en la parte inferior de éste artículo.

Para el que lo quiera implementar en su web es copiar y pegar el código que proporciona Twitter en la página del botón tweet.

Si deseas acortar las direcciones de tu página web puedes usar ésta simple función que utiliza la API del servicio TinyUrl.

function tinyUrl($url){  
    return file_get_contents("http://tinyurl.com/api-create.php?url=".$url);  
}
 
//Imprime la url corta  
echo tinyUrl("http://www.promineostudios.com");  

Visto en Webintenta

Para los que uséis Gnu/Linux posiblemente sea útil poder enviar correos electrónicos desde la consola de comandos, sin tener que instalar un servidor SMTP para ésta tarea.

Lo primero es instalar los paquetes que nos van a permitir el envío de correos. El programa mailx para enviar/recibir y sendmail para encaminar los correos :

sudo apt-get install mailx sendmail

Ahora podemos ejecutar el comando que nos permitirá enviar el mail, personalizándolo con nuestro asunto y remitente:

mailx -s "asunto del mensaje" correo@tucuenta.com

Una vez ejecutado mailx, se nos permitirá redactar el cuerpo del mensaje. No se enviará el correo hasta que terminemos el cuerpo con el caracter "." y pulsemos a continuación la tecla "enter".

Los usos que le podemos dar al envío de correo desde consola son muy diversos. En mi caso lo utilizo para enviar, de forma automatizada, correos con los avisos del sistema de copias de seguridad de los servidores.

Incluso podemos redireccionar con pipeline cualquier comando previo y enviar la salida por correo:

ls | mailx -s "comando ls" correo@tucuenta.com

La diseñadores web han lidiado desde siempre con la lacra de no tener la suficiente libertad a la hora de elegir las tipografías de una página web. Se limitaban a optar por fuentes estándar, como arial, trebuchet, times... o a usar apaños con javascript o flash para incluir alguna tipografía que los sistemas no tenían por defecto.

Con CSS3 llegó @font-face, una propiedad muy útil para definir en una página web fuentes que el usuario no tenga instaladas en su sistema. Si bien CSS3, y por consiguiente @font-face, sólo está implementada en los navegadores más modernos (Safari 3+ y 4+, Firefox 3.5, e Internet Explorer 7+). Desde mi punto de vista no es una solución a corto plazo, pero sin duda se terminará implantando cuando la mayoría de usuarios cuenten con versiones actualizadas de sus navegadores.

Google al rescate

Ayer Google presentó su directorio de fuentes libres que podremos definir en cualquiera de nuestras web. La cantidad de fuentes aún es limitada, pero con total seguridad que ira creciendo con el tiempo. Qué tal si vemos su uso:

Comenzaré con la manera más limpia de utilizar Google Font. Abrimos nuestra hoja de estilos e introducimos un par de líneas para importar y definir la fuente "Reenie Beanie":

@import url('http://fonts.googleapis.com/css?family=Reenie+Beanie');
 
h1 {
	font-family: 'Reenie Beanie', "Trebuchet MS", Tahoma, Arial;
}
 

La otra manera, que considero menos limpia y elegante, es introduciendo una línea en nuestro documento HTML y definir la fuente en nuestro CSS.

link href="http://fonts.googleapis.com/css?family=Reenie+Beanie" rel="stylesheet" type="text/css" /

h1 {
	font-family: 'Reenie Beanie', "Trebuchet MS", Tahoma, Arial;
}

Para usar otra fuente debemos sustituir el valor del parámetro “family” de la url de importación, Reenie+Benie en éste ejemplo, por el de la fuente que vamos a usar y posteriormente definirla. Por supuesto puedes usar fuentes en cualquier otra etiqueta, clase o identificador.

Mi blog personal puede servir de ejemplo. He usado esta técnica para mejorar el formato de los texto. yonerocha.net

Actualización: He leído en unijimpe que podemos importar varias tipografías en una misma llamada de la API, separando el nombre de cada fuente con "|".

Ejemplo: http://fonts.googleapis.com/css?family=Lobster|Cantarell