Volante, plugin para mejorar la navegación de tu sitio
Desde la primera vez que usé Dribbble quedé enamorado del detalle de poder navegar entre páginas usando las fechas del teclado. Así que cuando ayudé a rediseñar FSMX incluí una versión mínima de esa funcionalidad, la cual ahora he mejorado y empaquetado en un plugin.
Como lo podrán comprobar en este mismo sitio, es posible navegar entre posts o páginas del archivo usando su teclado. Además de eso, hay enormes botones de siguiente/anterior que facilitan la navegación con los pulgares en dispositivos touch.
El código está en Github y me encantaría que me ayudaran a testearlo antes de enviarlo al directorio de plugins de WordPress.
Por cierto, a lo largo de mis años trabajando con WordPress he desarrollado código muy útil que nunca he liberado así que estoy dándome a la tarea de limpiar y empaquetar estas funcionalidades para contribuir a la comunidad. Espero que les guste.
Color picker en HTML5
Hace poco necesitaba urgentemente un color-picker para un proyecto interno en Onswipe. Estuve a la caza de una implementación que fuera simple y flexible, pero todas las opciones que encontré eran demasiado complejas y pesadas1.
Al final me rendí y terminé diseñando y escribiendo mi propio componente.
Bueno, el caso es que acabo de darme cuenta de que versiones recientes de Chrome incluyen soporte nativo para el control de HTML5 <input type="color"> y me gusta mucho su implementación. Si están en la versión mas reciente de Chrome, pueden verlo en acción aqui abajo.
Solo lo he usado en MacOSX, donde no solo tiene el control una apariencia nativa, sino que utiliza el dialogo nativo del OS. Como es de esperarse, cuando el usuario selecciona un color este se propaga al atributo value del elemento <input>.
Hasta donde recuerdo, Windows no tiene un color-picker nativo, así que no tengo idea como funcioné. Si alguien sabe, comparta un pantallazo.
Hasta ahora es muy limitada la disponibilidad de implementaciones, pero si quieres puedes empezar a usar este control desde hoy para los usuarios que lo soporten y dejar que un polyfill se encargue de los demás pobres imberbes.
El proyecto en cuestión está escrito en Ember.js, que no es precisamente amigable con componentes de terceros. Además que hubiera tenido que hacer muchos hacks para hacerlo compatible con el data-binding de Ember. ↩
Google, rediseñado.
Por muchos años fue Apple la compañía que era reconocida por la importancia que le daban al buen diseño mientras que Google se posicionaba como su antítesis. Bien, pues parece ser que esa era se ha terminado.
The Verge tiene un excelente artículo sobre la transformación del diseño de Google en los últimos años y me parece loable el esfuerzo que la compañía –antes famosa por darle más importancia a la eficiencia de los datos que al buen diseño– está poniendo en tener un lenguaje de diseño propio y coherente en sus múltiples productos.
Cada diseñador con quien hablamos en Google repitió variaciones del mismo mensaje: “No hay una persona que sea el gran lider de diseño en Google” […]
Google puede no tener un Jony Ive, pero hay sin embargo un proceso coherente para plantear una visión de diseño a través de todos estos multiples equipos y plataformas.
Creo que es un gran momento para ser un buen diseñador.
Flechas, flechas, lleve sus flechas.
Arrrows surge de una idea tan buena y tan simple que hasta me molesta un poquito que no se me haya ocurrido a mí primero: Flechas. Flechas de variadas formas, tamaños y estilos en un paquete descargable que incluye pngs, vectores y fuentes (compatibles con @font-face).
Si tienes un rato diseñando interfaces seguro que estarás mas que interesado en la idea de no tener que volver a diseñar una mugrosa flecha nunca más en tu vida.
Pete Search escribe una lista –que se siente hasta cruel de tan realista– sobre 10 cosas que no le importan a tus usuarios
- Cuanto tiempo te tomo.
- Lo dificil que fue implementarlo.
- Cual limpia es tu arquitectura.
- Lo extensible que es.
- Lo bien que corre en tu maquina.
- Cuan genial será una vez que todos sus amigos estén.
- Cuan increíble será la siguiente versión.
- Lo que crees que debería de interesarles.
- Lo que esperas.
- Lo que te prometieron.
- Lo importante que esto es para tí.
Don Melton, ex-ingeniero de Apple, nos cuenta la historia detrás del nombre del navegador de Apple.
Respecto al mini-post anterior sobre nuevas tecnologías web, si eres developer y quieres estar a la vanguardia con estas tecnologías, te recomiendo que descargues Chrome Canary inmediatamente.
Canary es una versión de Chrome que se actualiza prácticamente diario y te permite probar cosas que no están todavía disponibles en la versión estable de Chrome. Y lo mejor de todo es que puedes instalarlo y ejecutarlo junto con la versión estable sin ningún problema.
Alex MacCaw escribe sobre 5 tecnologías que –a su parecer– transformarán la web en el siguiente año.
No conocía muchas de ellas, pero ahora me muero de ganas por jugar con todas. Web Components, especialmente Web Components …, wow. Va a ser un buen año.
En The Next Web, una interesante mirada detrás de cámaras a cómo Omni Group –una de mis favoritas compañías de software– hace sus aplicaciones.
Desde Japón, un proyecto para crear una cabina fotográfica que en lugar de fotos, imprima pequeñas figuras utilizando tecnología de impresión 3D.
Qué es, y qué no es el Skeumorphism
Una interesante lectura para todos aquellos interesados en el diseño de interfaces o diseño en general.
Si buscan una alternativa a Bootstrap y les gusta la interfaz de Windows –a la que ya no podemos llamar Metro– denle una mirada a Metro UI CSS. Personalmente no soy el fan #1 de este estilo (hace falta otro post para explicar mis razones) pero algunos de los componentes de este framework se ven muy bien.
Shopify, una de mis compańías favoritas, comparte una impresionante infográfica sobre el crecimiento del comercio móvil.
Esta navidad, una de cada cuatro compras en línea se realizará a través de un dispositivo móvil y el siguiente año se espera un 43%.
¡A los emprenditubos!
JAM with Chrome es una experiencia colaborativa de música en directo en tu navegador, que hace uso de varias tecnologías web y productos de Google, para que tú y tres de tus amigos toquen juntos en tiempo real.
Absolutamente impresionante. Vale la pena mirar la página donde describen la tecnología que utilizaron para crear este experimento.
Doug Bowman echa una mirada atrás en el décimo aniversario del legendario rediseño de Wired
Noto el decimo aniversario de este rediseño, no por lo que era entonces, pero por cuan lejos hemos llegado desde entonces, y todo lo que se ha puesto en movimiento desde entonces. Diez años es un buen lapso para tomar nota del progreso, grande y pequeño.
¿Por qué la Surface es tan mala?
Solo hay una pregunta que todos deben hacerse acerca de la tableta Surface de Microsoft: ¿Es mejor que el iPad?
Una buena defensa sobre hacer proyectos solo por el gusto de hacerlos, aun cuando no tengas la intención inmediata de convertirlos en una empresa hecha y derecha.
Smashing Magazine publica una extensa guía sobre cómo escribir Javascript rápido y eficiente. Súper recomendado para todos los aficionados que viven la intensidad del front end.
Ghost, un utópico fork de WordPress
Será que me estoy volviendo viejo, pero me molesta en sobremanera que ahora la gente “libere” ideas que no son mas que screenshots de un producto inexistente y sin tener la menor idea de la complejidad que significa lanzar un producto real.
Quería poner una cita del post en cuestión, pero el post en cuestión son puras imagenes.
Y que Apple vende tres millones de iPads en tres días.