Es un placer anunciar la version 1.1 de nuestra app, no sin antes agradecer el apoyo y la receptividad que hemos recibido de nuestros usuarios y visitantes en androidvenezuela.com.

En esta versión hemos intentado solventar los principales “detalles” que se presentaban en la app. Claro aun  queda mucho por hacer y en la medida que uds nos ayuden con sus ideas y feedback tendremos una mejor app.

Mejoras en versión 1.1:

✔ Ajustes de “Responsive Design”.
✔ Chequeo de conexión de datos.
✔ Reproducción de video en app nativa Youtube.
✔ Opción para compartir.
✔ Pantalla “Acerca de…”.
✔ Mejoras en interfaz de usuario.

Bajar de Google Play.

Android Venezuela Reader

Gracias y que la disfruten.
..

Con la gran diversidad de dispositivos móviles que existen actualmente a distintas resoluciones de pantalla, por ejemplo dispositivos como el Samsung Galaxy Note que se ubica entre un smartphone y un tablet, se hace absolutamente importante que nuestras aplicaciones o paginas web móviles se muestren correctamente mas aun cuando el uso que le damos a estos dispositivos crece de forma vertiginosa.

Hay muchas herramientas que nos permiten pre-visualizar como va quedando nuestro trabajo a distintas resoluciones, sin embargo normalmente se limitan a resoluciones preestablecidas y en algunos casos podemos definirlas.

Si estas en MacOSX hay una opción bien interesante para ver como nos esta quedando nuestros css media queries para configurar la “sensibilidad”  a distintas resoluciones simplemente cambiando el tamaño de la ventana.

Para esto vamos a utilizar Automator que es una utilidad que viene en MacOSX para programar y automatizar de manera gráfica distintas tareas y acciones, como por ejemplo copia de archivos por lotes, re-escalar imágenes en lotes y todo tipo de tareas repetitivas o especificas. Automator trabaja con acciones que conforman el flujo de trabajo donde cada acción tiene entradas y salidas. En nuestro caso crearemos un flujo de trabajo tipo aplicación que contendrá 3 acciones.

Utilizo MacOS en inglés así que los pasos corresponden a la versión en inglés.

Los pasos son los siguientes:

1. Abrir Automator que esta ubicada en Aplications.
2. Nos pregunta por el tipo de documento que vamos a crear, indicamos tipo de documento: Aplication.
3. Vemos del lado izquierdo las distintas acciones disponibles organizada por categoría en la Librería de acciones. Buscamos en la Librería Internet la acción llamada Website Popup o en español seria “Abrir sitio web” y la arrastramos al área de la derecha.
4. En Website Popup indicamos la resolución inicial. Podemos dejar la resolución por defecto del iPhone de 320×480. En User agent podemos dejar Safari ya que no queremos emular un iPhone o iPad en este caso.
5. Ahora agregamos una forma para indicar el URL. Seleccionamos y arrastramos la acción llamada Ask for Text que esta en la Librería Text, la arrastramos arriba de la acción Website Popup, indicamos algún texto como: “Introduzca el URL:” y en la parte de abajo ingresamos el URL por defecto.
6. Ahora agregamos de igual manera la acción Extract Data from Text. La colocamos luego de Ask for Text. Le indicamos que extraiga URL.
7. Guardamos nuestra aplicación asignándole nombre, por ejemplo Responsive Browser.
8. Le cambiamos el ícono y lo agregamos a nuestras aplicaciones en el Dock.
9. Para su uso simplemente lo abrimos le indicamos el URL a cargar y voilà, probamos re-escalando la ventana y vemos como cambia responde nuestra app a las distintas resoluciones. Para el modo landscape simplemente re-dimensionamos la ventana con el ancho mayor que lo alto.

Aún recuerdo mis inicios en Internet donde lo que se podía ver en pantalla era solo texto, el protocolo GOPHER era la manera de interactuar con las fuentes de información. También existía ya para ese momento el protocolo HTTP sin embargo las velocidades de conexión eran tan bajas que las posibilidades de que el navegador mostrara alguna imagen eran mínimas. Desde aquellos años hasta la actualidad han aparecidos muchas tecnologías resumidas en siglas y nombres y todas funcionando sobre el perdurable HTTP. Entre estas el mas palpable HTML que en lo últimos tiempos ha recibido especial atención, y una evolución muy interesante con HTML5. Ver la evolución de la Web

HTML5 introduce nuevas funcionalidades, características y algo importante: los navegadores lo van implementando de manera muy aceptablemente uniforme, cosa que antes con otras definiciones de HTML no ocurría. Aunque HTML5 aun esta en desarrollo y no completamente implementado, los resultados son muy buenos, y resulta ser que son los dispositivos móviles es donde se ve el mayor crecimiento de HTML5. Esto es importante porque la web esta siendo utilizada desde millones de dispositivos móviles, con características, resoluciones de pantalla, colores y tamaños distintos. De hecho cada vez es mas común que los nuevos proyectos nacen y se diseñen primero para dispositivos moviles de donde se genera el concepto de “Mobile First”.

Sensibilidad en la Web

Los nuevos diseños Web deben asegurar que se visualizan bien, deben ser sensibles a las características de los dispositivos y la manera en que se esta mostrando la pagina. De aquí el termino “Responsive Design”, aunque no se refiere a una sensibilidad humana, nos ofrece una manera de que la información y su diseño nos llegue tal como se espera.

Ventajas

• Garantizar y mantener el estilo en diferentes resoluciones de pantalla y modo de visualización horizontal o vertical.
• Menor costo de desarrollo ya que se puede diseñar el sitio para distintos dispositivos sin reestructurar el sitio.
• Relativamente sencillo de implementar.
• EL diseño nuevamente toma un rol importante, y deja de lado en lo posible las limitaciones de los dispositivos, por ende mejora la experiencia del usuario en los dispositivos móviles.

Desventajas

• Requiere mayores recursos de hardware.
• Los elementos se cargan en los tamaños completos aun cuando se use un dispositivo de menor resolución de pantalla.
• No soportado en dispositivos anteriores.

Herramientas

Algunas herramientas para hacer y probar nuestros diseños “sensibles”:

• Para probar y simular en varios dispositivos… http://www.responsinator.com/
• Plugin Jquery para sensibilizar textos grandes… http://fittextjs.com/
• Para inspirarnos, una buena colección.. http://mediaqueri.es/
• Frameworks. Ya existe una variadad de frameworks que nos facilitan el trabajo, por ejemplo: Lessframework y también Bootstrap
• Libros. Hay muchos pero el mas representativo quizás es el libro “Responsive Web Design” de Ethan Marcotte.
• Adobe Shadow. Herramienta que nos permite monitorear los resultados en varios dispositivos de manera simultánea y remotamente.

“The color of art is #A79F94″, según Joshua T. Nimoy (http://jtnimoy.net/), que ha calculado el promedio de color de mas de 26.000 imágenes de la colección de arte del Museo de Arte Moderno de New York o MoMa.

n Valencia no la conseguí aproveche la ida a CCS.

Probando listas…

• Una opcion
• dos opciones
• tres
• cuatro opciones

Leer más… »

Carla II, originalmente cargada por César González – Destinos360.

werewrwer

Arbol sin hojas, originalmente cargada por César González – Destinos360.

Probando post desde flickr

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum. Leer más… »