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.

 

Community Search:
MacTech Search:

Software Updates via MacUpdate

Check out the new Pirate Attack update i...
Love pirates and board games? Well, you'll love the new Pirate Attack themed update that just launched in Game of Dice. It adds a bunch of new content themed around pirates, like an all new event map based on a pirate ship which revamps the toll... | Read more »
Splash Cars guide - How to paint the tow...
Splash Cars is an arcade driving game that feels like a hybrid between Dawn of the Plow and Splatoon. In it, you'll need to drive a car around to repaint areas of a town that have lost all of their color. Check out these tips to help you perform... | Read more »
The best video player on mobile
We all know the stock video player on iOS is not particularly convenient, primarily because it asks us to hook a device up to iTunes to sync video in a world that has things like Netflix. [Read more] | Read more »
Four apps to help improve your Super Bow...
Super Bowl Sunday is upon us, and whether you’re a Panthers or a Broncos fan you’re no doubt gearing up for it. [Read more] | Read more »
LooperSonic (Music)
LooperSonic 1.0 Device: iOS Universal Category: Music Price: $4.99, Version: 1.0 (iTunes) Description: LooperSonic is a multi-track audio looper and recorder that will take your loops to the next level. Use it like a loop pedal to... | Read more »
Space Grunts guide - How to survive
Space Grunts is a fast-paced roguelike from popular iOS developer, Orange Pixel. While it taps into many of the typical roguelike sensibilities, you might still find yourself caught out by a few things. We delved further to find you some helpful... | Read more »
Dreii guide - How to play well with othe...
Dreii is a rather stylish and wonderful puzzle game that’s reminiscent of cooperative games like Journey. If that sounds immensely appealing, then you should immediately get cracking and give it a whirl. We can offer you some tips and tricks on... | Read more »
Kill the Plumber World guide - How to ou...
You already know how to hop around like Mario, but do you know how to defeat him? Those are your marching orders in Kill the Plumber, and it's not always as easy as it looks. Here are some tips to get you started. This is not a seasoned platform... | Read more »
Planar Conquest (Games)
Planar Conquest 1.0 Device: iOS Universal Category: Games Price: $12.99, Version: 1.0 (iTunes) Description: IMPORTANT: Planar Conquest is compatible only with iPad 3 & newer devices, iPhone 5 & newer. It’s NOT compatible with... | Read more »
We talk to Cheetah Mobile about its plan...
Piano Tiles 2 is a fast-paced rhythm action high score chaser out now on iOS and Android. You have to tap a series of black tiles that appear on the screen in time to the music, being careful not to accidentally hit anywhere else. Do that and it's... | Read more »

Price Scanner via MacPrices.net

BookBook For iPad Pro Coming Soon
The iPad Pro is a device unlike any other, and with Apple Pencil, it’s the ideal portable sketchpad: all that’s missing is the modern easel and portfolio to go. TwelveSouth’s BookBook for iPad Pro... Read more
12-inch 1.2GHz Silver Retina MacBook on sale...
B&H Photo has the 12″ 1.2GHz Silver Retina MacBook on sale for $1399 including free shipping plus NY sales tax only. Their price is $200 off MSRP, and it’s the lowest price for this model from... Read more
iPads on sale at Target: $100 off iPad Air 2,...
Target has WiFi iPad Air 2s and iPad mini 4s on sale for up to $100 off MSRP on their online store for a limited time. Choose free shipping or free local store pickup (if available). Sale prices for... Read more
Target offers Apple Watch for $100 off MSRP
Target has Apple Watches on sale for $100 for a limited time. Choose free shipping or free local store pickup (if available). Sale prices for online orders only, in-store prices may vary: - Apple... Read more
Apple refurbished 2014 13-inch Retina MacBook...
Apple has Certified Refurbished 2014 13″ Retina MacBook Pros available for up to $400 off original MSRP, starting at $979. An Apple one-year warranty is included with each model, and shipping is free... Read more
Macs available for up to $300 off MSRP, $20 o...
Purchase a new Mac or iPad using Apple’s Education Store and take up to $300 off MSRP. All teachers, students, and staff of any educational institution qualify for the discount. Shipping is free, and... Read more
Watch Super Bowl 50 Live On Your iPad For Fre...
Watch Super Bowl 50 LIVE on the CBS Sports app for iPad and Apple TV. Get the app and then tune in Sunday, February 7, 2016 at 6:30 PM ET to catch every moment of the big game. The CBS Sports app is... Read more
Two-thirds Of All Smart Watches Shipped In 20...
Apple dominated the smart watch market in 2015, accounting for over 12 million units and two-thirds of all shipments according to Canalys market research analysts’ estimates. Samsung returned to... Read more
12-inch 1.2GHz Retina MacBooks on sale for up...
B&H Photo has 12″ 1.2GHz Retina MacBooks on sale for $180 off MSRP. Shipping is free, and B&H charges NY tax only: - 12″ 1.2GHz Gray Retina MacBook: $1499 $100 off MSRP - 12″ 1.2GHz Silver... Read more
12-inch 1.1GHz Gray Retina MacBook on sale fo...
B&H Photo has the 12″ 1.1GHz Gray Retina MacBook on sale for $1199 including free shipping plus NY sales tax only. Their price is $100 off MSRP, and it’s the lowest price available for this model... 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...
Job Description: Sales Specialist - Retail Customer Service and Sales Transform Apple Store visitors into loyal Apple customers. When customers enter the store, Read more
*Apple* Subject Matter Expert - Experis (Uni...
This position is for an Apple Subject Matter Expert to assist in developing the architecture, support and services for integration of Apple devices into the domain. Read more
*Apple* Macintosh OSX - Net2Source Inc. (Uni...
…: * Work Authorization : * Contact Number(Best time to reach you) : Skills : Apple Macintosh OSX Location : New York, New York. Duartion : 6+ Months The associate would Read more
Computer Operations Technician ll - *Apple*...
# Web Announcement** Apple Technical Liaison**The George Mason University, Information Technology Services (ITS), Technology Support Services, Desktop Support Read more
All contents are Copyright 1984-2011 by Xplain Corporation. All rights reserved. Theme designed by Icreon.