aulambra.com

Maqetta es la apuesta de IBM, vía su apoyo a la Fundación DOJO, como editor visual para la construcción de aplicaciones HTML5.

Maqetta es resultado de todo el trabajo que la gente de IBM está realizando alrededor del framework javascript DOJO. Si bien, Maqetta, realiza algún pequeño uso de componentes jQuery y YUI.

Dentro de las características de Maqetta encontramos:

• Editor WYSIWYG
• Trabajo del editor mediante drag&drop de componentes
• Posibilidad de crear temas para aplicarlos a diferentes páginas
• Se puede modificar la CSS de cada componente de forma sencilla. Y es que cada componente tiene su propia CSS.
• Permite definir estados. Estos estados nos permitirán diagramar transiciones entre estados de las páginas dotándole de dinamismo a las mismas.
• Posibilidad de añadir notas por diferentes diseñadores del proyecto.
• …

Maqetta puede ser utilizado de forma online o mediante descarga e instalación en local.

Puedes trabajar directamente o descargarte Maqetta desde http://maqetta.org/

XForms tenía muy buena pinta cuando se veía la luz en el 2003. La W3C había conseguido un estándar dónde separaba de una forma clara los formularios, el modelo de datos y la propia estructura de la página.

Durante este tiempo no han sido muchas las herramientas que lo hayan implementado. O, por lo menos, no con una amplia adopción.

Si bien, la W3C sigue apostando por este estándar y acaban de publicar la recomendación XForms 1.1.

Entre las novedades que tenemos en XForms 1.1:

• Incluido un parámetro version en el modelo para controlar la transición entre versiones.
• Atributo resource para recuperar datos de una URI.
• Mejoras en el elemento submission para acceso a servicios SOAP, RESTful, ATOM y no XML, control del envío,…
• Validaciones de email y números de tarjeta.
• Nuevas expresiones XPath: local-date(), local-dateTime(), days-to-date(), current(), choose(), power(), is-card-number(),…
• …

Si siguen con su línea de trabajo XForms 1.2 verá la luz en  junio 2011 y XForms 2.0 en noviembre 2012.

Si te apetece tener un primer contacto con XForms, no dejes de echarle un ojo a los ejemplos de XForms de Línea de Código.

Hace tiempo hablábamos que se estaba trabajado en una Nueva imagen de la W3C. La W3C ya ha dejado de tenerlo en un estado beta y la ha pasado a su home.

Este cambio no solo aplica a un cambio de diseño, si no que reestructura la información dentro de las home y permite un acceso más sencillo a toda su información: documentos de referencia, eventos, blogs,… Y lo más interesante un lugar destacado para el twitter e identi.ca de W3C.

Así que ya podemos disfrutar de la nueva home de la W3C.

Parece ser que la W3C se ha dado cuenta que son muchos años sin actualizar el HTML, su lenguaje estrella. Es por ello que han comunicado que a final de año el grupo de trabajo de XHTML 2 se focalizará en el desarrollo del lenguaje HTML 5.

De esta manera quieren acelerar el desarrollo de HTML 5 y aclarar una postura unficada para el desarrollo de páginas web en Internet.

¿Qué futuro le ves al HTML 5?

En Chrome Experiments nos demuestran que JavaScript no es un juego para niños. Y mediante un conjunto de experimientos nos demuestran las cantidad de cosas que se pueden hacer mediante JavaScript, HTML5, SVG,..

Entre los experimentos encontramos puzles, demostraciones físicas, paso de información entre ventanas de navegadores, emuladores amiga,…

No dejes de probar Chrome Experiments.

La gente de la W3C, después de muchos años, se ha puesto a trabajar en un nuevo diseño de la web de W3C.

Podéis ver sus progresos en http://beta.w3.org/

Styleneat es una web que nos ayuda a formatear nuestras CSS de una forma sencilla. Para ello podemos codificar directamente la hoja CSS, subir el archivo o indicar la URL dónde se encuentra la CSS.

Styleneat dejaría la siguiente CSS:

#id1 { property: value; }
#id1 .class1 { property: value; }
#id1 .class1 a { property: value; property2: value2; property3: value3; }
#id1 .class1 a span { property: value; property2: value2; }
#id2 { property: value; }
#id2 .class { property: value; }

en esta forma:

#id1 { property: value; }

	#id1 .class1 { property: value; }

		#id1 .class1 a {
			property: value;
			property2: value2;
			property3: value3; }

			#id1 .class1 a span {
				property: value;
				property2: value2; }

#id2 { property: value; }

	#id2 .class { property: value; }

Mucho más legible.

Web: Styleneat

Una de las mayores preocupaciones de los desarrolladores web es saber como se visualizará su página en los diferentes navegadores y plataformas.

Es por ello que los chicos de Microsoft Expression han publicado Expression Web SuperPreview. Mediante Expression Web SuperPreview podremos comparar cómo quedan la página para diferentes navegadores, así como realizarar comparativas entre ambos. Todo ello directamente sobre una maqueta.

Expression Web SuperPreview realiza el rendering con los navegadores que tengas instalados en local (el IE6 viene por defecto), aunque están pensando exponer el render como servicio web para poder renderizar en otras plataformas, véase Safari sobre Mac.

Expression Web SuperPreview estará incluido en futuras versiones de Expression Web. De momento queda como un producto externo.

Dos enlaces a seguir:

• Página de Expression Web SuperPreview
• Descargarse el Trial de Expression Web SuperPreview

Échale un ojo a la entrevista a Erik Saltwell (Program Manager de  Expression Web) en MIX09. En la que presenta la nueva funcionalidad: