PancakeBot, una impresora 3D para hacer pancakes con cualquier diseño

pancakebot

Una novedosa impresora 3D, con plancha incluida, llega a KickStarter para pedir financiación y traer lo antes posible a nuestros desayunos su fabulosa idea: Permitirnos hacer cualquier pancake que se nos ocurra. Animales, logos, personajes animados, esculturas y cualquier otra figura que se nos pase por la cabeza, además de las que de forma predeterminada vienen con ella, son posibles con PancakeBot.

Y no en vano nos deshacemos en elogios ante esta brillante impresora pues además de su sencillo ensamble ya que apenas requiere recargar sus tarros decoradores de mezcla para pancakes, trae un software (para Windows y Mac) tan intuitivo que hasta los dibujos de un niño pueden ser materializados. Con el programa, solo hará falta cargar una imagen desde una memoria SD y reteñir su contorno para que la impresora entienda por dónde debe pasar. Y, listo, se activa la impresión y empezará la máquina a traer al desayuno cualquier diseño pensado -hasta parrilla incluye-.

Claro, nada mejor que un video para antojarse de sus asombrosos resultados:

En cuanto a los detalles técnicos, vale comentar que la PancakeBot se vale de su propio sistema dispensador de mezcla para pancakes basado en un control por vací­o y aire comprimido. Asimismo, se menciona que dispone de controles fí­sicos para pausar y continuar su trabajo de impresión, es fácil de limpiar y su flexible diseño permite su sencillo desplazamiento.

PancakeBot anda buscando financiación en Kickstarter y hasta la fecha, faltando 28 dí­as para acabar su campaña, ha recogido 120.000 dólares de los 50.000 que se poní­a como meta en un principio. Por cierto, se pueden solicitar unidades de la impresora desde 149 dólares, y se despacharán a partir de mediados del próximo año. En cuanto al desarrollo, la idea es optimizar tanto su software como su apariencia y precisión antes de su producción en masa.

En fin, una maravillosa herramienta para disfrutar tanto solos como con amigos y familiares. Destaca su creador que es un artí­culo infaltable para amantes de los robots y los pancakes, o sea, una enorme cantidad de gente.

Más información: Página de PancakeBot en Kickstarter

Los perfiles en Twitter para Android ahora se ven mejor

La aplicación de Twitter para Android ha recibido un llamativo rediseño en su más reciente actualización. Lo novedoso es que llega con una elegante apariencia desarrollada para facilitar la navegación y de paso hacer más sencillo el conocer la información completa de cualquier perfil incluyendo sus fotos y tweets favoritos.

nuevos perfiles twitter android

Es en el perfil oficial de Twitter en Twitter (?) donde dan aviso de la actualización, particularmente, por el diseño de los nuevos perfiles que ahora reducirán el número de toques en pantalla necesarios para acceder a las decenas de tweets de cada perfil, a su contenido multimedia y a su biografí­a.

Por ejemplo, para el caso de esta última, la bio, ya no hará falta recurrir a un deslizamiento del dedo para desplegarla pues se mostrará de inmediato justo debajo de la imagen de perfil quien al igual que la imagen de cabecera se amplia y se reduce para responder a las guí­as de diseño de Material Design que ahora les rige.

Así­ luce en video:

En fin, si tienes un móvil Android, restará que esperes a que arribe la actualización de forma automática. Claro, si no cuentas con ella en tu dispositivo, puedes conseguirla en la Play Store. Asimismo, si buscas una buena imagen de cabecera para adornarle, lograrás encontrar varias de ellas, diseñadas especí­ficamente para tal fin, publicadas en la página de Twitter en Flickr.

Más información: Nuevos perfiles Twitter

Una aplicación para diseñar postales 3D en la web

captura-1

En esta página de Github tenemos disponible una aplicación que podemos usar para diseñar postales tridimensionales, capa por capa, con opción de doblarla y guardarla para seguir trabajando en ella en el futuro.

Se trata de webOAcard, aplicación en la que podemos establecer una capa en el nivel de profundidad que deseemos y pintar superficies correspondientes a dicha capa. Tendremos después que cambiar a otra para seguir trabajando dando el efecto tridimensional deseado (en el enlace anterior vemos un castillo , aunque hay varios modelos disponibles en el menú lateral).

El objetivo es demostrar lo que se puede hacer hoy en dí­a en un navegador moderno (es uno de los 1000 experimentos de Chrome), pero podemos usarlo incluso en nuestro servidor local, ya que el código está disponible para su uso y alteración.

Los archivos finales tienen formato .oa, siendo posible cargarlos de nuevo en la web usando el menú LOAD, también en la sección lateral de la página.

Aunque por desgracia no hay como transformarlas en un gif animado, por ejemplo, para poder enviarlas ví­a web, si podemos capturar la pantalla con programas como LICECap para crear un gif a partir del movimiento que generemos en la aplicación

Publicado en

Una infografí­a muestra el aspecto de famosos sitios web hace muchos años

Si queréis ver cómo era Google en el siglo XX, el aspecto de Twitter cuando nació, el diseño de la página principal de Apple en 1996, cómo nació Youtube y muchos otros sitios web, echad un vistazo en esta infografí­a que nos enví­an desde ninjaessays.com.

Usando servicios como WayBackMachine, han capturado el aspecto de Facebook, Twitter, Apple, Google, YouTube, eBay, LinkedIn, Yahoo y Flickr para mostrarlos en una única imagen que nos hace reflexionar sobre el aspecto que tendrá Internet dentro de otros 10 años…

infografia

Modulator, una aplicación para crear nuestra propia tipografí­a

Si queréis escribir en el ordenador con un tipo de letra único, personalizado, creado por vosotros mismos, prestad atención a lo que ofrece modulator.

Se trata de una aplicación que permite definir varias variables que afectan al formato de la letra que estamos construyendo. Ancho de la linea, altura, efectos ópticos… a medida que ajustamos los valores, vemos el resultado en el panel derecho, tanto de una letra especí­fica como del abecedario o de una frase de ejemplo.

El resultado puede exportarse como odf o como webfont, siendo así­ sencillo instalarlo incluso en una página web.

En 2012 os hablamos de 7 herramientas que podemos usar para crear tipografí­as, y en 2013 comentamos dos opciones que podemos utilizar para transformar nuestra letra escrita en fuente para ordenador; modulator llega para ampliar la primera lista, y lo hace con estilo.

specfox, para crear un documento de especificaciones de diseño de un sitio web

Si estáis diseñando la web de un cliente, seguramente estáis acostumbrados a capturar pantallas y realizar comentarios sobre la misma. Los documentos de especificaciones de diseño, así­ como los de alteraciones, suelen incluir muchas capturas que ayuden a obtener referencias de lo que debe cambiarse, con comentarios al pié de cada uno de los elementos.

Basándose en esa técnica, specfox.com nos presenta su proyecto, una web en la que podemos subir varias capturas, destacar las regiones que deben sufrir modificaciones y realizar los comentarios pertinentes.

El proceso es sencillo, semejante a lo que hemos visto en varias aplicaciones web de revisión de especificaciones, pero en este caso apuestan por un tema importante: la exportación.

Tanto las capturas subidas como los comentarios realizados en las diferentes secciones se distribuyen de forma inteligente e intuitiva para que pueda exportarse un PDF con el formato perfecto para presentarlo al cliente, incluyendo la portada del proyecto.

En el ví­deo inferior os muestran un ejemplo (comienza a hacerlo enel segundo 40). La aplicación es gratuita, pero solo permite un proyecto por cuenta (ya están trabajando en opciones premium para permitir más proyectos).
Continúa leyendo «specfox, para crear un documento de especificaciones de diseño de un sitio web»

Facebook lanza Origami Live, para interactuar con prototipos

Origami

Como ya os explicamos en su momento, Origami es el nombre que recibe la herramienta gratuita de Facebook especializada en la creación de interfaces de usuario dinámicas, que además ha sido usada para diseñar muchos de sus productos, encontrándose entre ellos Instagram, Messenger, Paper, Slingshot, Hyperlapse y Rooms.

Lanzada hace más de un año, hasta este momento, una de las cosas que más han echado en falta los propios usuarios es la posibilidad de ejecutar los prototipos desarrollados en los dispositivos iOS, aunque desde hoy esta posibilidad se convierte en realidad gracias al lanzamiento de Origami Live para iOS, como acaba de anunciar Facebook en un comunicado, en el que se avisa también de la actualización de Origami para OS X, cuya versión 2.0 es compatible con la función de exportación de código, soporte para gestos, integración con Sketch y la inclusión del modo presentación.

Con ello, los usuarios tan sólo tienen que instalar Origami Live en sus dispositivos iOS desde la App Store, conectar los mismos a sus equipos Mac e inmediatamente podrán interactuar con aquellos prototipos que deseen, pudiendo usar múltiples toques en pantalla, los sensores de los propios dispositivos, etc. Los usuarios podrán sentir los prototipos desarrollados casi como productos finales.

Para aquellos que quieran comenzar a usar Origami como aquellos que deseen avanzar, Facebook también ha puesto a disposición de ellos una serie de ví­deo tutoriales paso a paso que les guiarán en el desarrollo de prototipos de Origami, desde lo más simple a lo más sofisticado. Igualmente, les ponen a su disposición una sección de documentación así­ como una página de ejemplos con docena de archivos disponibles para sus descargas.

La muerte de los sliders en home page

captura

Hoy os comparto un experimento de analí­tica web que realicé recientemente donde enfrento el CTR de banners vs sliders en home page para acompañar una reflexión cada vez más habitual sobre el cambio de gustos en lo referente a diseño web del consumidor de contenidos. A fin de cuentas son los usuarios quienes marcan el camino, no lo olvidemos.

El diseño web avanza a un ritmo creativo del que a menudo no somos del todo conscientes, pero este constante cambio no hace más que adaptarse a la forma en que los consumidores navegan por internet y los dispositivos desde los cuales lo hacen.

«Es el usuario quien determina con su uso los diseños web más habituales hoy en dí­a, ¿siguen triunfando los sliders?»

Las grandes empresas hace unos años que apuestan fuerte por el entorno mobile como base de su inversión online, o cuanto menos esta partida no hace más que engrosarse mes a mes. Hablar de móviles, por tanto, es hablar de asuntos como el responsive design que al fin parece que la mayorí­a de empresas han conseguido incluir entre sus requisitos a la hora de diseñar o rediseñar una web. Ahora bien, ¿por qué en esta maduración de la era mobile todaví­a vemos sliders en la mayorí­a de home pages de cualquier empresa de internet? Es momento de iniciar el experimento y compartiros algunas interesantes conclusiones.

 

Como analista web, no suelo hacer afirmaciones sin antes contrastarlas o comprobarlas a través de los datos e información que devuelve la propia analí­tica web de cualquier empresa. Los que me leáis más habitualmente ya sabréis que una de mis citas más recurrentes es que:

«La experiencia profesional maximiza las probabilidades de tomar decisiones acertadas, pero es la analí­tica web la que dice si lo fueron o no, sin mirar cargos o billeteras»

Experimento: ¿Es necesario un rediseño web que elimine el slider de la home page?

«La analí­tica no miente, simplemente que no siempre se mira de la forma correcta»

PASO 1: Etiquetado de eventos en Google Analytics

Iniciando el experimento, puse en marcha un sistema de etiquetado de eventos en la analí­tica web de este ecommerce para diferenciar los clics que recibí­a la home page en el slider principal (fuera cual fuera su pestaña a medida que pasaban, pues para el estudio era indiferente) y los banners estáticos que habí­a debajo del slider.

Así­ pues, con esta simple configuración hecha ya podemos comenzar a recopilar datos sobre clics y CTR en home page tanto del slider a nivel agregado de sus pestañas, así­ como de los contenidos que se muestren debajo del mismo.
Continúa leyendo «La muerte de los sliders en home page»

Primeras capturas de cómo luce la app de Facebook con Material Design

facebook material design

Facebook ya anda realizando pruebas con lo que serí­a una futura nueva versión de su aplicación móvil para Android, o al menos así­ lo dejan ver algunos usuarios ví­a Twitter quienes han notado en sus dispositivos cómo les ha aparecido una nueva interfaz con Material Design. Claro, es usual que Facebook realice tests con pequeñas muestras de usuarios para optimizar las nuevas caracterí­sticas de sus apps antes de liberarlas para todos, pero resulta de enorme relevancia el que piensen en tornar a las más recientes guí­as visuales de Google.

Y algunas de las capturas compartidas por esos usuarios han sido recopiladas en AndroidPolice –fuente de la imagen que acompaña este artí­culo- donde además destacan que se hace presente el nuevo botón flotante, caracterí­stico de Material Design, el cual llega para permitir compartir una nueva ubicación, subir una foto, tomar una foto y por supuesto, crear una nueva publicación dentro de la red social de una forma más cómoda. Pero eso no es lo único, en su parte superior se ve como el campo de búsqueda también opta por los colores y detalles planos de la UI.

Gmail, Google Calendar, Google+, Google Drive y otras aplicaciones de Google ya disponen del nuevo concepto de diseño llamado Material Design, introducido por Android Lollipop, que se vale de estilos planos para las ventanas, mejores transiciones y un botón principal, ubicado en la parte inferior derecha, desplegando algunas de las más importantes opciones en cada aplicación.

Pues bien, populares herramientas de terceros como Evernote y Pushbullet también han adaptado sus apps para lucir de esa manera y cada vez son más las que apuestan por una experiencia más unificada en Android. Sin embargo, que sea la app de Facebook la protagonista en esta ocasión, con sus cientos de millones de usuarios, le da una mayor relevancia a la noticia.

45 recursos frescos para profesionales web, edicion febrero

Bienvenidos a una nueva compilación de recursos recién salidos para diseñadores y desarrolladores Web, curada por nuestros expertos en ambos campos. Esta vez encontrarás í­conos, plugins y todo tipo de herramientas para mejorar tu desempeño. Vamos a echarles un vistazo:

100 Iconos De Cocina Gratuitos

100 Iconos De Cocina Gratuitos

45 Iconos Vectoriales De Comercio Online

45 Iconos Vectoriales De Comercio Online

Iconos Flat Con Temática De Escritura Y Papelerí­a

Iconos Flat Con Temática De Escritura Y Papelerí­a

Redacted Font: Libérate De Lorem Ipsum

Redacted Font: Libérate De Lorem Ipsum

SUNN: Fuente Hecha a Mano

SUNN: Fuente Hecha a Mano

Gigante paquete gratuito de ilustraciones FLAT

ilustraciones flat

Mockup Con Elementos De Viaje

Mockup Con Elementos De Viaje

Icono: Un Paquete De Iconos En Puro CSS

Icono: Un Paquete De Iconos En Puro CSS

Plantilla De Hoja De Vida En PSD

Plantilla De Hoja De Vida En PSD

Barras De Progreso Y Sliders En PSD

Barras De Progreso Y Sliders En PSD

Un Paquete De Logos, Marcos Y Mockups Con Estilo Antiguo En PSD

Un Paquete De Logos, Marcos Y Mockups Con Estilo Antiguo En PSD

Ink: Un Framework Para Emails Responsivo

Ink: Un Framework Para Emails Responsivo

Justinmind: Wireframes Interactivas Para Web Y Móviles

Justinmind: Wireframes Interactivas Para Web Y Móviles

Tint UI: Paletas De Colores Para Toda Clase De Proyectos

Tint UI: Paletas De Colores Para Toda Clase De Proyectos

Font Pair: Encuentra Espectaculares Combinaciones De Fuentes

Font Pair: Encuentra Espectaculares Combinaciones De Fuentes

Gleam: Una Plataforma Para Hacer Crecer Tu Negocio

Gleam: Una Plataforma Para Hacer Crecer Tu Negocio

RubyGems: Encuentra, Instala Y Distribuye Gemas Ruby

RubyGems: Encuentra, Instala Y Distribuye Gemas Ruby

Brothercake: Encuentra Selectores CSS Sin Usar

Brothercake: Encuentra Selectores CSS Sin Usar

Dante: Un Editor WYSIWYG

Dante: Un Editor WYSIWYG

Piwik: Software De Análisis Web Gratuito

Piwik: Software De Análisis Web Gratuito

SpaceBase: Framework CSS Responsiva Basada En SASS

SpaceBase: Framework CSS Responsiva Basada En SASS

LumX: Un Framework Responsivo, Basado En AngularJS Y El Diseño Material De Google

LumX: Un Framework Responsivo, Basado En AngularJS Y El Diseño Material De Google

Papier: Librerí­a De CSS Responsiva

Papier: Librerí­a De CSS Responsiva

Context.IO: Sincroniza La Info De Tus Emails Fácilmente

Context.IO: Sincroniza La Info De Tus Emails Fácilmente

Bootsy: Framework Para Administradores De Proyectos

Bootsy: Framework Para Administradores De Proyectos

Flatter: Una Gigantezca Interfaz Gráfica En PSD, HTML Y Bootstrap

Flatter: Una Gigantezca Interfaz Gráfica En PSD, HTML Y Bootstrap

Kit De Interfaz Gráfica Con 55 Elementos

Kit De Interfaz Gráfica Con 55 Elementos

Elementos De Interfaz Gráfica Flat En PSD

Elementos De Interfaz Gráfica Flat En PSD

Kit De Diseño Android Lollipop Para Sketch

Kit De Diseño Android Lollipop Para Sketch

Elementos De Interfaz Gráfica Para Negocios En PSD

Elementos De Interfaz Gráfica Para Negocios En PSD

Grid Forms: Atractiva Inserción De Datos

Grid Forms: Atractiva Inserción De Datos

Justified.js: Galerí­as De Imágenes Justificadas

Justified.js: Galerí­as De Imágenes Justificadas

Squire: El Textarea Del Futuro

Squire: El Textarea Del Futuro

Skyline: Construye Frameworks CSS Personalizados

Skyline: Construye Frameworks CSS Personalizados

Descripciones Emergentes Responsivas Con JQuery

Descripciones Emergentes Responsivas Con JQuery

Matter.js: Un Motor Fí­sico 2D En JavaScript

Matter.js: Un Motor Fí­sico 2D En JavaScript

Combokeys: Atajos De Teclado En La Web

Combokeys: Atajos De Teclado En La Web

Keypress: Una Librerí­a Para Capturar Lo Que Insertas Con El Teclado

Keypress: Una Librerí­a Para Capturar Lo Que Insertas Con El Teclado

Sortable: Reorganización De Elementos Para Dispositivos Táctiles

Sortable: Reorganización De Elementos Para Dispositivos Táctiles

Insignia: Etiquetas Personalizables

Insignia: Etiquetas Personalizables

Barra Lateral En Diseño Meterial

Barra Lateral En Diseño Meterial

PNG Es Mejor Que SVG Para Realizar Sprites

PNG Es Mejor Que SVG Para Realizar Sprites

Reloj Funcional En CSS3

Reloj Funcional En CSS3

Menú Deslizante Con Animación Diagonal

Menú Deslizante Con Animación Diagonal

Menú Animado Con CSS Y Flitros SVG

Menú Animado Con CSS Y Flitros SVG