Mi selección sería sobre plataformas offline, aplicaciones y gráficos que puedan presentarse a través de un explorador determinado, en redes cerradas o presentaciones interactivas, donde uno mismo tenga la opción de decidir qué explorador usar.

Descargar código de Annotation Overlay Effect | Ver Demo | Tympanus

Dejando las especificaciones un poco de lado, quiero mostrarles una forma de presentación de anotaciones sobre imágenes que resulta muy atractivo y puede llegar a solucionar problemas de espacio. Al hacer clic en una imagen, aparecerán comentarios sobre la misma, cubriendola sutilmente. De esta forma podemos desplegar información accesoria y anotaciones que deseamos aclarar sobre la muestra en cuestión.

Recuerdo cuando niña que mis maestras dibujaban estos personajes a mano y se pasaban horas haciendo tarjetas para todos. Este paquete puede ahorrarles tiempo y lograr un resultado ideal.

Descargar Cartoon Cute Insects | Gfxtra

El paquete incluye una buena variedad de insectos estilo caricatura, resultan adorables y se puede editar su color para combinar con colores de papeles o elementos que los acompañen. Ambos paquetes están en formato .eps y son escalables a cualquier tamaño, por lo que resultan perfectos para trabajos de impresión.

La biblioteca se puede descargar tanto en su versión de desarrollo, aproximadamente 18kb, como así también en su versión simplificada, apenas unos 7kb.

Algunos ejemplos de uso:

Convertir entidades HTML:

_('<div>Blah blah blah</div>').escapeHTML();
=> '&lt;div&gt;Blah blah blah&lt;/div&gt;'

Comprobar si una cadena esta vacía:

_('').isBlank(); // => true
_('\n').isBlank(); // => true
_(' ').isBlank(); // => true
_('a').isBlank(); // => false

Revertir una cadena:

_.str.reverse("foobar")
=> 'raboof'

En el apartado de Github desde donde se puede descargar la biblioteca pueden ver todas las funciones disponibles de esta biblioteca. A mi entender su principal ventaja es su sencillez, con apenas unas lineas de código podemos transformar las distintas cadenas con total precisión.

Web: Underscore.string

¿Por qué? Porque dicho formato abre puertas que el resto no. Desde poder ayudarnos a observar las capas que forman el diseño de cada uno en Photoshop, hasta poder personalizarlos de forma mucho mas sencilla y rápida que si lo intentamos con alguno de los anteriormente nombrados. Con un .PSD no existen límites y esto es algo valorado por todos los que trabajamos en el mundo del diseño.

Vandelay publicó un atractivo paquete de iconos “hechos a mano” (O “Hand-Drawn” en inglés) a puro color de lo mas atractivos, incluyendo dispositivos, periódicos, elementos relacionados a la música y dibujos variados repartidos en varias temáticas.

En total son 28 iconos creados en base a formas vectoriales, por lo que podemos agrandarlos o achicarlos a gusto sin problemas, además de por supuesto editar colores o efectos en cuestión de segundos, asi como crear nuevos modelos si es que nos falta alguno utilizando como base los que vienen incluídos en la descarga.

Hand Drawn Icons [2.2 MB] – Descargar en Vandelay Design

El formulario se puede editar perfectamente en Photoshop, o cualquier otro programa que permita editar archivos en formato PSD, por lo que tenemos la posibilidad de editar colores, formas y tamaños, sin demasiadas complicaciones y en cuestión de algunos minutos.

Una vez finalizada la edición del archivo simplemente debemos exportar las imágenes, y ajustarlas a nuestro diseño utilizando para ello hojas de estilo y un poco de HTML.

365psd nos provee de recursos 100% gratuitos, para utilizar en proyectos independiente de su fin comercial, así que estamos autorizados a hacer uso de este fantástico formulario sin ningún tipo de restricciones.

Descarga: Login Form PSD

Tripomatic en este momento es una guía del viajero para planear el día a día, informando sobre los lugares relevantes y permitiendo armar nuestras propias guías de recorrido por los lugares que deseamos visitar y conocer. En este momento cuenta con 400 ciudades cargadas, obviamente deberán buscar si aquella a la que están por viajar se encuentra disponible para aprovechar la aplicación, y sino, probablemente solo  es cuestión de tiempo hasta que se complete.

Descargar Tripomatic | iTunes

Si tienen la suerte de poder utilizar esta guía, hay algunas características a las que podrán acceder a través del uso de Tripomatic: ver vistas y atracciones en el mapa, encontrar lugares cercanos y obtener direcciones, descubrir visualmente ideas para tu viaje, crear un plan de viaje y un itinerario diario, sincronizar las planificaciones con tu iPhone.

Es una aplicación gratuita que funciona con iPod Touch, iPad y iPhone, con iOS 5.0 o posterior. Y en este momento pueden visualizarse 400 ciudades del mundo. Obviamente a medida que pase el tiempo se irán completando las ciudades que ya están incluídas con sitios de interés, y agregando aún más ciudades.

Con Focus podemos programar no solo franjas horarias, sino que también podemos realizar la restricción a sitios por medio de intervalos de tiempo, algo muy útil para aquellas personas que trabajan utilizando técnicas como la pomodoro.

Ejemplo de uso:

import re

def domain_ycombinator_com(dt):
    # return dt.hour % 2 # every other hour
    return False

def domain_reddit_com(dt):
    # return dt.hour in (12, 21) # at noon-1pm, or from 9-10pm
    return False

def domain_facebook_com(dt):
    return False

def default(domain, dt):
    # do something with regular expressions here?
    return True

Focus es un pequeño script, muy sencillo, que utilizarlo puede significar una mayor productividad, simplemente es cuestión de probarlo.

Web: Focus

Si no somos especialistas en la parte gráfica, podemos agradecer que en Internet se encuentra variedad de recursos que podemos utilizar sin problemas de forma gratuita y ayudarnos así a darle a nuestra aplicación el estilo visual que se merece.

En la imagen vemos un completo set UI en tonos claros de estilo limpio publicado en WebbyArts, con todos los elementos necesarios para crear el diseño de una aplicación: botones, sliders, banners, puntuación y menú, entre otras cosas.

Para poder trabajar con ellos sin ningún tipo de problemas, adaptarlos al diseño deseado, modificar colores o hacer prácticamente lo que sea que deseemos con comodidad, el archivo se encuentra en formato PSD, por lo cual al abrirlo con Photoshop podremos observar cada capa que lo forma y así modificar sin perdernos fácilmente.

Free PSD Web UI Elements – por WebbyArts – Descargar

A medida que superamos lecciones iremos aumentando la complejidad de forma escalonada y al mismo tiempo aprenderemos un poco más sobre este lenguaje. Lamentablemente y como en otra oportunidad ya les había recomendado una forma para aprender a programar de forma interactiva con CodeAcademy, es necesario estar familiarizado con el idioma Inglés.

En un principio encontrarán que las lecciones son sumamente fáciles y hasta un poco tontas, pero todo tiene que ver con el método de aprendizaje y la forma de perderle el miedo a la nomenclatura. Y es también muy importante que lean las instrucciones y aclaraciones en cada lección para ir conociendo las posibilidades que ofrece el sistema. Cada vez que terminemos una lección, deberemos responder un cuestionario (algo molesto, realmente), para avanzar a la siguiente.

A medida que vamos avanzando, iremos ganando insignias de reconocimiento, según el nivel en el que nos encontremos. Esto, obviamente, a modo de premio ficticio pero premio al fin. Estoy segura que muchos de ustedes encontrarán en esta plataforma el método para acercarse a la programación. Una forma simple de hacerse amigo si es que no tienen ningún conocimiento previo, y si lo tienen, puede ser una buena herramienta para fijar y recordar viejas opciones que tenían olvidadas.

Sitio: CodeAvengers

Probablemente esto pase porque los iconos son de los recursos mas buscados y mas importantes en un proyecto, por infinidad de motivos. Principalmente porque ayudan a marcar visualmente secciones y obviamente lo hacen mas atractivo si es que encontramos el set que sea el adecuado para el resto del entorno en el cual vamos a ubicarlos.

DeviantArt es uno de los sitios con mayor cantidad de recursos debido a la enorme comunidad que se formó allí con el paso de los años dispuesta en gran parte a ofrecer sus creaciones de forma libre y gratuita.

Tal es el caso del usuario Alpercakici, quien publicó hace tiempo un set pago de 200 iconos con excelente acabado y que debido a su demanda ahora lo ofrece de forma gratuita para todos los que necesiten imagenes de este tipo.

Se trata de iconos en color negro y formato circular que incluyen redes sociales e iconos web de lo mas variados. Dentro del archivo en formato .RAR que descargaremos vamos a encontrar los iconos en formato .PNG y .PSD en la medida de 512px y en formatos .ICO y .ICNS en 256px. Es así como podemos directamente ubicarlos en un proyecto, utilizarlos en nuestra PC o Mac sin problemas o directamente abrirlos en Photoshop para modificar lo deseado y adaptarlo aún mas al diseño que nos encontremos creando.

GreyHound Icons – Por Alpercakici – Descargar