as seen on Ajaxian

Very cool cartoon speech-bubble effect with CSS and no images. I have
a demo here:

http://scripty.walterdavisstudio.com/bubble

Note the variegated background and natural transparency with this trick.

Walter


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

Oh, and just for fun, I made them draggable so you can move them on
screen and see the transparent effect. (This has nothing to do with
the basic CSS speech-bubble trick, it’s just a little extra.)

Walter

On Mar 4, 2009, at 12:40 PM, Walter Lee Davis wrote:

Very cool cartoon speech-bubble effect with CSS and no images. I
have a demo here:

Bubbles

Note the variegated background and natural transparency with this
trick.

Walter


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

Hi Walter!

Would it be possible to have FW sample siles available for download on the ‘sripty’ page?

Paul


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

I’ve made one and linked it at the example page. Note that the
original example was hand-coded, there’s really no way to do this
except by stepping way outside of the box that Freeway gives you.

In order to translate this into Freeway, all that hand-coding has to
be done in the Item / Extended dialog. Which works, but is very non-
WYSIWYG in the design view.

I’ve made two different examples. In the first, the bubble box has the
arrow as an inline element, up in the upper-left corner, and then I
use the Extended dialog to cancel out Freeway’s “inline” positioning
and move the arrow outside its parent.

In the second, I used the Inspector to position a “child” div outside
of its parent (you can’t drag these elements to this position, but you
can move them numerically). This meant fewer layers of code in the
Extended dialog, so note the differences there.

Also, note that Freeway won’t let you make an element 0px square, even
though that’s what the recipe calls for. The effect seems to work okay
when the arrow element is 1px square, but you might notice trouble in
certain browsers from the northwest of the US (haven’t tested, but
they’re an easy target).

Walter

On Mar 20, 2009, at 9:40 PM, paulvw wrote:

Hi Walter!

Would it be possible to have FW sample siles available for download
on the ‘sripty’ page?

Paul


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

Got it! Thanks! What about the Horizontal Slider Demo: on the scripty page? Do you have a FW for that?

Paul


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

I forget. I think I made that in FW, I’ll have a look and get back to
you.

Walter

On Mar 21, 2009, at 10:17 AM, paulvw wrote:

Got it! Thanks! What about the Horizontal Slider Demo: on the
scripty page? Do you have a FW for that?

Paul


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

where can we see all these actions / examples

actionforge.com?

J:)
On Mar 21, 2009, at 10:23 AM, Walter Lee Davis wrote:

I forget. I think I made that in FW, I’ll have a look and get back
to you.

Walter

On Mar 21, 2009, at 10:17 AM, paulvw wrote:

Got it! Thanks! What about the Horizontal Slider Demo: on the
scripty page? Do you have a FW for that?

Paul


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


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

Ah, no, but there’s a thread in Freewaytalk where I give the recipe
quite extensively. Please read all the way to the end.

http://freewaytalk.net/thread/view/27309

Walter

On Mar 21, 2009, at 10:17 AM, paulvw wrote:

Got it! Thanks! What about the Horizontal Slider Demo: on the
scripty page? Do you have a FW for that?

Paul


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

Thanks Walter. I’ll have a look tomorrow. It’s bedtime here :wink:


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

On 21 Mar 2009, 2:25 pm, swimmer35 wrote:

where can we see all these actions / examples

actionforge.com?

Read back to the top of the thread, there’s a link to my Scriptaculous demo page. If you’re looking at this in Mail, and have come late to the party, you can read the entire thing here: http://freewaytalk.net/thread/view/48670

Walter


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

Yes Late as usual and looking at in mail. LOL

thank you for the link!!

On Mar 21, 2009, at 10:30 AM, waltd wrote:

On 21 Mar 2009, 2:25 pm, swimmer35 wrote:

where can we see all these actions / examples

actionforge.com?

Read back to the top of the thread, there’s a link to my
Scriptaculous demo page. If you’re looking at this in Mail, and have
come late to the party, you can read the entire thing here: http://freewaytalk.net/thread/view/48670

Walter


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

Walter, any change that you got the slider somewhere in FW file - the demo you have on your scripty page? Would really appreciate it!

Paul


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

No, I don’t see it here. It probably was one of those things I did and
then closed the file without saving. Just follow the steps, it really
does work pretty much as advertised.

Walter

On Mar 22, 2009, at 9:26 AM, paulvw wrote:

Walter, any change that you got the slider somewhere in FW file -
the demo you have on your scripty page? Would really appreciate it!


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

Which steps Walter…? I only see a demo on your scripty page…

Paul


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

There is a set of steps on FreewayTalk. http://freewaytalk.net/thread/view/27309

Walter

On Mar 22, 2009, at 1:15 PM, paulvw wrote:

Which steps Walter…? I only see a demo on your scripty page…

Paul


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

Thanks!!!


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

Thats brilliant! Make it an action and Ill buy it


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