Mejores experiencias de edición en IE11

Con Internet Explorer 11, las aplicaciones y sitios basados en web pueden ofrecer ricas experiencias de edición que permiten a los usuarios capturar y compartir datos de manera sencilla. La creación de escenarios de contenido en línea y basado en la nube, como email y edición de documentos basados en web – que incluye Office 365, depende de la característica contentEditable de HTML5. Con IE11, los usuarios ahora pueden pegar imágenes de diferentes fuentes, copiar listas y preservar su formato y deshacer sus ediciones de manera más sencilla.

Pegar imágenes de todas las fuentes y con total control

Con IE11, ahora los sitios web tienen acceso directo a imágenes pegadas desde el portapapeles. IE11 es el primer navegador que soporta tanto imágenes pegadas directo del portapapeles (por ejemplo, de software de edición de fotos o desde Impresión de Pantalla) y pegado HTML que incorpora imágenes locales (por ejemplo, de aplicaciones como Microsoft Office que almacena imágenes de manera temporal en rutas locales). Tanto DataURI o Blob pueden ser utilizados para codificar esas imágenes.

Con la nueva capacidad de codificación DataURI en IE11, los sitios web pueden soportar de manera automática pegar imágenes del portapapeles, sin requerir JavaScript adicional. Por defecto, IE11 pega imágenes del portapapeles al convertirlas en DataURI e insertarlas como HTML en contentEditable. Por ejemplo, si dibujan una caja roja en software de edición de fotografía y la copian en contentEditable, la imagen se convierte en una etiqueta <tag> dentro de la marca que editan:

<img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAI

AAAFSDNYfAAAAaklEQVR42u3XQQrAIAwAQeP%2F%2F6wf8CJBJTK9lnQ7FpHGaOurt1

I34nfH9pMMZAZ8BwMGEvvh%2BBsJCAgICLwIOA8EBAQEBAQEBAQEBK79H5RfIQAAAAA

AAAAAAAAAAAAAAAAAAAAAAID%2FABMSqAfj%2FsLmvAAAAABJRU5ErkJggg%3D%3D”>

Los desarrolladores web pueden elegir utilizar un Blob en lugar de DataURI al agregar algunas líneas de código. Al utilizar blobs, las aplicaciones pueden procesar los datos de la imagen de manera directa. Por ejemplo, un cliente de mail web podría necesitar codificar imágenes en un formato MIME antes de subirlas a la nube. Las aplicaciones que utilizan blobs de administración de tiempo de vida del objeto, en contraste con DataURI, que no requiere administración de objeto.

Las nuevas API de portapapeles en IE11 hacen del soporte de pegado de imágenes como Blob algo muy sencillo. El siguiente código convertirá todas las imágenes pegadas en Blob.

var blobList = [];

<htmlObject>.addEventListener(“paste”,

Function ()

{

var fileList = clipboardData.files;

for (var i = 0; i < fileList.length; i++)

{

var file = fileList [i];

var url = URL.createObjectURL(file);

event.msConvertURL(file, “specified”, url);

blobList.push(file);

}

} );

Aquí una tabla que resume cómo elegir entre DataURI y blob:

DataURI Blob
Requiere código JavaScript extra No
Funciona cuando se pegan imágenes desde el portapapeles
Funciona cuando se pega HTML que hace referencia a imágenes locales
Dónde se almacenan los datos de imagen En línea dentro del HTML pegado (puede expandir el tamaño del HTML de manera considerable) Referencia externa (no hay problemas con el tamaño del HTML pero la aplicación necesita manejar exportación de imágenes cuando se envía el HTML)
Flexibilidad de datos de imagen Baja (necesita ser extraída primero del HTML) Alta (puede ser procesada al utilizar la referencia de blob)

 

Pueden probar pegar imágenes por ustedes mismos en el Paste Image Test Drive donde pueden cambiar entre utilizar DataURI y Blob para pegar imágenes.

The Paste Image Test Drive tests whether your browser can paste images using either DataUIri or Blob

Paste Image Test Drive prueba si su navegador puede pegar imágenes con DataURI o Blob

Pegado de listas como listas HTML

Con IE11, los usuarios pueden pegar listas de las conocidas aplicaciones de oficina y continuar su edición de la lista dentro del navegador. Después de pegar la lista, el usuario puede solo presionar enter al final de la lista para crear nuevos elementos. Esta característica tiene un valor en particular cuando se pega contenido con formato desde aplicaciones de procesadores de palabras como Microsoft Word. IE11 reconoce que el texto con formato contiene una lista y la convierte en una lista HTML real con elementos <ul> o <ol>, para que puedan editar la lista de la forma que esperan hacerlo.

Pasting and editing formatted lists from applications such as Microsoft Word (left) is easy and natural in IE11 (right)

Pegar y editar listas con formato de aplicaciones como Microsoft Word (izquierda) es sencillo y natural en IE11 (derecha)

Experiencias de corrección ricas y naturales

Con IE11 las páginas web reciben de manera automática mejores experiencias de corrección y los desarrolladores web tienen un control fino sobre cómo las manipulaciones DOM en script participan en el conjunto de ‘deshacer’. En la mayoría de los casos, los desarrolladores no necesitan preocuparse sobre la pila de deshacer, y IE11 funciona como se espera. Por ejemplo, si la página contiene un botón “bold” que llama a execCommand(“bold”) cuando se le da clic, IE11 soporta en automático deshacer esta acción, para que el usuario pueda oprimir Ctrl+Z para quitar la negrita al texto. IE11 rastrea cada script iniciado con cambio DOM y lo coloca en una unidad “deshacer” separada.

La pila de deshacer por defecto en IE11, maneja las más simples ediciones de script, pero en ocasiones, los desarrolladores necesitan soportar ediciones más complejas y con pasos múltiples. Por ejemplo, la página podría detectar que el usuario ha escrito “:)”, elimina ese texto e inserta un glifo de cara sonriente. En este caso, IE crearía de manera ordinaria, dos unidades de “deshacer” (una para la eliminación y otra para la inserción), y el usuario debería oprimir Ctrl+Z dos veces para deshacer el cambio en el script – tal vez no sea lo que esperarían. IE11 agrega dos nuevos comandos para que los desarrolladores web hagan funcionar este escenario: pueden llamar ms-beginUndoUnit, correr su script y luego llamar ms-endUndoUnit. Todos los cambios DOM en medio de los dos comandos serán agrupados en una sola unidad de “deshacer”.

Los desarrolladores web pueden resetear a manera de programa el historial de deshacer a través del comando ms-clearUndoStack. Esta capacidad es de mucha ayuda si reutilizan su instancia de editor para múltiples contextos. Por ejemplo, cuando el usuario responde a través de múltiples email, pueden limpiar la pila de deshacer desde el email previo cada vez que uno nuevo se abra.

Pueden probar Undo Test Drive que utiliza los nuevos comandos para agrupar unidades de deshacer durante el reemplazo automático de la cara sonriente.

The Undo Test Drive tests multi-step undo operations in your browser

Undo Test Drive prueba operaciones de deshacer de pasos múltiples en su navegador

Resumen

Con Internet Explorer 11, las aplicaciones basadas en web y los sitios, pueden ofrecer ricas experiencias de edición al permitir a los usuarios capturar y compartir datos de manera sencilla. Los usuarios pueden crear contenido rico con pegado de imágenes automático, copiado y pegado automático de listas con formato y deshacer cambios de forma natural.

Prueben estas nuevas capacidades con IE11 tanto en Windows 7 como en Windows 8.1 y compartan sus comentarios con nosotros.

Jianfeng Lin and Ben Peters

Gerentes de Programa en Internet Explorer

Cómo evitar ser víctima de una estafa telefónica

Primeros pasos con Windows Azure Mobile Services

En este video Nick Harris muestra cómo puede crear su primera aplicación de Windows Phone con Windows Azure Mobile Services.

Windows Azure Mobile Services te puede ayudar a incrementar la productividad y expandir las capacidades de tu aplicación. Para ayudar a ilustrar cómo debes construir tu aplicación, esta entrevista con Nick Harris te lleva de la mano a través de la creación de tu primer Servicio Móvil, descargar la aplicación de arranque rápido para Windows Phone, correr la aplicación y luego explorar cómo la aplicación utiliza el SDK Mobile Services Client para insertar, actualizar y consultar sus datos en y desde el recién creado Mobile Service. Para más información vean Windows Phone – Comenzar a utilizar Windows Azure Mobile Services en Channel 9.

¡Disfruten! Y compartan sus comentarios cuando comiencen a utilizar Azure Mobile Services.

Como instalar Spotify para Linux – Ubuntu y Debian

Una pequeña mirada a los laboratorios secretos de Spotify

Los Avances de Spotify es una nueva sección que muestra algunas de las ideas divertidas y proyectos en los que han estado trabajando los desarrolladores de spotify – principalmente en su tiempo libre, durante sus días de hackeo, o en medio de la noche cuando no pueden dormir. Algunos de estos son proyectos personales, algunos son prototipos, pero todos están diseñados para hacer de Spotify algo más disfrutable.

spotify-logo-jean belmont-primary-horizontal-dark-linux-ubuntu-debian-background-rgb

Si bien spotify me gusta cada vez menos desde que llego a México puesto que han quitado muchos aristas que antes si podia escuchar en spotify y han puesto mucha basura ruidosa que se atreven a llamar muscia, lo que no puedo negar es que en realidad sigue siendo de los mejores programas para escuchar nuestras listas de reproduccion y tenerlas siempre bien sincronizadas en nuestros tablets y telefonos, pues bien ahora nos traen una version para Ubuntu y Debian con lo cual trataran de acercarse a los usuarios de Linux.

El proyecto spotify para linux no está 100% respaldado por Spotify, por lo que es posible que no funcione como se planeaba o que sea retirado en cualquier momento, pero si resulta ser lo suficientemente popular es posible que se convierta en funcion permanente de Spotify.

Éste es un avance de Spotify para Linux. Como un lanzamiento previo, esta versión aún no está soportada, pero la estan usando e intentaran asegurarse de que mantenga el paso para Mac y Windows.

Así que ¿cómo la obtienes? Se ha empacadao para Debian Squeeze /Ubuntu.

TUTORIAL CORTO DE Como instalar Spotify para Linux – Ubuntu y Debian

# 1. Agrega esta línea a tu lista de depósitos al 
# editar tu /etc/apt/sources.list
(tendras que usar CHMOD 7777 en el archivo
de otro modo no te dejara modificarlo)

deb http://repository.spotify.com stable non-free

# 2. Si quieres verificar los paquetes descargados,

# necesitarás agregar su clave pública 
sudo apt-key adv --keyserver keyserver.ubuntu.com --recv-keys 94558F59

# 3. Ejecuta la aplicación - obtén la actualización  
sudo apt-get update

# 4. ¡Instala spotify!

sudo apt-get install spotify-client

# 5. por ultimo escribe solametne spotify en la consola/terminal
y se lanzara la applicacion en ubuntu podeis anclarla
a la interfaz unitity haciendo click derecho mantener en el lanzador

Si por algun motivo no puedes correr la aplicacion nativa siempre puedes recurrir a wine para disfrutar de tu musica en Spotify aunque yo la he instalado en UBUNTU y va de maravilla como podras ver en los Screenshots abajo.

Recuperar los marcadores en Google Chrome

jean-belmont-logo-Google-Chrome-jpg

Cada navegador nos ofrece la facultad de poder almacenar una lista de nuestros  sitios preferidos y que visitamos frecuentemente, pero algunas ocaciones por error o por ataque de lagun malware estos se llegan a borrar, hay muchas formas de prevenirlo ¿Pero que pasa cuando el problema ya esta ahi?, bien pues aqui les dejo una pequeña explicacion de como Recuperar los marcadores en Google Chrome o recuperar los favoritos como le quieran llamar, este metodo funciona en la mayoria de los casos.

jean-belmont-logo-Google-Chrome-jpg

 

● Chrome crea una copia de seguridad de los marcadores, (favoritos) cada vez que entra y sales, creo que también cada vez que agregas un nuevo enlace.
● Si te han desaparecido, lo primero que tienes que hacer, los mas importante es NO HACER NADA CON CHROME paraliza toda actividad en Chrome.
● En 5 pasos, vamos a intentar Recuperar los marcadores en Google Chrome en Windows VISTA; WINDOWS7 Y WINDOWS XP, síguelos y no te perderás

● SI NO VES LAS CARPETAS, en windows en opciones de carpeta elige la opcion de mostrar archivos ocultos.

RECUPERACIÓN CON VISTA Y WINDOWS 7

1º Pulsar con el botón DERECHO en el logo de inicio abajo a la izquierda y elige explorar en el menú contextual, una vez abierto el explorador de Windows, vete a la carpeta:

C:\Users\TU_NOMBRE_DE_USUARIO\AppData\Local\Google\Chrome\User Data\Default

Ahí hay dos archivos: bookmarks ý bookmarks.bak, este último archivo es la copia de seguridad del último archivo guardado de los marcadores en Chrome antes del borrado, quiere decir, que EN EL ARCHIVO BOOKMARKS.BAK ESTAN TUS MARCADORES

2º Eligiendo bookmarks.bak (ponlo en azul; clicando UNA VEZ con el botón izquierdo encima de el), haz una copia (Ctrl C y luego Ctrl V, así seguido) esto te creará una copia de nombre bookmarks – copia.

3º Borra el archivo Bookmark.

4º Renombra Bookmarks – copia.bak ; elígelo, ponlo en azul, pulsa F2 y que quede solo el nombre bookmarks (sin extensión);

5º Ya Está; Muy importante, ahora sal de Chrome, vuelve a entrar y comprueba que están los marcadores, si no están… no hay nada que hacer, si están, salta xp y mira ORGANIZACIÓN

RECUPERACIÓN con Windows XP
1º Pulsar con el botón DERECHO en el logo de inicio abajo a la izquierda y elige explorar en el menú contextual, una vez abierto el explorador de Windows, vete a la carpeta:

C:\Documents and Settings\TU NOMBRE DE USUARIO\Configuración local\Datos de programa\Google\Chrome\User Data\Default

Ahí hay dos archivos: bookmarks ý bookmarks.bak, este último archivo es la copia de seguridad del último archivo guardado de los marcadores en Chrome antes del borrado, quiere decir, que EN EL ARCHIVO BOOKMARKS.BAK ESTAN TUS MARCADORES

2º Eligiendo bookmarks.bak (ponlo en azul; clicando UNA VEZ con el botón izquierdo encima de el), haz una copia (Ctrl C y luego Ctrl V, así seguido) esto te creará una copia de nombre bookmarks – copia.

3º Borra el archivo Bookmark.

4º Renombra Bookmarks – copia.bak ; elígelo, ponlo en azul, pulsa F2 y que quede solo el nombre bookmarks (sin extensión);

5º Ya Está; Muy importante, ahora sal de Chrome, vuelve a entrar y comprueba que están los marcadores, si no están… no hay nada que hacer, si están, mira lo siguiente: ORGANIZACIÓN

fuente google groups