¿Cómo se gestiona el diseño de la interfaz de usuario de una aplicación Ember.js?

Question

Estoy buscando opciones para administrar el diseño de la interfaz de usuario de una aplicación de brasas en la que estoy trabajando actualmente.

La aplicación tiene que ser muy flexible (configurable) cuando se trata del diseño de la interfaz de usuario, por lo que tiene contenedores de diseño con regiones como "arriba", "izquierda", "centro", "derecha" e "inferior" que se puede anidar sería una buena opción (así es como la mayoría de los administradores de diseño administran el diseño).

He encontrado algunas soluciones, pero estoy de alguna manera indecisa:

1. yui2-layout-manager (Demo) parece un poco viejo/anticuado, sucesor, YUI3-LayoutManager, se encuentra en "la planificación" escenario desde meses (años ?)

2. jquery-ui-layout (Demo) Parece un poco hinchado. Codebase no es público: como parece, el propietario del proyecto no quiere que sea demasiado público (?) (Por lo que leí en el grupo google, alguien preguntó por qué no está en github ...)

3. dojotoolkit (Demo) parece dejar de fumar un poco "molesto"

con todo hay solución siente "buena" para mí y me pregunto si debería escribir mejor que el esquema de gestión de la lógica misma. ¿Qué piensas?

Answer 1

Finalmente lo encontré: http://www.bramstein.com/projects/jlayout

"[..] La biblioteca JavaScript jLayout proporciona algoritmos de diseño para la colocación de componentes Un componente es una abstracción, sino que puede implementarse de muchas maneras, por ejemplo como artículos en. un lienzo HTML5 o elementos HTML. La biblioteca jLayout le permite enfocarse en dibujar los componentes individuales en lugar de cómo organizarlos en su pantalla. [..] "

Answer 2

Comprobar los dos complementos:

https://github.com/ghempton/ember-layout

https://github.com/ghempton/ember-routemanager

También puedes ver la demo http://ghempton.github.com/ember-layout-example/

EDIT: Creo que este proyecto: https://github.com/flamejs/flame.js está muy cerca de lo que desea.

Answer 3

Puede echar un vistazo a Bootstrap en Twitter. Tiene un conjunto de clases de diseño.

http://twitter.github.com/bootstrap/scaffolding.html

Answer 4

JQuery UI-diseño es un problema con Ember, porque ui-disposición requiere un elemento ui-disposición-centro en el tiempo de diseño, pero Ember {{salida}} 's típicamente diferir la presencia de estos .