Archive for the ‘Javascript’ Category

Documentación Ext en AIR

Ext Logo

Documentación de Ext (http://extjs.com/) en forma de aplicación de escritorio con Adobe AIR:

  1. instalarse el framework Adobe Air: http://labs.adobe.com/downloads/air.html
  2. instalar la aplicación http://extjs.com/playpen/air/docs.html
Anuncios

Adapatadores de framework

A la hora de elegir componentes javascript (Window, Datagrid, etc.) siempre nos encontramos con que este requiere de uno de los 4 famosos frameworks siguiente:

Eso hace que por culpa de la elección de los componentes tenemos que elegir el framework javascript por sus requerimiento y no por nuestra preferencia.

Por eso me parece interesante algunas iniciativas de empezar a poner adapatadores de framework a sus componentes como en los siguientes links:

http://mjijackson.com/shadowbox/
http://extjs.com/

Elite en Wixi.com

Nessy y Wixi
Actualmente me encuentro trabajando en el equipo de desarolladores del proyecto Wixi.com.
El desafio es alto: hacer un sistema con un tipo de comportamiento a la WebOS pero en AJAX (salvo un player que esta hecho en Flash) y que ande en TODOS los navegadores.
Me pone muy contento integrar este equipo de trabajo dado que lo considero un grupo de élite.

Wixi es una red social multimedia en la cual interactua usuarios mirando, posteando, compartiendo y buscando con facilidad distintos tipos de media.
El sitio ofrece una interfaz intuitiva con carpetas similar a un desktop de PC, a lo cual se hace “drag’n drop” para organizar sus archivos media en las carpetas y simplemente click para reproducir a través del Wixiplayer.
Para que los numerosos formato de video puedan ser reproducido por el player, el sistema se encarga automaticamente de hacer una version convertida al formato FLV.
Lo interesante para mi en este proyecto es lo fácil que se puede compartir y publicar una carpeta del sistema en los distintos medios disponibles hoy en dia: miembros de Wixi, email, URL, blog, etc.

Link principal > http://www.wixi.com/

Receta de Web 2.0

Web 2.0

Para hacer una Web 2.0 sacado del sitio http://www.anieto2k.com/ >

1. Una degradados, una web sin degradados no es una web, y menos 2.0.
2. Usa.un.nombre.con.puntos,si el nombre de tu web no tiene puntos, no se como te atreves a publicarla.
3. Fondos diagonales, eso es lo que denota la originalidad de los diseñadores, usa diagonales para darle un efecto más 2.0 a tus creaciones.
4. Fuentes grandes, importante piensa que con esas pantallas tan modernas quizas las vean pequeñas, los de 800×600 que hagan scroll o cambien de monitor.
5. Fondos claros, tambien es realmente importante, fondo claros sin hacer mucho contraste con las fuentes.
6. Efecto suelo mojado, para que tus usuarios patienen y se queden.
7. Fuentes pixeladas, esto es lo último de lo último, un toque retro siempre te hace más auténtico…
8. Folksonomias (tags), están de moda y aunque nadie las use como toca (yo por ejemplo), demuestras que estás a la última.

(Copia textual de: http://www.anieto2k.com/2006/08/07/8-trucos-para-hacerte-con-la-web-20/)

Para migrar de la Web 1.0 a la 2.0 >

1. Reemplaza e-loquesea.com por my-loquesea.com
2. Incrementa el tamaño de la fuente a 12-16px (1em).
3. Cambia las categorías por tags
4. Cambia la sección de noticias por un blog
5. Cambia el “Enviar a un amigo” por una suscripción RSS.
6. Cambia el “Guardar en Marcadores” por enlaces a redes sociales.
7. Cambia la “Cuenta de usuario” por “Perfil de usuario”
8. Cambia tu cutre código HTML por un semántico xHTML con CSS
9. Son visitantes, no peticiones.
10. Añade comentarios
11. Cambia e-site.com?id=1234&sort=desc&parametros=inventados por my-site.com/a-que-molo-mazo
12. Cambia tu sitio personalizado por un CMS Open Source.

(Copia textual de: http://www.anieto2k.com/2007/07/31/12-formas-para-migrar-de-la-web-10-a-la-20/)

Programando en ECMAScript

ECMA Logo

Años de programación me han hecho ver que muchos lenguajes de programación tienen cada vez mas puntos en común (arranque programando LOGO en Suiza, Ginebra).

Hoy en dia me encuentro programando desde JavaScript hasta C# y ActionScript, Java y PHP. Todos estos lenguajes tienen exactamente la misma sintaxis, lo unico que varia es que el IDE que lo soporta, protesta un poco mas que otro según los errores de sintaxis u otros problemas. (vaya forma de resumir el tema)

Si vamos más al grano el “if” es basicamente el mismo en TODOS los lenguajes de programación. Con esa afirmación sostengo que si sos un buen programador en JavaScript deberia serlo con ActionScript, y sos un mal programador en .NET deberia tambien ser malo con JAVA.

Pero algunas similtudes se acentua mas en el lenguaje JavaScript y ActionScript, hoy en dia son los lenguajes de programación Web dominante del lado cliente.
Punto en común: especificación ECMAScript.

ECMAScript es una especificación de lenguaje de programación.

ECMA : European Computer Manufacturers Association.
Organización fundada en 1961 para estandarizar los sistemas computarizados en Europa con sede en Suiza, Ginebra (epa iguales de donde yo empeze).
Despues se paso a llamar ECMA International para ocuparse obviamente de los estándares internacionales.

Cito algunos lenguajes ECMAScript:
JavaScript
JScript (motor usado en ASP de Microsoft)
ActionScript
Haxe (lenguaje del lado servidor)
HDi scripting (lenguaje para programar menu interactivo de DVD)

El lenguaje de programación de Flash (ActionScript) hace uso de ECMAScript edition 4 (ECMA 262).
Una diferencia (hay una, y es importante) con JavaScript es que permite a los objetos ser movidos, creados y analizados dinámicamente, mientras la película está en ejecución.
La API XML de ActionScript tiene la especificación de ECMAScript for XML edition 2 (E4X, ECMA 357).

Un compañero de trabajo (Santiago Borrazas) me paso el otro dia un link sobre que el ECMAScript esta teniendo en cuenta el simbolo $ como alternativa a document.getElementById y document.all (de IE, que no es ECMAScript).
Esa función es altamente recomendable, fue creada por Prototype y JQuery.
Link: http://solutoire.com/2007/06/18/ecmascript-about/

Link sobre ECMAScript:

http://www.ecma-international.org/
http://es.wikipedia.org/wiki/ECMAScript

JSON Editor

Cada uno puede hacer uso de la siguiente herramienta como le parezca.
A mi me parece otra forma agradable de leer un JSON.

http://braincast.nl/samples/jsoneditor/

Prototype 1.5.1 Released

Prototype 1.5.1 Released

Nueva versión de esta revolucionario framework en Javascript.

A destacar: Manejo de JSON incluido, no mas necesidad de otro framework adicional.

http://www.prototypejs.org/