Herramientas para Twitter

Dic 19 2011 Autor: J.P Aulet under General

Twitter se ha convertido en una herramienta más de comunicación y relación, éste blog también tiene un perfil con el mismo nombre sindikos (que te invitamos a conocer). Con el han surgido un innumerable número de aplicaciones relacionadas cómo los famosos TweetDeck, TweetMeme pero también existen páginas web que permiten ver más graficamente las relaciones entre usuarios, mapas visuales de hashtags, diagramas de Venn con diferentes busquedas y un largo etc. Estas aplicaciones pueden ser de utilidad para refinar la búsqueda de personas, ver intereses compartidos, tendencias y encontrar tweets que se ajustan a nuestros intereses, entre muchas otras cosas. Vamos a ver algunas de las que hemos encontrado más interesantes y útiles.

Mention Map:  Permite ver un diagrama de relaciones entre usuarios, palabras clave y búsquedas y navegar por él. Algunos ejemplos con palabras clave:

Mentionmap sindikos

Mentionmap ogov
Social Collider: Visualiza términos y usuarios relacionados así cómo los caminos que siguen los tweets entre usuarios.

Social Collider Twitter

Twitter Fall: Una aplicación que luego de configurar ciertos parámetros (localización, interés, freqüencia,etc.) empiezan a llover tweets que responden a los criterios seleccionados.

Twitter Fall

Twitter StreamGraph: Visualiza en forma de gráfico temporal las palabras más repetidas o importantes en relación a una palabra buscada.

Twitter StreamGraph

The Archivist: Permite guardar tweets, ver análisis, seguimientos, personas más retwitteadas, mas mencionadas y otras estadísticas.

The Archivist

Visible Tweets: Esta aplicación tiene una interfaz gráfica que visualiza tweets de forma amena y muy gráfica.

Visible tweets

Twitter Venn:  Representa en diagrama de Venn las relaciones entre 3 palabras clave y los tweets que intersectan en las búsquedas.

Twitter Venn diagrams

De esta forma, podemos sacar más provecho y encontrar temas de interés, conversaciones entre personas relevantes de un sector, etc.

Comments Off

5 codigos jQuery útiles

Abr 13 2011 Autor: J.P Aulet under General,JAVASCRIPT,JQUERY,Programación

logo-jquery

Logo jQuery

jQuery es un framework de JavaScript que facilita escribir codigo en este lenguaje. Puedesseleccionar elementos del DOM,modificarlos, crear eventos, cambiar los estilos CSS, crear animaciones, efectos y muchas otras funcionalidades. Para descargarlo en un solo fichero, visitar el sitio oficial: jquery.com.

Para empezar a utilizarlo, sólo debes incluir esta linea en el <header> una vez descargado el archivo:

<script type=’text/javascript’ src=’carpeta_javascript/jquery.js’></script>

O si lo prefieres, puedes usar un servidor en nube:

<script type=’text/javascript’ src=’http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.js’></script>

A partir de aquí, puedes usar estos códigos para mejorar la experiencia de los usuarios. Recuerda que los codigos jQuery, igual que los codigos Javascript, deben ir encapsulados dentro de las etiquetas: <script type=”text/javascript”> [...] </script>.

1. Desactivar ‘botón derecho’:
Desactivar el menú contextual al clicar el botón derecho del ratón

$(document).ready(function(){

$(document).bind(“contextmenu”,function(e){

return false;

});

});

2. Desaparición del campo de texto en una busqueda:
Ocultar el texto de un buscador al clicar encima:

$(document).ready(function() {

$(“input.text”).val(“Introduce la busqueda aquí”);

textFill($(‘input.text’));

});

function textFill(input){

var originalvalue = input.val();

input.focus( function(){

if( $.trim(input.val()) == originalvalue ){ input.val(”); }

});

input.blur( function(){

if( $.trim(input.val()) == ” ){ input.val(originalvalue); }

});

}

3. Mostrar/Ocultar contenido al clicar:

HTML:

<a onclick=”ShowHide(); return false;” href=”#”>Show/Hide</a>
<div id=”slidingDiv”> Este div puede ocultarse o mostrarse al ser clicado. <a onclick=”ShowHide(); return false;” href=”#”>Ocultar</a></div>

JQuery:

function ShowHide(){

$(“#slidingDiv”).animate({“height”:”toggle”},{duration:1000});

}

4. Abrir ventana con página de impresión:

<a href=”#” class=”print”>Print this page</a>

$(‘a.print’).click(function(){

window.print();

return false;

});

5. Check/Uncheck all checkboxes

HTML:

<div class=”opciones”>

<ul>

<li><a href=”#” class=”selected-all”>Selecionar Todos</a></li>

<li><a href=”#” class=”reset-all”>Deseleccionar Todos</a></li>

</ul>

<input id=”opcion1″ /><label for=”opcion1″>Opcion 1</label>

<input id=”opcion2″ /><label for=”opcion2″>Opcion 2</label>

<input id=”opcion3″ /><label for=”opcion3″>Opcion 3</label>

<input id=”opcion4″ /><label for=”opcion4″>Opcion 4</label>

</div>

JQuery:

$(‘.select-all’).live(‘click’, function(){

$(this).closest(‘.opciones’).find(‘input[type=checkbox]‘).attr(‘checked’, true);

return false;

});

$(‘.reset-all’).live(‘click’, function(){

$(this).closest(‘.opciones’).find(‘input[type=checkbox]‘).attr(‘checked’, false);

return false;

});

Comments Off