{"id":32486,"date":"2017-11-23T03:01:54","date_gmt":"2017-11-22T17:01:54","guid":{"rendered":"http:\/\/www.rjmprogramming.com.au\/ITblog\/?p=32486"},"modified":"2017-11-23T05:25:54","modified_gmt":"2017-11-22T19:25:54","slug":"firefox-my-shots-primer-tutorial","status":"publish","type":"post","link":"https:\/\/www.rjmprogramming.com.au\/ITblog\/firefox-my-shots-primer-tutorial\/","title":{"rendered":"Firefox My Shots Primer Tutorial"},"content":{"rendered":"<div style=\"width: 230px\" class=\"wp-caption alignnone\"><a target=_blank href=\"http:\/\/www.rjmprogramming.com.au\/HTMLCSS\/firefox_myshots.gif\"><img decoding=\"async\" style=\"border: 15px solid pink;\" alt=\"Firefox My Shots Primer Tutorial\" src=\"http:\/\/www.rjmprogramming.com.au\/HTMLCSS\/firefox_myshots.gif\" title=\"Firefox My Shots Primer Tutorial\"  style=\"float:left;\" \/><\/a><p class=\"wp-caption-text\">Firefox My Shots Primer Tutorial<\/p><\/div>\n<p>Whenever, at this web blog, we, with our web applications, turn our attention to the &#8220;sharing&#8221; mechanisms of that web application, do you find the cross-browser and cross-platform issues quite frustrating?  Well, join the queue.  Though, you&#8217;d expect the part of the web application that &#8220;interfaces&#8221; to the outside world would be the most &#8220;iffy&#8221; &#8220;cross&#8221; part of the project.<\/p>\n<p>But what if the issue is worked the other way around, and the web browser&#8217;s own functionality can help out.  Queue a great new beta test piece of software from the Firefox web browser called My Shots, for us under a Mac OS X operating system.  My Shots allows the user to cut out parts of a webpage using Firefox and share that &#8220;cut-out&#8221; in a variety of &#8220;sharing&#8221; options, including our favourite, email.  You can also download to your local device or computer hard disk, should you prefer.<\/p>\n<p>We&#8217;ve seen these web browser products before.  Remember the previous <a title='Microsoft Edge Web Notes Primer Tutorial' href='#mewnpt'>Microsoft Edge Web Notes Primer Tutorial<\/a> talking about the Windows Microsoft Edge web browser&#8217;s Web Notes add-on, performing similar functionality.<\/p>\n<p>Today we give it a road test and show you a snippet of the action with today&#8217;s homegrown <a target=_blank href=\"http:\/\/www.rjmprogramming.com.au\/HTMLCSS\/firefox_myshots.gif\" title='Click picture'>animated GIF<\/a>.  As you might glean, watching this, when the web browser gets in on the act, it slices through some of the difficulties of developing web applications to satisfy every environment, a difficult thing to achieve in the sharing aspects to their workings.<\/p>\n<p>Also remember that there are &#8230;<\/p>\n<ul>\n<li>a right button (Windows) or two finger gesture (Mac OS X) Firefox web browser HTML element click &#8220;Take Screenshot&#8221; method &#8230; along with &#8230;<\/li>\n<li>a Firefox web browser top menu &#8220;My Shots&#8221; (scissors) icon<\/li>\n<\/ul>\n<p> &#8230; FireFox &#8220;My Shots&#8221; access routes for this functionality.<\/p>\n<hr>\n<p id='mewnpt'>Previous relevant <a target=_blank title='Microsoft Edge Web Notes Primer Tutorial' href='https:\/\/www.rjmprogramming.com.au\/ITblog\/microsoft-edge-web-notes-primer-tutorial\/'>Microsoft Edge Web Notes Primer Tutorial<\/a> is shown below.<\/p>\n<div style=\"width: 230px\" class=\"wp-caption alignnone\"><a target=_blank href=\"http:\/\/www.rjmprogramming.com.au\/Windows\/edge_webnote-2of.jpg\"><img decoding=\"async\" style=\"border: 15px solid pink;\" alt=\"Microsoft Edge Web Notes Primer Tutorial\" src=\"http:\/\/www.rjmprogramming.com.au\/Windows\/edge_webnote-2of.jpg\" title=\"Microsoft Edge Web Notes Primer Tutorial\"  style=\"float:left;\" id='iow10' onmouseover=\" this.src=this.src.replace('-1of.j','-2of.xj').replace('-2of.j','-3of.xj').replace('-3of.j','-4of.xj').replace('-4of.j','-5of.xj').replace('-5of.j','-6of.xj').replace('-6of.j','-7of.xj').replace('-7of.j','-8of.xj').replace('-8of.j','-1of.xj').replace('.xj','.j');   \" \/><\/a><p class=\"wp-caption-text\">Microsoft Edge Web Notes Primer Tutorial<\/p><\/div>\n<p>The Microsoft Edge web browser looks like a great new web browser choice to us.  Generally speaking it feels less cluttered up the top, where the URL address bar is, which is a welcome change we think.  We think the same way at WordPress 4.1.1&#8217;s <a target=_blank title='Microsoft Edge Web Notes Primer Tutorial' href='https:\/\/www.rjmprogramming.com.au\/ITblog\/microsoft-edge-web-notes-primer-tutorial\/'>Microsoft Edge Web Notes Primer Tutorial<\/a>.<\/p>\n<p>That&#8217;s not to say there is not the usual functionality, plus what caught our eye as particularly useful in a Windows web browser &#8230; a piece of functionality called Web Notes that you can read more about <a target=_blank title='Microsoft Edge web browser Web Notes information from Microsoft' href='http:\/\/windows.microsoft.com\/en-au\/windows-10\/getstarted-write-on-the-web'>here<\/a> and which we&#8217;d like to quote from below &#8230;<\/p>\n<blockquote><p>\nMicrosoft Edge is the only browser that lets you take notes, write, doodle, and highlight directly on webpages. Then you can save and share your handiwork in all the usual ways.\n<\/p><\/blockquote>\n<p>This explains this great functionality well.  Just even to be surfing the net and using Web Notes to copy the image talking points to use, perhaps, as attachments in emails may prove the adage &#8220;every picture&#8217;s worth a thousand words&#8221; for you too, as a communications tool.<\/p>\n<p>A lot of the tutorial pictures today, all regarding Microsoft Edge web browser work, relate to <a target=_blank title='Views from space: The beautiful patterns of planet Earth' href='http:\/\/www.msn.com\/en-au\/news\/photos\/views-from-space-the-beautiful-patterns-of-planet-earth\/ss-AAgdkQl#image=1'>Views from space: The beautiful patterns of planet Earth<\/a> should you be interested.<\/p>\n<p>And so we think those Windows 10 users out there should be getting into this very useful tool &#8230; <a target=_blank title='Microsoft Edge information from Microsoft' href='https:\/\/www.microsoft.com\/en-au\/windows\/microsoft-edge'>Microsoft Edge<\/a>.<\/p>\n<p>If this was interesting you may be interested in <a title='Click here to see topics in which you might be interested' href='#d20188' onclick='var dv=document.getElementById(\"d20188\"); dv.innerHTML = \"&lt;iframe width=670 height=600 src=\" + \"http:\/\/www.rjmprogramming.com.au\/wordpress\/?tag=web-browser\" + \"&gt;&lt;\/iframe&gt;\"; dv.style.display = \"block\";'>this<\/a> too.<\/p>\n<div id='d20188' style='display: none; border-left: 2px solid green; border-top: 2px solid green;'><\/div>\n<hr>\n<p>If this was interesting you may be interested in <a title='Click here to see topics in which you might be interested' href='#d32486' onclick='var dv=document.getElementById(\"d32486\"); dv.innerHTML = \"&lt;iframe width=670 height=600 src=\" + \"https:\/\/www.rjmprogramming.com.au\/ITblog\/tag\/sharing\" + \"&gt;&lt;\/iframe&gt;\"; dv.style.display = \"block\";'>this<\/a> too.<\/p>\n<div id='d32486' style='display: none; border-left: 2px solid green; border-top: 2px solid green;'><\/div>\n","protected":false},"excerpt":{"rendered":"<p>Whenever, at this web blog, we, with our web applications, turn our attention to the &#8220;sharing&#8221; mechanisms of that web application, do you find the cross-browser and cross-platform issues quite frustrating? Well, join the queue. Though, you&#8217;d expect the part &hellip; <a href=\"https:\/\/www.rjmprogramming.com.au\/ITblog\/firefox-my-shots-primer-tutorial\/\">Continue reading <span class=\"meta-nav\">&rarr;<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[12,37],"tags":[60,275,278,286,380,439,1133,1137,1319,1404,1418],"class_list":["post-32486","post","type-post","status-publish","format-standard","hentry","category-elearning","category-tutorials","tag-add-on","tag-cross-browser","tag-cross-platform","tag-cut","tag-email","tag-firefox","tag-share","tag-sharing","tag-tutorial","tag-web-browser","tag-webpage"],"_links":{"self":[{"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/posts\/32486"}],"collection":[{"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/comments?post=32486"}],"version-history":[{"count":9,"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/posts\/32486\/revisions"}],"predecessor-version":[{"id":34465,"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/posts\/32486\/revisions\/34465"}],"wp:attachment":[{"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/media?parent=32486"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/categories?post=32486"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/tags?post=32486"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}