Twitter muestra nuevo y completamente diferente diseño

Twitter cada vez se está alejando más del diseño microblog que le caracterizaba. Poco a poco fue dando destaque al contenido multimedia, imágenes y ví­deos que se mostraban directamente desde nuestra linea de tiempo, recomendaciones de contenido y usuarios, conversaciones anidadas… pero nada como el cambio que está preparando y al que muchos usuarios están empezando a tener acceso.

La imagen muestra lo que un editor de mashable ha encontrado en su perfil:

nuevo twitter

Como veis, se apuesta por una estructura con estilo magazine, con imágenes destacadas, lejos de una lista frí­a de tweets, con un menú en el que podemos filtrar por contenido multimedia (fotos y tweets), con una imagen de encabezado mucho más ancha, recomendando 1500px x 500px (hoy se recomienda 1252 x 626) y una estructura de información que recuerda a la de Pinterest.

Se trata de otro test A/B, probando las novedades entre un grupo reducido de usuarios para analizar el impacto en tráfico y en el interés, para verificar si dejaremos de usar las aplicaciones de terceros (hootsuite) o la alternativa de tweetdeck (de propiedad de Twitter) para usar más la home de Twitter.

Es posible que el test no tenga éxito, es posible que no pase de una anécdota, de un «bicho de laboratorio» que nunca vea la luz, aunque, personalmente, me atrae bastante la idea: transformar Twitter en lo que es, una red de contenido, un concepto que se aleja del «qué estás haciendo» con el que nació la idea.

El editor de imágenes Picmonkey estrena nuevo diseño

No son muchas las mensualidades que pago para usar aplicaciones web. Pago Dropbox, pago Google Drive, pago Myshoebox, pago Deezer, pago Netflix, pago Dlvr.it, pago Buffer y, claro está, pago Picmonkey.

Es cierto que la versión gratuita ya permite hacer maravillas, pero cuando se crean tantos banners al dí­a, necesarios para divulgar información de todo tipo en sitios web y redes sociales, es mejor tener el máximo número de recursos posible siempre disponibles.

Picmonkey.com ha sido mi editor de imágenes online preferido desde la muerte de picnik (aplicación que compró google para incorporarla a Google Plus). Permite editar, dar efectos y crear, sin necesidad de tener muchos conocimientos de edición, simplemente arrastrando, escribiendo y probando fotos y texturas. Aquí­ os dejamos un tutorial detallado de lo que podemos hacer con Picmonkey.

picmonkey

Ahora, desde su blog, anuncian una nueva versión, una nueva página principal con enlaces a tutoriales para principiantes y trucos para poder realizar ediciones bastante profesionales, con opción en el menú superior para abrir archivos tanto desde nuestro ordenador como desde nuestros discos online.

Las funcionalidades continúan las mismas, el editor no ha cambiado, pero su página principal es mucho más atractiva y profesional. Por desgracia siguen sin tener traducción a otros idiomas, cerrando así­ muchas puertas a miles de posibles clientes.

Facebook lanza Paper para iPhone, solo en Estados Unidos

paper

Fiel a la cita, Facebook acaba de poner a disposición de los usuarios de iPhone en Estados Unidos su nueva aplicación llamada Paper, presentada la pasada semana, compatible con dispositivos desde la versión iOS 7.0 en adelante. Lo presenta con una aplicación para explorar y compartir historia de los amigos y del mundo en un diseño inmersivo y a pantalla completa, libre de distracciones, incluyendo los contenidos del muro de Facebook y secciones sobre los temas favoritos.

Paper es la nueva apuesta de Facebook para mejorar su presencia en dispositivos móviles, una de sus asignaturas pendientes, que trata de competir con rivales como Flipboard, aunque algunos piensan que trata de competir con sus actuales aplicaciones móviles. Como ya os comentamos, el diseño, el uso de gestos y la rapidez a la hora de mostrar los contenidos son los aspectos tenidos en cuenta en el desarrollo de esta aplicación, donde cada sección la conforma una página con imagen de portada y una sucesión de pequeñas tarjetas por las que se puede navegar.

A partir de ahora, los primeros usuarios que ya estén comenzando a ponerla a prueba en estos momentos, ya podrán compartir sus primeras impresiones para que el resto de usuarios del resto del mundo podamos tener una mejor idea de lo que en la práctica ofrece. Ya tan sólo queda que Facebook diga si en algún momento va a poner la aplicación a disposición internacional, o si además tienen intención de lanzar su aplicación para otras plataformas, al menos para la plataforma Android, sobre la cual se ha llegado a apostar lanzando aplicaciones y utilidades exclusivas.

Por otro lado, desde la famosa aplicación de diseño Paper (fiftythree.com/paper), ya han pedido a Facebook que deje de usar el nombre de su marca (muy conocida entre usuarios de iPad) para hacer referencia a su nuevo lector de noticias.

El enlace de descarga de Facebook Paper para iPhone en Estados Unidos desde la Appstore es éste (no es difí­cil crear una cuenta de iTunes en Estados Unidos, por si no queréis esperar a que esté disponible en todo el mundo).

Verkami, crowdfunding para artistas, creadores, diseñadores y otros colectivos

verkami

Hablamos ahora de Verkami, una plataforma de crowdfunding que se presenta como una alternativa a los modelos de financiación más tradicionales y dedicada exclusivamente a colectivos como el de los artistas, los diseñadores o los creadores.

Verkami, que nació hace ya cuatro años, ofrece herramientas multi-idioma en español, euskera, catalán, gallego, italiano e inglés, asesoramiento personalizado para cada proyecto publicado y una gran comunidad de usuarios suscrita en el servicio, cosa que sin duda aumenta nuestras posibilidades para conseguir la financiación necesaria.

Tanto si tienes una idea como un proyecto finalizado que necesita de financiación, en Verkami es fácil y rápido iniciar el proceso de crowdfunding: crearemos una página que incluya todo tipo de detalles sobre la idea o proyecto para el que necesitemos ayuda, y dispondremos de 40 dí­as para alcanzar la cantidad objetivo que hayamos establecido. Los mecenas que hayan contribuido en el proceso, en caso de que el proyecto tenga éxito, recibirán además una recompensa que podrán elegir al registrarse; además, sólo se cobrará la cantidad aportada al final, cuando sea seguro que el proyecto se lleva a cabo.

Aún sin estar registrados podremos echarle un ojo a los materiales publicados en Verkami que necesitan de un empujón en la sección «Proyectos«, apartado en el que podremos encontrar propuestas de libros fotográficos con recorridos por parques naturales o proyectos para editar y publicar novelas.

Así­ que ya sabéis, los curiosos podéis navegar por las secciones libremente y los que queráis realizar una aportación sólamente tendréis que registraros e ir al proyecto que os haya llamado la atención.

5 maneras en las que HTML5 puede mejorar su presencia en la web y en el mundo móvil

html5-official

Si usted ha estado escuchando atentamente todas las charlas en lí­nea, seguramente debe haber oí­do la palabra “HTML5”. Incluso Apple, Mozilla y Google han estado hablando sobre esto últimamente.

HTML5 (Hypertext Markup Language) es la última adición a la familia de lenguaje de marcado en la red e hizo su debut en 1997. En pocas palabras, el HTML es la columna vertebral de Internet, con casi todos los sitios web trabajando con él. Antes del nacimiento del HTML5, el HTML4 habí­a sido ajustado y actualizado para atender las enormes demandas de la web. Para poder soportar la utilización de medios tales como ví­deo y audio en los sitios web, nacieron las aplicaciones externas como Flash y Java.

Pero los desarrolladores web pronto se dieron cuenta que estas aplicaciones eran costosas y tomaban mucho tiempo. Y aún más, en la era actual de las tablets, la mayorí­a de los consumidores prefieren hacer sus transacciones y navegación a través de los teléfonos inteligentes. En pocas palabras, quieren que sus teléfonos inteligentes hagan todo lo que pueden hacer en sus computadoras.

Por otra parte, Apple se dio cuenta de que el uso de estas aplicaciones de terceros entorpecí­a las buenas experiencias de los usuarios y la duración de las baterí­as, entonces cortó el soporte a estas aplicaciones para el iPad y el iPhone. Esto dio lugar al nacimiento de HTML5, que está siendo adoptado por los sitios web de las principales empresas.

¿Por qué deberí­a usted utilizar HTML5?

Sí­, todo esto suena bien, pero ¿por qué le interesarí­a a usted? Para empezar, si usted tiene un blog o un sitio web de negocios, HTML5 aporta una gran experiencia móvil para los usuarios. El número de usuarios de teléfonos inteligentes ha crecido más allá de la marca de 100 millones solamente en los EE.UU.

Continúa leyendo «5 maneras en las que HTML5 puede mejorar su presencia en la web y en el mundo móvil»

trackduck, una buena herramienta para diseñadores y programadores web

trackduck

Cuando realizamos una aplicación web o un nuevo sitio para un cliente solemos utilizar sistemas de gestión de proyectos que ayuden a tener las tareas siempre visibles, actualizando su estado y guardando los comentarios en todo momento (personalmente utilizo mantis). El problema es que la mayorí­a de ellos no están basados en un entorno visual muy intuitivo para el cliente, por lo que acaba siendo utilizado únicamente como herramienta interna, siendo el email el principal medio de comunicación entre contratada y contratante.

La idea de trackduck (trackduck.com) es ofrecer una herramienta que permita a los clientes definir tareas «pintando» encima del sitio web que se está construyendo. Solo tiene que marcar la zona que quiere comentar (un error o un cambio en la estructura de la información, por ejemplo) y comentar encima del diseño, permitiendo de esa forma que las tareas pendientes estén «geográficamente localizadas» dentro de cada página presentada.

En su web muestran algunas animaciones con ejemplos de uso, destacando que apuestan por un sistema de comunicación en tiempo real que permita expresar la opinión de los clientes y a los programadores recibir el feedback y el estado de cada tarea abierta. Cada vez que hay una alteración en uno de los estados, tanto clientes como desarrolladores pueden recibir un email, aunque la idea es que deje de usarse el correo electrónico para gestionar este tipo de proyectos.

El precio depende del número de sitios y páginas registrados, teniendo versiones que parten de 9 dólares al mes.

Studio Design, el Instagram para diseñadores, ahora también para Android

design

La captura y edición de fotografí­a ha sido uno de los sectores de preferencia en el mundo de las apps desde que las primeras herramientas para hacer fotos y retocarlas nacieron disponibles para smartphone. Studio Design no deja de ser una aplicación perteneciente a este grupo pero especialmente orientada a diseñadores que quieran crear nuevos conceptos, imágenes y mezclas mediante el uso de las herramientas que la app nos ofrece.

Para utilizarla necesitaremos crear una cuenta en la misma aplicación o utilizando nuestra cuenta de Facebook, y si lo deseamos podremos desde el principio crear una red de contactos o de diseñadores populares a los que queramos seguir de cerca – para navegar por dicho contenido y por las actualizaciones que publiquen los usuarios dispondremos de un feed, similar al de Instagram, que se irá renovando con nuevas entradas.

Podemos o bien crear un diseño desde cero realizando una captura con la misma app y escalar la imagen, utilizando los botones direccionales para ello, además de redimensionarla, modificar el contraste y el brillo o añadir los distintos efectos que la galerí­a de retoques nos ofrece. Al ser una herramienta de diseño nos permite crear capas para modificar cada una por separado e incluir en ellas diferentes efectos, texturas, texto o formas.

Podéis bajar la aplicación gratuita en iTunes (que ya os presentamos en agosto) y en GooglePlay, para disfrutar de ella seáis diseñadores o usuarios casuales.

6 sitios para conseguir ideas y modelos para imprimir en 3D

Las impresoras 3D tendrán un importante papel en la esperada revolución de la domótica y el sector de consumo, así­ que no sorprende que su precio sea cada vez más bajo y que cada vez más gente se interese, tenga acceso a una ascendente cantidad de material relacionado y pueda sacarles provecho usándolas por su propia cuenta. Pues bien, hoy resaltamos algunos portales en los que se pueden conseguir ideas junto a modelos tridimensionales para descargar, construir y aprovechar en casa:

1. Thingiverse

thingiverse
Thingiverse

Quizá el más popular del listado gracias a sus miles de ejemplares que desde hace un par de años vienen recopilando. Se trata de una comunidad impulsada por MakerBot en donde además de los diseños de esta compañí­a dedicada a crear impresoras 3D, los usuarios pueden ver detalladas obras públicas que incluyen los materiales que han utilizado para su realización (contando el modelo de impresora) hasta su finalidad y archivos en formato STL necesarios para recrearlos en casa.

2. Bld3r

bld3r
Bld3r

Continúa leyendo «6 sitios para conseguir ideas y modelos para imprimir en 3D»

Publicado en

storehouse, una fantástica forma de crear y compartir historias desde iPad

En storehouse.co tenemos una nueva aplicación para iPad creada por un equipo liderado por Mark Kawano, conocido diseñador responsable por aplicaciones como iPhoto y Aperture, tal y como comentan en TNW.

StoreHouse se presenta como una herramienta que permite crear historias mezclando ví­deos, fotos y textos, generando revistas digitales que pueden ser compartidas de forma sencilla. Desde la misma aplicación es posible descubrir creaciones de otros autores, usuarios que han mezclado fotos de Instagram, ví­deos realizados desde la tableta y textos describiendo las secuencias, para mostrar al mundo que la forma realmente importa, casi tanto como el contenido.

storehouse

Después de importar el contenido que vamos a presentar (fotos y ví­deos) podemos arrastrarlo, cortarlo y cambiar su tamaño de forma sencilla, alineando los elementos para que tenga exactamente el formato que deseamos mostrar al mundo. Cada creación tendrá un encabezado con un tí­tulo y una descripción, encabezado que puede estar formado tanto por una imagen como por una animación que estará en constante movimiento (podéis grabar un pequeño ví­deo para que se muestre siempre al principio de nuestra historia, tal y como se puede ver en el ejemplo de su sitio web).

El texto puede variar de tamaño y forma, y el contenido general se adapta a cualquier tipo de dispositivo, por lo que es fácil consultar el material desde el móvil.

Por desgracia no hay previsión de tener algo así­ en Android, ya que parece que el equipo está especializado en el mundo iOS.

Recursos de todo tipo para dar nueva vida a tus creaciones

Combination UI

Continuando con nuestra selección habitual de recursos mensuales, en esta ocasión te traemos recursos gráficos para Web e impresión, interfaces gráficas de usuario, iconos, plantillas y temas para WordPress en PSD y HTML, listas para implementar en tu sitio Web, y también experimentos de código.

Recursos gráficos para todo tipo de proyectos, Web e impresos

Esta sección esta compuesta de recursos gráficos, útiles tanto para impresión como para Web. Entre ellos se cuentan patrones, botones sociales, mockups de dispositivos para mostrar tus creaciones, vectores, fondos de pantalla y más.

Fondo de pantalla iOS 7: fondo en alta resolución con efecto de gradiente

Fondo de pantalla iOS7

Mockups iPad: un set de iPads en estilo plano para presentar tus proyectos

mockups iPad

Botones de Facebook: útil set de botones con docenas de distintos estilos

botones de facebook

Patrones claros: patrones para fondos de pantalla en tonalidades claras

patrones claros

Etiquetas retro: 48 etiquetas retro para toda clase de proyectos

Etiquetas retro

Elementos para infografias: un paquete de elementos en PSD para infografí­as

Elementos para infografias

Plantilla de volante: plantilla en un estilo limpio y claro

plantilla de volante

Logo templates: un set de 9 plantillas de logos corporativos

Logo templates

Explosion in Space: un fondo de pantalla abstracto en alta resolución

Explosion in space

Vectores de paí­ses: útil set de vectores de casi todos los paises del mundo

Vectores de paises

 

Interfaces gráficas con todo tipo de efectos para renovar la apariencia de tus proyectos

En esta sección encontrarás, interfaces gráficas, en algunos casos con transparencias interesantes, fondos brillantes, texturas en 3D, interfaces sociales, interfaces de dispositivos móviles, y otras.

Interfaz transparente: moderna interfaz en tonos oscuros

Interfaz transparente

Combination UI: avanzada interfaz con un enorme lote de elementos

Combination UI

Lucid UI kit: interfaz con texturas 3D y brillos suaves

Lucid UI kit

UI set: interfaz para aplicaciones sociales para móviles

UI set

White Stripes: interfaz hecha de widgets lineales

White stripes UI

Real estate Booking UI: intefaz minimalista para uso personal y comercial

Real estate booking UI

Interfaz iOS 7: moderna interfaz para aplicaciones sociales.

interfaz iOS7

UI kit: interfaz para la web con estilo semi-plano

UI kit

Botones 3D: set de botones multimedia con textura plástica

Botones 3D

Flatty: completo set de elementos web con mas de 30 tipologí­as

Flatty UI

 

Los mejores iconos de todo tipo para mejorar la apariencia de tu sitio

Esta parte del post está compuesta de increí­bles iconos distribuidos en sets completos. Entre ellos podrás encontrar iconos planos en su mayorí­a, minimalistas, sociales, simbólicos y modernos.

Iconos iOS7: más de 100 iconos con el colorido estilo iOS 7

iconos iOS7

Set de iconos minimalistas para toda clase de proyectos

Iconos minimalistas

40 iconos sociales para WordPress

Iconos sociales para WordPress

Iconos lineares: un set simple de mas de 100 iconos

Simple line icons

Iconos planos PSD: un set de coloridos iconos en 2 estilos

Iconos planos PSD

Sí­mbolos de monedas: un set minimalista con iconos de monedas de distintos paises

iconos de monedas

Paquete de iconos gestuales: 12 iconos para explicar lo que una aplicación táctil puede hacer

Iconos gestuales

Iconos sociales neonizados: iconos lineares con un efecto de color neonizado

Iconos Sociales neonizados

CouCou icons: un set de 64 divertidos iconos con un estilo moderno

CouCou icons

Icon set: 144 iconos en vector para interfaces

Icon set

 

Temas y plantillas en HTML y PSD que dan vida a tus creaciones digitales

Aquí­ verás un montón de temas y plantillas para blogs con el fin de decorar tu sitio Web. Desde plantillas para revistas online, hasta elegantes y profesionales diseños para sitios Web de todas las disciplinas. Son en su mayorí­a responsivas.

Maeja: un tema de WordPress para magazines

Maeja WordPress theme

Tblog: tema minimalista de WordPress para bloggers

Tblog tema de WordPress

Wijayakusuma: una plantilla en HTML con un reloj de cuenta regresiva

Wijayakusuma: plantilla html

Avante: tema de WordPress con un diseño limpio y fantásticos efectos de imagen

Avante tema de WordPress

Paramedic: elegante tema diseñado para blogs de medicina

Paramedic: tema de WordPress

Bloom: plantilla en PSD para sitios de comercio electrónico

Bloom: Plantilla de ecommerce PSD

Supernova: un tema con muchas opciones para blogs

Supernova tema de Wordpress

Flatty: tema para páginas de aterrizaje con un moderno diseño

Flatty plantilla en HTML

Fullby: sencillo tema de WordPress con diseño en grilla para magazines

Fullby tema WordPress

Lycanthropy: tema en estilo plano para magazines

Lycanthropy tema WordPress

 

Experimentos de código para mejorar el rendimiento de tu web

Los siguientes recursos son interesantes experimentos de código en JavaScript, HTML y jQuery. Son diversos plugins que puedes integrar en tu sitio web para incrementar la funcionalidad, agregar nuevas caracterí­sticas y mejorar el rendimiento de tu web.

Batman.JS: un framework para realizar aplicaciones en coffeescript

Batman.JS

Texto en imanes: un divertido experimento de código con efecto de imán para refrigerador

efecto de texto en imanes

Ventana de tour guiado: un experimento de código para tours con transiciones simples

ventana de tour guiado

Fondos de pantalla adaptables: un plugin de jQuery que adapta el color de fondo de acuerdo a la imagen

Fondos de pantalla adaptables

Type rendering mix: una herramienta para aplicar CSS basado en el navegador que se use

Type rendering mix

Icono de menú: un icono de menú que se convierte en el menú

Icono de menu

Selector de imágenes con efecto de rebote

Selecto de imagenes con efecto de rebote

Metro UI animations: set de í­conos animados al estilo de Windows 8

Animaciones interfaz metro

Animaciones de carga: set de modernas animaciones de carga en CSS

Animaciones de carga

Screenfull.js : plugin de jQuery para visualizar elementos en pantalla completa

Screenfull.JS