What's your favorite Safari Web Inspector trick?

Here’s one I just discovered by accident (wayward click). Control-click on an element and choose Inspect Element to get the inspector open. If that item has a color (background or text), click on the little square swatch left of the color definition (rgb or rgba by default). See how it changes to the different color models each time you click? This is incredibly handy if you are trying to match a color from an existing site exactly in your layout. You don’t have to do any translation from one color model to another if your styles are defined in something other than the default.

Walter


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

Cool! The Inspect Element feature is one of my favorite tools - that it is
more or less free is the best!


Ernie Simpson

On Mon, Apr 15, 2013 at 11:56 AM, Walter Lee Davis email@hiddenwrote:

Here’s one I just discovered by accident (wayward click). Control-click on
an element and choose Inspect Element to get the inspector open. If that
item has a color (background or text), click on the little square swatch
left of the color definition (rgb or rgba by default). See how it changes
to the different color models each time you click? This is incredibly handy
if you are trying to match a color from an existing site exactly in your
layout. You don’t have to do any translation from one color model to
another if your styles are defined in something other than the default.

Walter


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

I use Safari as a quick way to look at pictures on my hard drive. Just drag a picture into Safari for an instant preview without having to open any other programme


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

Neat trick. Well spotted.

David Owen { Freeway Friendly Web Hosting, Servers and Domains }

http://www.ineedwebhosting.co.uk | http://www.PrintlineAdvertising.co.uk

On 15 Apr 2013, at 16:56, Walter Lee Davis email@hidden wrote:

You don’t have to do any translation from one color model to another if your styles are defined in something other than the default.


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

Don’t you just single click the file icon and hit the spacebar?

David Owen { Freeway Friendly Web hosting, Servers and Domains }

http://www.ineedwebhosting.co.uk | http://www.PrintlineAdvertising.co.uk

On 16 Apr 2013, at 10:17, Kevin McElligott email@hidden wrote:

I use Safari as a quick way to look at pictures on my hard drive. Just drag a picture into Safari for an instant preview without having to open any other programme


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

One of my favorite tricks is to select a style value in the definition pane
at right and use the up or down arrow key to increase or decrease that
value. Dynamic!


Ernie Simpson, aka The Big Erns


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

One of my favorite tricks is to select a style value in the definition pane at right and use the up or down arrow key to increase or decrease that value. Dynamic!

Like that one Ernie

D


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

I know it’s not really a trick - it’s just the simple functionality of
it. Apart from people sharing these, how would we ever know?

:slight_smile:


Ernie Simpson, aka The Big Erns

On Tue, Apr 16, 2013 at 9:31 PM, DeltaDave email@hidden wrote:

One of my favorite tricks is to select a style value in the definition
pane at right and use the up or down arrow key to increase or decrease that
value. Dynamic!

Like that one Ernie

D


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