Hace unos días les mostré una pequeña recopilación de retratos con tipografía. Si te gusto la anterior entrada, esta te gustara más. Hoy, les traigo una aplicación para iOS, la cual nos permite aplicar ese efecto tan vistoso de llenar una fotografía con palabras.

La aplicación lleva por nombre WordFoto y tengo que decirles que los resultados que obtendremos son espectaculares, su uso no podía ser más sencillo, tan solo tenemos que tomar una fotografía o escoger una de nuestra biblioteca y aplicarle uno de los 8 efectos predefinidos: classic color, classic gray, cómic, black label, howing, prankzter, Romance y blocky.

Efectos de WordFoto

Si los efectos que vienen predefinidos no te convencen no te preocupes, la aplicación te permite crear 8 efectos más. Por otro lado tenemos el apartado que le da vida a la aplicación: decorar una fotografía con palabras; aquí podemos crear las palabras que queremos que tengan nuestras fotografías. Con las palabras y efectos que la aplicación te ofrece el resto depende de tu imaginación. La aplicación tiene un costo de $ 24 pesos en la App Store de México.

En los últimos años he visto una tecnica que ha llamado mi atención por lo llamativa y bonita que es. Esta técnica trata de representar un rostro o a un personaje a través de una determinada tipografía, en muchas ocasiones los resultados son espectaculares. Desconozco si esta técnica tiene algún nombre en espesifico  especifico pero les invito a ver algunos ejemplos.

Einstein

Obama

Dalai Lama

Dennis Hoper

Child Of Korn

Muhhamad Ali

Visto en : On Extra Pixel

Notification Control no es un aplicación como tal, simplemente es una pagina web en la cual se nos presentan una serie de enlaces para desactivar los mensajes que las redes sociales más populares nos envían a nuestro E-mail.

Por poner un ejemplo, hace ya algún tiempo al equipo de Twitter se le ocurrió la maravillosa idea de mandarte un e-mail cada que alguien te seguía, o marcaba como favorito algún twitt tuyo, o simplemente retwiteaba algún mensaje, recibir correos masivos por esto no se me hace nada practico ya que tu bandeja de entrada se puede llenar de “basura”. A si como twitter hay otras redes sociales que hacen lo mismo y no es de sorprender que al abrir tu bandeja de entrada te encuentras con cientos de e-mails de estas redes. Pues bien si no te quieres romper la cabeza en Notification Control nos dan los enlaces directos a cada una de esas redes sociales donde podemos desactivar las molestas notificaciones que llegan a nuestro E-mail.

Las aplicaciones para iOS son el elemento que le dan vida a los dispositivos de Apple. Me atrevería a decir, sin temor a equivocarme que en la App Store hay aplicaciones para TODO.

Hace 1 mes me vi en la necesidad de someterme a un tratamiento medico, este consistía en tomar un buen numero de pastillas, ya saben: Tomar 1 pastilla cada 8 horas durante 15 días, y así con cada una de las demás pastillas. No se ustedes, pero a mi esto se me suele olvidar por lo tanto necesitaba una aplicación que me permitiera llevar un control del tratamiento que estaba tomando y que ademas me avisara en el momento que tenia que tomar mis pastillas.

En la App Store, encontré varias aplicaciones que servían para lo que buscaba, sin embargo, por x o y razón no encontraba una que se adecuara a mis gustos, hasta que encontré Pillboxie. Pillboxie me encanto desde el principio, ya que cuenta con un diseño muy bien cuidado, y a su vez  servia para lo que yo necesitaba: llevar un control de las pastillas que me tenia que tomar.

Pillboxie se usa de una manera muy intuitiva, no como otras alternativas que se basan más en opciones en forma de listas con un sin fin de opciones las cuales  llegan a confundir al usuario.

Ingresar un recordatorio de las pastillas a tomar es muy sencillo: Creamos la “pastilla”, le asignamos una imagen, la guardamos, posteriormente arrastramos la pastilla creada a los horarios en los que debemos tomarla, y el resto lo hará la aplicación, ya que cada que se cumpla la hora de tomar nuestras pastillas la Pillboxie nos enviara una notificación a modo de recordatorio.

Con un excelente diseño, una interfaz intuitiva y de fácil configuración esta aplicación se va al cajon de favoritas, sobre todo cuando se vean en la necesidad de tomar  un tratamiento medico. ¿Saben que es lo mejor de todo?, la aplicación es totalmente gratuita.

Descarga Pillboxie desde la App Store

En la actualidad uno de los inconvenientes que se tienen con CSS3 es que aun no ha sido estandarizado, esto provoca que para aplicar un efecto sombreado a un contenedor se tengan que escribir distintas lineas de código en función del navegador en el que se desea mostrar.

Al no haber aun un estándar el aprendizaje de la sintaxis para las propiedades nuevas que propone CSS3 es algo “complicado”, no por que sean muy difíciles de entender si no por la gran cantidad de variantes que se tienen para todos los navegadores que lo soportan. CSS3 Click Chart es una buena herramienta que nos puede ayudar en el proceso de aprendizaje. En Css3 Click Chart se nos presentara en forma de lista las propiedades CSS3 más populares y en cada propiedad se nos presentaran los siguientes datos:

¿Que hace la propiedad?
Referencia a la especificación de la W3C
Código de Ejemplo
Previsualización de la propiedad
Navegadores Compatibles
Herramientas para expandir el uso
Tutoriales y artículos para extender el tema.

Como podemos ver se nos ofrece información interesante la cual nos ayudara a entender mejor como funcionan algunas de las propiedades nuevas que propone CSS3.

Cuando estamos modificando o actualizando el código CSS de algún sitio Web uno suele realizar las siguientes tareas:

1.- Abrir el nuestra aplicación FTP.
2.- Abrir el archivo CSS en nuestro editor preferido.
3.- Hacer los cambios en el archivo CSS.
4.- Guardar los cambios.
5.- Ir al navegador y recargar la pagina para ver los cambios.

Esto uno lo puede hacer en repetidas ocasiones lo cual puede llegar a ser tedioso, pero con CSS refresh nos vamos evitar el ultimo paso, CSS Refresh es una librería en javascript la cual actualiza el navegador automáticamente cada que realizamos un cambio en nuestro código css.

Simplemente tendremos que descargar la librería, y colocarla en el header después de los archivos de estilo y el se encargara del resto, a la larga esto nos agilizara el trabajo cuando estemos tocando código.

Descargar CSS Refresh

No cabe duda que el ingenio de los desarolladores no tiene limite, y en la red podemos encontrar muchos ejemplos de ellos, en este caso hablamos de un desarrollador de nombre Grant, que dicho sea de paso no tiene un buen gusto por el diseño pero que en contraparte parece que tiene una habilidad muy buena en el desarrollo.

Prueba de ello es un emulador del mítico Game boy Color el cual funciona desde el navegador hecho en HTML 5 y Javascript, Por defecto podemos cargar unos juegos que vienen en una lista la cual cuenta con muchos juegos de Zelda, Mario, Megaman, vamos todas las joyas de la consola de Nintendo.

Los juegos son completamente jugables y seguramente te harán pasar un dato agradable recordando viejas épocas .

Jugar Game Boy desde el navegador

El diseño del Logo

Cuando empece a diseñar el logo de Applendamos pensé en 2 cosas: Apple y Aprender. Ya tenia lo importante que era la palabra Applendamos pero me faltaba algo y ese algo fue crear un lápiz que jugara un poco con la palabra pplendamos mi “lapiz” tiene toques de elementos del logo de Apple y algunas cositas más. El resultado es el logo que ya conocen.

El primer Header en el que pensé

Algunos datos extras

Tengo un promedio de 200 visitas por día : Lo se aun me falta mucho para crecer

España es el pais que más entra a Applendamos

Safari, Chrome y Firefox son los navegadores más usados en este blog

Dato curioso: el porcentaje mayor que visita Applendamos son usuarios de Windows

Estos son algunos datos curiosos que quería compartir con ustedes, como se podrán dar cuenta Applendamos es un blog que es un bebe pero que con el tiempo confío se convierta en todo un joven maduro.

PD.- Recuerden que estoy buscando colaboradores.

Si estas metido en el diseño o desarrollo web seguramente has escuchado de Sass, Less, Stylus, CoffeeScript, y Haml. Las cuales nos permiten trabajar de una manera más cómoda y veloz con tecnologías como CSS, Javascript y HTML. Si las has estudiado te darás cuenta que son una muy buena alternativa para mejorar el tiempo de desarrollo, sin embargo, también te darás cuenta que para poder utilizarlas se necesitan instalar ciertos paquetes o tecnologías extras.

Ejemplo de Stylus

Por ejemplo si quisiéramos utilizar Stylus para escribir código CSS más rapido, primero tendríamos que instalar Nodejs, una vez instalado Nodejs podríamos instalar el paquete que nos permite trabajar con Stylus, por otra parte tendríamos que usar la consola para poder compilar nuestro código en Stylus el cual finalmente nos va a generar un archivo CSS como el de toda la vida, si bien en editores como SublimeText podemos compilar directamente, esto no significa que nos podamos saltar el paso de instalar Nodejs en nuestra maquina.

Todos estos pasos para poder usar alguna de estas tecnologías son molestas para la gente que no quiere meterse en tanto lío, como por ejemplo los diseñadores, para ellos y por que no, para todos existe CodeKit, una herramienta que aun se encuentra en fase beta pero que nos permite compilar código en Stylus, Sass, Less, CoffeeScript y Haml de una manera tan simple como darle click al botón de compilar, así de fácil y sencillo.

En CodeKit solo tendremos que arrastrar la carpeta de un proyecto en la cual estemos trabajando y esta identificara los archivos de Stylus, Sass, Less, etc. Para poder compilarlos. Por otro lado Codekit también nos permitirá optimizar imágenes PNG o JPEG y si trabajamos en un navegador como Safari podemos ir viendo los cambios que hagamos en el código en tiempo real.

CodeKit resulta una interesante herramienta que tiene futuro, como mencione antes aun se encuentra en fase Beta, pero la puedes probar gratis por un tiempo.

Si hay algo que siempre me ha gustado del ecosistema Mac es el aspecto gráfico que este maneja, en términos generales se puede decir que lo que se hace en el mundo Mac es más “bonito” que lo que se hace en otras plataformas, lo cual no quiere decir que sea mejor.

iOS a pesar de ser un sistema operativo que ha evolucionado muy poco a nivel visual, cuenta con aplicaciones que si han evolucionado con el pasar de los años, día a día nos encontramos con aplicaciones más bellas y dignas de quedarse embobados viendo lo buenas que son.

Al darse una vuelta por la Appstore te encontraras con pequeñas obras de arte las cuales puedes tener en tu bolsillo. Si estas interesado en conocer las mejores Apps a nivel visual, o quizás estés pensando en diseñar una nueva aplicación te recomiendo visitar Mobile UI Patterns.

Mobile UI Patterns es una web que nos muestra capturas de pantallas de diferentes elementos usados en las Apps de iOS: Listas, mapas, notificaciones, Propiedades de usuario, entre muchas más. Pero no todo es miel sobre hojuelas, ya que así como hay muchas aplicaciones de gran calidad , es verdad que en la Appstore aun hay aplicaciones muy genéricas que muchas veces son tan repetitivas que parecen iguales. El reto para los diseñadores de interfaces es sobresalir del resto y en Mobile UI Patterns podemos encontrar un ejemplo de ellas.