• Mejoras en el Api de sonido
• WMODE para Linux
• Soporte para Video4Linux v2
• unloadAndStop
• Acceso limitado al teclado durante Fullscreen

Para descargarlo:
http://labs.adobe.com/technologies/flashplayer10/

Una lista completa de caracteristicas y arreglo de bugs pueden encontrase en la siguiente nota.

El menú de navegación por sección del periódico permanece presente, pero encerrado gráficamente con los contenidos.

Dentro de los resúmenes de las notas, se agrego un contador de hace cuanto tiempo fue actualizada la nota, y a diferencia de Clarín, que la escalada de noticias es tipo blog, LaNacion prefirió en esta nueva versión, tener una sección dedicada a las noticias de ultimo momento en vez de toda la pagina principal, que en mi opinión es mucho mejor, de mas fácil lectura, ya que las jerarquias de contenidos no se pierden.

Lo que mas me llamo la atención, es que se jugaron mucho por el minimalismo y lograron dar jerarquias a la informacion con pocos colores, jugando mucho mas con las tipografías, con los tamaños y las variantes.

Y por ultimo, la cereza que adorna el pastel, el cambio del logo, que suma mas puntos al hecho de que ahora se vea mas como un sitio web 2.0, que separa la versión impresa de la digital.

Felicitaciones para el equipo de diseño de La Nación online.

Asi que escribí un tutorial para conectar Flash con Flickr a través de su API y que puedas hacer tus propias búsquedas de imágenes.

El sitio me gusta (thetechlabs.com), por lo que pronto escribiré una reseña sobre el, aquí en el blog, por lo pronto, pueden ir visitando el tutorial.

Make your own Flickr search engine with Flash and AS3

Los tutoriales son exclusivos para TheTechLab, por lo que no los verán dando vueltas en el blog, están en Ingles, el idioma universal de internet.

Espero les sea útil.

;)

Este no es un tutorial, sino mas bien un tip de como incluir Gravatar en tu sitio web con una simple función de PHP, para WP hay un plug-in y para implementarlo deberas modificar tu template, nada del otro mundo.

La que muestro aqui te permite elegir el tamaño en el que quieres que se publique tu gravatar, pero no tiene opcion de selección de imagen por default, eso lo dejamos para otro dia.

Lo mejor es siempre ir a la fuente, asi que si te copa Gravatar, aca estan los tutoriales de como implementarlo en diferentes plataformas.

:D

http://en.gravatar.com/site/implement

http://www.webresourcesdepot.com/

;)

It loads 4 articles and changes from one article to another automatically in a lapsus of time, and the user could stop, rewind or forward whenever he wants.

It’s pretty simple, using the new AS3 XML features, by now it uses XML, but originally was developed to read the data from a PHP file, I changed to XML so could be adapted to any programming language that could generate XML data. :)

So, let’s do this!!

First, our XML structure have 4 data types:

1. our article title
2. the image source to load on the article
3. the description of the article
4. the link to the full article

Now the fun stuff, let’s go to Flash so we could load the xml data and show it on a pretty way.
On the first frame, I hace 4 arrays to hold the 4 types of data provided by the XML, why use arrays to store the data?
Easy, you gonna make just one data petition to the server, pretty good if you use a dynamic page to load the data. So Flash load the data just once and go into the loop to show the news, and it’s much easier to set up the next, prev and pause buttons.

Now we call the XML and load the data on the arrays.
Our XML path it’s xml/flash_news.xml, but you could modified it to any dynamic page, like flash_news.php and connect to a DB and update the news from a CMS.

On frame 2, called display, we have 2 movieclips:

The first one, IMGloader_mc, contains the image background (just because it’s good to separate it to change it later) and an emprty movieclip called holder_mc, where the image from the xml is loaded, holder_mc have and invisible button over the image, called goto_btn, that take us to the full article.

Now, the second movieclip called display_mc, have two dynamic fields, title_txt where we load the title and desc_txt where we load the description.

So we have this ini variables:

The function loadNews is in charge to load each article on display_mc, depending on the parameter we pass, the parameter it’s the number of the news according with the array we loaded.

The functions to go forward, backward and pause the movie.

Now the timer function, that let’s the player go automatically, now it’s set to 15 seconds, but you could change it to any other time, or load a new time variable from the XML, so you could control it from a cms, that’s up to you.

Now, we load the first article.

And there you go!
Download

Demo

Enjoy ;)

Links:

1. Demos de Flash Player 10 en Adobe Labs
   
2. The Flash Blog
3. Mike Chambers Blog
4. Descargar Adobe Flash player 10

Nota:
Para poder ver los demos, es necesario tener instalado el Flash Player 10, que lo descargan de AdobeLabs

Quien no ha tenido/querido hacer un slider de noticias como el que tiene, por ejemplo LaNacion.com?

Bueno, acá presento un tutorial de como armar uno con xml, es de lo mas simple, y se puede fácilmente adaptar para usarlo con cualquier lenguaje dinamico, ya sea PHP, JSP o ASP.

Primero que nada seteamos las carpetas y los archivos:
en la carpeta XML, todos los archivos xml, y en la carpeta images, todas las imagenes que necesitemos.

La estructura de nuestro XML, flash_news.xml, que carga 4 datos en flash: Título de la nota, descripción de la nota, nombre de la imagen de la nota y el link a la nota.

Ahora bien, vamos a flash, donde en el primer frame tenemos 4 arrays donde vamos a cargar nuestra info. A veces es mas fácil hacer una petición al XML cada vez que buscamos un dato, asi optimizamos el uso de flash, pero ne este caso, es mucho mas fácil cargarlo en arrays y realizar saltos entre dato y dato, ya que vamos a tener los botones de adelantar, retroceder y pausar.

Realizamos el llamado al XML y cargamos la data en los arrays.
El url de nuestro XML es xml/flash_news.xml puede ser modificado por cualquier página dinámica, como flash_news.php, de esta forma poder actualizarlo desde una base de datos.

En nuestro frame 2, que llamamos display, tenemos dos movieclips:

El primero llamado IMGloader_mc, que contiene el background de la imagen (esto solo por cuestiones estéticas) y un movieclip vacío llamado holder_mc, donde cargaremos la imagen, y un boton invisible, colocado sobre la imagen, llamado goto_btn, que es el que nos llevara a la url de la nota.

Y el segundo llamado display_mc, que contiene dos campos de texto dinámico title_txt donde cargamos el titulo y desc_txt donde cargamos la descripción.

Entonces, tenemos las siguientes variables iniciales:

La función para cargar noticias, a la que le pasamos como parámetro la noticia que vamos a cargar, es la que se encargar de desplegar en pantalla los textos correspondientes de acuerdo al parámetro, y de cargar la imagen.

Las funciones para adelantar, retroceder y pausar el slider automatico

La función de timer para que funcione de forma automática

Y cargamos la primera noticia

Con eso estamos listos con nuestro slider, como siempre dejo los archivos para descargarlos y un demo para que lo vean funcionando.
Que lo disfruten.

Fundada en septiembre de 2006, Smashing Magazine entrega de forma regular información útil e innovadora para diseñadores y desarrolladores web, las ultimas tendencias y técnicas en el desarrollo web, sin preocuparse por la cantidad sino por la calidad de sus artículos publicados.

Siempre se puede encontrar información útil.

http://www.smashingmagazine.com/

Para poder tener acceso a la información de forma legible, es necesario un lector de rss o RSS reader, existen miles de estos, gratuitos y pagos, entre ellos Google Reader, RSS reader, plug-ins para FireFox e inclusive algunos clientes de correo electrónico como Mozilla Thunderbird soportan RSS.

Pero que pasa si lo que queremos es insertar todas esas actualizaciones en nuestro sitio web?

Existen muchas soluciones dando vueltas por ahí, no es tan difícil, ya que RSS usa XML para mostrar la información, pero nunca viene mal una solución propia. Hace algún tiempo escribí una clase de PHP para parsear un hilo de RSS, pasando el url como variable a una función.

Para parsear el RSS use el xml_parser de php con dos funciones, para basicamente leer el contenido del RSS, dividirlo en sus partes y devolverlo como un objeto de una clase.

El parser contiene las siguientes funciones:

• getTitle(): devuelve el titulo del item seleccionado
• getDescription(): devuelve la descripción del item seleccionado sacando todo el contenido HTML
• getResume(): devuelve un resumen de 256 letras del item seleccionado
• getHTMLDescription(): devuelve la descripción del item seleccionado, sin omitir el contenido HTML
• getCategory(): devuelve la categoria del item
• getLink(): devuelve el link a la página del item seleccionado
• getAuthor(): devuelve el autor del item seleccionado
• getAuthorEmail(): devuelve el e-mail del autor del item seleccionado
• getDate(): devuelve la fecha de publicación del item seleccionado

Para leer un documento RSS y convertirlo en html lo primero es importar la clase:

Llamamos a la funcion de lectura de RSS, relacionandolo con una variable, al devolverlo como un objeto, es posible saber la cantidad de items contenidos con la funcion count(). En este caso leemos el RSS de La Nación

Una vez conocida la cantidad de items en el objeto, podemos hacer un loop para mostrar todos los items:

Espero sea útil, dejo el link para que descarguen la clase y un ejemplo:
rss2html.tar.gz

Para ver que tan útil nos resulta el BitmapClass, desarrollaremos un ejemplo simple, cargar una imagen que colocaremos como background de nuestro website y que realice un resize y una adaptación al tamaño de la pantalla, para que siempre se vea en full screen. Usaremos el BitmapClass para evitar que la imagen se pixele cuando hacemos el resize.

Entonces manos a la obra.

Para empezar necesitamos nuestra imagen que va a servir de background, en un tamaño preferentemente de 1024×768 pixels.

Primero necesitamos que nuestro stage se ubique siempre en la esquina superior izquierda de nuestra pantalla y que no escale

Importamos el bitmap class

Ahora, necesitamos saber el tamaño actual de nuestro stage y el tamaño en caso de que el usuario haga un resize de su navegador, esto lo hacemos usando un listener para el stage, que va entrar a funcionar cuando exista un cambio en el tamaño del stage.

Creamos un MovieClip vacío, le damos el nombre de instancia (instance name) de bg_mc y lo ubicamos en el 0,0 de nuestro stage. Aquí es donde vamos a cargar nuestro background.

Procedemos a generar nuestro BitmapData Object, que es el que nos permite manipular las imágenes.
Lo que hacemos es crear un nuevo objeto BitmapData, de 1024×768, que es la medida de nuestra imagen de background y hacerlo transparente. Este objeto es adjuntado a nuestro MovieClip vacío bg_mc, con smoothing activado.

Seguramente, ahora que quieran probar la película, encontraran una imagen blanca en la pantalla, ese es nuestro objeto de BitmapData. Nos queda cargar nuestra imagen y hacer la función que nos permite cambiar el tamaño de la imagen de acuerdo al tamaño del stage, sin que se pixele ni se deforme.

Para cargar nuestra imagen, usaremos una clase nueva que incorpora Flash 8, que es LoadClip.
LoadClip, aca sub-utilizado, permite tener distintos listeners de la carga, ya sea antes, durante o cuando la carga termina, asi podemos hacer un preloader que nos indique cuanto esta cargado y cuando falta por cargar de nuestro background, pero eso sera para la próxima. Dejo abierta la función para que se pueda cargar cualquier background, solo pasando la url como variable de la función, asi se puede hacer una lista de backgrounds y cargar on-demand!!

El ratio es la relación que existe entre un alto y un ancho, en este caso de nuestra imagen de background y de nuestro stage.

Si el ratio del stage es mayor que el de la imagen, bg_mc adopta el ancho del stage y el alto se calcula dividiendo el alto del stage por el ratio del background. EN caso de que el ratio del background sea mayor que el del stage, bg_mc toma como alto el del stage y el ancho se calcula multiplicando el ratio del background por el alto del stage

Si probamos ahora nuestra aplicación, veremos que oh! no funciona el resize, bueno, eso es porque tenemos que agregar el updateBG a nuestro listener de resize.

Lo último y no menos importante, para que funcione dentro de un browser, es necesario que nuestra pelicula flash se adapte al 100% del espacio, para eso usamos SWFObject, cuando descarguen los archivos, viene incluido un tutorial de como implementarlo en fullscreen.

Si quieren descargar los archivos, dejo el link de descarga.
Espero y les sirva.

No todos saben que desde hace 3 meses instale en casa Linux, Ubuntu Dapper Drake para ser mas especifico, y me he convertido.

Como desarrollador, Windows tiene mucho que envidiarle a Linux. La instalacion de XAMPP fue de lo mas facil, para codear uso Eclipse con la libreria de PHP (proximamente plataforma de desarrollo oficinal de Zend Technologies) y para CSS uso CSSED Editor.

Tenia varias dudas con respecto a instalar Linux. La primera con Flash, pero hace mucho que no codeo ActionScript para Flash y me atrae mas la idea de Flex y a Eclipse se le puede instalar la libreria de Flex, asi que no tengo ningun problema, aunque empezar con Flex es un tema pendiente todavía para mi.

Las otras dos dudas eran sobre Photoshop e Illustrator, sobre todo para el diseño de sitios web, esas son dos herramientas fundamentales, y no tenia idea de que pasaba con el diseño gráfico en otras plataformas que no fueran Windows o Mac. Al principio pensé en instalar un emulador, como Wine o en hacer una partición con Windows instalado, pero mi maquina no iba a soportar un emulador y reiniciar la PC para usar otro programa es una solución que va en contra de mis principios. Investigando un poco en foros y en distintos sitios web me encontré con dos soluciones que no estan tan desarrolladas como los productos de Adobe, pero cumplen su función y de una forma profesional.

Para edición de imágenes uso Gimp, que existe en versiones para Mac y PC y para vectores uso Inkscape, que tiene las mismas capacidades que Illustrator, Corel o Xara, y usa estandares de la W3C, como es el SVG.

Los resultados, bueno, tendrán que probarlos por ustedes mismos, si instalan Linux en su PC, es tan simple como un apt-get!

Hace una semana decidí instalarlo en mi blog, me sorprendió mucho los cambios, la nueva interface y las nuevas funcionalidades, no es simplemente un cambio de cara, es un cambio completo de lo que era WordPress, que en poco menos de 6 años se ha convertido de una herramienta de blogers en un CMS con fuerza.

Entre los cambios mas grandes para destacar son:

• Cambio radical del interface
• Librería de imágenes
• Upload multiple de archivos
• Upgrade de plug-ins con un solo click
• Dashboard customizable
• Poder escribir en pantalla completa
• Insertar archivos desde la barra de edición de html
• El editor de html ya no creo problemas con el código anterior

Aunque siguen usando TinyMCE como su editor de html, lograron darle un aspecto visual que logra fundirlo con el resto del CMS.

Una verdadera evolución, vale la pena descargarlo y jugar un poco con el. Felicitaciones al equipo de WordPress!

El enganche con los desarrolladores es poder generar mas trafico a sus sitios web por medio de las búsquedas modificadas, lo que no se puede modificar es el orden en que aparecen los resultados.

Yahoo! provee soporte para standares semanticos de web como RDF y microformats.

Yahoo! estara lanzando una versión beta en las próximas semanas.

mas info en TechChurch

Ejemplo de una búsqueda modificada de Hillary Clinton.

Para ver todo al respecto ir a Yahoo! Developers Network

El generador basicamente permite que seleccionando un movieclip en el stage de flash, se puedan elegir los eventos que desean generar sobre ese movieclip y todo el código es copiado en el panel.

Es un componente que promete ahorrar mucho tiempo de escritura de codigo.

Muy buen recurso.

Articulo original y descarga

Actualmente solo envía los datos a un e-mail usando la función mail() de PHP, pero puede ser modificado para que ingrese los datos en un MySQL.

Espero sea util.

Descargar

El 2 de enero se presentó la version 2.0 de este sitio, uno de los mejores que hay con tutoriales sobre ActionScript. La versión 2 cambió considerablemente de su version anterio (desarrollada enteramente en flash), por un estilo mas tipo blog, tiene opciones de ordenado, por titulo, por version y por fecha en la que fue agregado. Los tutoriales, que son en video, pueden ser vistos desde la pagina o pueden ser descargados como un FLV, para verlos cuando no estes conectado.

Es de los mas actualizados, ya que incluye tutoriales de ActionScript 3.

Chekenlo!!

GotoAndLearn()

Los websites comunitarios a diferencia de los blogs (los blogs solo nos cuestan descargar WodPress, espacio en disco y mínimos requerimientos), son redes sociales, donde el usuario es el que crea el contenido, comparte sus videos, sus fotos, su momentos con su comunidad, ya sea su familia o amigos y conocidos y la empresa provee el software, el soporte, el equipo humana y la tecnología necesaria para garantizar que esa información no se pierda en el cyberespacio.

Gracias a exitos como Digg, FaceBook, Hi5, Flickr, LinkedIn, que ahora valen millones de dolares, ya no estamos hablando de una fiebre nada mas, sino de algo mucho mas serio, estamos hablando de un nuevo boom de internet, o más bien, de una nueva burbuja y todos sabemos que las burbujas en internet, como fueron las .com a la que solo pocos sobrevivieron, se inflan con aire caliente y especulaciones.

Hay emprendedores en busca de inversión de riesgo, invirtiendo mucho dinero en redes sociales, donde se toma muy en cuenta las “necesidades” de los usuarios, que les pueden ofrecer y las diferencie de las otras redes sociales, como seguir el paradigma de FaceBook o de YouTube, de la tecnología, de si usar AJAX o no.

Es asi que nacen redes sociales una atras de otra, como lo demuestra Go2Web20.net, donde solo en Noviembre hubieron 56 entradas de sitios comunitarios nuevos, desde planificadores de viajes hasta compartir fotos y vídeos.

El modelo local recientemente estrenado fue Sonico.com, con una inversión de 300mil dolares, es una red que promete tener a los amigos conectados.

Tanta fiebre web2.0 y la locura que causa, tantos entrepeuners y oportunistas, en donde ira a terminar todo esto, en un Plop2.0?

Esta vez espero que la burbuja no sea mas grande que el negocio, que no dejan fuera de juego materias igual de importantes como el management, tema muy delicado, ya que como en cualquier negocio, lo más importante es generar beneficios y tener contentos a los accionistas.

Este video resume todo lo que acabo de decir:

http://www.youtube.com/watch?v=75RI2-YGgtc

Ahora que esta en version beta, no se puede registrar cualquier usuario, tendremos que esperar al alpha release para poder interactuar con este nuevo servicio, aunque ya esta muy avanzado, con una extensión para internet explorer de Windows y una sistema simple con bookmark para FireFox y Safari.

http://ffffound.com/

La nueva versión como se prometio mucho en los foros hiba a cambiar radicalmente, no solamente en su interface, sino también en su estructura. Pero esto fue mucho mas alla, con un interface completa en Flex, todo el sitio funciona con Flex a excepcion de los foros.

Internamente, lo que mas me llamo la atención fue que se agrego una sección mas, assets, que es un repositorio con recursos para diseño, y de que a los usuarios se les dió acceso a un blog personal dentro de la comunidad, la verdad agregados importantes el momento de hablar de comunidad, y hubieron cambios sutiles en beneficio del