I just finished my CSS3 triumvirate with CSS3 Columns. This Action
lets you create multi-column text boxes using CSS3, and the columns
may have a defined gutter and vertical divider lines between them. As
with the other Actions in this set, only Safari and Firefox can see
the result as it is intended, but if that situation changes any time
soon, I will update the Action to apply the generic form of these tags.
The great unwashed browsers (Firefox < 3, IE < 10, Safari < 2, Opera <
10) will simply see a single column of text.
on 26/03/2009 15:51, Walter Lee Davis at email@hidden wrote:
I just finished my CSS3 triumvirate with CSS3 Columns. This Action
lets you create multi-column text boxes using CSS3, and the columns
may have a defined gutter and vertical divider lines between them. As
with the other Actions in this set, only Safari and Firefox can see
the result as it is intended, but if that situation changes any time
soon, I will update the Action to apply the generic form of these tags.
The great unwashed browsers (Firefox < 3, IE < 10, Safari < 2, Opera <
10) will simply see a single column of text.
Walter
Hi W,
Just had a quick look, works a treat.
Now, how can we get all the old browsers banned?
Just a thought, it might be useful to be able to optionally set left and
right column rules too.
That’s not part of the spec, so it’s not possible to add them as part
of the column properties. But you could easily add a border to just
the left and right side of your container box if you wanted to.
Walter
On Mar 26, 2009, at 1:18 PM, Peter Tucker wrote:
Just a thought, it might be useful to be able to optionally set left
and
right column rules too.
on 26/03/2009 17:25, Walter Lee Davis at email@hidden wrote:
That’s not part of the spec, so it’s not possible to add them as part
of the column properties. But you could easily add a border to just
the left and right side of your container box if you wanted to.
Yup been playing since my last post done it easily, thanks.
on 26/03/2009 15:51, Walter Lee Davis at email@hidden wrote:
I just finished my CSS3 triumvirate with CSS3 Columns. This Action
lets you create multi-column text boxes using CSS3, and the columns
may have a defined gutter and vertical divider lines between them. As
with the other Actions in this set, only Safari and Firefox can see
the result as it is intended, but if that situation changes any time
soon, I will update the Action to apply the generic form of these tags.
The great unwashed browsers (Firefox < 3, IE < 10, Safari < 2, Opera <
10) will simply see a single column of text.
Just tried Shadow CCS3 works Safari 3 Mac and 4 PC, but not Firefox Mac or
PC: v3.0.7?
Firefox is going to add this in 3.1, I’m sorry, I thought it was there
in 3.0, which I don’t have installed here since I really need Firebug
to work perfectly. (I was just following the Mozilla developer blog
with their recipe, and it listed the Gecko version but not the Firefox
version.)
Walter’
On Mar 26, 2009, at 2:00 PM, Peter Tucker wrote:
on 26/03/2009 15:51, Walter Lee Davis at email@hidden wrote:
I just finished my CSS3 triumvirate with CSS3 Columns. This Action
lets you create multi-column text boxes using CSS3, and the columns
may have a defined gutter and vertical divider lines between them. As
with the other Actions in this set, only Safari and Firefox can see
the result as it is intended, but if that situation changes any time
soon, I will update the Action to apply the generic form of these
tags.
The great unwashed browsers (Firefox < 3, IE < 10, Safari < 2,
Opera <
10) will simply see a single column of text.
Just tried Shadow CCS3 works Safari 3 Mac and 4 PC, but not Firefox
Mac or
PC: v3.0.7?
on 26/03/2009 18:07, Walter Lee Davis at email@hidden wrote:
Firefox is going to add this in 3.1, I’m sorry,
No prob, I was not complaining, I just thought you’d like to know. It’s
really good looking on Safari ;~}}
I thought it was there
in 3.0, which I don’t have installed here since I really need Firebug
to work perfectly. (I was just following the Mozilla developer blog
with their recipe, and it listed the Gecko version but not the Firefox
version.)
It’s funny you should be looking at CSS3 features as I’ve also been playing with
some of these and specifically transforms and transitions.
I put together a simple action called CSS3 Rollovers that allows you to create
quite powerful animated rollovers for any image just using CSS.
Here’s an example page; http://www.freewayactions.com/test/css3-rollovers/
The great thing is that the page degrades quite nicely. In Safari you get the
transition effects (fading, easing in and out etc.) but in less capable
browsers (did anyone say IE?) you still get the image resizing. Cool and super
lightweight.
Are you forming a CSS3 supergroup of actions? Can CSS3 Rollovers join?
Regards,
Tim.
I just finished my CSS3 triumvirate with CSS3 Columns. This Action
lets you create multi-column text boxes using CSS3, and the columns
may have a defined gutter and vertical divider lines between them. As
with the other Actions in this set, only Safari and Firefox can see
the result as it is intended, but if that situation changes any time
soon, I will update the Action to apply the generic form of these tags.
The great unwashed browsers (Firefox < 3, IE < 10, Safari < 2, Opera <
10) will simply see a single column of text.
Keep 'em coming you guys, this stuff is just terrific - both Walt and Tim have excelled themselves.
This all provides grist to the mill of client education - “What do you mean it doesn’t show on your… ah, you’re running IE. Well IE’s rather old-fashioned and behind the times really. Try one of these browsers instead…”
I put together a simple action called CSS3 Rollovers that allows you
to create
quite powerful animated rollovers for any image just using CSS.
Here’s an example page; CSS3 rollovers
This looks very good and definitely the way forward for a limited
coder like me. Will the Action be 'Forged any time soon, for download?
If I figure out how to make the uploaded example Freeway file I’ve uploaded show
up I’ll let you all know. In the meantime I may have to ask Walter what I’m
missing.
Walter?
Thanks,
Tim.
I put together a simple action called CSS3 Rollovers that allows you
to create
quite powerful animated rollovers for any image just using CSS.
Here’s an example page; CSS3 rollovers
This looks very good and definitely the way forward for a limited
coder like me. Will the Action be 'Forged any time soon, for download?
Looks great. If you add a link to download the sample file within your
demo page, that’s how I usually handle that sort of thing. You could
also try uploading the demo file as a Zip, you should be able to link
that to the page just by giving it a version.
Walter
On Mar 26, 2009, at 5:12 PM, email@hidden wrote:
If I figure out how to make the uploaded example Freeway file I’ve
uploaded show
up I’ll let you all know. In the meantime I may have to ask Walter
what I’m
missing.
Walter?
Thanks Walter. I was obviously doing something wrong as I uploaded the zip
(twice) and tried associating it with the action but each time managed to get
the sample file show up as the action itself!
I’ll upload the sample file to FreewayActions.com later today. In the meantime
if you can figure out how to remove the sample file zip archives from
ActionsForge I’d be grateful.
Regards,
Tim.
Looks great. If you add a link to download the sample file within your
demo page, that’s how I usually handle that sort of thing. You could
also try uploading the demo file as a Zip, you should be able to link
that to the page just by giving it a version.
Walter
On Mar 26, 2009, at 5:12 PM, email@hidden wrote:
If I figure out how to make the uploaded example Freeway file I’ve
uploaded show
up I’ll let you all know. In the meantime I may have to ask Walter
what I’m
missing.
Walter?
It’s always very nice to play a little with the work someone else does… You guys make the FW world a better place! Thank you so very much. The action shows up great in my Safari 3.2.1 (4525,27,1) but fails in Firefox Opera and Omniweb. And I noticed that it does not validate CSS. The CSS3 code obviously not yet, but ‘property webkit etc’ is unknown. Do you think that changes in the future? From validator side I mean?
The vendor-specific selectors (-moz-whatever and -webkit-whatever) are supposed to be ignored by the validator. They mean specifically “this isn’t ready for the world yet”. CSS3 does define all of these properties, but it hasn’t been built into any browsers yet. When that day comes, you will see the same set of selectors (without the -moz- -webkit- prefixes) Just Work™.