TweetFollow Us on Twitter

ARTIS Screen Tools

Volume Number: 19 (2003)
Issue Number: 9
Column Tag: Cool Tools

ARTIS Screen Tools

Useful utilities for pixel measurements.

by John C. Daub

A great find!

Between my day job as a software engineer and occasionally fiddling with my hsoi.com web site in the evenings, I find myself every so often being concerned with pixels. I want to know how many pixels long is this? How many pixels are there between this and that? Will that many pixels fit onto the screen? What color is that pixel? Are all these pixels lined up? In trying to have my software adhere to Apple's Human Interface Guidelines and to have my web site be usable by any web browser, I need to employ tools to help me count pixels because my eyesight is too poor to count manually. J

Interface Builder has the terrific functionality of supporting guides and snapping-to when laying out your GUI, and the added cool factor having support for adhering to the Aqua Interface Guidelines. When designing in Interface Builder, I always have this support on because it generally alleviates the need to count pixels for relative measurements, e.g. is the widget 20 pixels from the left and right edges of the window, 14 pixels of vertical spacing, etc. While Interface Builder's support is useful, there are other measurements that sometimes need to be taken. For years I used a tool called colorScope, which served my "pixel" needs quite well. However, colorScope didn't make it over to Mac OS X. I dug around the 'net looking for a replacement tool. I found the ARTIS Screen Tools, a collection of four simple utility applications aimed towards solving a specific screen issue: measuring, ensuring fit, magnification, and ensuring alignment.

ARTIS Screen Tools is an application suite consisting of: ARTIS Screen Ruler, the screen ruler for your desktop; ARTIS Small Screen, small screen sizes on your desktop; ARTIS Screen Loupe, the magnifying glass for your desktop; and ARTIS Screen Guides, visual guide lines on your desktop.


Figure 1. Contents of ARTIS Screen Tools 2.5.3.

The Tools

Screen Ruler's purpose is measuring. You are given both horizontal and vertical rulers by which you can measure items on screen. The rulers float above all other windows, allowing control over their opacity, as well as control over the units and length of the ruler. Screen Ruler allows for quick and easy measuring of screen items, and is as simple to use as a physical ruler.

Small Screen's purpose is to help you ensure your window and its contents fit on screen. As developers we tend to be spoiled with a lot of screen real estate, but many of our users are still using small 640x480 screens. Small Screen places the thin black outline of a rectangle on screen wired to the sizes of well-established screen sizes, e.g. 640x480, 1024x768, or you can establish your own sizes. When Small Screen places the boundary on screen it can adjust for items such as the menubar so you can truly see how your window will fit and display on a monitor of that size. Small Screen also has a Browser Content mode which further adjusts the boundary rectangle to consider browser window content such as toolbars and scrollbars so you can see how the more popular browsers will squeeze your content and force it to reflow. Handy for debugging your code prior to posting it to your web site.

Screen Loupe is a magnification tool, like Apple's Pixie but more powerful. With Screen Loupe you can view pixels close up, up to 8x magnification. You can also view information about the pixel under the cursor: global coordinates, RGB color, HSB color, and HTML code color. I remember using this sort of tool when I was working on the Grayscale implementations of the PowerPlant Appearance Classes. I had to determine the correct patterns for an indeterminate progress bar and chasing arrows so LGAProgressBarImp and LGAChasingArrowsImp could reproduce them. Being able to zoom in on the pixel patterns of the Appearance Manager-generated widgets and pick up the RGB color values was a necessary part of recreating those widgets.

Screen Guides is a way to add guides when you can't have guide support or wish to augment existing guide support. Guides are lines that help you position your layout but don't appear in the final layout; they are tools to aid in supporting proper alignment of your content. You begin working in the Screen Guides application, creating and moving guides as necessary for your layout purposes. When you switch out of the Screen Guides application, the guides are no longer editable and you can begin your work. The guides float above your windows, so they'll be just where you'll find them useful while you work on your layout, but they won't get in your way.


Figure 2: ARTIS Screen Tools at work.

The ARTIS Screen Tools are offered as shareware, US$9.95 at the time of this writing, for the suite of all four tools. Once you register, functionality is unlocked in the applications: in Screen Ruler, the ability to use the vertical ruler; in Small Screen, the Browser Content sizes; and in Screen Guides the ability to use vertical guides. When I contacted the author for support, the response was quick, courteous, and helpful.

The ARTIS Screen Tools work together as a nice suite for handling pixel-measuring needs. Each application is lightweight and focused in its purpose, and serve to address needs that both software and web developers can encounter in designing, testing, debugging, and development of a successful user interface. If you find yourself needing to measure, fit, magnify, or align pixels, you'll find ARTIS Screen Tools a useful addition to your toolkit.

References and URL's

ARTIS Screen Tools - http://www.artissoftware.com/screentools/

Apple Human Interface Guidelines -

http://developer.apple.com/techpubs/macosx/Essentials/AquaHIGuidelines/index.html


John C. Daub lives in Austin, Texas USA with his wife, three children, and all the BBQ he can eat. You can contact John at hsoi@hsoi.com.

 
AAPL
$102.50
Apple Inc.
+0.25
MSFT
$45.43
Microsoft Corpora
+0.55
GOOG
$571.60
Google Inc.
+2.40

MacTech Search:
Community Search:

Software Updates via MacUpdate

VueScan 9.4.41 - Scanner software with a...
VueScan is a scanning program that works with most high-quality flatbed and film scanners to produce scans that have excellent color fidelity and color balance. VueScan is easy to use, and has... Read more
Cloud 3.0.0 - File sharing from your men...
Cloud is simple file sharing for the Mac. Drag a file from your Mac to the CloudApp icon in the menubar and we take care of the rest. A link to the file will automatically be copied to your clipboard... Read more
LibreOffice 4.3.1.2 - Free Open Source o...
LibreOffice is an office suite (word processor, spreadsheet, presentations, drawing tool) compatible with other major office suites. The Document Foundation is coordinating development and... Read more
SlingPlayer Plugin 3.3.20.505 - Browser...
SlingPlayer is the screen interface software that works hand-in-hand with the hardware inside the Slingbox to make your TV viewing experience just like that at home. It features an array of... Read more
Get Lyrical 3.8 - Auto-magically adds ly...
Get Lyrical auto-magically add lyrics to songs in iTunes. You can choose either a selection of tracks, or the current track. Or turn on "Active Tagging" to get lyrics for songs as you play them.... Read more
Viber 4.2.2 - Send messages and make cal...
Viber lets you send free messages and make free calls to other Viber users, on any device and network, in any country! Viber syncs your contacts, messages and call history with your mobile device,... Read more
Cocktail 7.6 - General maintenance and o...
Cocktail is a general purpose utility for OS X that lets you clean, repair and optimize your Mac. It is a powerful digital toolset that helps hundreds of thousands of Mac users around the world get... Read more
LaunchBar 6.1 - Powerful file/URL/email...
LaunchBar is an award-winning productivity utility that offers an amazingly intuitive and efficient way to search and access any kind of information stored on your computer or on the Web. It provides... Read more
Maya 2015 - Professional 3D modeling and...
Maya is an award-winning software and powerful, integrated 3D modeling, animation, visual effects, and rendering solution. Because Maya is based on an open architecture, all your work can be scripted... Read more
BBEdit 10.5.12 - Powerful text and HTML...
BBEdit is the leading professional HTML and text editor for the Mac. Specifically crafted in response to the needs of Web authors and software developers, this award-winning product provides a... Read more

Latest Forum Discussions

See All

Rhonna Designs Magic (Photography)
Rhonna Designs Magic 1.0 Device: iOS Universal Category: Photography Price: $1.99, Version: 1.0 (iTunes) Description: Want to sprinkle *magic* on your photos? With RD Magic, you can add colors, filters, light leaks, bokeh, edges,... | Read more »
This Week at 148Apps: August 25-29, 2014
Shiny Happy App Reviews   | Read more »
Qube Kingdom – Tips, Tricks, Strategies,...
Qube Kingdom is a tower defense game from DeNA. You rally your troops – magicians, archers, knights, barbarians, and others – and fight against an evil menace looking to dominate your kingdom of tiny squares. Planning a war isn’t easy, so here are a... | Read more »
Qube Kingdom Review
Qube Kingdom Review By Nadia Oxford on August 29th, 2014 Our Rating: :: KIND OF A SQUARE KINGDOMUniversal App - Designed for iPhone and iPad Qube Kingdom has cute visuals, but it’s a pretty basic tower defense game at heart.   | Read more »
Fire in the Hole Review
Fire in the Hole Review By Rob Thomas on August 29th, 2014 Our Rating: :: WALK THE PLANKUniversal App - Designed for iPhone and iPad Seafoam’s Fire in the Hole looks like a bright, 8-bit throwback, but there’s not enough booty to... | Read more »
Alien Creeps TD is Now Available Worldwi...
Alien Creeps TD is Now Available Worldwide Posted by Ellis Spice on August 29th, 2014 [ permalink ] Universal App - Designed for iPhone and iPad | Read more »
Dodo Master Review
Dodo Master Review By Jordan Minor on August 29th, 2014 Our Rating: :: NEST EGGiPad Only App - Designed for the iPad Dodo Master is tough but fair, and that’s what makes it a joy to play.   | Read more »
Motorsport Manager Review
Motorsport Manager Review By Lee Hamlet on August 29th, 2014 Our Rating: :: MARVELOUS MANAGEMENTUniversal App - Designed for iPhone and iPad Despite its depth and sense of tactical freedom, Motorsport Manager is one of the most... | Read more »
Motorsport Manager – Beginner Tips, Tric...
The world of Motorsport management can be an unforgiving and merciless one, so to help with some of the stress that comes with running a successful race team, here are a few hints and tips to leave your opponents in the dust. | Read more »
CalPal Update Brings the App to 2.0, Add...
CalPal Update Brings the App to 2.0, Adds Lots of New Stuff Posted by Ellis Spice on August 29th, 2014 [ permalink ] | Read more »

Price Scanner via MacPrices.net

The Rise of Phablets
Carlisle & Gallagher Consulting Group, a businesses and technology consulting firm focused solely on the financial services industry, has released an infographic depicting the convergence of... Read more
Eddy – Cloud Music Player for iPhone/iPad Fre...
Ukraine based CapableBits announces the release of Eddy, its tiny, but smart and powerful cloud music player for iPhone and iPad that allows users to stream or download music directly from cloud... Read more
A&D Medical Launches Its WellnessConnecte...
For consumers and the healthcare providers and loved ones who care for them, A&D Medical, a leader in connected health and biometric measurement devices and services, has launched its... Read more
Anand Lal Shimpi Retires From AnandTech
Anand Lal Shimpi, whose AnandTech Website is famous for its meticulously detailed and thoroughgoing reviews and analysis, is packing it in. Lal Shimpi, who founded the tech site at age 14 in 1997,... Read more
2.5GHz Mac mini, Apple refurbished, in stock...
The Apple Store has Apple Certified Refurbished 2.5GHz Mac minis available for $509, $90 off MSRP. Apple’s one-year warranty is included, and shipping is free. Read more
13-inch 2.5GHz MacBook Pro on sale for $999,...
B&H Photo has the 13″ 2.5GHz MacBook Pro on sale for $999.99 including free shipping plus NY sales tax only. Their price is $100 off MSRP. Read more
Labor Day Weekend MacBook Pro sale; 15-inch m...
B&H Photo has the new 2014 15″ Retina MacBook Pros on sale for up to $125 off MSRP. Shipping is free, and B&H charges NY sales tax only. They’ll also include free copies of Parallels Desktop... Read more
Labor Day Weekend iPad mini sale; $50 to $100...
Best Buy has the iPad mini with Retina Display (WiFi models) on sale for $50 off MSRP on their online store for Labor Day Weekend. Choose free shipping or free local store pick up. Price is for... Read more
13-inch 1.4GHz MacBook Air on sale for $899,...
Adorama has the new 2014 13″ 1.4GHz/128GB MacBook Air on sale for $899.99 including free shipping plus NY & NJ tax only. Their price is $100 off MSRP. Read more
It’s Official: Apple Issues Invitations To Se...
Apple has issued one of its characteristically cryptic press invitations for a special event to be held at the Flint Center for the Performing Arts in hometown Cupertino on Sept. 9, 2014 at 10:00 am... Read more

Jobs Board

*Apple* Retail - Multiple Positions (US) - A...
Sales Specialist - Retail Customer Service and Sales Transform Apple Store visitors into loyal Apple customers. When customers enter the store, you're also the Read more
*Apple* Retail - Multiple Positions (US) - A...
Sales Specialist - Retail Customer Service and Sales Transform Apple Store visitors into loyal Apple customers. When customers enter the store, you're also the Read more
*Apple* Retail - Multiple Positions (US) - A...
Sales Specialist - Retail Customer Service and Sales Transform Apple Store visitors into loyal Apple customers. When customers enter the store, you're also the Read more
*Apple* Retail - Multiple Positions (US) - A...
Sales Specialist - Retail Customer Service and Sales Transform Apple Store visitors into loyal Apple customers. When customers enter the store, you're also the Read more
Senior Event Manager, *Apple* Retail Market...
…This senior level position is responsible for leading and imagining the Apple Retail Team's global event strategy. Delivering an overarching brand story; in-store, Read more
All contents are Copyright 1984-2011 by Xplain Corporation. All rights reserved. Theme designed by Icreon.