[Pro] Decent Color editor app

Hi,

What color app are you (the experts and professionals?!) using?

When editing and choosing a certain color, I use the Text Edit Color editor, which is kind of cumbersome.

That’s why I’m looking for something similar but simpler to use. Any suggestions?

bw, Omar K N


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

http://old-jewel.com/ppicker/index.html


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

Well thank you,

but maybe there are others,

the first is expensive, and the second not for Lion.

/bw, Omar KN


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

Spectrum is nice, and a pretty nice price. Look in the MAS.

Walter

On Oct 4, 2012, at 4:37 PM, OmarKN wrote:

Well thank you,

but maybe there are others,

the first is expensive, and the second not for Lion.

/bw, Omar KN


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


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

… in the meantime I found:

http://www.gradientapp.com/

almost what I needed, maybe all of it?!

/bw, okn


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

Gradient is for making CSS3 gradient backgrounds, I’m not sure it’s a color picker like Spectrum. I have them both…

Walter

On Oct 4, 2012, at 4:41 PM, OmarKN wrote:

… in the meantime I found:

http://www.gradientapp.com/

almost what I needed, maybe all of it?!

/bw, okn


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


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

Hi

This is a simple question. After making the background in ‘gradient’ how does one insert that to a FW page?

Regards

Lee


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

Hi Lee,

This is possible with FRW, I’m not on my desktop right now,

if you click outside the page, to get to the main layer, then choose background …

Otherwise better you start a new thread.

/ Omar


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

The code that it writes needs to be added to your CSS styles for the page. It’s fundamentally impossible to put that many style rules (in order-sensitive order) in Freeway’s normal Edit Style dialog (using the Extended attributes editor) so I would recommend just copying and pasting the Gradient-generated CSS into a plain text file and saving it as a new stylesheet. Then use the External CSS Action to add it to your page.

This Gist shows the output of Gradient followed by a simple change that turns that output into a valid style rule:

Note how I wrote .myGradientStyle outside of curly-brackets around the raw output of Gradient. That makes this into a classname-based style rule. Any element to which you apply that classname will take on the lovely gradient, in any browser. To apply a classname to an element in Freeway, you have two options. First, you could use my AddSelector Action, which gives you a ton of flexibility in terms of where that class (or ID) will be added. Second is Freeway’s built in Item / Extended dialog, which is less flexible, but more direct in some ways.

Walk through these steps on a plain blank page in a new site. See how it works there before you move on to styling up your existing pages.

  1. Copy the second block of text from the above-linked Gist. Get everything from .MyGradientStyle to the closing }.
  2. In a plain-text editor like TextWrangler or BBEdit or TextMate, paste the CSS code into a new document, and save it as my_style.css. Save this file somewhere you can find it again later.
  3. In Freeway, make sure that the CSS Layout button is on. Draw an HTML box on the page. While it is selected (handles showing)…
  4. Choose Item / Extended from the main menu. Make sure the
    segment is selected (not the
    segment) and press New.
  5. In the Name field, enter class
  6. In the Value field, enter myGradientStyle
  7. Okay out of the tower of dialogs.
  8. Click on the pasteboard, and apply the ESS-Use External Stylesheet Action to the page (download from ActionsForge ESS-Use External Style Sheet - ActionsForge).
  9. In the Actions palette, make the following settings: Activate: , Use Reset CSS: None, Delete Embedded Styles , Use Site Pages as Stylesheets . Pull down the first CSS picker to Select… and navigate to your stylesheet.
  10. Preview in a browser to see your box filled with a tasteful fade from dark blue to light gray.

Arguably, this took longer to write out (possibly to read) than it will take you to do the second or third time you do it. Follow the steps exactly, and you should get a result.

Once you do, you can start modifying this to suit your actual needs. For example, you can have as many different gradient definitions in one external stylesheet as you like. Each one needs a specific “selector” (the part of the rule outside of the curly braces) and you should read some basic intro to CSS for a deeper explanation of how those work.

If you want to apply a rule to just one element on the page, you can shortcut steps 4, 5, 6, and 7 out of the above, just by changing the selector to an ID-based rule like #item42 (where item42 is what you see in the Title field in Freeway’s Inspector when you have clicked once on your HTML box.

These types of rules are limited to one element per page, though, which is why class-based rules are more flexible. You can make up one hefty rule like the above and apply it to multiple elements on the page just by adding the classname to those elements.

Walter

On Dec 21, 2012, at 7:19 AM, Gray Owl wrote:

Hi

This is a simple question. After making the background in ‘gradient’ how does one insert that to a FW page?

Regards

Lee


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


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

Thanks for your quick reply Walter. I’ll give it a go.

Regards

Lee


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

I’d revise that down from “fundamentally impossible” to “annoyingly
complicated” :slight_smile:

I’ve long since conquered that problem with a simple “trick” in Freeway Pro
– today is such a busy day, else I would prepare an adequate example. Try
this:

Copy all the gradient attributes, then open Freeway Pro’s Style Editor and
create a new class style. Open the extended option, create a new attribute
and put your cursor into the Value field (NOT the Name field). Paste.

Now put your cursor at the end of all that and delete any End Brackets or
semi-colons at the end. Then, go to the front of all that and look for the
first attribute name followed by a colon and usually a space before that
attribute’s value. Select that first attribute name AND colon AND space (if
exists) and CUT it. Put your cursor into the Name field and paste what you
just cut. Put your cursor at the end of it and backspace over the trailing
space and colon.

Then you are good to go, Freeway Pro will write your vender code in the
exact order you have specified. Although under normal conditions, I would
make those edits ahead of time in a text editor and remove the linefeeds as
well. When FWP writes the style, you won’t be able to tell how it was done.

This is not a normal Freeway approach, by any stretch of imagination. It’s
a rough and dangerous path – worthwhile only to desperately creative coders
and thrill-seekers alike.


Ernie Simpson

On Fri, Dec 21, 2012 at 9:57 AM, Walter Lee Davis email@hiddenwrote:

The code that it writes needs to be added to your CSS styles for the page.
It’s fundamentally impossible to put that many style rules (in
order-sensitive order) in Freeway’s normal Edit Style dialog (using the
Extended attributes editor) so I would recommend just copying and pasting
the Gradient-generated CSS into a plain text file and saving it as a new
stylesheet. Then use the External CSS Action to add it to your page.


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

Hi Walter

Have followed your instructions but I can’t get it to work. Have a look at http://www.cherokeedesigns.co.uk/test/index.html and you’ll see what I mean.

Can you tell me what I have done wrong, please

Regards

Lee


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

Simple fix - delete the top portion from your external css code, everything
before the line

  /* Converted to a CSS style rule */


Ernie Simpson

On Fri, Dec 21, 2012 at 3:42 PM, Gray Owl email@hidden wrote:

Hi Walter

Have followed your instructions but I can’t get it to work. Have a look at
http://www.cherokeedesigns.co.uk/test/index.html and you’ll see what I
mean.

Can you tell me what I have done wrong, please

Regards

Lee


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


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

Walter: Sorry it was me. I was not reading the instructions correctly.

Ernie: As you can see, it was me.

What I want it to do is put the Gradient on to the ‘Master Page’ and not an HTML box on a page. Is that possible.

Lee


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

Do you want the gradient on the page background? If so, change the name of
the style in your stylesheet from “.myGradientStyle” to “body” (no quotes,
no leading period). Make sure your Master page has the code pointing to
your external sheet, and that you reapply the Master to existing pages. (be
careful though, as Master pages are something I know very little about.)


Ernie Simpson

On Fri, Dec 21, 2012 at 4:55 PM, Gray Owl email@hidden wrote:

Walter: Sorry it was me. I was not reading the instructions correctly.

Ernie: As you can see, it was me.

What I want it to do is put the Gradient on to the ‘Master Page’ and not
an HTML box on a page. Is that possible.

Lee


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


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

Ernie

Thanks for that, it works a treat.

Happy Christmas

Regards

Lee


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

Yes, only put the second part of the stylesheet in there. You have put both the part where I showed the example of how Gradient publishes it along with the part where I changed it into a proper CSS rule. That’s probably throwing everything off. My instruction was “1. Copy the second block of text from the above-linked Gist. Get everything from .MyGradientStyle to the closing }.”

Walter

On Dec 21, 2012, at 3:42 PM, Gray Owl wrote:

Hi Walter

Have followed your instructions but I can’t get it to work. Have a look at http://www.cherokeedesigns.co.uk/test/index.html and you’ll see what I mean.

Can you tell me what I have done wrong, please

Regards

Lee


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


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