[xwiki-devs] [UX][Proposal] Grid based colibri skin

Hello, While building custom website layouts on top of colibri skin I realized that is very difficult to achieve some results without having a hard time doing it. Colibri is not very flexible, being a bit difficult to change its structure by overwriting vm`s. So you will always end up with a skin that looks almost the same as colibri`s default one. I`ve been working last days on integrating a *fluid* grid system on colibri skin using 960.gs. And I`m a bit surprised about the visual order that I have achieved. In addition, I removed some containers from the current markup, like: #xwikimaincontainerinner,#contentcontainer,#contentcontainerinner,#leftsidecolumns without adding new ones. All I`ve done was just to add some classes to couple of existing containers in order to arrange them smoothly in page. Furthermore I managed to have a perfectly 960px (fixed) colibri skin by commuting between css files (fluid and fixed). Of course everything is scalable and fits nicely. It even works perfectly on IE6,7. Therefore I only see a lot of advantages in using a grid system. The only con could be the adding of a new css file to the skin having a set of predefined dimensions. But in my opinion it worth. Further development of components will be easier. We can use predefined css classes, in this way we will speed up the work and keep a visual order of things on the page. I would like to know wdyt about it and if you have knowledge about possible issues that may occur and I missed them. There are lot of resources about grid based design for those who are not familiar with the concept and benefits. I could recommend this one<http://www.smashingmagazine.com/2007/04/14/designing-with-grid-based… . Thanks, Ciprian, Designer at XWiki