Modern Pictograms: Fuente gratuita
12/02/2012 13:24:46
jQuery: Mostrar el último Tweet con JSON
05/02/2012 19:43:02
El siguiente snippet permite extraer el último tweet mediante jQuery y JSON.
$.getJSON("http://twitter.com/statuses/user_timeline/username.json?callback=?", function(data) {
$("#twitter").html(data[0].text);
});
Donde username es el nombre de usuario del que deseamos extraer el último tweet. Por ejemplo:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>jquery tweet</title>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.0/jquery.min.js" type="text/javascript"></script>
<script src="js/modernizr.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function() {
$.getJSON("http://twitter.com/statuses/user_timeline/webintenta.json?callback=?", function(data) {
$("#twitter").html(data[0].text);
});
});
</script>
<style type="text/css">
#twitter{
padding:5px;
font-family: Arial, Helvetica, Sans-serif;
font-size:13px;
color:#666;
background:#E8E8E8;
border:1px solid #CCC;
width:300px;
margin:0 auto;
}
</style>
</head>
<body>
<div id="twitter"></div>
</body>
</html>
Javascript: mostrar el contenido de un objeto
03/02/2012 19:30:08
Para imprimir el contenido completo de un objeto, en Firefox, podemos utilizar la siguiente instrucción:
alert(object.toSource());
También se puede acceder a todos los elementos de un objeto mediante un bucle foreach. La siguiente función ImprimirObjeto monstrará un alert() que muestra todas las propiedades y los valores respectivos.
function ImprimirObjeto(o) {
var salida = '';
for (var p in o) {
salida += p + ': ' + o[p] + '\n';
}
alert(salida);
}
Por ejemplo:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>imprimir objeto</title>
<script type="text/javascript">
function ImprimirObjeto(o) {
var salida = '';
for (var p in o) {
salida += p + ': ' + o[p] + '\n';
}
alert(salida);
}
var Objeto = {'algo1': 1, 'algo2': 2};
</script>
</head>
<body>
<a href="javascript:ImprimirObjeto(Objeto);">mostrar</a>
</body>
</html>
Birthe Piontek
28/01/2012 15:32:33
Los trabajos de esta fotógrafa han aparecido en publicaciones como el Magazine del New York Times, Esquire o Wired, además de haber recibido varios galardones.
Cita 29-01-2012
28/01/2012 09:34:02
La cuestión no es quién me va a dejar, es quién me va a parar.
Ayn Rand
Caman.js
28/01/2012 08:59:22
Caman.js es una librería de javascript que nos permite la manipulación de imágenes usando el objeto canvas de HTML. Cabe destacar que es una librería independiente y que también puede ser usada junto a otras librerías como jQuery o Mootools sin problema.
CSSrefresh: actualizar automáticamente los archivos CSS
27/01/2012 19:12:34
CSSrefresh es un pequeño archivo de javascript que controla los archivos CSS incluidos en una página Web. En el momento en que se guarda un archivo CSS, es capaz de implementar los cambios sobre la web, sin tener que actualizar el navegador.
Su uso es muy sencillo, basta con incluir la librería después de los ficheros CSS que deseemos controlar. Por ejemplo:
<head>
<link rel="stylesheet" type="text/css" href="css/estilos.css" />
<script type="text/javascript" src="js/cssrefresh.js"></script>
</head>
Cita 19-01-2012
19/01/2012 14:58:31
Recuerda siempre que eres absolutamente único. Al igual que todos los demás.
Margaret Mead.
Nicole Guice
18/01/2012 19:54:53
Cita 18-01-2012
18/01/2012 16:00:53
Toda persona tiene derecho a su propia opinión, pero no a sus propios hechos.
Daniel Patrick Moynihan.