Archivo

Archivo para la categoría ‘Ajax’

Elite en Wixi.com

Miércoles, 19 de Septiembre de 2007 Nessy 1 comentario

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/

Categories: Ajax, Javascript, Referencias, Technologia Tags:

Receta de Web 2.0

Martes, 31 de Julio de 2007 Nessy Sin comentarios

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/)

Categories: Ajax, CSS, Javascript Tags:

Programando en ECMAScript

Viernes, 6 de Julio de 2007 Nessy 2 comentarios

ECMA Logo

Unos pocos me consideran un guru en Flash, en lo cual estoy en parte de acuerdo (I love myself).

Pero no es del todo asi, en verdad en tantos años de programación me he dado cuenta 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/

Conclusión: no soy experto en Flash, sino en ECMAScript.

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

Categories: Actionscript, Ajax, Javascript, Technologia Tags: