{"id":57603,"date":"2026-08-28T03:01:16","date_gmt":"2026-08-27T17:01:16","guid":{"rendered":"http:\/\/www.rjmprogramming.com.au\/ITblog\/?p=57603"},"modified":"2026-07-26T14:09:53","modified_gmt":"2026-07-26T04:09:53","slug":"screen-co-ordinates-helper-primer-tutorial","status":"publish","type":"post","link":"https:\/\/www.rjmprogramming.com.au\/ITblog\/screen-co-ordinates-helper-primer-tutorial\/","title":{"rendered":"Screen Co-ordinates Helper Primer Tutorial"},"content":{"rendered":"
\"Screen<\/a>

Screen Co-ordinates Helper Primer Tutorial<\/p><\/div>\n

There’s a really good keyboard shortcut we’d like to discuss today. It’s …<\/p>\n


\nshift-command-4<\/a>
\n<\/code><\/p>\n

\nTo take a screenshot of part of the screen, press Shift-Command-4 and then drag the cursor to outline the area you want to capture. If you want to capture a specific window, press Shift-Command-4. Hit the spacebar.\n<\/p><\/blockquote>\n

But it’s the “half-way” point with this we particularly noticed<\/a> using web browsers. In the past when we’ve constructed HTML image maps we’ve often relied on Mobilefish.Com and its excellent Image Map Creation<\/a> software to help us out, but this shift-command-4<\/i> keyboard shortcut’s way of displaying screen pixel co-ordinates could be another option here. Or it could be used in overlay position:absolute; left:[X]px; top:[Y]px;<\/i> positioning scenarios, to good effect, we can envisage.<\/p>\n

The woooooorrrrrllllllddd’s your better X and Y positioned<\/font> oyyyyyyyster!<\/p>\n

If this was interesting you may be interested in this<\/a> too.<\/p>\n