xScope 4.4 – Onscreen graphic measurement tools

Created specifically for designers & developers, xScope is a powerful set of tools that are ideal for measuring, inspecting & testing on-screen graphics and layouts. xScope’s tools float above your desktop windows and can be accessed via a toolbar, menubar and/or hot keys.

The ten tools that will help you do your job faster and more accurately include:

Mirror

• Remote Viewing Easily view Photoshop, files or windows on your iOS device, AirPlay, or your wrist.
• Templates Automatically shows icon or wallpaper mockup on iOS
• Chromeless UI No overlaid chrome to get in the way while you work
• Security Toggle user authentication requests on/off via Preferences
• Download the xScope Mirror App for iOS at http://xscopeapp.com/ios

Text- New!

• Powerful Search For name or tag in any of the 100,000+ Unicode characters
• Decipher Text Deciphers text entities, encodings, constants, and more!
• Convert Format Output text as a string, entities, URL encoding, and more!
• Measure Glyphs Shows line, character or web layout: including font metrics & CSS
• Character Palette A handy place to collect commonly used Unicode characters

Dimensions

• Find the dimensions of anything on screen instantly
• Find distance between objects quickly & easily
• Create screen shots of any measured element

Rulers

• Powerful onscreen rulers for pixel measurements
• Two rulers with synchronization for easy onscreen comparison
• Hold down control to snap to edges of onscreen content
• Fully adjustable horizontal & vertical lengths
• Full 360 degree rotation range
• Displays deltas for rotated rulers

Overlay- New!

• Enhances Your Web Browser Attaches to window to make development easier
• Alignment Marks Check positioning & distances in px/em/pt and percentages
• Mockup Image A transparent design comp over your HTML and CSS code
• Grids with Breakpoints Grid systems that stay in sync with your media queries
• Cycle Breakpoints Quickly check your design at all sizes used in your CSS
• Fullpage Screenshot Get a picture of your whole web page
• Works with iOS Simulator Great for testing in Safari or developing native apps

Screens

• Easily see the usable real estate for any screen size
• Organized by platform including iOS, Android, Mac, Windows & TV
• Predefined screen templates or create your own
• Displays title and game safe areas for 4:3 and 16:9 aspect ratio TVs.
• Simulate user vision problems including color blindness & presbyopia (old age)
• Deretinizer to simulate normal display when using Retina display
• Define custom area settings for any OS or browser

Loupe

• Magnify any portion of the screen under your mouse
• Displays color under your cursor in RGB, HSB, HEX, CSS3 rgb() & HTML
• Quick measurement of magnified image using Dimensions
• Reference color format: work with a hex color while viewing RGB format
• Collect a running list of color swatches with ShiftCmdC
• Save out or import .ACO color swatch files for easy reference
• Simulate user vision problems including color blindness & presbyopia (old age)
• Displays coordinates of mouse cursor for reference
• The content of the window or the mouse position can be locked

Guides

• Vertical & horizontal guides that float on top of all else on the screen
• Displays guide position in pixels when placed
• Displays distance between guides in pixels
• Save & load guide positions for later reference
• Supports multiple monitors

Frames

• Adjustable marker boxes float on top of the screen
• Hold down control to snap to edges of onscreen content
• CmdShift5 to shrink a selection around on screen content & create a frame
• Display preset grids to help compose frame layouts
• Create, move, duplicate & edit frames at will
• Save & load frame positions for later reference

Crosshair

• Reports the coordinate position of the mouse cursor
• Change origin from the upperleft (design work) to lowerleft (development work)

Compatibility: OS X 10.9 or later

Web Site: http://xscopeapp.com

Mac App Store: https://itunes.apple.com/app/xscope-4/id889428659?mt=12

What’s New in xScope 4.4

• Release notes not available at the time of this post.