Edit multiple html item graphic effects at one time

Freeway
1

I have quite a few html items to which I have applied graphic effects. When I need to change a particular effect parameter (for example, Outer Glow blur), I must change each html item one at a time. I can not figure out how to apply styles to such effects (I don’t think it’s possible), or an equivalent. I would like to be able to only need to change one “thing” (like a style) and have all my html items update. Any suggestions? Thank you very much!

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

2

That’s an interesting question – does Freeway have definable, applyable
graphic styles?

–
Ernie Simpson

On Mon, May 28, 2012 at 6:08 PM, David Brown email@hidden wrote:

I have quite a few html items to which I have applied graphic effects.
When I need to change a particular effect parameter (for example, Outer
Glow blur), I must change each html item one at a time. I can not figure
out how to apply styles to such effects (I don’t think it’s possible), or
an equivalent. I would like to be able to only need to change one “thing”
(like a style) and have all my html items update. Any suggestions? Thank
you very much!

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

3

No, only for type. What I have done in the past is to work out the styles on a dummy object, then use Item / Duplicate to make more, and update the image in each. All the other styles will of course be duplicated.

Walter

On May 28, 2012, at 8:41 PM, Ernie Simpson wrote:

That’s an interesting question – does Freeway have definable, applyable
graphic styles?

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

4

It looks like those built in html box effects are actually generated as table styling. The outer html box becomes a container for a table then styled within a colgroup. I’m pretty sure you can’t change that with an overriding CSS style. For example, a glow is created by generating a png image to file the size set for opacity, spread and blur which has nothing to do with CSS. You are basically stuck using the inspector pallet controls for that.

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

5

There is always CSS3. With the Action (CSS3 Shadow Extra) or make your style manually and skip all the images.

#shadow {     
-moz-box-shadow:    3px 3px 5px 6px #ccc;     
-webkit-box-shadow: 3px 3px 5px 6px #ccc;     
box-shadow:3px 3px 5px 6px #ccc;     
}

Use it in conjunction with the Add SelectorAction and apply the action to the individual divs. When you need to adjust or make changes you only do it in one place, either in your CSS3 action or in your stylesheet.

According to w3schools.com
The box-shadow property is supported in IE9+, Firefox 4, Chrome, Opera, and Safari 5.1.1.
Safari supports an alternative, the -webkit-box-shadow property.

Marcel

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

6

The CSS3 Shadow Action can create these styles for you, and the latest version now creates class-based styles for far fewer style declarations in the head of your page. (In previous versions, if you applied the Action to multiple elements, you would get a separate ID-based selector for each of those elements in the page head, even if they all had the identical style applied to them.)

http://actionsforge.com/actions/view/150-css3-shadow

This Action, like hundreds of others, is available at ActionsForge. Please pledge to the Kickstarter campaign to build a new version of ActionsForge with new features and better performance for existing features. The campaign ends tomorrow, and we are barely at 50% of the goal. If we don’t meet the goal, then the whole thing has to start over – none of the money pledged will be released.

http://www.kickstarter.com/projects/1513153421/actionsforge-next

Thanks!

Walter

On May 29, 2012, at 12:18 AM, Helveticus wrote:

There is always CSS3. With the Action (CSS3 Shadow Extra) or make your style manually and skip all the images.

#shadow {
-moz-box-shadow: 3px 3px 5px 6px #ccc;
-webkit-box-shadow: 3px 3px 5px 6px #ccc;
box-shadow:3px 3px 5px 6px #ccc;
}

Use it in conjunction with the Add SelectorAction and apply the action to the individual divs. When you need to adjust or make changes you only do it in one place, either in your CSS3 action or in your stylesheet.

According to w3schools.com
The box-shadow property is supported in IE9+, Firefox 4, Chrome, Opera, and Safari 5.1.1.
Safari supports an alternative, the -webkit-box-shadow property.

Marcel

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

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

7

Thanks to everyone for their responses. I looked at the two actions mentioned; I may go that route. However, I’m concerned about the lack of CSS3 support in IE, since so many people use IE. But that’s another issue. Regards.

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

8

People who use IE are used to an entirely less interesting Web than the rest of us. One of the principles of design that I follow is “progressive enhancement”. The idea is that you never remove pure functionality from lesser clients (browser) but you do scale back on the “eye candy” for them. If someone was browsing a Web application with JavaScript disabled, you would provide them with an old-school form-submit-response workflow, while the scripted client would see a fancy Ajax no-refresh workflow (and faster response times). Similarly, if someone was using an older browser, they might not see rounded corners and soft shadows on interface elements, but they would still see all of those elements.

Walter

On May 29, 2012, at 11:13 AM, David Brown wrote:

Thanks to everyone for their responses. I looked at the two actions mentioned; I may go that route. However, I’m concerned about the lack of CSS3 support in IE, since so many people use IE. But that’s another issue. Regards.

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

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