#013 Flash [Q] Tips: swfobject y respeta los estándares con flash

Este tip es un poco doble, en realidad el objetivo principal es el de lograr crear código para un objeto flash que valide correctamente los estándares correspondientes, y de paso hablaros de un imprescindible en todos aquellos que trabajamos con flash como es swfobject.

La manera "tradicional" de generar un HTML con un flash incrustado, y que incluso es la que se mantiene en la versión CS4 de la suite de adobe es la siguiente:

PLAIN TEXT
HTML:
  1. <script language="JavaScript" type="text/javascript">
  2.     AC_FL_RunContent(
  3.         'codebase', 'http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=10,0,0,0',
  4.         'width', '300',
  5.         'height', '300',
  6.         'src', 'test',
  7.         'quality', 'high',
  8.         'pluginspage', 'http://www.adobe.com/go/getflashplayer',
  9.         'align', 'middle',
  10.         'play', 'true',
  11.         'loop', 'true',
  12.         'scale', 'showall',
  13.         'wmode', 'window',
  14.         'devicefont', 'false',
  15.         'id', 'test',
  16.         'bgcolor', '#993399',
  17.         'name', 'test',
  18.         'menu', 'true',
  19.         'allowFullScreen', 'false',
  20.         'allowScriptAccess','sameDomain',
  21.         'movie', 'test',
  22.         'salign', ''
  23.         ); //end AC code
  24. </script>
  26.     <object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=10,0,0,0" width="300" height="300" id="test" align="middle">
  27.     <param name="allowScriptAccess" value="sameDomain" />
  28.     <param name="allowFullScreen" value="false" />
  29.     <param name="movie" value="test.swf" />
  30.     <param name="quality" value="high" />
  31.     <param name="bgcolor" value="#993399" />   
  32.     <embed src="test.swf" quality="high" bgcolor="#993399" width="300" height="300" name="test" align="middle" allowScriptAccess="sameDomain" allowFullScreen="false" type="application/x-shockwave-flash" pluginspage="http://www.adobe.com/go/getflashplayer" />
  33.     </object>
  34. </noscript>

Hemos obviado el código javascript que ha generado también en dicho HTML. Pues bien, este código que ha generado el IDE de flash NO valida los estándares web que debería (esto no es nada nuevo, de hecho la solución que vamos a comentar tiene ya sus años, pero me jugaría bastante a que muchos de los que estáis leyendo esto, no os habéis preocupado demasiado de la validación de estándares de los objetos flash), y por tanto si en nuestras webs XHTML y CSS deseamos que sea una realidad el tema de la validación, deberemos tirar de recursos más elaborados.
Read more

Flash en Facebook, desarrollo de juegos casuales

Desarrollando aplicaciones flash web para Facebook con la API de Action Script 3

A raíz de un proyecto que estamos terminando en el estudio, y del que lamentablemente no os podemos comentar nada por cuestiones de privacidad, hemos experimentado el "infernal" mundo de Flash en Facebook, siempre que tengas que hacer una integración un poco curiosa entre tu aplicación y la red social.

Desde la elección de la técnica que vas a emplear para la inclusión del archivo a los mecanismos básicos para integrarlo con la herramienta (invitar amigos, tomar imágenes e información del usuario, gestionar permisos para publicar en el muro, etc.) existen una gran cantidad de aspectos a tener en cuenta. No nos hemos convertido ni mucho menos en expertos, pero tras una primera experiencia de test suave y ahora la experiencia real de una aplicación con bastante más complejidad, podemos decir que iniciarse NO es tarea fácil ni directa.

Analizando nuestro proceso, tenemos claro que el principal motivo por el que esto no es sencillo es que Adobe no ha dotado de una documentación a su API en AS3, y que el material que encuentras por la red es confuso y muy poco organizado. Si bien la wiki de facebook es de obligada lectura, aunque hable de la API en PHP principalmente, hay muchos términos, nociones y situaciones que es el único lugar en el que se recogen.

Nos hemos propuesto solucionar esto, así que poco a poco iremos publicando una serie de tutoriales sobre cómo crear una aplicación en Flash para Facebook desde cero, no solo en cuanto a la parte flash, sino servidor, integración (la parte más conflictiva cuando usas flash), llamadas a javascript propio o de Facebook, comunicación con el servidor remoto... No nos cabe ninguna duda de que será un recurso de mucha utilidad, pero te lo preguntamos a ti antes de pegarnos la currada: ¿te interesaría?

JQuery para principiantes

Aquí os dejo unos video tutoriales para todos aquellos que no sepais jquery y que esteis interesados en aprender. Son 15 video tutoriales de una duración aproximada de 10 minutos cada uno donde enseña ejemplos prácticos de uso de jquery.

La pega es que está en inglés. Aunque se entiende muy bien. Es muy fácil seguir el hilo si se tiene un nivel medio de inglés.

Aqui os dejo el enlace
http://blog.themeforest.net/tutorials/jquery-for-absolute-beginners-video-series/

Espero que os sirva

Subflash 2009: novedades diarias

Pues sí, se ve que la fecha se va acercando y empiezan a atarse cabos en la organización de subflash. Tras una semana frenética con una avalancha de inscripciones, que ha hecho que antes de un mes el evento esté totalmente lleno en su modalidad COMPLETA (con alojamiento), se empiezan a cerrar todos los temas relativos a la actividad que se llevará a cabo, en esta ocasión se han confirmado todos los talleres que estaban planeados y se le ha dado ya forma a la parrilla para tener claro cúando va cada uno de ellos.

Por otro lado ya se ha hecho público una de las noticias más importantes que se han dado nunca en los Talleres de Verano Subflash, y que de la mano de CDmon ofrecen a sus asistentes en modalidad completa un auténtico regalazo. Ya decíamos que este año los patrocinadores eran de lujo, y esto no hace más que confirmarlo.

Es un placer para nosotros personalmente contar con CDmon en este evento, y más aun contar con ellos como clientes y proveedores de servicios, ya que solamente podemos tener buenas palabras para con ellos. Podían tomar ejemplo unas cuantas empresas de hosting!

Podéis conocer toda la información relativa a estas dos novedades, puedes visitar estos enlaces:

AdobeEnVivo, grabación de eSeminars disponibles

[Q] interactiva ha participado en el Adobe En Vivo Online, organizado por GarageFlash, con el eSeminar: Juegos en Flash Lite

Pues AdobeEnVivo online ya ha finalizado, y la gente de GarageFlash no ha tardado mucho en publicar los enlaces a todas las grabaciones de Adobe Acrobat Connect, es decir video de lujo de las conferencias, con audio, posibilidad de moverte por la charla a tu antojo, etc.

Desde [Q] colaboramos en el evento mediante la charla que impartió Marcos González titulada "Juegos en Flash Lite", y que hemos de decir que tuvo una magnífica respuesta por parte de los hasta más de 70 asistentes que hubo en determinados momentos de la misma. Esta colaboración se hizo a través del Grupo de Usuarios de Móviles y Dispositivos de Adobe España, Blocketpc, junto con otra charla impartida por Raúl Jiménez.

El evento se cierra como un rotundo éxito (al menos desde nuestro punto de vista) ya que ha contado con una participación espectacular, ya no solo en asistencia, sino en cantidad y calidad de ponentes y de la variedad de países que se han unido al evento, siendo claramente un referente en coordinación y participación de diferentes Grupos de Usuarios de Adobe de forma conjunta ya no solo en nuestra lengua, sino como ejemplo para toda la comunidad. Nuestra enhorabuena desde aqui al Grupo de Usuarios de Perú GarageFlash por la iniciativa.

Os recordamos que este evento también se lleva a cabo en "real", y que el año anterior también contó con un importantísimo programa de talleres y conferencias. Esperamos poder estar allí personalmente en alguna de las futuras ediciones, que seguro serán igual o mejores a la anterior.

librosweb.es

Aquí os dejo un interesante enlace en el que podrás encontrar libros gratuitos de programación o diseño web. Son libros para leer vía web, o en cambio, descargar en formato PDF para poder tenerlo siempre accesible en tu disco duro o imprimirlo y tenerlo en papel.

Son libros sobre cursos que los autores publican, y que, como anteriormente dije, son gratuitos !!!. El contenido es de carácter práctico, con mucho código de ejemplo. No como otros que tiene mucha teoría y texto pero con pocos ejemplo prácticos.

Actualmente en la página puedes encontrar libros sobre:

La url en la que los puedes encontrar es:
http://www.librosweb.es

Espero que os sirva...

utilidad swffit, redimensiona tu flash con cuidado

Seremos pocos los flasheros (¡Dios mio! me he autoproclamado flashero... debe ser la edad...) que no hemos tenido que realizar alguna web en fullscreen, o que se redimensionara con el tamaño del monitor. Y no habrán sido pocas las veces que hubieramos deseado tener a mano un buen mecanismo para poder disponer de scroll dependiendo de cada caso, o dependiendo de la parte de la web que visualizáramos.

swffit, herramienta para redimensionar películas flash en HTML con Javascript

Muchas veces el uso del sistema de flash al 100% de la ventana (sin reescalar, de lo contrario sería sacrilegio) y algo parecido a lo que se puede lograr con el LayoutManager desarrollado dentro de los proyectos OpenSource de Blocketpc tenía el inconveniente de que si la ventana no tenía el tamaño adecuado, la organización de elementos en pantalla se podía volver compleja, o no quedar lo bien que era necesario.

swffit es una herramienta javascript/flash que permite atacar esta problemática pudiendo jugar tanto con el tamaño de la película flash como de la disponiblidad de scroll, manera de adaptarse a la ventana, etc. Es una herramienta útil. Aun no la he probado en un projecto real, pero lo que he oido leido por Internet de ella es siempre positivo. Si alguno la habéis empleado ya, vendría bien experiencias de primera mano.

Tenéis el código del proyecto por google code también por si queréis seguirle la pista más a fondo.

De ponerle alguna pega, creo que el uso de javascript para su funcionamiento sería la más complicada de resolver.

Arranca Subflash 2009!

Grupo Talleres de Verano Subflash 2008 - Alicante

Pues si, tras un año que ha pasado volando, desde Subflash ya se están iniciando los preparativos para esta nueva edición, de la que solamente se saben de momento los días, aunque en el mismo post se indica que se darán a conocer todos los detalles de forma INMINENTE!

Además Subflash ha renovado la cara, con un nuevo blog donde se mantendrán actualizadas todas las informaciones relativas a los talleres y a las actividades complementarias que se quieren llevar a cabo durante el año.

Esto es el espíritu subflash, partidilla de futbolín para terminar el día con buenos amigos

Además en el nuevo formato de blog, se encuentra una página muy agradable para los que conocemos subflash desde sus inicios, que es la historia de la comunidad a lo largo de todos estos años.

Desde [Q] interactiva, y como siempre venimos haciendo estamos trabajando en la Organización del evento y en la puesta en marcha del site que permitirá darse de alta en los talleres, por eso sabemos que cuando se dice INMINENTE.... ¡es cuestión de horas!

Subflash, Talleres de Verano 2006 - Asturias

¡Comienza Subflash Talleres de Verano 2009!

Navegadores móviles, comparativa de soporte de DOM

Comparativa compatibilidad navegadores móvil, mobile browsers

Pues a raíz de un post de nuestros amigos de nbsp, os dejamos aquí un enlace que viene muy pero que muy bien a la hora de plantearnos qué podemos y debemos usar si vamos a desarrollar un sitio web para móviles como Dios manda, es decir, no automatizando procesos para generar una versión móvil de dudosa efectividad y calidad, sino hacer una adaptación completa del contenido y formas, para que la experiencia del usuario sea realmente interesante.

Personalmente soy ultradefensor de la creación de websites móviles realmente creados para ese medio, no solo por solventar las limitaciones con las que te enfrentas, sino porque puedes sacar partido a algunas otras características que se dan en un terminal y en una web no. De esta manera muchas veces las webs para móviles generadas con determinadas herramientas no logran solventar determinados aspectos necesarios si queremos que de verdad el usuario se sienta cómodo con la web.

En nuestro caso incluso siempre barajamos la posibilidad de dejar fuera determinados contenidos por no tener mucho sentido en el contexto móvil, y sin embargo a veces se añaden nuevos elementos o funcionalidades que precisamente cobran fuerza en este tipo de desarrollos... pero eso es materia para otro post.

Al grano, interesantísima comparativa de las capacidades de los navegadores móviles más comunes que nos permite tener una visión bastante clara de qué podemos hacer y qué no, dependiendo a qué terminales queramos llegar.

Como material adicional, la web padre del enlace que os proponemos, no tiene desperdicio ya que contiene una de las tablas comparativas más consultadas sobre compatibilidad de funciones y DOM entre diferentes navegadores,

snipt.net ya tiene un nuevo fan

Pues estos son los tipos de webs que me ponen cuando hablamos de utilidad para el programador, que mas quiero que ir a mirar y encontrarme perlitas como un PHP que ya me da los resultados de Yahoo Weather en un objeto usable, o unos cuantos patrones de diseño... ya montaditos...

Queréis lenguajes? Pues tomad: PHP, javascript, Python, MySQL, CSS, HTML, Drupal, WordPress, jQuery, Flash, Perl, Rails, Java, Plesk... y me dejo unos cuantos!

Algunos códigos que podemos encontrar la verdad que no aportan demasiado, pero hay otros realmente útiles, patrones de diseño, o incluso clases para tomar datos de webservices disponibles y que sea aun más facil usar los datos, como este que me ha gustado y hasta puede que lo use en breve...


snipt.net!!

P.D. Si tenéis otros recursos del estilo localizados, compartir.... no seáis tacañ@s!

Next Page →