Kabytes - Patrones de color dorado en alta resolución

Patrones de color dorado en alta resolución

Navegando en uno de los blogs que más recursos originales ofrecen en nuestro medio, Best Design Options, me encuentro con unos paquetes patrones de color dorado en alta resolución que combinan colores brillantes, texturas sumamente variadas.
Si hay recursos gráficos que sin importar la cantidad que tenemos parecen nunca ser suficientes, creo que las texturas son uno de ellos. Cada vez que nos topamos con estos fantásticos elementos que no solo son útiles per se en nuestros proyectos sino que en algunos casos hasta disparan nuevas ideas desde la combinación de patrones y los colores.

Patrones de color dorado en alta resolución

Los paquetes que quiero mostrarles hoy, combinan color verde menta y magenta de base con patrones dorados. Ambos tonos son bien diferentes en cuestiones de luminosidad por lo que los patrones se captan muy distinto en uno y otro contraste.
Está claro que estas imágenes pueden resultar útiles para el universo online, pero también pueden ser utilizadas en innumerables proyectos gráficos desde aplicación en papelería hasta en diseño textil.
La primer opción, incluye diferentes patrones en combinación de dorado y magenta. Posee un acabado rústico que realza la textura y agrega un elemento grunge a cada uno de los papeles.

Descargar Digital Scrapbook Papers in Vintage Pink and Gold Patterns | Best Design Options
En el segundo caso, la textura se aplica sólo sobre el dorado y está mucho más marcada que en el caso anterior. El tono verde menta en la combinación es muy atractivo pero quizás sea conveniente achicar los tamaños para que no gane la pesada textura contra la ausencia de peso del color de fondo.

Descargar Free Mint Green and Gold Background Patterns | Best Design Options
Al tratarse de imágenes, pueden utilizarse como fondo de cualquier entorno, y también realizar superposiciones de colores y efectos de capa que pueden ofrecer nuevos niveles creativos.

Cómo detectar el uso de AdBlock

1.Instalación
Tenemos a nuestra disposición tres formas distintas: manualmente, descargando el archivo js y agregando la ruta en nuestro sitio web, o utilizando Bower o NPM.
Instalación empleando Bower:

bower install blockadblock

Instalación empleando NPM:

npm install blockadblock

2. Código de ejemplo:

// Comprobamos si no esta activo Adblock
function adBlockNotDetected() {
    alert('AdBlock is not enabled');
}
// Comprobamos si esta activo Adblock
function adBlockDetected() {
    alert('AdBlock is enabled');
}

// Este condicional prevé que Adblock decide anular
// la biblioteca de detección
if(typeof blockAdBlock === 'undefined') {
    adBlockDetected();
} else {
    blockAdBlock.onDetected(adBlockDetected);
    blockAdBlock.onNotDetected(adBlockNotDetected);
    // and|or
    blockAdBlock.on(true, adBlockDetected);
    blockAdBlock.on(false, adBlockNotDetected);
    // and|or
    blockAdBlock.on(true, adBlockDetected).onNotDetected(adBlockNotDetected);
}

// Opciones disponibles de configuración
blockAdBlock.setOption('checkOnLoad', false);
// configuración alternativa
blockAdBlock.setOption({
    debug: true,
    checkOnLoad: false,
    resetOnEnd: false
});

Este proyecto cuenta con varias opciones de configuración permitiendo que su funcionamiento pueda ser adaptado perfectamente a prácticamente cualquier escenario posible.
En el apartado de Github pueden encontrar más información, incluso pueden encontrar el proyecto original (que tiene un nombre poco conveniente :P)
Web: BlockAdBlock

publicado originalmente en: Kabytes

Material Design en iOS

Al momento de desarrollar una aplicación móvil es importante que la experiencia del usuario sea similar independientemente de la plataforma que el usuario utilice.
Material Design es, probablemente, una de las mejores innovaciones de Google para Android, a la mayoría de los usuarios les gusta y sobretodo entienden perfectamente como funciona esta nueva forma de interactuar.
Emular Material Design en iOS no es tarea sencilla, son muchos controles, efectos, transiciones, animaciones y detalles a tener en cuenta, en pocas palabras un trabajo muy completo, por suerte existe una buena solución llamada Material, una colección de elementos desarrollados como un framework para iOS para emplear Material Design en nuestras aplicaciones para iOS.

Los requerimientos básicos son:

• iOS 8.0 o superior.
• xCode 7.2 o superior.

Material se instala de forma sencilla, utiliza CocoaPods y Carthage.
Por ejemplo si queremos instalar este framework empleando Carthage:

$ brew update
$ brew install carthage

Y luego en el archivo Carthage:

github "CosmicMind/Material"

Recursos disponibles de Material Design en iOS

Obviamente no están disponibles todos los controles, si embargo la lista no es despreciable, todo lo contrario. Actualmente hay soporte para:

• MaterialColor
• SideNavigationViewController
• NavigationBarView
• TextField
• TextView
• MaterialLayer
• MaterialView
• MaterialPulseView
• FlatButton
• RaisedButton
• FabButton
• CardView
• ImageCardView
• CaptureView

El autor de este fantástico proyecto también deja una lista de los controles que serán liberados en las próximas versiones del proyecto:

• SearchBarView
• SearchBarViewController
• TabView
• TabViewController
• Scrolling Techniques
• Dialogs
• Snackbar
• ProgressBar (circular y horizontal)
• DatePicker
• TimePicker

En el apartado de Github de este genial proyecto pueden ver varias demostraciones de uso.

Material se encuentra liberado con copyright, sin embargo el autor permite la libre utilización siempre y cuando se respeten una serie de enunciados descritos en el sitio oficial del proyecto.
Les recomiendo (como siempre) visitar la documentación oficial de este proyecto para descubrir al máximo el potencial de este framework.

Figuras geométricas vectorizadas en varios formatos

Cuando surge una nueva moda, en ningún momento lo hace de forma automática. Este paquete de figuras geométricas vectorizadas forma parte de una nueva estética que combina elementos vintage, con componentes geométricos extremos y texturas orgánicas.
En la era del retorno de la acuarela, las estrellas y las imágenes superpuestas, las figuras geométricas son una gran herramienta que otorga delicadeza, fluidez y equilibrio como su base fundamental. Son excelentes para combinar con texturas, y particularmente en este caso, sacando el mejor provecho a los propios patrones visuales que las mismas formas generan.

Para utilizar en positivo o negativo, como máscaras o elementos destacados dentro de un entorno. Mismo, para aquellos que quieran animarlas, este paquete incluye su versión vectorizada que les permitirá exportarlas en formato .svg para animarlas en sitios web o plataformas internas.

Figuras geométricas vectorizadas

Se incluyen 15 figuras geométricas que conjugan diferentes bases para formar un elemento final que los contiene, esto combinado con otros componentes tales como texturas, imágenes y tipografías, los hace ideales para implementar en posters y folletos para imprimir, utilizar como isotipo si están creando una identidad corporativa, allí será siempre recomendable modificarlas para que si bien la base estética y conceptual sea la que desean, el resultado sea más original que un recurso preestablecido.

Descargar Fluid Geometric Shapes | Pixel Buddha
Están incluídas en varios formatos que les harán más simple el trabajo de editarlas y combinarlas con otros componentes, encontrarán archivos .PSD, .AI, .EPS, y hasta las imágenes .PNG para ser utilizadas directamente con pocos cambios simples dentro de una edición más acotada.
La totalidad de este recurso es gratuita y están disponibles para descargar directamente sin ningún límite. Verán que en la aplicación y la experimentación con otras herramientas surgirán cosas muy interesantes que, por supuesto, no tienen límite en el alcance. Todo depende de la creatividad con la que se aplique.

fue publicado originalmente en: Kabytes

Panel de mensajes en formato SKETCH

Antes de comentarles sobre este panel de mensajes en formato sketch, quería hacerles una breve introducción sobre este programa que está ganando día a día más adeptos.
Cada vez que un nuevo software se afianza entre los expertos y profesionales, salen al mundo miles de recursos gratuitos que permiten a aquellos que no tienen tanto dominio de la herramienta, o bien, quienes no cuentan con tiempo suficiente para aprender a utilizarlo automáticamente.
En el caso de Sketch, si bien es un software de pago, la realidad es que soluciona dolores de cabeza a la hora de diseñar aplicaciones y plataformas, por lo que cada día más diseñadores y desarrolladores optan por comprar su licencia. El costo/beneficio así lo amerita.
Todo aprendizaje lleva su tiempo, en especial en programas que incorporan toda una nueva dimensión de formatos, interacción de elementos y organización de etapas, es por ello que estas plantillas gratuitas, pueden resultar no solo una simple herramienta, sino también, un buen método de enseñanza.
También estarán los más expertos en la materia que podrán servirse de estos recursos gráficos como base para sus propias creaciones y por qué no, agregados a sus ya iniciados proyectos.

Panel de mensajes en formato SKETCH

Un panel de mensajes diseñado exclusivamente para optimizar el espacio en los dispositivos móviles con todas las etapas necesarias para un uso fluido y una correcta visualización de los elementos.

Descargar Messages Client UI Sketch Resource | SketchAppSources
Además cuenta con una forma interesante de ocupar el espacio, proponiendo un despliegue dinámico a lo ancho que puede ser interpretado como un salto de pantalla en dispositivos más pequeños.
Si están buscando una base de mensajería para agregar a una aplicación o bien, necesitan ideas para mostrar estos elementos de una forma optimizada y simple, esta plantilla les puede resultar sumamente útil, incluso para replicar en formato web.

Organizar la casilla de Gmail con Sortd

Hay quienes han elegido a Gmail como herramienta para administrar sus correos electrónicos ya que salvo algún que otro pequeño problema, es un servicio sumamente confiable y no genera conflictos con la mayoría de los servidores de correo electrónico. Pero organizar la casilla de Gmail, puede ser una tarea compleja con las herramientas como nos vienen dadas.
Además del buen manejo del SPAM y la posibilidad de aplicaciones simples como de bloqueo (recientemente añadida) o la cancelación suscripción automática ante la llegada de demasiados newsletters de una misma cuenta, si es que nos comienza a molestar.
Pero si en algo podríamos decir que falla Gmail es en su organización, tenemos etiquetas, tenemos solapas, pero en ninguna de ellas se nos ofrece la posibilidad de ver en una sola pantalla todos los pendientes, ni administrarlos de una forma más eficiente ya sea para realizar tareas o bien, para responder en algún momento.

Organizar la casilla de Gmail con Sortd

Quizás algún fanático de la seguridad no quiera dar acceso a su casilla de correo a una plataforma desconocida, pero para quienes se atrevan, Sortd es simplemente un skin que se instala como extensión en Chrome y es muy simple de utilizar.
Para instalarla deberán solicitar un acceso que les será enviado por email una vez que se suscriban. Luego de instalarlo, Sortd les dará un paseo por sus funciones y la forma fácil de utilizar, dividiendo las listas de tareas con los nombres que ustedes deseen y les sea más intuitivo.
Volver a la vieja vista de Gmail es simple, verán un pequeño botón a la derecha que les permite cambiar entre una y otra vista automáticamente.
Cambiar asuntos, agrupar destinatarios y contenidos, tareas y recordatorios de eventos importantes, se trata de una herramienta que podrá solucionar problemas organizativos para aquellos que manejan grandes caudales de emails importantes o reciben material de trabajo que puede traspapelarse.
Quizás les cueste un poco acostumbrarse si utilizan mucho su casilla de Gmail ya que hay que reorganizar las ideas, pero créanme que organizar la casilla de Gmail con Sortd es muy fácil y se darán cuenta que les resulta extremadamente útil poder dividir el trabajo como les parezca.
Tour de Sortd (Inglés)

Tengo nueve invitaciones para enviarles, si quieren, las pueden solicitar aquí (no dejen el email en el comentario) o en mi cuenta de Twitter @mikoalien. También pueden registrarse para obtener el acceso directamente en el sitio de Sortd.