Dos ejemplos para entender que es el Responsive Design

En la sección de proyectos de James Mellers se pueden encontrar estos dos ejemplos en los que podéis ver de forma muy clara cómo para que se puede la técnica de Responsive Design.

En “Responsive Illustration” puede ver el efecto que tiene sobre el diseño el cambio de tamaño de la pantalla. A medida que reduces el tamaño de la ventana, la ilustración va cambiando, ajustando el contenido al espacio disponible en la ventana del navegador:

http://www.thismanslife.co.uk/projects/lab/responsiveillustration/

Otro ejemplo de su carpeta de proyectos es “Responsive Layouts”, en que se puede ver como cambia la distribución de elementos cuando se usa la versión web o la versión optimizada para móviles. Para ver los cambios hay que hacer click en la versión “mobile” o “Desktop” que aparece arriba a la derecha:

http://www.thismanslife.co.uk/projects/lab/responsivewireframes/#desktop

El Responsive Design no se puede aplicar en todos los casos ya que los cambios de uso entre una versión de escritorio y la versión móvil no son solo cambios en el tamaño de pantalla. El cambio es mucho más profundo ya que el contexto cambia por completo el uso y forma de la herramienta: reestructuración de las secciones, cambios en la redacción de los textos, etc…

Otra información de interés: Diseñando para dispositivos móviles: Responsive Web Design y Hand per Device

Enlaces interesantes 23 febrero

Enlaces interesantes 23 febrero

• Twelve (12) emerging best practice for adding user experience work to agile software development –
• Construction of the Titanic | InspireFirst – Fotos de la construcción del Titanic
• UI Prototyping Tool Made Beautiful – Create Interactive Wireframes & High Fidelity Prototypes –
• Tutoriales de After Effects ~ artysmedia – Listado completo de tutoriales de after effects
• ThingLink, Aplicación para Crear Páginas de Bienvenida Interactivas en Facebook –
• Mobile Sites vs. Apps: The Coming Strategy Shift (Jakob Nielsen’s Alertbox) –
• A Great Collection of Free Camera Icons –
• Taller de Introducción a la Analítica Web con Google Analytics | Julián Sánchez Peinado –

Enlaces interesantes 20 febrero

Enlaces interesantes 20 febrero

• Monitor Which Social Networks Your Visitors are Logged Into With Google Analytics | SEOmoz –
• 25 Typography Examples That Will Revolutionize Your Work –
• 10 useful htaccess tricks to improve your website –
• Pinterest Marketing Tips for SEO, Traffic, and Online Reputation Management –
• 3D Adobe Photoshop Tutorials: Photoshop Tutorials Free Download | Best Graphic Design – Tutoriales para crear ilustraciones y retoques utilizando las capacidades 3d de photoshop
• Resetear impresoras HP « HPhayquedecirlomas –
• turn.js – The page flip effect for HTML5 –
• MALINA LIBROS MANIAC – LIBROS DIGITALES GRATIS: AUTOR – ISAAC ASIMOV –

Dónde localizar la dirección de correo asociada a tu dispositivo Kindle de Amazon

Este post nace por la cantidad de dudas que surgen en el post “Cómo convertir PDFs para leerlos en el Kindle. Soluciones para OS X y Windows” que hice en el 2009 sobre la conversión ficheros y edocs para disfrutarlos en tu Kindle de Amazon. Algo que debería ser bastante sencillo (encontrar la dirección asociada a tu dispositivo), me sorprende que Amazon lo tenga tan escondido en dos submenús. Y eso que la empresa  es famosa por optimizar todos los procesos de compra para facilitar el uso y que no se escape nadie :) Hasta podéis leer sobre ello en el libro:  “Un Click. Jeff Bezos y el auge de amazon.com”

Al tema.

Para enviar ficheros al kindle disponemos de dos vías:

• Inalámbricamente (por wifi o 3g, según el dispositivo). Enviando los ficheros a una dirección asociada con el dispositivo que amazon te asigna y como arte de birli-birloque, aparece en tu dispositivo. Pagando un euro (0.90€) por mega de transferencia, claro. por mega de transferencia en el caso de la conexión 3g o Whispernet. La descarga por wifi es grauita. (Gracias por la anotación @Artzaik).
• Alambricamente. Osea, por USB :) Conectas el dispositivo, copias el ebook y ya puedes disfrutar de el. Esta vez, gratis.

Pero.. ¿cómo puedo saber que dirección tengo asignada a mi dispositivo Kindle?. Lo puedes en la web de Amazon, pero está un poco escondido.

Aquí una explicación gráfica:

Haz click para ver la explicación en detalle

Aquí la explicación paso a paso sin grafiquitos ni flechitas:

• Te identificas con tu cuenta de Amazon.
• Vas a “tu cuenta” o “your Account”
• En la parte de abajo hay un cuadro con el nombre “Digital Content” o algo parecido en castellano.Entras a la sección “Manage your kindle”
• En la página verás un menú lateral. Tienes que ir a la opción “Personal Document Settings” En la página verás una dirección asociada a tu dispositivo.

Pues esa es la dirección a la que tienes que enviar por email tus ficheros para acceder a ellos desde tu Kindle.

Si los ficheros están en un formato distinto de .mobi, .prc o el formato nativo del Kindle .azw tienes que poner en el asunto del mensaje  “convert” para que Amazon lo convierta automáticamente.

Si quieres ahorrarte unos centimillos, puedes enviar el mensaje a la misma cuenta pero añadiendo el subdominio “free” a la dirección de correo. La dirección quedaría así: si amazon te ha asociado “pericodelospalotes@kindle.com”, si le envías un fichero a la dirección “pericodelospalotes@free.kindle.com”, Amazon te devolverá un enlace para descargar el fichero convertido directamente en tu ordenador, sin pasar por su red ya sea por wifi o 3g. 

Fácil pero sinceramente, un poco escondido. Amazon preferirá que pases por caja pagando un precio más elevado por los libros del kindle que por lo de papel ( la bio de Steve Jobs, por ejemplo)  en lugar de “convertirlos” de otras fuentes.

Enlaces interesantes 5 febrero

Enlaces interesantes 5 febrero

• Subtle Patterns | Free textures for your next web project –
• 10 Websites to Download Free Fonts: | Concept Dezain –
• “Desnudando” a Google con infografías : Marketing Directo –
• Cortometraje "La Entrevista" NotodoFilmFest.com / Home / Ficha / 31150 – Cortometraje "la entrevista" sobre la realidad laboral en España
• Crear una empresa en 3 horas por 71 euros | Desencadenado –
• Psicoanálisis de la fotografía | Cultura | EL PAÍS –
• Guide to Website Navigation Design Patterns –
• 5 Signs of a Great User Experience –