Is There A Similar Tool?

I mentioned this most excellent MooTools site a while back <http://mootools.net/shell/

and was wondering if anything similar exists for scripty and/or
jQuery.

Todd


dynamo mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

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:

http://jsbin.com/imuma3

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.

Walter

On Mar 30, 2010, at 9:22 AM, Todd wrote:

I mentioned this most excellent MooTools site a while back <http://mootools.net/shell/

and was wondering if anything similar exists for scripty and/or
jQuery.

Todd


dynamo mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options


dynamo mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

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.

How would I do this with scripty?

T.


dynamo mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Should be http://jsbin.com/ikumi/2/edit


dynamo mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Give this a try: http://jsbin.com/ikumi/5

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.

How would I do this with scripty?

T.


dynamo mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options


dynamo mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

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.

Todd


dynamo mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options