Cómo mantener una retícula decente con varios logotipos

Se me ha presentado la situación de incluir unos cuantos logotipos en nuestra sección el estudio y si hay una tarea de las consideradas facilonas pero que se puede hacer especialmente cuesta arriba para un diseñador es esa en la que tienes 15 logotipos (y quien dice 15 dice 45 o simplemente 6) y los has de disponer de manera que no destrocen el folleto, el cartel o la web que acabas de diseñar.

En la mayoría de ocasiones, la experiencia te va dando ciertos truquitos y consejos que alivian los dolores. Pero esos sudores fríos que aparecen en momentos en los que abres un zip con logos en gif, en jpeg, en vhs y hasta en betamax no desaparecen nunca. Porque los ves de tantos colores y tantas formas distintas que piensas que es imposible hacer algo decente con ello.

Seguir leyendo…

Comparativa SASS vs LESS

Interesantísima comparativa entre estas dos herramientas para el trabajo avanzado con CSS. Si siempre te has preguntado cual es mejor, este enlace te servirá para tener claro el ganador en algunos de los aspectos más importantes. Y en cualquier caso, hazte un favor y usa al menos una de ellas!

JsRender, JsViews como motor de templating para HTML5, jQuery y móviles

JavaScript templating en jQuery con JsRender y JsViews

Tal y como comentamos en un post anterior, el uso de un motor de templating en JavaScript, y más concretamente en jQuery, es una manera muy interesante de aislar la vista del modelo, y de poder generar posteriormente a partir de una plantilla el contenido a partir de los datos del modelo.

Si bien os hablábamos entonces de jQuery-tmpl como un motor válido para realizar estas tareas, dejábamos caer que este sistema ya no era el oficialmente “recomendado” por el equipo que hay detrás (en este caso y si no recuerdo mal jQuery UI), y que todo ese desarrollo se estaba migrando ahora a JsRender y JsView.

JsRender es un motor de templates basado completamente en Strings, sin dependencias del DOM o incluso de jQuery, pudiendo incluso correr en el servidor mediante node.js. JsRender es muy rápido, tanto que según su creador es aproximadamente 20 veces más veloz renderizando que su predecesor jQuery.tmpl…

Montado sobre JsRender, está JsViews, que básicamente amplía la funcionalidad de JsRender para pasar a un modelo de “vistas” que no son otra cosa que templates renderizados, permitiendo un anidamiento entre ellas, y por tanto una jeraraquía. Además JsViews, amplía la funcionalidad mediante data binding permitiendo que cambios en el modelo sean automáticamente adoptadas por las vistas dependientes… pero vamos a dejarnos de teoría y pasamos a un ejemplo sencillo…

Seguir leyendo…

#19 [Q] Tips: Sistema de templating en jQuery

Tanto en proyectos web como en proyectos para móvil (aunque en estos últimos de manera más amplia y clara en el caso de estar desarrollando web apps) es muy común tirar de peticiones AJAX al servidor que devuelven un fichero JSON que ha de “completar” una plantilla prefabricada en XHTML, pero… ¿qué opciones tenemos para completar esa plantilla?

Seguir leyendo…

Usabilidad de los calendarios

Hoy estoy pletórico, no sólo no voy a escribir sobre ActionScript, o Flash, o Flash Lite, sino que ni siquiera voy a tratar nada de programación, de hecho me voy a animar a atacar el uso que en mi opinión habitualmente se hace de forma incorrecta de un elemento que suele formar parte de muchas webs: los calendarios.

Voy a tratar de exponer mi visión sobre el mal uso habitual que se hace de los calendarios, ya que me gustaría que este post no sean más que mis reflexiones, sino que me fusiléis mis razonamientos todos aquellos que tengáis argumentos para hacerlo. (o aunque no los tengáis, pero entonces no esperéis que os haga caso).
Seguir leyendo…

Densidad de Pixel, un problema actual y futuro en diseño

Why pixel density matters more than just screen size or resolution

Hace un par de días me estuve leyendo este post [en] cuyo título en calcado impunemente. Deja entrever una de las “nuevas” variables con las que los diseñadores multimedia tendremos que batallar.

Seguir leyendo…

Comunicación en aplicaciones modulares en AIR, parentSandboxBridge y childSandboxBridge

Comunicación en aplicaciones modulares en AIR: parentSandboxBridge y childSandboxBridge

En web es muy habitual que un SWF principal cargue SWFs externos desde un servidor, ya sea el mismo (donde no tendremos ningún problema) u otro diferente (donde aprece ya el interesante mundo de los sandbox de seguridad de flash). Si esto lo llevamos a una aplicación AIR, nos topamos con un extra que es el sandbox de la propia aplicación.

Una de las grandes caracterísiticas de flash es la capacidad de cargar películas que a su vez pueden funcionar como aplicaciones. Esta situación, además de común, nos permite estructurar las aplicaciones de forma modular y lograr una independencia interesante entre la base instalada, los contenidos y los datos que estos manejan. Extender aplicaciones al vuelo, o actualizarlas es una de las grandes virtudes que tendría este sistema.
Seguir leyendo…

#015 [Q] Tips: Timers responsables

La verdad que vamos hasta arriba de trabajo, pero cada viernes que pasa que no cumplo con el objetivo que me he marcado, me duele, asi que aprovecho cosas que salen en el día a día para tratar de trasladarlas al blog.

En Flash, a día de hoy y muy lamentablemente (y no os quiero contar en Flash Lite) no podemos llamar explícitamente al “garbage collector”, sino que lo que hacemos es tratar de marcar los elementos a borrar de memoria dejandolos libres de referencias (bien con un delete, con un null, etc.) De esta manera, si logramos que no queden referencias sobre los objetos que hemos marcado para el borrado, lograremos que cuando el GC haga su tarea, sean liberados de memoria.
Seguir leyendo…

Target _blank sin target _blank (o casi)

Un truquito rápido para los que no somos programadores sino emponzoñadores de código :D . Si necesitas que los enlaces de una página web se abran en una ventana nueva, lo lógico es tirar de target=”_blank” ¿verdad? El problema es que no pasa la validación XHTML y si somos muy tiquismiquis con esto la cosa se complica. rel=”external” sí que valida pero los navegadores actualmente no interpretan esta propiedad para abrir los enlaces en nueva ventana. Entonces, ¿cómo lo hacemos?
Seguir leyendo…

SEO Flash Platform, indexando contenido flash…

Si hay cosas que se repiten tanto para bien como para mal en las conversaciones entre proflash y antiflash, una de ellas es el tema del posicionamiento e indexación en buscadores. Nadie descubre nada nuevo cuando oye que flash por si solo no es indexado correctamente por los buscadores.

Que google hace ya un tiempo que está intentando mejorar por su parte este aspecto es algo por casi todos conocidos, pero no tanto que adobe tiene una parte de su site dedicado precisamente a esta problemática.

En este centro de recursos se recogen los objetivos y retos para lograrlo, así como pasos prácticos, ejemplos y buenas prácticas que pueden serguidos para acercarnos a ellos.Es de reciente creación y seguramente salvo que Adobe lo deje muerto, tendrá mucha actividad, ya que es uno de los puntos débiles de la tecnología.