Swiss Design

Lindo sitio de parte de los suizos (ciudad donde interactuan Geneve y Lausanne) > http://www.kalou.ch/.

Ingeniosa forma de ver video adaptado al tipo de connexión que posee > http://www.angelseven.ch/fr/.

Enanitos suizos > http://www.wiiik.com/.

Anuncios

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

Apollo, Silverlight y JavaFX

En el link adjunto se encuentra un articulo con una tabla comparativa de los principales framework RIA.

http://ttlnews.blogspot.com/2007/05/test_22.html

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

Mas Flash 3D

http://www.lepers.info/test/pv3d/DrawBall.html
http://actionscriptarchitect.com/lab/AStar3D/
http://drawk.wordpress.com/2007/07/04/3d-pathfinding-in-as3/

Centrar un div con CSS

En este link, nos explica como centrar un DIV con CSS.

Ese metodo nos evita hacer uso de tablas y asi optimizamos el renderizado final del HTML (tal como lo hemos visto en un articulo citado en este blog).

Como ejemplo, pude mejorar mi “Espere por favor” o “Cargando…” mandandolo al pie de la pagina. Fijense:

Antes:

<div id="esperaDIV" style="position:absolute;width:100%;height:100%;display:;z-Index:1500">
   <table width="100%" height="100%" cellspacing="0" cellpadding="0">
   </tr>
      <td valign="bottom">
         <div style="width:100%;background-color:#CDF821;height:22px;background-image:url(i/indicator_background.green.gif)">
            <table align="center">
            <tr>
               <td><img src="i/indicator.gif" width="16" height="16"></td>
               <td><div style="width:140px;height:16px;text-align:center"><font face="Verdana" size="2"><nobr>Espere por favor...</nobr></font></div></td>
            </tr>
            </table>
         </div>
      </td>
   </tr>
   </table>
</div>

Depues:

<div id="esperaDIV" class="barraStatus espera" align="center">
   <img src="i/indicator.gif" width="16" height="16">Espere por favor...
</div>

La clase CSS:

.barraStatus {
	position: absolute; top: 100%; width: 100%; height: 22px;
	margin-top: -22px;
}
.espera {
	background-image:url(i/indicator_background.green.gif);
	height: 22px; margin-top: -22px;
}
.espera img {
	vertical-align:bottom; margin-right:15px;
}

Link: http://www.dezinerfolio.com/2007…

Google Gears

Google Gears Logo

Google Gears es una herramienta para los navegadores que permite seguir ejecutando aplicaciones webs en modo off-line.
Hay una technología que se va a beneficiar de esta herramienta es Adobe Apollo dado que se ejecuta unicamente en el cliente va a poder manejar una base de datos interna.
En mi caso existe un panorama que me podria ser sumamente util: los reportes OLAP. Se podria cargar todos los datos necesario en la base de datos local e ir navegandola con las dimensiones, periodo, filtro, etc. a petición del cliente.
En una Intranet esto podria ahorrar recurso de servidor de base de datos y de servidor de aplicación.

Link: http://gears.google.com/

El código en javascript me parecio muy sencillo:

var db = google.gears.factory.create('beta.database', '1.0');db.open('database-demo');
db.execute('create table if not exists Demo (Phrase varchar(255), Timestamp int)');
db.execute('insert into Demo values (?, ?)', [phrase, currTime]);
var rs = db.execute('select * from Demo order by Timestamp desc');
db.execute('delete from Demo where Timestamp=?', [rs.field(1)]);


	

Microsoft Surface

Microsoft Surface

Microsoft “Surface” es un nuevo tipo de computadora denominado “surface computers”.
Se trata de una mesa con una pantalla táctil que puede interactuar con distintos tipos de objetos (dedo, celulares, vasos, etc.).
Salio con un precio de U$S 10.000.-

Este concepto ya sabemos que no es nuevo pero si Microsoft lo lanza como producto, quiere decir que ya podremos próximamente tocar uno de verdad.

PD: Microsoft optó usar Flash para la presentación de su producto y no Silverlight, hubiera estado buena esta opción para alentarnos.

Links:
http://www.microsoft.com/surface/
http://www.popularmechanics.com/technology/…
http://gizmodo.com/gadgets/touch-me/microso…
http://es.theinquirer.net/2007/05/30/…

Tecnología de seguimiento

Hipoqih es un servicio experimental que nos permite hacer un seguimiento de una persona en un mapa.
Tal persona tiene que poseer un dispositivos móviles con el plugin de Hipoqih activado.

Link: http://www.hipoqih.com/home_pc_es.htm

The Power of Flex

http://webmessenger.yahoo.com/
> Se puede mandar mensaje a usuario de la red de Microsoft Live!.
http://freeearth.poly9.com/

> Una API gratuita para poder hacer de la tierra lo que queramos.
– Punto positivo: extramademente facil de implementar dado que las librerias quedan en el servidor del autor.
– Punto negativo: el zoom (no llega a la ciudad).
> http://twittervision.com/maps/show_3d
– Acoplandolo con el servicio Twitter.