La tendencia a desarrollar software con la “etiqueta libre” hace que de cierta forma los consumidores decidan como quieren que sea el resultado final. En general las características de los consumidores de hoy en día han cambiando de forma drástica y se usa el término “Consumidor 2.0” para describirlos; una de sus características principales, a parte su desbordante presencia en la web es que la estrategia de comunicación para llegar a ellos debe ser bidireccional,  es por eso que Google aplica el “Google Lab” abriendo las puertas a usuarios/consumidores para el desarrollo y la prueba de nuevos lanzamientos.

El Page Speed en su versión para “Desarrolladores Web” es un complemento de software libre para Google Chrome o FireFox que se ejecuta en la página deseada y realiza varias pruebas en el código y en la configuración del servidor generando un conjunto de recomendaciones para mejorar su rendimiento.

A través del Page Speed se genera un resultado numérico (en base 100) de la velocidad de la web y se ofrecen las posibles soluciones ordenadas por nivel de importancia según el beneficio que ofrezcan y el tiempo que tome la solucionarlos.

El Page Speed presenta también una versión para los Webmasters llamada mod_pagespeed, que consiste en un módulo para los servidores Apache HTTP que optimiza automáticamente los recursos de la página web JavaScript, HTML, CSS stylesheets, imágenes, etc) reescribiendo las fuentes a través de una serie de filtros.

También existe una versión más avanzada llamada Page Speed SDK que está destinada principalmente a los programadores y consiste en un librería C++ reusable que te permite integrar las funciones de Page Speed en otras herramientas de diagnóstico.  Un ejemplo de lo que hace esta herramienta puede verse en WebPagetest.org que integra el Page Speed SDK para generar resultados generales de los tiempo de carga de cada uno de los elementos de la página.

Los interesados en contribuir con el desarrollo del programa pueden seguir el siguiente link “Contributing Code” donde encontraran la asesoría necesaria y foros de discusiones sobre el tema.

Para mayor información http://code.google.com/intl/es-ES/speed/page-speed/.

DROPABLE

Las opciones completas del dropable podemos encontrarlas aquí (http://docs.jquery.com/UI/Droppable) pero igual que he hecho con el dragable pondré algunas opciones que me parecieron más interesantes:

• accept, especificas que elementos draggables aceptas que puedan ser depositados en el dropable.

• hoverClass, puedes hacer que cambie la clase del elemento dropable en el momento que situes el draggable encima, permite hacer efectos interesantes como cambiar el color del elemento para indicarle que esta aceptando ese elmento al usuario.

• drop, lo mas importante, es lo que se ejecutara una vez se deposite el draggable en este dropable.

• actívate/deactivate, función que ejecutara al seleccionar/soltar un draggable aceptado por este element.

• over/out, función que ejecutara al arrastrar el draggable encima/fuera del dropable.

Ejemplo:

jQuery( “.dropdiv-element” ).droppable({

accept: “.draggable”,

hoverClass: ‘hovered’,

drop: function( event, ui ) {   /*acciones*/ }});

Como vemos el drop tiene una function que recibe dos parametros, eso nos permite saber cosas como por ejemplo datos del elemento draggable q estamos insertando. Ex: jQuery(ui.draggable).attr(“id”).

SORTABLE

Las opciones completas de este tipo de elemento las encontraras en esta página (http://docs.jquery.com/UI/Sortable)  pero aquí especificare algunas que me parecieron interesantes:

• revert, hace que al soltar el elemento dentro del sortable este se desplace hacia su posición final en lugar de aparecer directamente. Los valores pueden ser true o false.

• accept y opacity, igual que en un elemento dropable.

• placeholder, mientras estas moviendo el elemento interior del sortable este se ve colocado en el sitio que acabaría.

• stop/beforeStop/update/over/out, las funciones que ejecutara en caso de parar de arrastrar el elemento dentro del sortable, en el momento justo antes de parar de arrastrar, en el momento que se actualice el orden de los elementos del sortable, mientras el elemento este siendo arrastrado dentro del sortable y en el caso de que el elemento este siendo arrastrado fuera del sortable.

Ejemplo:

jQuery(“#sortable”).sortable({

revert: true

accept: ‘.draggable’,

opacity: 0.6,

placeholder: ‘placeholder’,

stop:            function(event, ui) {},

beforeStop: function(event, ui) { },

update : function (event, ui) { } ,

over: function(event, ui) { },

out: function(event, ui){},

receive: function(event, ui) { }

});

• Draggable, será la característica que añadiremos a los elementos para que estos puedan ser arrastrados. Para ello simplemente haremos lo siguiente:

jQuery( elemento ).draggable({/*opciones*/} );

• Dropable,  será la característica que añadiremos a los elementos para que estos puedan recibir un elemento dragable y efectúen una acción al recibirlo. Para ello haremos lo siguiente:

jQuery( elemento).droppable({({/*opciones*/} );

• Aparte de los draggable y dropable existe un tercer element que puede ser convinable con los anteriores y tambien se fundamenta en el mismo principio, arrastrar y soltar. Este elemento es el Sortable, y lo que permite hacer es poder ordenar elementos de su interior, ya sean capas, lis, párrafos,.. y tener en cuenta el orden. Para generar un sortable lo que tenemos que hacer es:

jQuery(elemento).sortable({/*opciones*/});

Bueno ahora que ya hemos distinguido los diferentes tipos de elementos y como se generarían veremos como funcionarian, las opciones que tienen y como se conectan unos con otros.

DRAGABLE

Las opciones completas del draggable se pueden ver aquí (http://docs.jquery.com/UI/Draggable) pero especificaremos algunas que he encontrado interesantes:

• containment, limita la zona por donde podras arrastrar el elemento.

• connectToSortable, muy interesante, permite hacer que cuando arrastres el elemento por encima de un sortable, el elemento draggable se convierta en un elemento interior del sortable y puedas ordenarlo directamente en la lista.

• opacity, hace que cambie la opacidad del elemento mientras lo arrastras, se especifica como un numero entre 0 y 1 (ex 0.46).

• helper, necesario que tenga valor clone cuando lo queremos unir a un sortable. Crea una copia del elemento que estamos arrastrando dentro del sortable.

• revert, hace que el elemento vuelva a su posición original cuando lo sueltas ( true o false).

Ejemplo:

jQuery( “.draggable” ).draggable({

containment: ‘#form-content’,

cursor: ‘move’,

connectToSortable: ‘ul#sortable’,

helper: ‘clone’,

revert: false } );

Más en el próximo artículo, Dropable & Sortable…

La compañía TAT (The Astonishing Tribe) ha presentado una herramienta que es capaz de identificar personas mediante la imagen (fotografías con el teléfono móvil) y presentar los enlaces a sus cuentas en las distintas redes sociales que esté inscrito.

El siguiente video muestra la  herramienta en funcionamiento. Con una simple foto se identifica al sujeto, que previamente ha definido su perfil para Recognizr, y de forma automática muestra enlaces a las redes sociales en las que tiene cuentas.

Parece que en un futuro no muy lejano habrá que cuidar más nuestra identidad 2.0 para evitar que terceras personas conozcan más de lo que deben sobre nosotros.

Fuente: www.despuesdegoogle.com

Fuente: http://www.euroresidentes.com/Blogs/internet/noticias_internet.htm

La empresa preparó la presentación con consciencia del interés público y muchos blogs y foros estuvieron pendientes del evento, siguiéndolo en directo vía Internet y leyendo comentarios, Tweets y otros de interés.

Por el momento la primera versión deja  mucho que desear por los comentarios de los internautas. Su precio oscila entre 500 y 900 dólares según la versión (según espacio de disco duro, conexión Wifi y 3G). Mi pequeño consejo es esperar a que vayan saliendo nuevas versiones del producto, en las que sin duda la marca Apple irá incorporando mejoras, aplicaciones y necesidades útiles para los usuarios.

Clica aquí para más información e imágenes del Apple IPad.

Fuente: www.applesfera.com

Diagrama SEO de Lluís Codina

A menudo, empresa e investigación parecen seguir caminos distintos. Así que,  con la idea de fomentar a que lo que se descubra en los laboratorios se aplique en las empresas, y lo que se necesita en las empresas se investigue en los laboratorios, os dejo con un primer diagrama de herramientas SEO creado por Codina.

Y si os apetece saber un poquito más sobre documentación digital, comunicación, web, etc. os interesará la web de Lluís Codina. Muy recomendable el apartado de diagramas.

Fuente: http://bit.ly/7MDtiG