Dupermag » Design

Webkit: Rebasando las fronteras del navegador

Armando Sosa — Thu, 10 Sep 2009 22:26:37 +0000

Que levante la mano el que imaginó que el motor de un navegador que nadie usaba iba a terminar siendo algo tan importante.

Obviamente estoy hablando de Webkit, el motor de renderización multilataforma y de código abierto, sobre el cual estan basados varios navegadores, entre ellos Safari, Mobile Safari y Chrome el navegador de Google. Si bien Firefox ha venido siendo desde hace algunos años el navegador de preferencia de todos aquellos que pueden elegir su navegador, su posición de líder de la resistencia se ve amenazada ante la popularidad del iPhone y la constante búsqueda de Webkit por empujar los límites de lo que un navegador puede hacer.

Como quizá ya lo saben, Webkit es una variante de KHTML, el motor de rendereo del navegador Konqueror sobre el cual Apple desarrolló su navegador Safari, que ya va en la versión 4. Sin embargo, el empuje de Webkit no termina ahí, sino que ha saltado del navegador y ahora lo encontramos igual en el dashboard del MacOs X que en muchas aplicaciones de Adobe Air (o sea casi cualquier cliente de Twitter ) y hasta detrás de un sistema operativo móvil (WebOS de Palm).

¿Otro ejemplo? Dos de las nuevas características en el iTunes 9 presentadas ayer por Apple son WebKit puro y duro: La nueva iTunes Store y iTunes LP.

Y lo increíble es que esta maravillosa tecnología sigue siendo HTML+CSS+Javascript, los dialectos que habla el internet y que muchos desarrolladores hablamos fluidamente. Pero aun hay más: la continua evolución de webkit y su soporte de los últimos estándares (hablo de HTML5 y CSS3) es impresionante y parece que no habrá quien pueda alcanzarlo.

De hecho, me atrevo a decir que Webkit es ahorita nuestra mejor ventana hacia la web del futuro, una web con la que hemos soñado desde hace tiempo que ya no depende completamente del browser sino que se aparece en los lugares más insospechados. Creo que Webkit, es de lo mejor que le pudo haber pasado a la web.

Duperrific Manifesto – parte I

Armando Sosa — Tue, 24 Mar 2009 22:33:11 +0000

Como algunos ya saben, estoy a punto de lanzar una tienda de temas premium, cuyo nombre será Duperrific y en un ejercicio de desvergonzada auto-promoción, hoy les quiero platicar por qué mis temas serán distintos a lo que ya existe en el mercado y por qué quizá, querrías comprar uno.

La primera cosa que noté en los temas que se venden como premium en el mercado es al parecer su enfoque es muy estrecho. Pareciera que su único objetivo es verse muy bien y ser muy atractivo para el usuario final o lector del sitio y dejan de lado a los otros roles que intervienen en un sitio web: desarrolladores, diseñadores y editores o colaboradores, dándoles poca o ninguna importancia.

Con esto en mente me puse una serie de reglas o lineamientos que tenía que seguir a la hora de desarrollar mis temas, con la premisa de que no liberaría nada hasta que pudiera satisfacer todas ellas. Este es el Duperrific Manifesto:

La usabilidad es primero, la apariencia viene después. Antes de comenzar hay que tener nuestras prioridades en su lugar.

Ofrecer soluciones completas y en paquete. Mi cliente no tiene porque buscar entre miles de plugins para ver cual satisface sus necesidades, todo lo que necesita viene empaquetado en su descarga.

Ofrecer un verdadero framework de desarrollo. Donde al igual que en todos los frameworks que se respetan: “Convención sobre configuración” es la frase clave.

Escribir código extensible y reutilizable. ¿Por qué repetir código?

Programar Orientado a Objetos. Tanto como WP, que es casi completamente funcional lo permita.

Los temas deben ser absoloutamente flexibles. Los widgets, son una poderosa característica que WordPress trae de fábrica y que aún no se ha aprovechado cual debe ser.

Configurar el sitio debe ser sencillo. El diseñador no tiene por que editar una línea de código. WP nos permite añadir nuevos paneles de control a la administración del sitio, démosle buen uso.

Crear contenido debe ser simple. Por lo tanto, las funcionalidades avanzadas de nuestros temas deben ser abstraídas. Los editores no tienen por que saber qué es un campo personalizado para meterle una foto a un artículo.

En los próximos post, les contaré de como cumplir estás reglas es mucho más complicado de lo que parece, y quizá les adelante como logramos algunas de ellas.

TweetDeck – Alternative Icon

Armando Sosa — Fri, 05 Dec 2008 16:08:58 +0000

Aunque me había negado a la tentación, al final probé TweetDeck que es una buenísima aplicación para adictos al Twitter que te muestra en una sola pantalla todo lo que necesitas saber.

Pero con lo buena que está la aplicación, no podía soportar que tuviera un ícono tan horroroso. Así que, buen samaritano como soy, le robé unos minutos a mi hora de comida para hacer un ícono alternativo inspirado en un deck de cartas.

Obviamente yo no soy el gran diseñador de íconos, pero creo que no me quedó tan mal el intento. Así que aqui se los pongo para quien lo quiera descargar y tambien el archivo de Illustrator para quien lo quiera mejorar.

TweetDeck Alternative Icon By Soska

Mi diseño de CakePHP en un libro

Armando Sosa — Tue, 28 Oct 2008 05:31:15 +0000

Design Meltdown es una interesante galería de diseño de sitios que tiene la peculiaridad de ordenar los sitios en entregas temáticas. Ahora además han sacado uno de esos clásicos libros de inspiración para diseñadores titulado The Web Designer’s Idea Book donde tambien vienen diferentes sitios organizados por categorías o colores.

Además me complace compartirles que bajo la categoría de retro viene incluído el primer diseño que hice para el sitio de CakePHP. Hace ya más de un año que me pidieron mi autorización para poner el diseño en el libro y me parece que apenas acaba de salir a la venta. Dato curioso: me pidieron la autorización un día después de que enviara el rediseño a la fundación.

Si quieren comprarlo pueden hacer lo desde este enlace: The Web Designer’s Idea Book: The Ultimate Guide To Themes, Trends & Styles In Website Design que tiene un codigo de referencia y asi podrían patrocinarme una torta de jamón.