Archivo por 'Código'

Como enviar artículos de Google Reader a Evernote

Publicado el 29. ago, 2010 por Peter Olle.

Hace tiempo publique la manera de agregar Evernote al plugin Sociable para WordPress y en esta ocasión les comparto como agregar Evernote a Google Reader, para así poder guardar o enviar las noticias que nos interesan y poderlas ver mas tarde sin tener que marcarlas como favoritas o compartidas.

Para los que no lo sabían, Google Reader te permite enviar los artículos que lees diariamente en tu feed a diferentes servicios, entre ellos se encuentran casi todos los comunes, como Twitter, Facebook, FriendFeed, Postereus, entre otros. Además de esos, podemos agregar a mano todos los que queramos y es muy sencillo.

Abre Google Reader y en la parte superior derecha vienen los ajustes (Settings), en donde debes de seleccionar los ajustes del Reader.

En la pantalla siguiente la última opción en la parte superior es “Enviar a” (Send To) como muestra la imagen a continuación, la cual debes de seleccionar para escoger que servicios quieres utilizar para enviar las noticias y cuales quieres agregar.

En la parte de abajo, después del listado de todos los servicios, viene una opción a modo de enlace que dice Crear un enlace personalizado (Create a custom lino) y al darle click se abren tres campos en donde podemos escribir el código necesario para agregar Evernote a Google Reader.

Son 3 campos que debes de completar para que todo funcione.

1- Nombre: Por lógica escribiremos “Evernote” para identificarlo, aunque puedes poner lo que quieras.
2- URL: En este pondremos el código para enviar a Evernote.
3- URL del Icono: La dirección del icono que quieres utilizar para ilustrar el servicio que vamos a utilizar

Te debe de quedar de la siguiente manera:

Y el código es el siguiente.

Name: Evernote
URL: http://s.evernote.com/grclip?url=${url}&title=${title}
Icon URL: http://www.evernote.com/favicon.ico

Con eso ya tendremos activa la opción de enviar o guardar las cosas mas interesantes que leemos todos los días en el lector de feeds Google Reader directamente a Evernote.

Si no utilizas Evernote, te lo recomiendo. Puedes abrir una cuenta y descargarlo gratis En la web oficial de Evernote.

Agrega el botón oficial de Twitter a tu web

Publicado el 12. ago, 2010 por Peter Olle.

El día de hoy llega el botón oficial de Twitter y ya se encuentra disponible el código para poder incorporarlo en tu página web o blog. La forma de incorporarlo es con un sencillo código que te ofrece twitter, muy similar al modo en que puedes generar los botones con los plugins de Facebook.

Si quieres probarlo, dale click a continuación.

Sitio Oficial | Tweet Button.

Excelentes ejemplos y tutoriales de CSS3

Publicado el 19. jun, 2010 por Peter Olle.

En Smashing Magazine nos presentan excelentes ejemplos y tutoriales de lo que es posible hacer con CSS3, invitándonos a utilizarlo desde hoy. Hay algunos que de verdad son sorprendentes y dan ganas de implementarlos en algunos proyectos web.

¿Ya es tiempo de utilizar CSS3?

Ver | Excelentes ejemplos y tutoriales de CSS3 en Smashing Magazine.

Que son las etiquetas web y como funcionan

Publicado el 19. jun, 2010 por Peter Olle.

Seguramente en varios sitios de internet haz visto Tags o etiquetas y esta imagen explica perfectamente para que sirve el etiquetado.

Google y el Mundial de Fútbol 2010

Publicado el 19. jun, 2010 por Peter Olle.

Si haces una búsqueda en Google sobre el Mundial, además de darte la información sobre últimos y próximos partidos, en la parte de abajo que viene su paginación, está modificada marcando Goooool !

Very cool Google, very cool.

Que es HTML5 y por qué importa

Publicado el 19. jun, 2010 por Peter Olle.

Pueden ver una imagen más grande en Flickr.

Ya puedes validar XHTML en Safari con Safari Validator

Publicado el 19. jun, 2010 por Peter Olle.

Safari Validator es una extensión para Safari que te permite validar el XHTML de los sitios web.

Para instalarlo después de haberlo descargado, tienes que hacer lo siguiente.
- Mover el archivo “Safari Validator.webplugin” a ~/Library/Internet Plug-Ins/
- Darle dos clicks a “Safari Validator.safariextz”
- Reiniciar Safari

Descarga | Safari Validator.

WordPress 3.0 Release Candidate

Publicado el 01. jun, 2010 por Peter Olle.

Ya se encuentra disponible desde hace algunos días WordPress versión 3.0 RC1 y personalmente no he tenido ningún tipo de problema en diferentes sitios, incluido este.

¿Tu ya lo instalaste?

Descarga WordPress 3.0 RC 1.

Como hacer gradientes en la texto con CSS

Publicado el 01. jun, 2010 por Peter Olle.

Código final:

<!DOCTYPE html>

<html lang="en">
<head>
	<meta charset="utf-8">
	<title>Text Gradients</title>
	<link href='http://fonts.googleapis.com/css?family=Lobster' rel='stylesheet' type='text/css'>

	<style>
	body {
		background: #292929;
		padding: 1em;
	}

	h1 {
		position: relative;
		font-size: 70px;
		margin-top: 0;
		font-family: 'Lobster', helvetica, arial;
	}

	h1 a {
		text-decoration: none;
		color: #666;
		position: absolute;

		-webkit-mask-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,1)), color-stop(50%, rgba(0,0,0,.5)), to(rgba(0,0,0,1)));
	}

	h1:after {
		content : 'Hello World';
		color: #d6d6d6;
		text-shadow: 0 1px 0 white;
	}

	</style>
</head>
<body>
     <h1> <a href="#"> Hello World </a> </h1>
</body>
</html>

Vía | net.tutsplus.