Forums

I have been enjoying using YUI3 Grids for fine tuning the layout of web applications. It has proven itself useful to me for both mobile web applications and full desktop applications, but I'm starting to see other sites out there making use of css media queries. These sites gracefully reflow their layout as the browser's dimensions change. I like the idea of having one web application work everywhere and not having to maintain desktop and mobile forks. Here is a page of examples: http://mediaqueri.es/ These sites have a nice looking layout that adjusts when the browser window is resized or the phone's orientation changes. I haven't much researched media queries or dug into the css of these sites so I have a lot to learn about the subject, but at the moment, I don't see any good way to combine this functionality with grids. Grids is kind of the opposite; columns get resized with their container, and the stuff inside the columns reflows. Does a responsive layout completely go against everything that grids is made for or is this something that grids could support somehow? If this is not something that grids can do, could and should there be a YUI css module to help construct this style of markup?

This is very interesting thank you. The idea of responsive layouts is still new to me so I will spend some time figuring this out.

its really interesting to use YUI i will use again in my near future.

I have found this responsive grid builder https://github.com/yui/gridbuilder Is it already a part of YUI 3?
How should it be used? Will there be a cssgrids-responsive.css or something similar, etc. A lots of questions...

Thanks. I saw it. But I can't figure out using y-u- instead of yui-u- and should I cut and paste the resulting css? Is it in any way dependant on yui3 cssgrids.css.