Tag Galaxy
Pues estoy de racha, y no puedo dejar de postear sitios impresionantes. Entiendo que éste está realizado con Papervision, pero el concepto es genial y me recuerda que tenemos deberes en el estudio… y un trabajo a medias que tiene que ver la luz cuanto antes. Pasamos de una nube de tags a una galaxia de tags para poder acceder a galerías de imágenes clasificadas.
La navegación es buena, podían haberla complicado más pero con los pasos que da creo que es más agil que otras posibles soluciones, el acceso a la información me parece muy elaborado, con múltiples maneras de acceder a la información, un histórico de tags para poder saltar en cualquier momento hacia atrás, diferentes métodos para visualizar las imágenes de la categoría seleccionada, modo full screen y convencional.
Adobe Cards y Get The Glass, ¿por qué nos seguimos dedicando a esto?
Para no olvidarnos de las cosas bien hechas. Este par de webs, que hoy me ha recordado nuestro querido Andrés.
Adobe Cards
Genial trabajo creativo con las capacidades de las suites de adobe, en este caso el trabajo principal está llevado a cabo con video, pero igualmente el sistema de visualización mediante la barra de desplazamiento en flash, y la interacción del video con dicho control, me parece genial, con posibilidad de avanzar y retroceder en la animación siempre de forma continua.
Get the Glass
Antes esto lo mejor es no decir nada, simplemente animaros a que os peguéis una partida, y luego dejéis un comentario con vuestras babas, para que quede constancia.
Nuestra ración de infierno: Flash 9 standalone y getURL
Como ya hemos dicho en ocasiones, el nombre del blog tiene un por qué. No es otro que las bonitas jugarretas a las que te encuentras cuando trabajas con nuestros queridos amigos los ordenadores, y más concretamente en este caso con flash.
Hoy por la mañana, he tenido el privilegio de experimentar una experiencia enriquecedora, que me ha hecho ver bonitas luces de colores, y quiero compartirla con vosotros.
La cosa es que estabamos desarrollando un CD con Flash CS3, y se dió (cosa realmente extraña) el caso de necesitar abrir un PDF incluido en dicho CD. Para evitar tirar de fscommand, y tener que preparar un exe por cada archivo, decidimos usar getURL.
La cosa no funciobaba. Yo me acordaba de los amigos de Adobe, que cada versión de player que sacan, se dedican a hurgar en las restricciones de seguridad y la comunicación de los standalone con el resto de la humanidad. No tocaaaaaaarrrr, no tocaaaarrrr. Dejarlo ya por Dios!
La cosa es que por alguna razón que se escapaba a mi alcance, no me permitía abrir un PDF con getURL desde la aplicación. Abría el navegador (en este momento firefox), pero no cargaba nada en su interior. Visto el tema, y tras probar mil combinaciones de rutas, posibilidades, etc, me encomiendo a google (recomendable siempre), y cual es mi sorpresa al econtrarme multitud de post sobre la cantidad de problemas que ha traido consigo el player 9 con respecto a fscommand y getURL. Y encima, son problemas realmente curiosos.
Que si pongo 2 fscommand en el mismo fotograma seguidos, uno deja de funcionar!!! que si pongo 2 getURL seguidos solo me lanza el segundo.... que si en firefox no abre, pero en IE si!! ¿pero qué es esto?.
Por lo que se ve el player 9 ve diferencias entre esto:
-
fscommand("fullScreen", "TRUE");
y esto
-
fscommand("fullScreen","true");
El caso nuestro era el tema de firefox, por lo que se vé, existe un bug a medias de firefox que hace que nuestra ruta relativa sea parseada a una ruta absoluta y en ese proceso se añade algun caracter indeseado (el famoso caracter de pipe "|"), quedando algo similar a esto en la traducción de la llamada:
firefox -url "file:///c|doc\documento.pdf"
Solución: Yo quiero a Paul Robertson, que además da una fantástica explicación del problema soluciones en AS2, AS3 y enlaces a otros problemas relacionados. Pedazzo de entrada de blog.
Principalmente pasa por emplear este código para que la llamada se produzca con la ruta completa, y así firefox no haga de las suyas. A todo esto, en IE funciona correctamente.
-
var swfUrl:String = _root._url;
-
var lastSlashIndex:Number = swfUrl.lastIndexOf("/");
-
var pipeIndex:Number = swfUrl.indexOf("|");
-
var baseUrl:String;
-
if (pipeIndex>= 0)
-
{
-
baseUrl = swfUrl.substring(0, pipeIndex);
-
baseUrl += ":";
-
}
-
else
-
{
-
baseUrl = "";
-
}
-
baseUrl += swfUrl.substring(pipeIndex + 1, lastSlashIndex + 1);
-
-
myButton.onRelease = function()
-
{
-
var targetUrl:String = baseUrl + "doc/documento.pdf";
-
getURL(targetUrl, "_blank");
-
};
Pero como no me fio de mi memoria, me pongo también este otro enlace y este otro más, donde la gente de northcode hace un gran aporte a las futuras roturas de pelotas de los flasheros.
Yo ante estas cosas siempre me pregunto quien ha sido el "bravido" (no existe ooooh, que bonito palabro se ha perdido...) que ha dado con la solución...
Por qué Flash?
No sé por qué razón tengo fama de "flashero", es cierto que mi desarrollo profesional me ha llevado a trabajar con flash principalmente, en vez de con CSS, XHTML o librerías Javascript. Como director de proyectos entiendo perfectamente que cada perfil de proyecto, tiene unas tecnologías más adecuadas. No siempre hay que elegir entre unas y otras, de manera excluyente, pero en ocasiones sí.
Para mi los dos mundos son bonitos, pero me tengo que rendir ante cosas como estas:
Publics & Hal Riney
Y por cosas como éstas, y por muchísimas otras utilidades y prestaciones, Flash mola y lo que es capaz de hacer la gente con talento con esta herramienta aun más. Me lo he pasado pipa navegando con mis manos por este sitio...
A día de hoy criticar la herramienta y la plataforma, en vez del uso que se le da, para mi es ser un auténtico emponzoñador de la web.
Ya está disponible la web de los Talleres Subflash 2008
Pues ya ha arrancado oficialmente la web de los Talleres de Verano Subflash 2008, la web la hemos desarrollado desde el estudio, y estaba pendiente a falta de crear la cuenta para recibir los ingresos de las preinsicripciones, aun quedan algunas ponencias por definir en título, pero ya está todo en marcha!!
Nos vamos a Alicante!!
Aquí os dejamos algunas de las charlas que tendremos la oportunidad de disfrutar:
- Fundamentos SEO - Definición y Factores OnPage
Se hará una exposición en la que se tratarán conceptos fundamentales de Posicionamiento en Buscadores, técnicas de optimización de portales web, Flash vs Xhtml+CSS en cuanto a relevancia de contenidos en Internet, herramientas SEO... y se dejará tiempo para ronda de preguntas y debatir un poco sobre el tema de la Indexabilidad y Visibilidad en Buscadores vs Tendencias de Desarrollo Web.. Por Jorge Quintas - Del 2 al 3 en 45
Joan Garnet no ha retrocedido a Barrio Sésamo, simplemente hará un repaso a los cambios más importantes y destacables que han tenido lugar con la llegada del player 9 y Action Script 3. Después de este taller, tendremos más facil dar el salto a Action Script 3 y poder así aprovechar las importantes mejoras del flash player 9.Por Joan Garnet - Yo aquí he venido a hablar de mi blog.
Nuestro querido Armando está pensando qué nos va acontar, pero seguro que va a estar interesante! :). Por Armando Sotoca -
/*
-
Correctly handle PNG transparency in Win IE 5.5 & 6.
-
http://homepage.ntlworld.com/bobosola. Updated 18-Jan-2006.
-
Use in <HEAD> with DEFER keyword wrapped in conditional comments:
-
<!--[if lt IE 7]>
-
<script defer type="text/javascript" src="pngfix.js"></script>
-
<![endif]-->
-
*/
-
-
var arVersion = navigator.appVersion.split("MSIE")
-
var version = parseFloat(arVersion[1])
-
-
if ((version>= 5.5) && (document.body.filters))
-
{
-
for(var i=0; i<document.images.length; i++)
-
{
-
var img = document.images[i]
-
var imgName = img.src.toUpperCase()
-
if (imgName.substring(imgName.length-3, imgName.length) == "PNG")
-
{
-
var imgID = (img.id) ? "id='" + img.id + "' " : ""
-
var imgClass = (img.className) ? "class='" + img.className + "' " : ""
-
var imgTitle = (img.title) ? "title='" + img.title + "' " : "title='" + img.alt + "' "
-
var imgStyle = "display:inline-block;" + img.style.cssText
-
if (img.align == "left") imgStyle = "float:left;" + imgStyle
-
if (img.align == "right") imgStyle = "float:right;" + imgStyle
-
if (img.parentElement.href) imgStyle = "cursor:hand;" + imgStyle
-
var strNewHTML = "<span " + imgID + imgClass + imgTitle
-
+ " style=\"" + "width:" + img.width + "px; height:" + img.height + "px;" + imgStyle + ";"
-
+ "filter:progid:DXImageTransform.Microsoft.AlphaImageLoader"
-
+ "(src=\'" + img.src + "\', sizingMethod='scale');\"></span>"
-
img.outerHTML = strNewHTML
-
i = i-1
-
}
-
}
-
}
-
<!–[if lt IE 7]>
-
<script defer type=”text/javascript” src=”pngfix.js”></script>
-
<![endif]–>
-
package com.google.maps.examples {
-
-
import flash.events.Event;
-
import com.google.maps.Map;
-
import com.google.maps.MapEvent;
-
import com.google.maps.MapType;
-
import com.google.maps.LatLng;
-
-
public class HelloWorld extends Map {
-
-
public function HelloWorld() {
-
super();
-
addEventListener(MapEvent.MAP_READY, onMapReady);
-
}
-
-
private function onMapReady(event:MapEvent):void {
-
setCenter(new LatLng(40.736072,-73.992062), 14, MapType.NORMAL_MAP_TYPE);
-
}
-
}
-
-
}
Hay dos ponencias más pendientes de confirmar, pero básicamente se están optando por decidir entre AIR, JSFL, las Bases de Internet y experimentación visual y gráfica con Action Script.
Talleres de Verano Subflash 2008
Llega el veranito, y por estas fechas si hay algo que no puede faltar... no son las chicas morenas, el sol y la ropa de verano... o las terrazas para tomarse un refresquito.... sino los talleres de verano subflash!!
Visitando el foro de subflash me entero (por decir algo... XD) de que ya están en marcha, y que este año se van a realizar en Alicante!
Desde aquí agradezco personalmente la ayuda que nos ha prestado en esta ocasión Elad de Nitsnets, con todo lo que es la reserva del lugar e instalaciones necesarias para llevar a cabo un evento como este. Mil gracias Elad (y también a Andrés Karp, Andrés Cayón, Ramón Masip y mis queridos Jorge y Alberto, que siempre logran que tenga tiempo para dedicarme a esto a base de apurar un poco más su trabajo diario).
El evento tendrá lugar los días 29, 30 y 31 de Agosto de 2008, en la Villa Universitaria de San Vicente del Raspeig, Alicante, y por un precio que ronda los 100€, podremos disfrutar de 3 días inolvidables. Las instalaciones, este año prometen ser de lujo, y tambien las ponencias, que abarcarán más temas de los habituales y variados, como diseño, programación flash, posicionamiento en buscadores...
Aquí podéis ver todos los detalles del evento, plazas, precio, modalidades, direcciones, etc.
Aun no se ha terminado de desarrollar el microsite para este año, pero estad atentos, porque seguro que se pone en marcha en muy poco tiempo 
Para los que no sepáis que son los talleres, aquí os dejo unos links a años anteriores, y también podéis ver videos en youtube, o fotos en flickr.
Yo me apunto desde ya!!!
De PNGs transparentes, navegadores y onLoads va la cosa
En el estudio he tenido que emplear PNGs transparentes, que como sabeís (y sino, deberíais) no son soportados por versiones de Internet Explorer 6 o anteriores, sino que vienen soportadas desde la versión 7 de nuestro amigo IE.
Hasta aqui no hay gran problema, porque empleando un pngfix de javascript se arregla el entuerto (bonito palabro).
El tema se complicó (no iba a ser todo tan sencillo...) cuando además metía un evento onLoad para el body con la intención de lanzar una función javascript, y paso a describir el caso porque puede ser de ayuda para quien se encuentre en la situación:
LO QUE QUEREMOS LOGRAR
Tenemos una imagen de fondo de un cierto peso en KB (ya que no es una trama, sino una imagen plena de faculades), y sobre esa imagen han de colocarse unos botones que a su vez son imágenes, y que para que quede medianamente bonito han de ser transparentes.
PRIMER PROBLEMA
El primer problema es que la imagen de fondo que se crea por CSS, pesa lo suficiente como para que se dé durante unos segundos la situación de aparecer los botones sin el fondo que les da "sentido", un efecto poco deseable.
SOLUCIÓN PRIMER PROBLEMA
Para solucionarlo buscamos si existía algun método mediante CSS o XHTML para forzar la carga de los elementos de la hoja de estilos antes que se renderizara el HTML, pero..... no lo hemos encontrado. Si algún alma caritativa sabe cómo lograrlo mediante CSS (o de una manera más limpia que la que hemos empleado nosotros) que no dude en contárnosla.
Jorge tuvo la feliz idea de poner la misma imagen con propiedad display:none en el comienzo del body, con lo que la imagen se carga como HTML impidiendo así que se muestre lo que va a continuacion hasta que se completa dicha carga, y luego el CSS no tarda nada de tiempo en cargarla porque está en caché. Mientras esto ocurre, el div con los botones transparentes, permanece oculto también con la propiedad display, para por javascript hacerlo visible en el onLoad de la página.
SEGUNDO PROBLEMA
Cuando ya estábamos pegando saltos de alegría con el trabajo terminado, vemos que nuestro querido IE 6 no muestra los botones, no así en IE 7 o en firefox.... 
SOLUCIÓN SEGUNDO PROBLEMA
El problema es debido a la mala compatibilidad del pngfix con métodos invocados en el onLoad. La solución pasa por usar una variante del pngfix (que ha salido a la luz porque también da problemas con el swfobject) y que permite mezclar estas dos necesiades: pngfix y onLoad. Lo que hicimos es "googlear" y emplear el citado pngfix adaptado además de colocar la llamada al mismo DESPUÉS (y ojo que esto es necesario para que se dispare el evento onLoad) de la etiqueta de apertura de BODY. Cuando decimos la llamada nos referimos a esto:
El resultado lo podéis ver aquí, por cierto, la web está recien salida del horno... diseño por takeone dsgn y programación flash y adaptación del blog por [Q].
Cheat Sheets: hazme la vida más sencilla…
Como todos los que me conocen saben, soy un gran defensor de la literatura técnica como medio de aprendizaje. Siempre que se pueda adquirir un buen libro, creo que es una buena inversión, porque muchas veces se encuentran en ellos cosas a las que en un futuro te puedes enfrentar, o lo que es mejor, cosas que no te esperabas aprender, visiones sobre determinados temas que enriquecen y complementan la propia, o incluso soluciones a planteamientos que no sabías hasta entonces abordar.
Con ésto no quiero decir que todos los libros son buenos ("malos, haberlos haylos") , pero sin duda si te tomas la molestia de hacer un análisis de lo que vas a comprar antes de adquirirlo y de ver la opinión que otros han dejado sobre él, las probabilidades de éxito son muy altas.
Pocos libros he leído últimamente que no me hayan aportado nuevas perlas (principalmente porque al que anda escaso, todo es nuevo...) sobre pequeños detalles y que en su mayoría no estaban directamente relacionados con la temática principal del libro. A veces a la vuelta de la esquina de un párrafo denso y tedioso, te encuentras una nota entre paréntesis, o una explicación adicional que te descubre algo en lo que nunca te habías fijado o no conocías su existencia.
Pero sin duda, un libro, por muy buena encuadernación y estructuración que tenga, no es la mejor herramienta a la hora de salir de dudas sobre un propiedad o la sintaxis de un método, un atajo de teclado o un repaso a las posibilidades que tienes frente a un efecto en javascript con jQuery. Para ello creo que de un tiempo a esta parte han ido apareciendo unos de los mejores aliados de los desarrolladores cuando se enfrentan a algo nuevo u olvidado en el pasado... las cheatsheets (si, si hojas para hacer trampas... y que!?). Sirva esta colección de ellas como prueba:
ILoveJackDaniels
Impresionante recurso para obtener cheatsheets de calidad: HTML, SQL Server, Expresiones Regulares, Microformatos, Ruby on Rails, ASP, Entidades HTML, Javascript, MySQL, Mod Rewrite, CSS, PHP...
ILoveJackDaniels Cheatsheets
Pete Freitag
Otra referencia para tener en cuenta, una recopilación de 30 cheatsheets para desarrolladores.
Cheat Sheet Roundup
Smashing Magazine
Estos gañanes no podían faltar, como siempre sacando recursos a paladas, y de buenísima calidad. Me arrepiento todos los días del momento en que un listo me los presentó en mi navegador junto a netvibes...
Cheat Sheet Round-Up
Designers Cheat Sheets
También hay cheat sheets para el mundo del diseño, que no solo de código vive el hombre...
Designer color Charts, y photoshop cheat sheets vía Scott Klarr
Fuzzy Opinions
Excelente recopilación categorizada por áreas temáticas: Bases de Datos, programación, sistemas operativos, desarrollo web, miscelánea...
The developer cheat sheet compilation
What is.com
Este recurso ya abarca más que las convencionales para desarrollo o diseño web, aunque algunas interesantes, como la de atajos de photoshop para windows o mac
Our favorite cheet sheets
Google Cheat Sheets
Pues si, también hay para el buscador más famoso del pueblo..., vía feedsforme.
Google Cheat Sheets
Web Developer List: eConsultant
Y aqui ya vamos al por mayor, con una recopilación de 119 hojas.
Top 119 Cheat Sheets
No podía despedirme sin dejar una de nuestro querido ActionScript, otra de nuestro nuevo amigo jQuery y otra que me ha sorprendido especialmente, dedicada al mundo del SEO
Y como yo no soy el primero que se da cuenta que esto es un gran invento, podemos encontrar incluso un MEGA DIRECTORIO, con dominio propio: cheat-sheets.org
Nos vamos a Nottingham! European Elearning Summit 2008
European eLearning Summit es un evento organizado a partir de las anteriores Conferencias EuroTAAC, y es considerada una de los eventos más importantes a nivel de eLearning.
Resulta que en relación al mLearning, que se basa en la movilidad en los procesos de aprendizaje, este año hemos sido invitados para estar alli participando en una ponencia y exponiendo uno de los trabajos basados en Flash Lite que hemos realizado en el estudio en colaboración con IBCmass, que también se ha hecho eco de tan fabulosa noticia en su blog.
IBCmass ha desarrollado y gestionado Bienvenido a Alcalá de Henares, un proyecto que se basa en una magnífica idea para facilitar la integración de los inmigrantes en dicha localidad, y en el que hemos participado adaptándolo a la plataforma móvil mediante Flash Lite 2.0 y mejorando el proceso de desarrollo y migración de la web al móvil.
El proyecto de Alcalá se empleará como canal en la ponencia para conocer el proceso que es necesario llevar a cabo al portar una aplicación web o de escritorio a la plataforma móvil, los conceptos basados en los contextos que requiere esta plataforma, y las soluciones que se pueden aportar hoy en día para lograr aplicaciones enriquecidas en los móviles.
Marcos González será el afortunado en esta ocasión para viajar a Nottingham, y preparar la sesión explicando todo el proceso que ha llevado a cabo [Q] interactiva para albergar en una aplicación móvil más de 1000 audios, más de 500 recursos gráficos y 9 unidades didácticas, a partir de la aplicación web, y cómo se han podido unificar procesos para hacer esta tarea más sencilla.
Esta oportunidad ha salido adelante gracias a la colaboración de Adobe (que es empresa organizador y patrocinadora del evento, junto con The eLearning UILD), y más personalmente a Steve Howard, al cual desde aquí le agradezco todo el apoyo que nos ha brindado en el proceso.
El Lugar será Nottingham, los días 19, 20 y 21 de Agosto de 2008, en la web podéis ver información del lugar y de los precios de asistencia, así como la lista completa de sesiones que están programadas hasta la fecha.
Intentaremos aprovechar un poco antes para ver a algunos amigos que tenemos por allí, como el gran zárate.
API de Google Maps para Flash
Imagino que no soy el único que se ha preguntado unas cuantas veces por que Google no decidía portar la API de Google maps a la plataforma flash... le veía muchas posibilidades y me parecía un paso bastante lógico, teniendo en cuenta las características innatas de la plataforma.
La viabilidad y resultados, estaban claros, solo había que ver la versión de una herramienta de esta clase que ofrece Yahoo.
Pues muy recientemente, Google ha sacado a la luz la API preparada para su uso en plataforma flash, es decir, en aplicaciones como Flash, Flex. De momento dejamos fuera las versiones de flash para móviles ya que esta API viene preparada para su uso con ActionScript y quien sabe si quizás pueda soportarlo un flash lite o flash para pocket pc
Un ejemplo de las bases de su uso:
Que refleja algo como esto.
Para los que no quieran meterse en algo como esto directamente, siempre quedará el genial componente Gmap, de Advanced Flash Components, que es gratuito y se puede emplear en desarrollos comerciales.
Se ve que la cosa podía haber llegado antes (solo hay que ver Gmap), pero con las mejoras introducidas en el Player 9 y la máquina virtual nueva para AS3, ya no habia escapatoria.