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

iFinance 4.3.7 - Comprehensively manage...
iFinance allows you to keep track of your income and spending -- from your lunchbreak coffee to your new car -- in the most convenient and fastest way. Clearly arranged transaction lists of all your... Read more
Microsoft Office 2016 16.9 - Popular pro...
Microsoft Office 2016 - Unmistakably Office, designed for Mac. The new versions of Word, Excel, PowerPoint, Outlook and OneNote provide the best of both worlds for Mac users - the familiar Office... Read more
Pinegrow 4.2 - Mockup and design webpage...
Pinegrow (was Pinegrow Web Designer) is desktop app that lets you mockup and design webpages faster with multi-page editing, CSS and LESS styling, and smart components for Bootstrap, Foundation,... Read more
Little Snitch 4.0.5 - Alerts you about o...
Little Snitch gives you control over your private outgoing data. Track background activity As soon as your computer connects to the Internet, applications often have permission to send any... Read more
Microsoft OneNote 16.9 - Free digital no...
OneNote is your very own digital notebook. With OneNote, you can capture that flash of genius, that moment of inspiration, or that list of errands that's too important to forget. Whether you're at... Read more
1Password 6.8.6 - Powerful password mana...
1Password is a password manager that uniquely brings you both security and convenience. It is the only program that provides anti-phishing protection and goes beyond password management by adding Web... Read more
File Juicer 4.66 - $18.00
File Juicer is a drag-and-drop can opener and data archaeologist. Its specialty is to find and extract images, video, audio, or text from files which are hard to open in other ways. In computer... Read more
DEVONthink Pro 2.9.17 - Knowledge base,...
Save 10% with our exclusive coupon code: MACUPDATE10 DEVONthink Pro is your essential assistant for today's world, where almost everything is digital. From shopping receipts to important research... Read more
GraphicConverter 10.5.4 - $39.95
GraphicConverter is an all-purpose image-editing program that can import 200 different graphic-based formats, edit the image, and export it to any of 80 available file formats. The high-end editing... Read more
SoftRAID 5.6.4 - High-quality RAID manag...
SoftRAID allows you to create and manage disk arrays to increase performance and reliability. SoftRAID allows the user to create and manage RAID 4 and 5 volumes, RAID 1+0, and RAID 1 (Mirror) and... Read more

Latest Forum Discussions

See All

The 7 best games that came out for iPhon...
Well, it's that time of the week. You know what I mean. You know exactly what I mean. It's the time of the week when we take a look at the best games that have landed on the App Store over the past seven days. And there are some real doozies here... | Read more »
Popular MMO Strategy game Lords Mobile i...
Delve into the crowded halls of the Play Store and you’ll find mobile fantasy strategy MMOs-a-plenty. One that’s kicking off the new year in style however is IGG’s Lords Mobile, which has beaten out the fierce competition to receive Google Play’s... | Read more »
Blocky Racing is a funky and fresh new k...
Blocky Racing has zoomed onto the App Store and Google Play this week, bringing with it plenty of classic kart racing shenanigans that will take you straight back to your childhood. If you’ve found yourself hooked on games like Mario Kart or Crash... | Read more »
Cytus II (Games)
Cytus II 1.0.1 Device: iOS Universal Category: Games Price: $1.99, Version: 1.0.1 (iTunes) Description: "Cytus II" is a music rhythm game created by Rayark Games. It's our fourth rhythm game title, following the footsteps of three... | Read more »
JYDGE (Games)
JYDGE 1.0.0 Device: iOS Universal Category: Games Price: $4.99, Version: 1.0.0 (iTunes) Description: Build your JYDGE. Enter Edenbyrg. Get out alive. JYDGE is a lawful but awful roguehate top-down shooter where you get to build your... | Read more »
Tako Bubble guide - Tips and Tricks to S...
Tako Bubble is a pretty simple and fun puzzler, but the game can get downright devious with its puzzle design. If you insist on not paying for the game and want to manage your lives appropriately, check out these tips so you can avoid getting... | Read more »
Everything about Hero Academy 2 - The co...
It's fair to say we've spent a good deal of time on Hero Academy 2. So much so, that we think we're probably in a really good place to give you some advice about how to get the most out of the game. And in this guide, that's exactly what you're... | Read more »
Everything about Hero Academy 2: Part 3...
In the third part of our Hero Academy 2 guide we're going to take a look at the different modes you can play in the game. We'll explain what you need to do in each of them, and tell you why it's important that you do. [Read more] | Read more »
Everything about Hero Academy 2: Part 2...
In this second part of our guide to Hero Academy 2, we're going to have a look at the different card types that you're going to be using in the game. We'll split them up into different sections too, to make sure you're getting the most information... | Read more »
Everything about Hero Academy 2: Part 1...
So you've started playing Hero Academy 2, and you're feeling a little bit lost. Don't worry, we've got your back. So we've come up with a series of guides that are going to help you get to grips with everything that's going on in the game. [Read... | Read more »

Price Scanner via MacPrices.net

How to find the lowest prices on 2017 Apple M...
Apple has Certified Refurbished 13″ and 15″ 2017 MacBook Pros available for $200 to $420 off the cost of new models. Apple’s refurbished prices are the lowest available for each model from any... Read more
The lowest prices anywhere on Apple 12″ MacBo...
Apple has Certified Refurbished 2017 12″ Retina MacBooks available for $200-$240 off the cost of new models. Apple will include a standard one-year warranty with each MacBook, and shipping is free.... Read more
Apple now offering a full line of Certified R...
Apple is now offering Certified Refurbished 2017 10″ and 12″ iPad Pros for $100-$190 off MSRP, depending on the model. An Apple one-year warranty is included with each model, and shipping is free: –... Read more
27″ iMacs on sale for $100-$130 off MSRP, pay...
B&H Photo has 27″ iMacs on sale for $100-$130 off MSRP. Shipping is free, and B&H charges sales tax for NY & NJ residents only: – 27″ 3.8GHz iMac (MNED2LL/A): $2199 $100 off MSRP – 27″ 3.... Read more
2.8GHz Mac mini on sale for $899, $100 off MS...
B&H Photo has the 2.8GHz Mac mini (model number MGEQ2LL/A) on sale for $899 including free shipping plus NY & NJ sales tax only. Their price is $100 off MSRP. Read more
Apple offers Certified Refurbished iPad minis...
Apple has Certified Refurbished 128GB iPad minis available today for $339 including free shipping. Apple’s standard one-year warranty is included. Their price is $60 off MSRP. Read more
Amazon offers 13″ 256GB MacBook Air for $1049...
Amazon has the 13″ 1.8GHz/256B #Apple #MacBook Air on sale today for $150 off MSRP including free shipping: – 13″ 1.8GHz/256GB MacBook Air (MQD42LL/A): $1049.99, $150 off MSRP Read more
9.7-inch 2017 WiFi iPads on sale starting at...
B&H Photo has 9.7″ 2017 WiFi #Apple #iPads on sale for $30 off MSRP for a limited time. Shipping is free, and pay sales tax in NY & NJ only: – 32GB iPad WiFi: $299, $30 off – 128GB iPad WiFi... Read more
Wednesday deal: 13″ MacBook Pros for $100-$15...
B&H Photo has 13″ #Apple #MacBook Pros on sale for up to $100-$150 off MSRP. Shipping is free, and B&H charges sales tax for NY & NJ residents only: – 13-inch 2.3GHz/128GB Space Gray... Read more
Apple now offering Certified Refurbished 2017...
Apple has Certified Refurbished 9.7″ WiFi iPads available for $50-$80 off the cost of new models. An Apple one-year warranty is included with each iPad, and shipping is free: – 9″ 32GB WiFi iPad: $... Read more

Jobs Board

*Apple* Store Leader - Retail District Manag...
Job Description: Job Summary As more and more people discover Apple , they visit our retail stores seeking ways to incorporate our products into their lives. It's Read more
Sr. Experience Designer, Today at *Apple* -...
# Sr. Experience Designer, Today at Apple Job Number: 56495251 Santa Clara Valley, California, United States Posted: 18-Jan-2018 Weekly Hours: 40.00 **Job Summary** Read more
Security Applications Engineer, *Apple* Ret...
# Security Applications Engineer, Apple Retail Job Number: 113237456 Santa Clara Valley, California, United States Posted: 17-Jan-2018 Weekly Hours: 40.00 **Job Read more
*Apple* Solutions Consultant - Apple (United...
# Apple Solutions Consultant Job Number: 113384559 Brandon, Florida, United States Posted: 10-Jan-2018 Weekly Hours: 40.00 **Job Summary** Are you passionate about Read more
Art Director, *Apple* Music + Beats1 Market...
# Art Director, Apple Music + Beats1 Marketing Design Job Number: 113258081 Santa Clara Valley, California, United States Posted: 05-Jan-2018 Weekly Hours: 40.00 Read more
All contents are Copyright 1984-2011 by Xplain Corporation. All rights reserved. Theme designed by Icreon.