Digital Solutions & Online Creative 

Alex runs a small digital creative business from an office in London. It's called Outside In Media.

About

SOYREX is a web development and design resource intended as a place for me to share tips and tricks relating to html, css, web design, web development and other internet and web topics. If you like what you read, leave a comment, or send an email. Also, check out my portfolio.

This form does not yet contain any fields.
    Search the Archives
    Currently Reading..
    • Blink: The Power of Thinking Without Thinking
      Blink: The Power of Thinking Without Thinking
      by Malcolm Gladwell

      Blink talks about flash cognition and sub-conscious cognitive activity.. awesome read!

    • Confessions of an Economic Hit Man: The Shocking Story of How America Really Took Over the World
      Confessions of an Economic Hit Man: The Shocking Story of How America Really Took Over the World
      by John Perkins

      Confessions of an Economic Hit Man - i knew the world was a big conspiracy.. but this is a gripping insight into how the world really works.

    Recommended Reading
    • Designing with Web Standards (Voices That Matter)
      Designing with Web Standards (Voices That Matter)
      by Jeffrey Zeldman, Ethan Marcotte
    • Web Standards Creativity: Innovations in Web Design with XHTML, CSS, & DOM Scripting: Innovations in Web Design with XHTML, CSS, and DOM Scripting
      Web Standards Creativity: Innovations in Web Design with XHTML, CSS, & DOM Scripting: Innovations in Web Design with XHTML, CSS, and DOM Scripting
      by C et al Adams
    • CSS Mastery: Advanced Web Standards Solutions
      CSS Mastery: Advanced Web Standards Solutions
      by Andy Budd, Cameron Moll, Simon Collison
    Recent Comments
    Saturday
    17Jan2009

    Digital Color Meter

    Design Helper Tools that never make it to design blogs.. In no particular order, these are the few things that I've noticed never get written up in lists of tools that people use every day.

    I think it's safe to say that between TextMate and Coda 90% of the mac web development community is accounted for... but what about all the tools we use every day to help us with our work that never get any recognition?

    Digital Color Meter..

    Digital Color Meter is basically your Photoshop colour picker for your entire mac desktop. Gone are the days where I needed to open a PSD just to work out the hex codes for a colour off a site.

    DCM lives in the Applications/Utilities folder on your mac When you open it you are presented with a small window, the left of which shows a small zoomed image of what's under your mouse and the right allows you to choose the type of colours you are interested in. For our purposes as a web developer we want hex codes, so we choose RGB in Hexadecimal (8bit).

    The true secret to working this tool into your workflow is the keyboard shortcut to copy the colour as text. To do this, you just hit Apple-Shift-C while the correct colour is shown, this will copy the text of the hexadecimal colour into your clipboard.. something like: "#186231". This can be pasted directly into your CSS or HTML. It's somewhat annoying that it copies with quote marks... but still a real time saver.

    PrintView Printer Friendly Version

    EmailEmail Article to Friend

    Reader Comments (5)

    Hi there Alex,

    I really love your site, it has a lot of helpful information for beginners like me.

    Thank you very much!

    August 27, 2009 | Unregistered CommenterInternet Solutions

    Hi Alex,

    When I create a new document in Photoshop it offers me to choose between 8bit, 16bit, 32bit.

    I choose 32bit generally. But I'm wondering if I have to choose 8bit for web design as you stated above.

    Thank you.

    August 27, 2009 | Unregistered CommenterEfes

    Hey Efes,

    Yeah, for web work there is probably no point choosing anything higher than 8bit, as the image formats that you use for web are all going to be downsampled to 8bit on export anyway.

    However, if you're working with photographs, it makes sense (if they are scanned or already saved at 16bit) to keep them at 16bit while doing colour and level adjustments - you should see less degradation of hues and tones that way. Then export to 8bit at the final stage.

    August 27, 2009 | Registered Commenterrex

    Love this tip. So Simple.
    Hex color picker is an awesome free tool too.

    August 27, 2009 | Unregistered CommenterMarc Eglon | Web Design

    Thanks u r information

    October 13, 2009 | Unregistered Commenterweb designer

    PostPost a New Comment

    Enter your information below to add a new comment.

    My response is on my own website »
    Author Email (optional):
    Author URL (optional):
    Post:
     
    Some HTML allowed: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <code> <em> <i> <strike> <strong>
    « Making the switch to GMail | Main | Coda Plugin: Html Word Counter »