Stormboard: ideas grupales para proyectos

Isabel

Una de las primeras etapas cuando aparece una idea, si es que vamos a trabajar en grupo o equipo, es el momento en el cual comenzamos a inspirarnos y plantear propuestas. Presentar cada pensamiento como punto a charlar y ver de esta manera si es realmente factible con el fin de que sume en darle empuje al mismo.

Conocido como “brainstorming” en inglés, este proceso dependiendo de la situación del equipo de trabajo será café de por medio, en oficinas o vía web. En este último caso podemos recurrir a Stormboard, una excelente herramienta que nace para organizar los primeros planes de forma mas efectiva.

Stormboard: Ideas grupales para proyectos

Las ideas de cada uno serán vistas como pequeños paneles en los cuales los demás usuarios pueden comentar, votar y compartir para ir creando un filtro automático que dejará mas resaltadas aquellas que lograron ser aceptadas y se inician en su desarrollo. El poder comentar permite una interacción interesante allí mismo pero manteniendo cada punto separado, algo cómodo para evitar problemas al encontrar “eso que se nos había ocurrido” en medio de una pila de comentarios que podríamos haber hecho.

Stromboard incluye varios templates para encontrar el adecuado dependiendo del proyecto y la cantidad de personas que tenga el equipo de trabajo, además de mantener sincronizada la información entre usuarios mientras es guardada con conexiones encriptadas de gran seguridad. Además de texto podemos sumar por supuesto imágenes, archivos y otros elementos que hacen lentamente que nuestro nuevo lanzamiento tome forma.

Stormboard: Ideas grupales para proyectos

Si bien el sitio cuenta con tres tipos de planes, como siempre vamos a enfocarnos en el gratuito. El mismo permite:

  • 1 administrador.
  • “Storms” ilimitados.
  • 5 usuarios por “storm”.

Con “storm” se refieren a proyecto por lo que si lo piensan es perfecto para pequeños grupos de trabajo de hasta 5 personas, ya que quizás se trata de usuarios diferentes. Crearlos es sumamente sencillo y solo depende de que el administrador vaya al inicio, tipee un nombre adecuado, seleccione una plantilla y lo active. Luego pasará a agregar el contenido que servirá de base y claro, invitar a quienes le ayudarán a darle forma. Si tienen cuenta en el sitio se hará directamente con su nombre de usuario y de no ser así será enviada vía correo electrónico una invitación.

Buena propuesta para grupos pequeños, funcional y que se enfoca en una etapa de la creación que muchas veces es dejada de lado.

Web: Stormboard

Cuadros de dialogo más atractivos con NiftyDialogEffects (Android)

Pablo

NiftyDialogEffects es una excelente biblioteca para incorporar alertas o diálogos mucho más atractivos e interactivos a nuestras aplicaciones Android.

Esta biblioteca cuenta con más de 10 animaciones distintas para mostrar los cuadros, estas animaciones se pueden configurar muy fácilmente al momento de construir el dialogo.

Otro aspecto interesante es que desde el punto de vista de la implementación, emplear uno de estos diálogos es muy similar al de construir uno basado en el SDK de Android original, por lo que migrar de uno al otro es cuestión de pocos minutos.

La lista de efectos completa es: Fadein, Slideleft, Slidetop, SlideBottom, Slideright, Fall, Newspager, Fliph, Flipv, RotateBottom, RotateLeft, Slit, Shake, y Sidefill.

dialogos modales para android

Construir un dialogo nuevo es tan sencillo como escribir:

NiftyDialogBuilder dialogBuilder=NiftyDialogBuilder.getInstance(this);

dialogBuilder
    .withTitle("Modal Dialog")
    .withMessage("This is a modal Dialog.")
    .show();

Un detalle más, todos los efectos se encuentran inspirados en un set de animaciones basadas en CSS propuesto hace tiempo por Tympanus, un bonito ejemplo que demuestra que se puede lograr una interface homogénea entre la versión móvil y web de un mismo proyecto.

Web: NiftyDialogEffects

10+ Barras de progreso animadas con JavaScript y CSS

Pablo

Desde el apartado de Github de Hubspot llega Pace, una pequeña biblioteca escrita en JavaScript para la creación de animaciones de progreso animadas, listas para utilizar hoy en nuestros sitios web.

Los indicadores de progreso de esta biblioteca funcionan mediante la combinación de JavaScript y CSS, este ultimo para todo lo que se refiere a la animación y visualización de los distintos elementos. Si hablamos de la forma en que Pace calcula la carga la respuesta es AJAX.

cargando javascript y css

Un aspecto interesante de este proyecto, y que lo diferencia de alternativas similares, es que el theme se puede personalizar directamente desde el sitio oficial del proyecto, para lograrlo simplemente debemos seleccionar el color que deseamos emplear y el sitio automáticamente generará el theme según nuestras indicaciones. Un detalle que simplifica mucho el proceso de adaptar este proyecto al nuestro.

Tenemos más de 10 indicadores de progreso distintos para seleccionar, muy distintos entre si y algunos muy originales, les recomiendo visitar el sitio del proyecto para verlos en funcionamiento.

Web: Pace

F.lux: brillo automático en el monitor

Isabel

Existen varios factores por lo que querríamos que el brillo o colores del monitor se adapten dependiendo la iluminación en la habitación. El primero y principal es la relajación de la vista luego de varias horas frente a la pantalla. Otro puede ser que si vamos directo a la PC por la mañana debido a alguna urgencia seremos encandilados por su brillo. Por otro lado es excelente reducir los valores antes de dormir para poder obtener un mejor descanso y lograr que nuestra mente baje su actividad.

Mas allá de la enorme lista de motivos, nadie puede dudar de que es necesario en muchos casos. Por suerte para esto existen varias aplicaciones que nos ahorran el tener que modificar algo manualmente, proceso molesto y que seguramente olvidaremos. La mas destacada según la opinión de muchos usuarios es F.lux.

F.lux: Brillo automático en el monitor

Básicamente en un segundo tendremos el monitor adaptado dependiendo del momento del día o el uso. Además de verse bien dependiendo el entorno, nos ahorrará muchísimo tiempo y sin dudas dolores de cabeza :P .

Implementemos la misma habitación para el ejemplo. Al iniciar el día entrará el sol con potencia, a medida que la tarde avanza el mismo irá bajando y finalmente a la noche pasaremos a la luz artificial, cerrando con las mas bajas. Al instalar F.lux los colores de la pantalla acompañarán el proceso y salvo que estemos diseñando y por lo tanto necesitemos ver gamas de colores tal cual se ven, podemos aprovechar de cuidar la visión y relajarla permitiéndole un merecido descanso.

F.lux: Brillo automático en el monitor

Una de las opciones es que habilitemos que funcione dependiendo nuestra ubicación (para tomar los horarios) y luego simplemente dejemos que trabaje sen segundo plano. Si queremos algo mas avanzado siempre podemos modificar tanto colores como horarios o momentos manualmente así como también activarlo durante los períodos en los que nosotros consideremos.

La instalación se realiza en segundos y luego de activar la herramienta accederemos a un panel en el cual se ve un formato de ejemplo. Debajo nos brindan la opción de desactivarlo por una hora, justamente para los momentos en los que comentaba que podemos necesitar ver colores reales en pantalla. Finalmente sobre la parte superior derecha accedemos a las opciones que son pocas, efectivas y apuntadas a que todos los usuarios puedan sacar provecho de ellas.

Además de estar en constante desarrollo actualmente, podemos encontrarla disponible para Mac, Linux, Windows, iPhone e iPad.

Web: F.lux

Colección de garabatos en formato .AI

Tamara

Si suelen navegar recursos buscando aquello que les atraiga para inspirarse en un nuevo proyecto, los garabatos o doodles como se los conoce usualmente en el idioma Inglés, están teniendo especial aceptación entre los que desean agregar cercanía con el receptor de sus diseños. Esto es porque generalmente se los asocia a los dibujos que haría un niño (uno muy talentoso en este caso), y porque definen un estilo más allá de las líneas que se utilicen.

Con el auge de los planteos estéticos mínimos, con toques vintage y la posibilidad de acceder a recursos de todo tipo, las combinaciones pueden ser infinitas y en estos casos, paquetes que tienen una gran variedad de opciones pueden llegar a contener aquello que buscaban y no podían encontrar.

Este pequeño paquete contiene elementos dibujados en líneas uniformes onduladas que generan diferentes figuras independientes y al mismo tiempo generan una gran textura cuando se combinan sus componentes entre si. Encontrarán una gran cantidad de hojas y plantas con diferentes formas y tamaños, y por otro lado verán algunos pequeños dibujos que son ideales para separar y utilizar solos.

Doodles

Descargar Doodles | BestPSDFreebies

El set no tiene una temática en particular más que la de estar conformado por garabatos, pero si los analizamos uno por uno tienen mucho potencial ya sea que decidamos modificar la línea en grosor, tamaño o modulación, es algo muy simple de realizar con Illustrator ya que el archivo se incluye en formato para ese programa en .ai.

Hay una marcada tendencia a utilizar figuras de este estilo en logos por lo que quizás una combinación de estos elementos les resulte más que fructífera con algunas pocas modificaciones y considerando el entorno adecuado para ellos.

Ya sean combinados o por separado, es un recurso que vale la pena tener guardado en algún lugar de nuestra memoria (o marcadores) para que en el momento de necesitarlo sepamos dónde encontrarlo.

Una biblioteca para mostrar gráficas (Android)

Pablo

MPAndroidChart es una estupenda biblioteca gratuita para la creación de gráficas para dispositivos Android. Este tipo de recursos escasea en sobremanera, la mayoría de las alternativas son de pago o bien son muy limitadas en lo que respecta a sus funcionalidades.

Actualmente el proyecto se puede emplear sin ningún tipo de inconvenientes, sin embargo es el autor del mismo que aclara expresamente que todavía se encuentra en una etapa temprana de desarrollo, por lo que podremos encontrarnos con algunos bugs. Creo que esto se ira puliendo con el pasar de los días, son muchos los desarrolladores en el mundo que estaban buscando una solución similar y de seguro se sumaran al proyecto para mejorarlo.

graficos de barras para android

Los tipos de gráficas disponibles se divide en dos grandes grupos: basadas en lineas y del tipo tarta. Sin embargo y a nivel gráfico se pueden modificar las gráficas para que el resultado final sea realmente asombroso.

Si hablamos de funcionalidades podemos destacar que esta biblioteca acepta gestos y se puede escalar o arrastrar fácilmente, los gráficos se pueden exportar como imágenes y los diferentes valores se pueden remarcar empleando para ellos vistas popup totalmente personalizables.

graficas de lineas

La instalación es sumamente sencilla y se hace de forma muy similar a la de cualquier otro elemento que comúnmente manipulemos en nuestras aplicaciones Android.

XML:

  <com.github.mikephil.charting.charts.LineChart
        android:id="@+id/chart"
        android:layout_width="match_parent"
        android:layout_height="match_parent" />

Capturar el elemento:

LineChart chart = (LineChart) findViewById(R.id.chart);

Eso es todo. Personalmente es uno de los proyectos que más me entusiasma en estos últimos meses, probablemente sea porque hace tiempo que no encuentro una buena alternativa para este tipo de problemas.

Si quieren probar este proyecto pueden descargar la demo desde el Play Store.

Web: MPAndroidChart

Crear gifs en Android con Gif Me! Camera

Isabel

Lentamente los GIFs invaden casi toda vía de comunicación. Están quienes los aman y quienes los odian pero de momento se mantienen presentes y claro, los dispositivos móviles no escapan a eso ya que el atractivo que muchos encuentran es el de crearlos por motivos graciosos o para guardar recuerdos de otra manera.

Si realizan una búsqueda en Google Play seguramente van a obtener una gran cantidad de opciones. La mayoría de ellas cuenta con un resultado bastante criticable. Están los que crean imágenes de muy baja calidad o los que guardan los archivos en formatos irreproducibles. Probando varias alternativas conocí Gif Me! Camera y sin dudas quedó entre los mejores.

El principal punto a favor es la rapidez y estabilidad. La aplicación no colapsa a pesar de crear un GIF extenso, ni “parpadea” en el proceso. No demora en capturar lo que deseamos y se obtiene un resultado mas que aceptable si pensamos que la idea en el 90% de los casos es compartirlo en alguna red social o sitio web.

Crear gifs en Android con Gif Me! Camera

Luego de su instalación veremos al instante en la pantalla de inicio el botón para comenzar a grabar y mientras realizamos este paso se irán contando debajo la cantidad de cuadros. En la misma pantalla se ve el icono para activar o desactivar el flash y otro que nos permite modificar entre 1:1 y 3:4. Finalmente aparece en la esquina superior derecha el acceso a las opciones donde seguramente deseen pasar.

Además de configurar allí la cantidad de frames máximos es donde se activa la alta resolución y la marca de agua. Por suerte sus desarrolladores dan la opción de que en la imagen aparezca su logo pero sin invadir ni obligarnos a ello como ocurre con otras alternativas, gesto que siempre se agradece. Terminando con las opciones, la última en aparecer es la ruta de destino, punto a favor porque nos permiten seleccionar donde guardar nuestras creaciones, tal cual lo suelen pedir los usuarios en este tipo de herramientas.

Después de grabar un GIF cambiaremos a la pantalla de la previsualización donde vamos a retocar los últimos detalles. En la parte inferior se muestran los filtros, existiendo hasta el momento once de ellos para recorrer y darle algo de originalidad a la imagen. Aquí también resalto la velocidad porque en otros casos el cambio de filtros demoraba bastante mientras que con Gif Me es instantáneo. Sobre ellos hay un slider para alterar la velocidad y mas arriba dos iconos para ir corriendo entre cuadros.

Para terminar e infaltable, están las vías para compartir la imagen. Se la puede enviar por correo electrónico directamente, publicar en Facebook, guardar en nuestro móvil o bien desplegar el menú con las opciones completas dependiendo de las aplicaciones que tengamos instaladas.

Si buscan crear GIFs en Android, Gif Me! Camera es de lo mejor que van a encontrar al menos hasta este momento, estable, funcional y con un peso más que aceptable.

Gif Me! Camera – Tamaño: 3.1M – Descargar [Android v2.2+]

Delicados efectos de carga para sitios web

Tamara

Hace muchísimo tiempo surgieron los famosos “Cargando” y para los que diseñábamos en Flash era casi una constante dado a que por naturaleza las conexiones de los usuarios era muy lentas y necesitábamos una forma de indicarles que no se fueran, que lo mejor estaba por venir. Hoy en día las cosas han cambiado sobremanera, las velocidades de carga de los sitios no solo se tienen en cuenta como patrón de usabilidad sino que las cargas de elementos son más dinámicas y, vamos a decirlo, estéticamente más atractivas.

Si bien hay muchas opciones de animaciones de carga de contenido, la realidad es que hay pocas que sean visualmente suaves y delicadas, por lo general es un elemento que se pasa por alto, cuando en realidad debería tenerse en cuenta como cualquier otro componente importante del desarrollo. Esto es, sobretodo, si necesitamos realizar una carga de imágenes bastante pesada o el contenido de nuestra web así lo requiere.

En este caso, la gente de Codrops, como siempre experimentando con cosas nuevas, nos presenta dos opciones de carga de sitio que además de ser atractivas ofrecen una opción original y que realiza una interacción entre la animación de carga y los elementos de la página en si. Quizás lo hayan visto en algunos sitios, pero no sabían como implementarlo o tal vez nunca habían tenido la posibilidad de acceder a ellos. De una u otra forma, resulta interesante no solo su utilización práctica sino el conocimiento de saber cómo funciona y cómo se implementan estas cosas para posibles experimentos personales que ofrezcan aún más opciones de animación de los elementos.

Page Preloading Effect

Descargar Page Preloading Effect | Ver Demo | Codrops

Las diferencias entre las dos opciones se consideran a partir de la aparición del contenido final, es por ello que les mencionaba que la idea es conjugar ambas partes del desarrollo para generar un todo atractivo, dinámico y que cumpla su función.

En el artículo encontrarán cómo implementar estas animaciones en sus sitios, aunque deberán tener en cuenta que utiliza elementos que pueden no estar soportados por los exploradores más antiguos, son cosas que se pueden reemplazar o no, según las características de sus usuarios, esto es, si tienen una gran cantidad de visitas desde exploradores más viejos, pues lo mejor sería prescindir de cualquier material que pueda hacer que el sitio falle.

Aún así, creo que es un gran experimento y que seguramente dará lugar a más opciones en el futuro.

20 fondos estilo grunge en colores

Tamara

Si pensaban que se habían extinguido pues, puede ser que se utilicen menos, pero por otro lado, son elementos ideales para la edición de fondos y para ser combinados con diferentes componentes de un diseño que requiera una estética vintage y texturas recargadas. Es un set dentro de todo pequeño pero con motivos que se destacan por lo originales ya que son como una nueva versión de grunge en el que se mezclan colores y diferentes materiales. No se si recuerdan que en el pasado se enfrascaba al estilo dentro de lo que eran las rayas y las manchas, pues este nuevo paquete agrega una vuelta de tuerca.

Además de utilizar las clásicas manchas y gotas de pintura, líneas desparejas de diferentes grosores, algunas de estas imágenes despliegan combinaciones con fondos con textura rugosos en algunos casos y en otros con motivos bien claros como puede ser un patrón de madera.

El set contiene 20 imágenes en .jpg de alta resolución que pueden utilizarse tanto en invitaciones de cualquier tipo o en papelería en general y sobretodo, pueden combinarse entre si o con otros patrones que generen nuevos espacios. La utilización de capas en Photoshop suele ser muy útil para esto y sobretodo para aquellos que se encuentran algo acotados con el color (que suele ser casi siempre).

Grungy Backgrounds

Descargar Grungy Backgrounds | BestPSDFreebies

Verán que tendrán opciones oscuras y en tonos pastel y que al mismo tiempo si un tono no es de su agrado pueden utilizar los ajustes dispuestos por el programa que les mencioné antes para modificarlos en su totalidad y aprovechar al máximo la cobertura visual que brindan. Ideales para mezclar con imágenes de papeles, cartón o piedra entre muchas otras opciones y crear nuevos lienzos planteados con una estética desgastada, rugosa y sucia, muy asociada a lo vintage en este momento.

No es una gran herramienta pero, como digo siempre, es bueno saber dónde ir a buscar las cosas en el momento en el que se necesitan, y las texturas suelen ser una constante en cualquier proyecto.

EverythingMe: Launcher inteligente para Android

Isabel

Todos tenemos motivos diferentes para seleccionar un launcher en Android. Quienes cuentan con dispositivos de gama mas baja seguramente investiguen entre los que son conocidos por consumir menos recursos. En el caso contrario esto no les interesará pero pasarán a pensar si se enfocan en las aplicaciones, en lo estético, en la organización o en el punto que a ellos les resulte útil.

EverythingMe es una excelente opción para los usuarios que esperan que su launcher se ocupe también de organizar el móvil. La aplicación se presenta como un launcher inteligente que ofrece acceso mas rápido a las aplicaciones dependiendo el momento en el cual estamos. Técnicamente se adelanta a saber qué apps, contactos e información deseamos obtener, considerando el momento del día y nuestra ubicación.

EverythingMe: Launcher inteligente para Android

Usemos como ejemplo la barra de predicciones que tendremos en la pantalla de inicio. Si es de mañana mostrará noticias. Si por el contrario ya estamos en el trabajo veremos aparecer el calendario. ¿Momento de cenar? accedemos a las “tarjetas” que nos mostrarán las mejores ubicaciones cerca. El listado de opciones es enorme y bien pensado.

Los launchers pueden o no reorganizar nuestras aplicaciones y es algo que hay que aclarar porque muchos prefieren que no lo hagan. EverythingMe lleva a cabo este paso acomodando nuestro contenido en carpetas: infantiles, trabajo, noticias, etc. Cada una de ellas se verá en pantalla identificada con los iconos de tres de las aplicaciones incluidas y dentro encontrarán también las tarjetas de las que les hablaba dependiendo la temática.

Aseguran incluir la búsqueda mas veloz para encontrar contenido dentro del móvil, sumando resultados instantáneos a medida que tipeamos lo que necesitamos, ya sea una herramienta, archivo o contacto. Por otro lado, las apps sugeridas que suelen ser parte de todo launcher en este caso también se irán modificando a lo largo del día.

Si bien mejora el aspecto del celular, la idea de la aplicación se enfoca 100% en automatizar nuestros movimientos en el dispositivo, acelerar las acciones y por lo tanto ahorrar tiempo en una época en la cual esto es primordial. De tantas presiones que uno vive termina llevando adelante un ritmo bastante acelerado, en medio del que se necesita acceso al instante a aquellos elementos que poseen los dispositivos justamente con la idea de hacer todo mas dinámico.

EverythingMe – Tamaño: 15M – Descargar [Android 4.0+]