Grid Style Sheets for Constraint-based Layouts
1–10 of 19 posts
Re: Grid Style Sheets for Constraint-based Layouts
#2Would love to see the same concept applied via some kind of css preprocessor so you don't need to calculate everything at runtime. One could build the whole layout for a set of static resolutions, like in twitter bootstrap: one default resolution for each kind of device. Then one would deliver the generated css instead of the gss and the runtime.
Re: Grid Style Sheets for Constraint-based Layouts
#3Stuff like this and famous.us is changing the way we develop, for the good. All welcome changes. The question is, what about IE?
Re: Grid Style Sheets for Constraint-based Layouts
#4Would love to see the same concept applied via some kind of css preprocessor so you don't need to calculate everything at runtime. One could build the whole layout for a set of static resolutions, like in twitter bootstrap: one default resolution for each kind of device. Then one would deliver the generated css instead of the gss and the runtime.
Dan Tocchini, a GSS author, said that this was on the roadmap: http://domkm.com/posts/2014-01-08-garden-cssom-ccss/#comment...
Re: Grid Style Sheets for Constraint-based Layouts
#5Would love to see the same concept applied via some kind of css preprocessor so you don't need to calculate everything at runtime. One could build the whole layout for a set of static resolutions, like in twitter bootstrap: one default resolution for each kind of device. Then one would deliver the generated css instead of the gss and the runtime.
Dan Tocchini, a GSS author, said that this was on the roadmap: http://domkm.com/posts/2014-01-08-garden-cssom-ccss/#comment...
Quite a challenge by the sound of it, their solution is to precalculate the resolved constraints for various different screen sizes.
Re: Grid Style Sheets for Constraint-based Layouts
#6Stuff like this and famous.us is changing the way we develop, for the good. All welcome changes. The question is, what about IE?
In this video the author says it works in IE11 and will be working in IE10 "within a couple of weeks" http://vimeo.com/91393694 .. which would mean it's working in 10 now .. also, if they manage to make the preprocessor stuff, then it will work in "all" browsers (that understand the generated css of course..)
Re: Grid Style Sheets for Constraint-based Layouts
#7Earlier quoted context omitted.
Dan Tocchini, a GSS author, said that this was on the roadmap: http://domkm.com/posts/2014-01-08-garden-cssom-ccss/#comment...
Quite a challenge by the sound of it, their solution is to precalculate the resolved constraints for various different screen sizes.
What does that even mean ..? Is that like every pixel width/height combination from 200 to ? .. If so, that's a lot of CSS. If not, you won't get the current responsiveness you see when you resize your browser on a responsive website.
Re: Grid Style Sheets for Constraint-based Layouts
#8Would love to see the same concept applied via some kind of css preprocessor so you don't need to calculate everything at runtime. One could build the whole layout for a set of static resolutions, like in twitter bootstrap: one default resolution for each kind of device. Then one would deliver the generated css instead of the gss and the runtime.
Dan Tocchini, a GSS author, said that this was on the roadmap: http://domkm.com/posts/2014-01-08-garden-cssom-ccss/#comment...
Some early work at https://github.com/the-gss/gss2css
Re: Grid Style Sheets for Constraint-based Layouts
#9Stuff like this and famous.us is changing the way we develop, for the good. All welcome changes. The question is, what about IE?
Did you perhaps mean to reference http://famo.us/?
Re: Grid Style Sheets for Constraint-based Layouts
#10Earlier quoted context omitted.
Quite a challenge by the sound of it, their solution is to precalculate the resolved constraints for various different screen sizes.
What does that even mean ..? Is that like every pixel width/height combination from 200 to ? .. If so, that's a lot of CSS. If not, you won't get the current responsiveness you see when you resize your browser on a responsive website.
It just means precalculate a small number of fixed screen sizes.
So portable devices, and maximized desktop browsers would benefit, as they have regular dimensions.
I imagine they would precalculate the constraint "solutions" in the variables used inside the solver. GSS would still be supplied, and would still need to translate the solver variable values to CSS style values.
This way, if the window resizes, or has an initial size that is not precalculated, it can still be accommodated.