Chat con GIFs para Android e iOS

Isabel

Cada tanto todos descargamos aplicaciones que pueden no ser útiles pero son divertidas. El los últimos tiempos si prestamos atención a las redes sociales habremos notado que son cada vez mas quienes publican GIFs como respuesta aleatoria a ciertas cuestiones. Como con todo, algunos los detestan y otros los aman pero al menos por ahora están.

En lo particular, me entretienen. No las 24 horas, porque uno se cansa de todo y cada vez mas fácil pero en mas de una oportunidad intercambio GIFs con amigos y las risas están presentes. Así comenzamos a probar Relay y lo que sorprendió fue como en corto tiempo la cantidad de usuarios crecía notablemente.

Chat con GIFs para Android e iOS

Al instalar Relay y luego de configurar nuestra cuenta, lo primero que recibiremos es la bienvenida de un simpático personaje que nos mostrará lo básico y servirá de ayuda. Luego será momento de invitar un amigo o conversar con algún contacto que ya fue detectado.

La posibilidad de chatear tradicionalmente en forma de mensajes tipeados por supuesto está y se comporta perfectamente. Para enviar un GIF lo que haremos es ingresar lo que buscamos en formato de hashtag. Por ejemplo: #enojado, aunque tengan en cuenta que como en la mayoría de los casos si utilizan términos en inglés obtendrán mas resultados. La aplicación misma buscará entre las miles de opciones una que sea adecuada y la enviará en la conversación.

Esta no es la única manera de encontrarlos. Si vamos a la segunda pestaña accederemos a la colección completa de GIFs donde veremos una sección destacada que cambia su temática periódicamente, mas ejemplos para scrollear sin límite y un buscador en la parte de arriba para encontrar algo puntual. Si ingresamos a un GIF que nos atraiga lo veremos en tamaño completo junto a dos botones: el primero es para enviar en la conversación que deseemos y el segundo lo añadirá a nuestros favoritos.

Es justamente esta la tercera pestaña que vemos en Relay. Además de tratarse de nuestro perfil se verán dentro los GIFs que hemos agregado a nuestra selección personal, listos para ser enviados de forma mas rápida. Las imágenes no solo podemos utilizarlas en esta aplicación sino que se pueden compartir en redes sociales y demás servicios, lo que hace que la herramienta sea también una base de consulta que podamos tener siempre a mano.

Finalmente en el menú de opciones accederemos mas que nada a algunas configuraciones personales que posiblemente no volvamos a tocar una vez que las dejemos a gusto.

Relay está disponible para iOS y Android de manera gratuita. No va a solucionarles la vida, ni a organizar abolutamente nada pero quizás los entreteniene un buen rato riendo con amigos y eso es siempre algo para disfrutar :) .

Web: Relay

Recursos gratuitos para aprovechar tu impresora

Pablo

Cada vez utilizo menos mi impresora, si comparo la cantidad de impresiones que realice este año con respecto a otros periodos anteriores la tendencia es clara, imprimo menos. Probablemente el uso del correo electrónico sea la razón por la que mi impresora acumula cada día más polvo.

Como ventaja puedo decir varias, desde el punto de vista ecológico economizar este tipo de recursos es positivo, desde lo económico ocurre lo mismo, si tenemos en cuenta el precio del tóner imprimir cada día cuesta más, al menos en Argentina :P

utilizar impresora

Sin embargo hay muchas cosas que todavía me resultan mejor impresas, algunas obligatorias, por ejemplo algunos presupuestos, otras es más una cuestión de costumbre. Con el pasar de los años y a pesar del impresionante crecimiento de aplicaciones disponibles en las distintas tiendas online, todavía encuentro tareas que prefiero hacer en el papel de toda la vida. Por esta simple razón es que me gustaría recomendarles algunos recursos para imprimir que probablemente les resulten de utilidad.

Sneakpeekit. Una fantástica colección de documentos, en general en formato PDF para imprimir grillas para hacer bosquejos. En este sitio pueden encontrar por ejemplo, una grilla para bosquejar su próximo proyecto web.

Este sitio cuenta con varios documentos para asistirnos en la creación de aplicaciones móviles, en existencia pueden encontrar dispositivos como un iPad, un móvil Android, etc.

mockup para imprimir

Printable todolist. Una muy completo repositorio lleno de documentos para crear listas de tareas pendientes, pueden encontrar listas simples que contienen el espacio para detallar la tarea y un checkbox, hasta documentos más complejos que permiten organizar la agenda diaria dividida por franjas horarias.

Todos los documentos se encuentran disponibles en formato PDF y Word.

todo list para imprimir

40 Useful Cheats Sheets for Graphic Designers. Una muy suculenta colección de cheat sheets para diseñadores. Si bien se pueden utilizar directamente desde la computadora, muchas veces es mejor tenerlas impresas para un fácil acceso.

cheatsheets gratuitas para disenadores

Spyrestudios. Otra colección impresionante de Cheat sheets pero orientada en mayor medida a programadores y/o diseñadores que se especialicen en desarrollar tareas de front-end. Van a encontrar material orientado a CSS, JavaScript, CMS populares, etc.

cheatsheet para imprimir gratis

Pinterest: inspirational quotes. En Pinterest se pueden encontrar autenticas maravillas. Hace tiempo busque pequeñas frases motivaciones para imprimir y me lleve una muy grata sorpresa al encontrar una variedad y cantidad realmente impresionante.

Si estás buscando una forma de motivarte mediante una pequeña frase con un buen diseño, probablemente en Pinterest le encontrarás trabajo a tu impresora :D

frases motivacionales para imprimir

Eso es todo. Toda sugerencia es bien recibida :D

Comentarios 0

Hojas para imprimir en PDF

Tamara

Existen varios motivos por los cuales podríamos necesitar una hoja tramada particular en un momento determinado, sobretodo si nos dedicamos a materias un tanto específicas que requieren contar con diferentes formatos de papel. Hace algunos días estaba necesitando una grilla que tuviera el cuadriculado más grande de lo que se implementa usualmente, es un patrón que no se encuentra en las librerías de mi país, por lo que no tuve más opción que recurrir a la querida Internet.

Allí me topé con un pequeño sitio, muy austero, pero que cuya función resulta más que apreciada, además de resultar muy simple de navegar. Papersnake cuenta con una base de papeles de todo tipo, desde aquellos más comunes hasta los que resultan no solo más específicos, sino también, imposibles de encontrar en las librerías en algunos casos.

La ayuda no termina allí, claro está que podemos encontrarnos a mitad de un trabajo para la escuela o la facultad y darnos cuenta a las cuatro de la mañana que necesitamos un papel milimetrado y tener que encontrar una opción práctica para salir del paso.

Papeles para imprimir

Con estos papeles no solo salimos del paso ya que si cuentan con cualquier impresora, el resultado de la impresión es excelente y al mismo tiempo pueden utilizar cualquier tipo de hoja para imprimirlos. Está claro que en los casos de los papeles comunes, el costo del material impreso es quizás mayor al que tiene una resma o un block, pero al mismo tiempo, si no tenemos escapatoria, es bueno saber dónde encontrarlo.

En los casos específicos, de papeles que no se encuentran siquiera en el país, ya sea porque estudian un idioma extranjero o necesitan utilizar mayores tamaños de cuadrícula o retícula por problemas de visión o divisiones originales que tienen que ver con una actividad profesional particular como pueden ser los pentagramas, pues les será de suma ayuda saber dónde encontrar este material que es absolutamente gratuito para descargar y contiene una gran variedad de tramas para imprimir y usar sin problemas. Un sitio práctico que vale la pena conocer.

Visitar: Papersnake

Colección de mockups de iPhone 6

Isabel

Hace días llegó el iPhone 6 y como suele hacerlo generó noticia a favor y en contra. Mas allá de las opiniones que cada uno tenga nadie puede negar que pasa a estar entre la base de recursos necesarios por su popularidad.

Los mockups de todo tipo suelen utilizarse en presentaciones, sitios y muestras de aplicaciones, entre otros. Al poco tiempo de salir un nuevo dispositivo son muchos los diseñadores que los ilustran y los ponen a disposición de quienes los puedan necesitar. Como seguramente pronto sean útiles conoceremos algunos de los primeros en llegar a la luz en diferentes formatos.

Mockups de iPhone 6 gratis

Mockups de iPhone 6 gratis

Vladislav Litvin fue de los primeros en publicar un genial set que incluye los tres colores de iPhone 6, organizados de tal forma que se puedan ubicar en diferentes ángulos sin problemas y en dos posiciones desde un costado. Con base vectorial y en formato .PSD para editar con Adobe Photoshop. [Descargar iPhone 6 Vector PSD - Vladislav Litvin]

Mockups de iPhone 6 gratis

No solo se emitió el iPhone 6 sino que se acompañó con su versión Plus y en este caso fue incluida en el set de recursos.Nuevamente los encontraremos en formato PSD con cada una de las capas correspondientes para editar fácilmente y en blanco o negro. Los modelos se encuentran de frente y con gran detalle. En este caso debemos “pagar” con un tweet o estado en Facebook. [Descargar iPhone 6 + iPhone 6 Plus mockup - Well Graphic]

Mockups de iPhone 6 gratis

Muchas veces necesitamos también posiciones que salgan de la clásica frontal y en este caso encontraremos eso. Una vez mas se aprecian los tres colores del modelo: silver, gold y space gray pero con los teléfonos acostados sobre su parte trasera y en PSD. [Descargar iPhone 6 Freebie - Graphicsoulz]

Mockups de iPhone 6 gratis

Infaltable el formato flat hoy en día. Georgian-Sorin Maxim lo sabe y creó para compartir dos mockups del modelo, uno mas realista y otro en formato sketch. El primero se encuentra en formato AI para Adobe Illustrator y el segundo, accesible directamente desde su miniatura se encontrará en PNG de gran calidad. [Descargar iPhone 6 Free AI - Georgian-Sorin Maxim]

Mockups de iPhone 6 gratis

Volvemos al formato PSD para terminar esta selección con otra posición (en este caso inclinada) de uno de los nuevos modelos. Aquí también podremos apreciar la excelente calidad de los detalles que se tuvieron en cuenta al crearlo. [Descargar iPhone 6 Mockup PSD - Semernyov]

Por suerte se pueden encontrar diseños de varios formatos para que dependiendo nuestra necesidad no tengamos problemas al trabajar. Sin dudas, además, seguirán saliendo a medida que pase el tiempo. Espero que los que he seleccionado aquí les resulten útiles en próximas ideas :D.

Calendario con vista semanal para Android

Pablo

Algo que me gusta de Android es su comunidad, gracias a ella podemos encontrar todos los días un nuevo recurso listo para utilizar en nuestras aplicaciones.

Android Week View es un calendario gratuito, muy fácil de utilizar, que permite cambiar la vista para visualizar los eventos de forma semanal, diaria o simplemente agrupando tantos días como sean posibles visualizar según el dispositivo que estemos empleando: tablet o móvil.

  • Dentro de las características más destacables podemos encontrar:
  • Vista semanal del calendario.
  • Vista diaria.
  • Scroll tanto vertical como horizontal.
  • Posibilidad de configuración del scroll “infinito”.

También podemos destacar que la personalización visual es muy sencilla, en gran parte podemos adecuar este componente directamente desde el XML.

calendario con vista semanal para android

La instalación se puede realizar de dos formas: vía Maven o Gradle.

Via Mavel:

<dependency>
  <groupId>com.github.alamkanak</groupId>
  <artifactId>android-week-view</artifactId>
  <version>1.0.3</version>
  <type>aar</type>
</dependency>

Via Gradle:

compile 'com.github.alamkanak:android-week-view:1.0.3'

Luego simplemente agregamos el calendario al XML como un componente personalizado:

<com.alamkanak.weekview.WeekView
        android:id="@+id/weekView"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        app:eventTextColor="@android:color/white"
        app:textSize="12sp"
        app:hourHeight="60dp"
        app:headerColumnPadding="8dp"
        app:headerColumnTextColor="#8f000000"
        app:headerRowPadding="12dp"
        app:columnGap="8dp"
        app:noOfVisibleDays="3"
        app:headerRowBackgroundColor="#ffefefef"
        app:dayBackgroundColor="#05000000"
        app:todayBackgroundColor="#1848adff"
        app:headerColumnBackground="#ffffffff"/>

Y desde Java lo controlamos:

// Get a reference for the week view in the layout.
mWeekView = (WeekView) findViewById(R.id.weekView);

// Set an action when any event is clicked.
mWeekView.setOnEventClickListener(mEventClickListener);

// The week view has infinite scrolling horizontally. We have to provide the events of a
// month every time the month changes on the week view.
mWeekView.setMonthChangeListener(mMonthChangeListener);

// Set long press listener for events.
mWeekView.setEventLongPressListener(mEventLongPressListener);

Este proyecto posee varias opciones perfectamente documentadas para mejorar y adecuar el funcionamiento del componente a nuestro proyecto, les recomiendo visitar el sitio oficial del recurso para explotar al máximo sus posibilidades.

Android Week View es un proyecto liberado bajo licencia Apache 2.0, licencia que garantiza su libre utilización y/o modificación.

Paquete completo de elementos para Halloween

Tamara

Los años pasan y por suerte seguimos acá, encontrando nuevos recursos para compartir cuando se acercan fechas especiales que requieren de algún que otro elemento versátil para implementar decoraciones de cualquier índole. En este caso, vuelvo a encontrar un gran paquete que incluye una variedad de elementos de todo tipo y que permite la implementación sobre cualquier soporte por su naturaleza vectorizada.

El gran compilado incluye iconos relacionados como calaveras, calabazas, sombreros de bruja, murciélagos y algunos personajes conocidos elaborados con suma simpatía, ideal para aplicarlos en tarjetas de invitación en eventos en los que haya niños. También posee divisores, banners y algunas texturas sumamente atractivas que resultan ideales para implementar sobre fondos virtuales en sitios o bien en papelería con fines específicos y en cualquier tamaño que lo deseen aplicar.

Halloween Vector Pack

Descargar Halloween Vector Pack | Webdesignerdepot

Encontrarán emblemas estilo retro que hoy en día se utilizan en todas partes, con iconos relativos a la festividad y que pueden ser una buena opción para etiquetas o una forma de representar un evento en particular si lo que buscan es implementar un concepto. Me ha pasado de asistir a algunos eventos que tenían una gran cantidad de opciones gráficas con motivos que se incluían hasta en los pilotines de los cupcakes, o en identificaciones personales que también tenían su correspondiente motivo de Halloween.

Al mismo tiempo, todo este paquete posee elementos que pueden intercambiarse entre si, por lo que las posibilidades son incontables. Además pueden sumar cualquiera de los recursos que hemos enviado en años anteriores bajo la categoría Recursos de Halloween.

A medida que se acerca la fecha, se conocen más y más recursos relacionados, por lo que estaré atenta para traerles otras opciones nuevas y que tengan diferentes alternativas para elegir dado a que es un festividad que suele celebrarse bastante en todo tipo de eventos. Se que hay muchos de ustedes que no lo comparten, pero no quita que tengan que hacer algún trabajo relacionado y no sepan dónde buscar opciones viables.

Floobits te permite programar en equipo online

Isabel

Geoff Greer, Matt Kaniaris y Bjorn Tipling trabajaban en equipo programando para los mismos proyectos o al menos lo intentaban. Los tres desarrolladores basaban su actividad en pair programming, lo que significa que se reparten diferentes roles desarrollando ideas. Por ejemplo uno se encargaría del código mientras otro repasa cada línea y su funcionamiento. Entre ambos planifican también la estrategia y las maneras de hacerlo de la mejor forma.

El equipo del cual les hablaba creó Floobits para solucionar esto, luego de dos años de compartir tareas y simplemente porque nunca encontraron una herramienta que les haga vivir esta forma de trabajo de manera 100% funcional en tiempo real. Como bien ellos explican, las aplicaciones online suelen ser menos avanzadas que los editores profesionales que cada uno prefiera. Así sueñan con que lo que pudo solucionar su propio problema sea de ayuda para muchas personas que tengan la misma inquietud.

Floobits te permite programar en equipo online

Muchos ven como beneficio de esta metodología que ambos estén observando la misma información actualizada constantemente pero permitiendo que cuando uno edita el otro no pueda hacerlo. Trabajar en equipo pero sin pisarse para evitar errores. Los usuarios tendrán diferentes niveles de permisos que dejarán observar, editar, etc y que pueden ser administrados desde el panel fácilmente.

Los espacios en los que trabajaremos son, por defecto, públicos. Esto significa que si ingresan a floobits.com/nombredeusuario se verá lo que hemos hecho. Límites de las versiones gratuitas que nunca está de mas conocer. Aun asi se permite por un período de prueba conocer los espacios privados y considerar luego si desean abonarlo o no.

Para comenzar a utilizar la aplicación debemos instalar un plugin de editor. Actualmente si bien siguen sumando opciones, los mismos incluyen compatibilidad con:

  • Sublime Text.
  • Vim.
  • Emacs.

Una vez hecho esto crearemos un espacio de trabajo desde el menú sin problemas. Para poder trabajar con videollamada y que todo sea mas fluído se incluyen agregados para WebRTC y Google Hangouts. Al trabajar veremos ambas cámaras con el espacio donde desarrollaremos en (obvio) tiempo real.

El plan gratuito permite hasta 5 espacios públicos sin ninguna otra medida de restricción. Luego se abre un abanico de cuatro planes mas en diferentes precios para usuarios mas avanzados que quizás necesiten mayor cantidad de áreas de trabajo y sumar la función de privacidad. Por suerte como les comentaba, siempre podemos probar y ver por nosotros mismos si nos resultará útil cualquiera de las alternativas.

Web: Floobits

Material Design para Bootstrap 3

Pablo

Material Design es el nuevo diseño de Android, el mismo fue presentado en Google I/O 2014 y se caracteriza por ser la propuesta de Google para lograr un lenguaje visual unificado en todas las plataformas Android: tablets, móviles, tv, etc.

La característica principal de este proyecto es su versatilidad desde el punto de vista del diseño, empleando sombras, luces, perspectivas, logra homogeneidad independiente del dispositivo empleado.

Material Design es un proyecto que promete y mucho. De esto se dieron cuenta varios diseñadores alrededor del mundo, muchos de ellos especializados en Bootstrap, lo que dio lugar a Bootstrap Material Design.

Bootstrap Material Design es un proyecto que intenta imitar varias de las características del proyecto de Google pero orientado al diseño web que emplea Bootstrap en su versión 3.

barra de progreso material desing

Este recurso cuenta con una muy buena cantidad de elementos para emplear en nuestro próximo proyecto: botones, iconos, indicadores de progreso, alertas, sliders, paneles, diálogos y mucho más.

botones estilo material design

Este proyecto se emplea exactamente igual que Bootstrap, en el sitio oficial van a encontrar ejemplo de todos los elementos disponibles.

Si Bootstrap Material Design les parece demasiado complejo tienen como alternativa Waves, un proyecto similar pero con un enfoque distinto desde el punto de vista de las dependencias.

Plantilla PSD editable para empresas

Isabel

Por estas semanas conociendo aplicaciones y diferentes desarrollos comentaba con conocidos que es raro como a veces los desarrolladores presentan una aplicación pero utilizan como fuente de información una página en Facebook. Facebook puede ser un buen sitio para generar popularidad o invitar a que se comparta la noticia y nos conozcan mas pero claramente no es una presentación ni mucho menos una base de información.

Plantilla PSD editable para empresas

La mayoría de las veces que nos cruzamos con una herramienta, sea del tipo que sea, ingresamos al sitio para ver que funciones tiene, lo que ofrece, información sobre quienes la desarrollan o cómo nació la idea. Como con todo proyecto, hay que “venderlo” correctamente, aun si es gratuito. Tentar a los posibles usuarios a probarla, a que sientan que, como a nosotros, nos solucionó un problema. Lo mismo ocurre con estudios de diseño o diseñadores con sus portfolios o demás actividades que necesitan tener un espacio donde darse a conocer con mas detalle.

Hoy en dia de hecho no es complicado. La cantidad de plantillas existentes para todo tipo de deseos es realmente extensa, además de incluír muchísimas gratuitas. Si no se sabe trabajar con código o bien no deseamos pasarle esa parte a otra persona podemos ir directamente a themes preparados para diferentes plataformas. Básicamente, no hay “excusa” para no presentar de manera correcta algo que creamos.

Plantilla PSD editable para empresas

Flubia es una gran opción si buscan una plantilla PSD editable. Como ya hemos comentado infinitas veces este formato hace que podamos editar y trabajar cada elemento en Adobe Photoshop y así lograr obtener el resultado que necesitemos pero con una base creada. Esta plantilla se enfoca en estudios, portfolios y empresas de diferentes tipos ya que con algunas modificaciones y agregando la información relacionada el resultado será diferente.

Luego de la cabecera con menú y logo veremos una imagen que podemos o no dejar editándola por lo que les guste. Sigue un bloque con puntos destacables de nuestras aptitudes o bien de las funciones de una herramienta. Esto da paso a la presentación del equipo de trabajo y a los últimos artículos publicados si es que creamos una sección para ello.

Plantilla PSD editable para empresas

Como ocurre en estos casos al final veremos el pie de página con información de contacto, ubicación gracias a un mapa de fondo realmente atractivo y finalmente vínculos a redes sociales.

Con una gran base como esta será facil acomodar las secciones, editar elementos y color para sumar la información requerida y finalmente enfocarnos en su lanzamiento.

Flubia – Descargar en Bëhance [creada por Arda Gündoğdu]

Picdeck: Visor de Instagram estilo Tweetdeck

Isabel

Instagram nació años atrás para iOS y recuerdo que quienes no tenían dispositivos con ese OS se repartían entre los que querían la versión para Android y los que no. Cuando finalmente salió se volvieron a dividir entre los que festejaban el lanzamiento y quienes por ser fanáticos de una empresa (algo a lo que nunca le vi mucho sentido) rechazaban su llegada. De más está aclarar que un gran porcentaje de este último grupo hoy saca fotos y les pone filtros en esa herramienta :P .

Picdeck: Visor de Instagram estilo Tweetdeck

Como con toda red social, se la utiliza de diferentes formas. Hay quienes entran cada tanto para subir una imagen, quienes a diario recorren su timeline para ver lo que fue publicado por sus contactos o los que la ven como una forma de seguir de cerca a sus artistas favoritos de todo tipo. Sea cual sea el uso, Instagram es hoy una de las aplicaciones mas utilizadas y por eso salen constantemente herramientas que intentan ser parte de esa experiencia.

Picdeck es un visor de Instagram estilo Tweetdeck. Si la utilizan sabrán que el cliente de Twitter se caracteriza básicamente por presentar la red por medio de columnas que muestran las diferentes secciones en una sola pantalla: timeline, respuestas, mensajes directos, listas, etc. Lo que intenta hacer Picdeck es recrear esto pero enfocado en Instagram y sus imágenes.

Podremos por ejemplo armar columnas con nuestros seguidores, con alguno de ellos o incluso con un hashtag puntual. Por ejemplo, podemos abrirlo y ver columnas con dos o tres usuarios preferidos, alguna celebridad, fotos etiquetadas con palabras clave que nos interesen, videos o creaciones con Hyperlapse. Las posibilidades son miles y dependerán de los intereses que cada uno posea.

Picdeck: Visor de Instagram estilo Tweetdeck

Creada por el estudio inglés Marvel, su funcionamiento es realmente sencillo. Luego de ingresar debemos vincular el sitio con nuestra cuenta de Instagram y ya veremos que lo primero en aparecer es nuestra columna tradicional con todos los contactos que seguimos. Luego podemos ir a “+Add column” para sumar los temas que nos gusten. Allí nos dará la opción de especificar un usuario o una palabra clave.

Una vez armemos nuestra aplicación con el contenido que nos guste podremos disfrutarla cuando lo deseemos. Por supuesto se actualiza constantemente en tiempo real cada uno de los resultados pero a diferencia de lo que imaginaba en un principio la velocidad es perfecta y no se traba ni aunque sigamos una cantidad considerable de temáticas o al menos en mi caso fue asi y si tengo en cuenta mi ISP es casi un milagro.

Junto a cada imagen veremos su autor, la cantidad de likes que tiene y el resumen del texto ingresado. Si una nos interesa podemos dirigirnos a ella y abrirla, lo que nos lleva a una nueva ventana con la imagen dentro de Instagram de manera directa. Quizás se agradecería tener algún tipo de visor incluído pero eso ya va en gustos de cada uno.

Linda idea en actual desarrollo que quienes a disfrutamos de ver las imágenes varias veces al día nos soluciona la accesibilidad desde escritorio pudiendo acceder a todo de manera mas cómoda que en la web de Instagram.

Web: Picdeck