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]–>
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].
sIFR, reemplazo de textos en la web con flash y javascript
Desde hace ya bastante tiempo es conocida por casi todo el mundo que tiene la inquietud de poder usar tipografías no estándar en sus webs XHTML y CSS la existencia de sIFR. También es cierto que mucha gente no lo emplea porque los recursos que se encuentran en un primer vistazo en la web no son quizás todo lo claros que debieran.
Seguramente eso es lo que pensó David Yeiser en su blog Design Intellection cuando decidió crear un magnífico tutorial paso a paso de como comenzar a usarlo, obviando un montón de cosas para simplemente quedarse con lo básico y que todo el mundo lo pueda entender. De todos los que he leído es el mejor tutorial de uso de sIFR, explicado con los pasos justos y necesarios, y con una guía de acompañamiento en imágenes.
Nuestra web... usa sIFR, predicando con el ejemplo...
Esto me recuerda que he de contactar con Andrés para ver que ha sido (y si era buen actualizarla) de la magnifica extensión que creo para dreamweaver con motivo de los talleres Subflash en Barcelona durante 2005.