18 de diciembre de 2010

:: Firesheep. Hijacking


Firesheep es una extensión para Firefox que nos permitirá comprobar lo sencillo que puede llegar a ser obtener información de otros usuarios que navegan a través de redes wifi a nuestro alcance.
El término hijacking hace referencia al robo de identidad, y esta extensión nos ayuda a comprobar el proceso a seguir.
En muchos portales nos solicitan un control de acceso o login (usuario y contraseña), que el servidor valida y nos genera una cookie para futuras sesiones y peticiones. Es común que la información viaje encriptada, pero también es muy común que la cookie no lo haga, creando una vulnerabilidad que permitirá a terceros acceder como si fueramos nosotros.
Nevegando sobre redes abiertas (colegios, aeropuertos, ...) las cookies viajan sin encriptar lo que posibilita un robo de identidad de una forma extremadamente sencilla.

Más información y descarga: http://codebutler.com/firesheep

15 de diciembre de 2010

:: Speed.io. Comprueba la velocidad de tu conexión


Speed.io es una herramienta online que nos permitirá realizar un test de la velocidad de nuestra conexión, mostrándonos los resultados de forma gráfica.
Además de identificar el proveedor de servicios de Internet, dirección Ip, y navegador utilizado, llevará a cabo un test en el que calcula la velocidad de subida y de bajada de nuestra conexión, tiempo de respuesta al hacer un Ping, etcétera.

Más información: www.speed.io

12 de diciembre de 2010

:: Wikisaber. Recursos educativos


Wikisaber es un portal gratuito de colaboración entre profesores, alumnos y padres en el que se pueden encontrar multitud de recursos educativos.
Seguramente se sonará la editorial británica McMillan que cuenta con muchos años dedicada a la enseñanza del inglés en multitud de paises. A través de Wikisaber será posible consultar material hasta el momento únicamente disponible en papel.

Más información: www.wikisaber.es

:: Spreaker. Crea un programa de radio


Spreaker es una plataforma que nos permitirá crear de una forma sencilla y rápida nuestro propio programa de radio.
Para ello deberemos seguir los siguientes pasos:
- Registrarnos para crear una cuenta que deberemos habilitar a través de un correo que recibiremos en nuestro buzón
- Crear nuestra transmisión especificando el nombre y una breve descripción de la misma
- Dotar de contenido a nuestra transmisión, en directo, episodios o cargar un capítulo

Podemos probar la herramienta DJ Console de forma que no tendremos que preocuparnos de capítulos y transmisiones.

Spreaker - How the deejay console works (english) from Spreaker on Vimeo.



Más información: www.spreaker.com

:: Mediacore. CMS OpenSource


Mediacore es un CMS (Content Management System) opensource especializado en video y audio.
Soporta video en HTML 5 y multitud de formatos, ofreciendo un panel de control que nos permitirá llevar a cabo la configuración de acuerdo a nuestras necesidades para su integración en nuestro espacio web.
Algunas de las características que podríamos destacar son las siguientes:
- Consulta de contenidos multimedia. Navegación a través de los contenidos multimedia disponibles,últimas incorporaciones,...
- Posibilidad de emisión de Podcast
- Categorización de contenidos
- Búsqueda
- Upload de ficheros
- Panel de control
- Contenidos y recursos relacionados
- Etcétera

Más información: http://getmediacore.com

:: Aplicaciones 3D con CSS


Cada día aparecen nuevas aplicaciones de las hojas de estilo, y ahora podemos ver un ejemplo de visualización de moléculas en 3D con el simple uso de hojas de estilo sobre dispositivos táctiles.
Para simular por ejemplo unos circulos en 3D utilizaremos la técnica "billboarding" que consiste es rotar cada uno de los objetos de forma que aparezca todo el tiempo delante de la cámara, creando la ilusión de las 3 dimensiones. Tendremos que rotar cada uno de los circulos individualmente en la dirección opuesta del contenedor padre.

3D Molecules on the iPad from jackadam on Vimeo.



Más información: http://blog.jackadam.net

:: Google Cloud Print


Este nuevo servicio ofrecido por Google nos permitirá imprimir desde cualquier lugar en cualquier impresora conectada a Internet. Para ello debemos conectar nuestra impresora a Google Cloud activando el conector desde Chrome.
Esta tecnología nos permitirá registrar tanto impresoras domésticas como de oficina o incluso utilizar la impresora de otra persona, contacto previamente con su autorización.

Por el momento, la recomendación de google es que no conectemos más de 3 dispositivos sobre una misma cuenta de google, pero en teoría la escalabilidad es infinita una vez se resuelvan algunos problemas técnicos.

Actualmente, y gracias a la mejor integración con Chrome y GDocs, será posible añadir el botón de Google Cloud Print posibilitando la impresión de nuestros contenidos web.



Más información: www.google.com/chrome/intl/es/p/cloudprint.html

8 de diciembre de 2010

:: Markup. Anotaciones sobre una web


Markup nos va a permitir llevar a cabo anotaciones o dibujos directamente sobre una página web. Para ello no será necesario instalar ningún tipo de software, sino que simplemente tendremos que arrastrar el plugin sobre la web, y tras seleccionar la herramienta y estilo de la misma, realizar las anotaciones oportunas.
Como funcionalidad adicional contempla la posibilidad de publicar y compartir las anotaciones realizadas.

Más información: markup.io

:: Shadowbox. Visor javascript


Shadowbox es un visor de contenidos multimedia orientado a la web, escrito completamente en javascript y CSS. Soporta la mayoría de los formatos utilizados y es fácilmente personalizable para integrarlo en nuestros desarrollo web.
Su uso, al igual que otros muchos de los existentes, requiere hacer referencia a la librería javascript correspondiente y añadir el atributo "rel=shadowbox" a cada uno de los enlaces.


Más información y descarga: www.shadowbox-js.com

:: jCodeCollector. Repositorio de snippets


jCodeCollector es un software gratuito que nos permitirá gestionar nuestros "trozos" de código, funciones o snippets. Sería como contar con un repositorio de códigos fuente, con la posibilidad de organizarlos de acuerdo a categorías y realizar búsquedas según los criterios especificados.
La aplicación desarrollada bajo entorno java -aunque sencilla- cumple con su cometido.

Más información: http://alessandrococco.altervista.org

7 de diciembre de 2010

:: Google Font Directory


Con Google Font Directory seremos capaces de tener disponibles es nuestra página web cualquier fuente gracias al uso de esta API bajo licencia open source.

El uso de la API es muy sencillo y tan sólo debemos especificar el nombre de la familia de la fuente a utilizar.
link rel='stylesheet' type='text/css' href='http://fonts.googleapis.com/css?family=Font+Name'


Mediante su uso -y dependiendo del caso - no será necesario utilizar sIFR o Cufon.

Más información: http://code.google.com/webfonts

:: VayMax. Reproductor HD gratuito


VayMax es un reproductor gratuito de video en HD que podremos integrar fácilmente en nuestra web. Tras descargar el fichero correspondiente y descromprimir el fichero, se creará una serie de carpetas y ficheros con ejemplos de reproducción.
Basado en flash y xml,tendremos que copiar el reproductor (fichero flash) a la ubicación correspondiente y crear nuestras listas de reproducción personalizadas en los ficheros xml.
Algunas de las características destacables de este reproductor son: soporte para multitud de formatos, posibilidad de definir distintas configuraciones y tamaños, fácil de utilizar gracias a su sencilla interfaz, definición de listas de reproducción, distintos modos para integrar un sistema de publicidad, ...

Más información: www.vaymax.com

6 de diciembre de 2010

:: Fourtrace


Fourtrace nos permitirá realizar el seguimiento sobre una cartografía de las entradas publicadas a través de Foursquare o Twitter de un determinado usuario.

Tras acceder a la url http://fourtrace.com especificaremos el usuario del que queremos realizar el rastreo de entradas que ha publicado. Los resultados los obtendremos en forma de lista y sobre una cartografía, por lo que podemos conocer la ubicación aproximada desde la que fueron realizadas.

Más información y acceso: http://fourtrace.com

:: Geolocalización con HTML5

Con la aparición de HTML 5, observaremos muchas mejoras y funcionalidades, desconocidas hasta el momento. El estándar HTML 5 proporciona integración con una nueva API de Geolocalización disponible en los navegadores y versiones más modernas.
En el caso de que el navegador tenga soporte para esta nueva API, se le solicitará confirmación al usuario final para mostrar su localización.

Un ejemplo sencillo de aplicación podría ser el siguiente:
function get_localizacion() {
navigator.geolocation.getCurrentPosition(coordenadas);
}
function coordenadas(position) {
var longitud = position.coords.longitude;
var latitud = position.coords.latitude;
alert('Posición: ('+longitud+','+latitud+')');
}


Más información:

4 de diciembre de 2010

:: Slides. Plugin de jQuery


Slides es un plugin para jQuery que nos permitirá, de una forma sencilla, crear transiciones de imágenes, siendo posible su adaptación gráfica a nuestras necesidades a través de hojas de estilo.
Algunas de las características que podríamos señalar son: autoejecución, repetición, múltiples tipos de transición, precarga de imágenes, autopaginación, ..., pero sobre todo su facilidad de implementación.

Más información y descarga: http://slidesjs.com

:: Chrome. Herramientas que quizás no conozcas


El navegador creado por Google dispone de una serie de herramientas y posibilidades que quizás pasen desapercibidas por su desconocimiento, pero que pueden ser de interés; Entre estas, podemos citar algunas de ellas:

Página de recursos
Esta información proporcionada por plugins o extensiones en otros navegadores y herramientas de desarrolladores, está disponible en Chrome mediante la pulsación de las teclas: Ctrl+Shift+I.
De esta manera obtendremos el tiempo de carga de la página, el tamaño correspondiente a imágenes, hojas de estilo,... en definitiva, información de interés para los desarrolladores web.

Gestor de tareas
Nos permitirá comprobar los procesos que se están ejecutando en nuestro navegador, pudiendo eliminar cualquiera de ellos si fuera necesario.
Podemos acceder a esta herramienta mediante la pulsación de: Shift+ESC

Información sobre memoria
Chrome dispone de un método que nos informará sobre la memoria consumida por los distintos procesos en ejecución. Para ello tan sólo debemos teclear en la barra de direcciones: "about:memory"

Copiar sólo texto
Suele ocurrir que cuando copiamos contenidos desde una página web, en el proceso se incluyen imágenes, estilos,... sin embargo en Chrome podemos copiar únicamente los texto (normalmente la fuente de nuestro interés), mediante la pulsación de: Ctrl+Shift+V en lugar de Ctrl+V


Adicionalmente podemos crear accesos directos a páginas web, sincronizar nuestros marcadores con nuestra cuenta de Google, posibilidad de ver nuestras webs con el interface del iPAD sin necesidad de comprarnos uno, organizar las páginas recientemente abiertas o reabrir las recientemente consultadas,...

En definitiva tenemos multitud de opciones que podrían sernos de gran utilidad.

:: 20 cosas que he aprendido de los navegadores y la web


Se trata de una edición digital ilustrada por personal de Google, en la que nos explican el funcionamiento de los navegadores y la web, de una forma sencilla y sin ser excesivamente técnico.
La edición de esta publicación ha sido desarrollada en HTML 5, lo que nos da una idea de su potencial.

Más información: www.20thingsilearned.com

:: Try Ruby. Aprendiendo a programar


Se trata de un tutorial online que nos permitirá dar nuestros primeros pasos en este popular lenguaje de programación. Como características a destacar están la sencillez y potencia del mismo (curva de aprendizaje reducida), orientado a objetos y lenguaje interpretado en una sola pasada, combina la sintaxis de Python y Perl y conserva similitudes con Smalltalk.
Si te interesa este lenguaje -que se encuentra entre los 10 más populares en la actualidad- y quieres aprender sin necesidad de instalaciones y sin conocimientos previos, puedes acceder al tutorial en la siguiente url: tryruby.org

3 de diciembre de 2010

:: Google Earth 6


En la nueva versión de la popular aplicación de Google, podemos destacar la total integración con Street View lo que nos permitirá recorrer las calles con un grado de realismo hasta ahora desconocido, así como la inclusión de más de 80 millones de árboles de distintas especies, parques, bosques,... con detalles en 3D hasta ahora nunca logrados.



Más información sobre la nueva versión: http://google-latlong.blogspot.com

:: Chrome sniffer


Esta extensión para el navegador Chrome - una vez instalada - nos permitirá detectar los frameworks, CMS y librerías javascript que corren sobre una determinada página web.
De esta manera, al acceder a una web nos aparecerá un icono identificando por ejemplo si el site está construido en Drupal, hace uso de Analytics,...

Actualmente este plugin detecta más de 70 CMS y librerías javascript comunmente utilizadas.

Más información: https://chrome.google.com

:: Cookies de nuestra página web. ¿Para qué sirve cada una?

A menudo una pregunta que nos hacen es qué cookies se están utilizando en mi página y para qué sirven. Para ver las cookies, podemos selecci...