There’s JS Bin, which is completely framework-neutral. You can set up
and demo scripts for people, and do side-by-side editing of script and
HTML. I just used it yesterday to show how simple an accordion effect
can be:
When you get there, click on the Edit in JS Bin button in the top-
right of the screen. It’s quite impressive – code highlighting, auto-
indenting, etc.
On Mar 30, 2010, at 8:55 AM, Walter Lee Davis wrote:
There’s JS Bin, which is completely framework-neutral.
Nice. OK, let’s try this with scripty. Here’s the basic html/css
structure http://jsbin.com/ikumi/edit. What needs to happen is the
dk. gray box (on the right) needs to slide in first on page load then
the olive box should follow 300ms after and end up in the current
position. I’ve tried this with Moo with some success (the effect works
but the layout is trashed). The problem has to do with assigning
position:absolute to those 2 divs and I can’t quite put it all right
again.
Note that there needed to be a lot of messing around with turning
things absolute and removing margins. You might want to simplify the
animation by making an absolute layout to begin with.
Walter
On Mar 30, 2010, at 10:35 AM, Todd wrote:
On Mar 30, 2010, at 8:55 AM, Walter Lee Davis wrote:
There’s JS Bin, which is completely framework-neutral.
Nice. OK, let’s try this with scripty. Here’s the basic html/css
structure http://jsbin.com/ikumi/edit. What needs to happen is the
dk. gray box (on the right) needs to slide in first on page load
then the olive box should follow 300ms after and end up in the
current position. I’ve tried this with Moo with some success (the
effect works but the layout is trashed). The problem has to do with
assigning position:absolute to those 2 divs and I can’t quite put it
all right again.
On Mar 30, 2010, at 10:47 AM, Walter Lee Davis wrote:
Note that there needed to be a lot of messing around with turning
things absolute and removing margins. You might want to simplify the
animation by making an absolute layout to begin with.
I’ll take a look, thank you.
Interestingly, I’ve managed the position:absolute issue quite nicely
with an inline layout when fading multiple divs but perhaps the
sliding effect (“Tween” in Moo) presents a whole new set of problems
with an inline layout that fade does not. Just speculating at this
point.