I would like to create a javascript-based margin calculator to ease the pain of figuring out how to modify the layout-fixed.css or layout-liquid.css. The negative margin calculations are non-intuitive for many CSS designers.

But I'm not sure if I should hold up the release of 5.x-1.0 to get this feature in. Anyone have an opinion?

Comments

Steven_NC’s picture

Steven_NC commented

It would be great to have a calculator for this, but I would be happy with a how-to that was simple and direct. I also want to see 1.0 as quick as possible.

niklp’s picture

niklp commented

Might I suggest that this could help somewhat?

http://sprymedia.co.uk/article/Design

djorn’s picture

djorn commented

@NikLP: The design overlay is pretty cool.
@JohnAlbin: I found the comments in the code to be very clear and easy to understand, so had no trouble adjusting the margins. Perhaps another nice feature to consider adding would be px to em conversion where we can specify the base font size and then enter the default margins in px which are then converted to em in the css file.

johnalbin’s picture

johnalbin
they/他
Primary language English
Location Taipei, Taiwan
commented
Version: 5.x-1.x-dev » 6.x-1.x-dev
Status: Active » Postponed

I talked to JJeff and he is working on a javascript that does draggable region resizing. Which would be super sweet. And make this feature request obsolete.

Marking this "postponed" until we see what Jeff has got up his sleeve. FYI, #253609: Add 'region' class to regions was added to Zen to help with his js coding. So, unlike this issue, his idea isn't theoretical; he has actual code. :-)

SeanBannister’s picture

SeanBannister commented

Just wondering if Jeff had released any code yet, it's been a while.
Does his code resize the page on the fly with Javascript? I'm just trying to minimize my dependency on Javascript and was hoping it talked to the backend to make the changes.

akahn’s picture

akahn commented

Also curious if jjeff's code ever saw the light of day. ;) Will this be implemented any time soon, JohnAlbin?

yoroy’s picture

yoroy commented

If this at all relates to Documentation for the Border Politics layout method I'd be curious to hear about *Why* it works like this before adding fancy widgets for it.

johnalbin’s picture

johnalbin
they/他
Primary language English
Location Taipei, Taiwan
commented
Component: Code » layout.css
Status: Postponed » Closed (won't fix)

I'm hoping the Spark project will finally have a beautiful, well-designed layout builder. I've seen the prototype and I'm very hopeful.