Se trata de coolors.co, aplicación que ayuda a encontrar la paleta de colores ideal para nuestro nuevo proyecto, jugando tanto con las combinaciones aleatorias que genera como con las decisiones que tomemos en todo momento.
Una vez abierto podemos ver diferentes combinaciones de colores, que irán cambiando con la barra espaciadora. Si nos gusta uno o varios colores de dicha paleta, podemos congelarlos para que sigan apareciendo en las siguientes propuestas, que se repetirán hasta que demos con la combinación ideal.
Es posible pulsar en el código de cada color para especificar uno determinado (el de un logo, por ejemplo), y ver como las siguientes propuestas se adaptan a ese cambio en busca, siempre, de un conjunto de colores «que pegue».
Al finalizar podemos copiar la url de la paleta deseada y compartirla con otras personas (con el cliente, por ejemplo), ayudando así a agilizar el proceso de decisión de colores de una web, aplicación, diseño, etc.
Si trabajáis en diseño web seguramente os habréis pasado horas navegando entre el código de decenas de sitios web para encontrar la tipografía que usa, los colores, los espacios y demás detalles que, generalmente, se esconden en el archivo CSS.
Lo que hace stylifyme.com es ahorrar trabajo obteniendo toda esa información de forma automática. Solo tenemos que indicar la url que queremos analizar y aguardar a que se realice el trabajo, generando así la lista de fuentes usadas, los colores en el fondo y en el texto, los espacios, las dimensiones de las imágenes, un análisis que puede tardar unos segundos, ofrecido en archivo que puede bajarse al ordenador para posterior estudio.
No es la primera aplicación que analiza colores, ya hemos visto muchas de ese tipo, pero sí una de las pocas que se concentra en los aspectos más buscados por los webdesigners, aspectos que podrán trabajarse de forma independiente para realizar los cambios solicitados por los clientes.
Podéis obtener detalles técnicos sobre la herramienta en este artículo, donde explican cómo lo hacen para encontrar las características de cada variable de forma automática.
Al ser uno de los proyectos destacados hoy en producthunt, su funcionamiento es bastante intermitente desde hace algunas horas, por lo que es mejor tener paciencia si lo deseáis probar hoy mismo.
Se trata de una nueva colección de iconos y material gráfico que sigue la linea de su nueva estética android, con licencia CC-BY-SA, diseñada para que se sigan las directrices preentadas en julio, con plantillas de croquis, iconos y pantallas, archivos que incluyen:
– Archivos en PSD, AI y formatos Sketch – Paquete completo de iconos – Nuevas orientaciones par auso del color
Allí pueden encontrarse varios elementos que componen los diseños, desde símbolos de la barra de estado a menús desplegables, campos de búsqueda, separadores, etc. siempre con texto explicativo de los elementos.
Prometen que seguirán actualizando el material, actualizaciones que veremos en su página de google Plus. Estaremos atentos.
Y si hace una hora os hablamos del lanzamiento de LINE para iPad, ahora anuncian la aplicación para la misma plataforma de una de las herramientas preferidas por muchos a la hora de crear banners.
Se trata de Canva.com, quien ha dado el paso con esta app en iTunes, también gratuita y con la misma filosofía.
Para quienes no conocen Canva: se trata de una aplicación en la que podemos elegir plantillas de diversos tipos para diseñar banners arrastrando y soltando material gráfico, así como definiendo textos, colores y formas. Podemos subir imágenes de nuestro ordenador o usar las incluidas en su base de datos de miles de fotos de todo tipo, aunque el uso de su base de datos de imágenes no es gratuito, tiene un coste de 1 dólar por foto seleccionada.
Si ya tenéis las imágenes e iconos y solo necesitáis montar el banner usando algo mucho más intuitivo que Photoshop, Gimp y compañía, Canva se presenta como la mejor solución para hacer trabajos de buena calidad y en poco tiempo, y ahora puede hacerse desde iPad, ayudando a los que quieren ir diseñando mientras están en metro, autobús, fila del médico… por desgracia no informan sobre la versión android, esperemos que no tarden mucho.
Este lunes, Adobe es noticia por varias cuestiones, siendo la primera de ellas los cambios realizados en Creative Cloud, persiguiendo el objetivo de que los creadores puedan comenzar sus trabajos en aquellos dispositivos que deseen, haciendo uso de la nube de su compañía para que los mismos puedan crear y almacenar sus perfiles creativos y emplearlos tanto en sus dispositivos de escritorio como en sus dispositivos móviles.
Esto permitirá que dichos profesionales puedan comenzar realizando los bocetos de sus trabajos en sus dispositivos móviles y puedan terminarlos en sus dispositivos de escritorio, teniendo lógicamente que tener los mismos conectados a Internet. Dicho de otra manera, Adobe usará la nube para conectar todas sus aplicaciones de creatividad, sirviendo como biblioteca central en el que los creativos podrán crear y guardar sus preferencias y ajustes y acceder a los mismos a través de las aplicaciones que deseen, tanto de escritorio como móviles. un apunte más en este sentido, y es que las aplicaciones móviles de la compañía sólo están disponibles para iOS por el momento. Con el lanzamiento del SDK Creative 1.0 públicamente, esta situación puede cambiar, aunque de todos modos, Adobe está trabajando para la plataforma Android así como en las aplicaciones para Windows.
Por otro lado, Adobe también ha lanzado Premiere Clip a iPhone e iPad, una aplicación móvil simple y sencilla para la edición de vídeo, enfocada a todos los usuarios, teniendo un concepto similar a la aplicación iMovie de Apple, de modo que los usuarios que usen esta nueva aplicación, el concepto del mismo les será familiar. Clip permitirá a los usuarios la organización de sus tomas así como la posibilidad de recortarlas, según vean necesario, pudiendo incorporar de efectos y transiciones sencillas para dar a sus trabajos un aspecto visual elegante. Gracias al uso de Creative Cloud, los usuarios también podrán sincronizar sus ediciones con Adobe Premiere de escritorio, de modo que podrán continuar la edición en sus equipos de escritorio, habiendo ya adelanto trabajo desde sus dispositivos móviles.
Algunos apuntes más sobre Adobe, y es que por un lado, este pasado fin de semana, lanzó la vista previa de Creative Cloud para Android, disponible a través de Google Play, sin generar mucho ruido al respecto, en el que los usuarios podrán gestionar todos sus proyectos, pudiendo además navegar, organizar y previsualizar todos los archivos almacenados en la nube de Adobe, incluyendo aquellos realizados con Photoshop e ilustrator.
Por otro lado, Adobe ha añadido a Behance, plataforma de portafolios profesionales que adquirió en el mes de diciembre de 2012, la búsqueda de talento, facilitando a los reclutadores la búsqueda de personas sólo mediante palabras clave sino además a través de sus propios portafolios creativos. Esta nueva característica hará uso de algoritmos inteligentes que entenderán, mediante aprendizaje constante, los tipos de personas que los reclutadores andan buscando para mostrarles los candidatos así como a candidatos similares a estos. A esto Adobe le llama «Creative Graph».
En enjoycss.com tenemos una aplicación web que puede ayudar a crear elementos para nuestro proyecto web sin necesidad de pasar horas arreglando detalles en el código.
Se trata de un editor online en el que podemos construir y especificar campos de texto, botones, listas, fondos y demás componentes de nuestras páginas, permitiendo crear elementos desde cero y aplicar efectos desde el menú lateral derecho.
Eric Willis (@erictwillis) comenta que el objetivo es poder trabajar con variables al mismo tiempo que usamos una interfaz «a lo photoshop», con posibilidad de elegir colores, sliders y demás componentes que ayuden en la creación de material gráfico «sin burocracia». Podemos incluso crear estados como :hover, :active, :focus, :after y :before y darles estilo paar que aparezcan en el código generado, que podremos pegar en nuestro sitio de forma sencilla.
En su web podemos ver ejemplos clasificados en una galería. El proyecto es gratuito, por lo que no hay que preocuparse, de momento, con ese tema.
Existen muchos y muy buenos podcasts en inglés que tratan sobre diseño y creación de proyectos web, en apuntesalmargen.com hay una buena lista de ellos, a menudo protagonizados por expertos en la materia que comentan experiencias y situaciones que en muchas ocasiones no pueden plasmarse en un escrito.
Lo difícil es encontrar contenido de este tipo en nuestro idioma, motivo por el cual me ha sorprendido cuando nos han presentado preceptosdigitales.com, una web que tiene ya diez episodios en los que tratan temas variados, desde la creación de una tienda online hasta el funcionamiento de un servidor o definición de javascript.
No es el único proyecto podcast para desarrolladores, vivecodigo.org es otro ejemplo, aunque en este último caso hace varios meses que no se actualiza (uno de los mayores retos en el mundo podcast), el mismo problema que tiene socialmediapodcast.es.
¿Es el modelo podcast poco atractivo para desarrolladores?, ¿hay problemas con el modelo de negocio de estos proyectos?, ¿requiere demasiado trabajo y se obtienen muy pocos beneficios?… el motivo por el que no hay podcasts de este tema puede ser obvio: los desarrolladores prefieren leer para probar in situ lo que están consultando, no escuchan este tipo de temas en el coche, o dando un paseo, aunque de ello depende el enfoque que quiera darle el responsable por el podcast.
Esperemos que preceptosdigitales consiga encontrar su espacio en un sector con tan poca competencia.
Para Windows o Mac, para quien trabaja con Photoshop, Illustrator, InDesign, Fireworks, Graffle, Sketch … pixelapse (pixelapse.com) es un nuevo proyecto que ofrece la posibilidad de guardar las versiones de los trabajos que realizamos, siempre orientado al diseño.
A medida que trabajamos con nuestras herramientas habituales, pixelapse detecta cuando guardamos una versión, subiéndola de forma automática a su plataforma para ofrecer un control inteligente de versiones. No hay límite en el quesito «historial guardado», por lo que es posible guardar miles de versiones de una misma imagen, siempre disponible para recuperarla en cualquier momento. La plataforma se integra con Dropbox, ayudando así a los que usan dicha plataforma de almacenamiento.
Con los trabajos que hay en la web podemos solicitar ayuda a otras personas para que opinen y generen una discusión de cada imagen allí presente, permitiendo de esa forma obtener feedback tanto de los clientes como del resto del equipo de trabajo.
pixelapse es gratuito para los que no se importen en mostrar sus proyectos de forma pública (de hecho lo anuncian como gratuito para los proyectos con fuente libre), con una gama de precios proporcional a la cantidad de proyectos privados que necesitemos tener bajo control.
No es la primera vez que vemos un proyecto como keepupdated.co, una aplicación que monitoriza el aspecto y contenido de cualquier página web que indiquemos y envía una alerta cuando se realice algún cambio en la misma.
Lo vimos con onwebchange.com, con changedetection.com, con changedetect.com y lo vemos ahora con keepupdated, con opciones gratuitas durante la fase beta que permite monitorizar hasta 10 páginas con tres comprobaciones diarias.
Los cambios que recibimos están más enfocados a la estructura del diseño, siendo posible tener un historial con todos los cambios realizados durante el último año.
El funcionamiento es sencillo: informamos la url «víctima» de nuestra acción de «cotilleo digital» y esperamos a recibir los emails.
La herramienta fue creada para permitir que las compañías sepan los cambios que realiza la competencia, sin necesidad de verificar constantemente lo que otros hacen, ayudando así a tomar decisiones en función de lo que otras empresas estén implantando (algo que no siempre es una buena idea).
Más de 45.000 elementos clasificados para poder construir interfaces gráficas y más de 1200 kits ya listos para bajar y poder trabajar con ellos, eso es lo que ofrece ui-cloud.com, un buscador en el que podemos encontrar botones, barras de progreso, menús, botones de reproductores de música… prácticamente todos los elementos que podemos desear para buscar tanto material gratuito como inspiración para nuestro propio trabajo.
No se trata de un proyecto nuevo, llevan casi dos años ofreciendo contenido con el que podemos construir listas semejantes a las que Juan Pablo Sarmiento divulga aquí en WWWhatsnew con frecuencia. Nació como un buscador creado por Jack Cai, responsable por la empresa doublejdesign.co.uk, actualmente en fase de rediseño, y fue relanzado en octubre del año pasado.
En algunas ocasiones el material incluido no especifica el tipo de licencia, motivo por el cual recomiendo entrar en contacto antes de realizar un trabajo comercial, evitando así problemas con el autor del diseño divulgado.
Además de navegar directamente por las categorías y de usar el buscador usando palabras clave, ofrece un constructor de botones con el que podemos diseñar el que más se adapte a nuestra página. Después de especificar textos, colores y formas, es posible obtener el código para pegarlo directamente en nuestro trabajo.
Existen muchos y muy buenos podcasts en inglés que tratan sobre diseño y creación de proyectos web, en 
