El infierno de Android Browser para nosotros los frontends

Si un amigo tuyo te dice :

" He probado mi aplicación en navegadores android y funciona perfecto ".

Lo que tienes que hacer es lanzar una risa malvada y mostrarle la siguiente presentación :




Personalmente por esta razón es que la gente le gusta desarrollar para iphone, este tipo de problemas  son poco frecuentes. Este tema de compatibilidad en android realmente se ha salido de control....

Si a esto sumas el nuevo mobile OS de firefox y el nuevo movil de amazon, esto deja de ser divertido.

Si quieres saber consejos muy buenos a tener en cuenta cuando desarrolles para android te aconsejo  leer el siguiente  articulo con muchos consejos sobre android y como afrontar estos problemas, este articulo se centro en putos muy importantes como por ejemplo:

• Software
• Hardware
• Pantallas 
• Drivers
• chipset
• etc

y en cada una de estos puntos hacen muy buenas recomendaciones sobre lo que necesitas saber para no tener problemas en el futuro. Como dije antes muy buen articulo

link: http://www.smashingmagazine.com/2014/10/02/what-every-app-developer-should-know-about-android/

Comparte tus Bookmark : http://unitedbookmark.com/

Utilisima herramienta para crear screenshot de tus web Apps

Piensa en esta situacion :

Pasas el tiempo programando una aplicacion web super cool y ahora quieres presentarla a tu audiencia de una forma muy atractiva en situaciones comunes de la vida real y en un determinado dispositivo. Bueno lo primero que piensas es en bajar un template photoshop de un iphone por ejemplo y hacer el montaje tu mismo como por ejemplo en este link : http://365psd.com/day/2-219/

Bueno supongamos que no quieres hacer el montaje tu mismo ó que no sabes como usar photoshop, la verdad que no hay mucho que hacer en estas situacion hasta ahora.

Les presento : Placeit.net una herramienta para hacer este tipo de montajes automaticamente por ti, solo tienes que subir tu imagen y seleccionar el tipo de situacion de la vida cotidiana que mas te guste, pero eso no es todo tambien puedes usar la url de tu sitio web y placeit.net automaticamente creara un screenshot de tu sitio web, y el resultado es muy bueno.

Por ejemplo la imagen de presentacion de esta entrada es de este blog, ha quedado super cool aah? El servicio ofrece una opcion gratuita y de pago.

link : https://placeit.net/#!/stages/listening-music-black-iphone-4

Una App en HTML 5 es igual de rapida que una APP nativa en moviles

Interesante articulo que he encontrado de los chicos de Sencha donde demuestran con un vídeo que las App desarrolladas sobre HTML 5 son tan rápidas como los App nativas en móviles. Y que algunas veces es el mal uso de la tecnología que algunos programadores hacen de HTML 5.

Parece que todo comenzó cuando Mark Zuckerberg dijo que HTML 5 no estaba listo, en respuesta sobre las quejas de que la App de facebook era muy lenta. Eso llevo a que los chicos de Sencha se pusieran manos a la obra y crearon un prototipo de una App de facebook sobre HTML 5.

Tuvieron que hacer algunos cambios sobre su framework actual pero en el proceso  crearon un interesante componente que ellos llaman : "Infinite List Component", que maneja un numero desconocidos de items. En el proceso solo un pequeño set de DOM es creado para mostrar en la área visible de la pantalla,  de esta manera están constantemente reciclando los elementos  cuando los datos son requeridos.

Aquí el vídeo de la demostración de la App:

y el articulo completo sobre el proceso de creación :

http://www.sencha.com/blog/the-making-of-fastbook-an-html5-love-story

Freelancer no sabes cuanto cobrar ?

Si eres freelancer y estas con el eterno problema de cuanto cobrar una app viene en tu ayuda mire el siguiente video de presentacion :



link : http://www.cuantocobrar.com/

Consejos para que Apple no rechace tu app

El proceso  para que una app sea aceptada por apple es descrito por algunos como un proceso al estilo NAZI debido a que apple puede rechazar tu app basado en estandares muy estrictos que en cada actualizacion de IOS son modificados.

PhoneGap es una herramienta de Abode muy util para empaquetar tu aplicacion web segun los estandares HTML 5  web y pueda correr en dispositvos moviles como android , windows phone , iphone , ect.

EL problema aqui es que muchas personas creen que por usar phonegap para empaquetar su aplicacion esta sera admitida por apple pero esto no es asi y no es culpa de phonegap . Phonegap hace muy bien su trabajo empaquetando tu aplicacion segun los estandares HTML 5 , pero a lo mejor tu  diseño de la interfaz de usuario no es la ideal segun apple. Apple tiene reglas muy estrictas y lineamientos que debemos seguir para que nuestra app no sea rechazada.

Apple puede  rechazar las app por:

Que la interfaz de usuario no se sienta como una "app".
Que  no se sienta parte del  ecosistema IOS.
Que no ofrezca una diferencia de la experiencia web movil.

Si quieres mas informacion de los lineamientos de apple sobre como deberian de ser tus app  puedes visitar estos enlaces :

1. https://developer.apple.com/appstore/guidelines.html 
2. http://developer.apple.com/library/ios/navigation/ 
3. http://developer.apple.com/library/ios/#DOCUMENTATION/UserExperience/Conceptual/MobileHIG/AppDesign/AppDesign.html 

En estos link podras encontrar mucha informacion de lo que es aceptable y no es aceptable por apple.Tengan muy encuenta este parrafo que se encuentra en la documentacion:

"Reconsidera el diseño basado en web , tienes que asegurarte que entregas a las personas una experiencia de una app IOS y no una experiencia web , recuerda que las personas pueden visitar tu sitio web usando Safari en IOS."

Tambien debemos considerar estos puntos por los cuales pueden rechazar tu app:

1. Las apps que no son muy utiles y unicas  son simplemente  sitios web agrupados como una app  o no entreguen algun valor  pueden ser rechazas.
2. Las apps que no usen elementos del sistema como botones e iconos correctamente segun la documentacion de apple pueden ser rechados.
3. Apps que simeplemente son fragmentos de paginas web  ,contenidos agregados  o colecciones de link pueden ser rechazadas. 
4. Si tu app es solo un empaquetado de un sitio web usando Phonegap .
5. Si tu app requiere hacer zoom para ver algun contenido. 
6. Si tu app solo tiene texto y links puede sera rechazada.

Cada app es evaluada individualmente por su propio merito , funcionalidad y experiencia de usuario , hay que seguir la documentacion de los link de arriba y hay que recordar que esos documentos cambian con cada version de IOS.

Tambien puede ayudar que analices otras aplicaciones que han sido aprobadas por apple y ver en que puedes mejorar tu app ,  existen numerosos recursos en internet para que puedas ayudarte en como puedes diseñar tu interfaz de una manera limpia e intuitiva por ejemplo :

1. http://www.mobile-patterns.com/
2. http://inspired-ui.com/
3. http://pttrns.com/

Y algunos Frameworks que te pueden ayudar a crear tu interfaz mas rapido :

1. http://twitter.github.com/bootstrap/
2. http://www.iui-js.org/ 
3. http://jquerymobile.com/
4. http://www.sencha.com/products/touch/ 
5. http://demos.kendoui.com/ 
6. http://foundation.zurb.com/ 
7. http://dojotoolkit.org/features/mobile 

Y por ultimo no esta de mas decirlo pon mucha atencion al rendimiento de tu app.

Link : http://www.adobe.com/devnet/phonegap/articles/creating-apps-with-phonegap-lessons.html

Crea prototipos de app moviles de manera rapida

A veces si queremos un prototipo de una APP para presentar a  algun cliente siempre tenemos que diseñar imagenes o presentaciones en powerpoint sobre la interfaz y explicar como funciona.

Pero que te parece la idea de que puedas crear un prototipo de tu APP con interaccion del usuario incluida  y que se pueda probar desde el mismo movil en un corto tiempo?

Si es posible les presento : http://keynotopia.com/



What is Keynotopia? from Amir Khella on Vimeo.