tag:blogger.com,1999:blog-42287934641073688222024-02-18T20:38:39.830-05:00Nerd tips for things you probably won't useA collection of the nerdiest things I happen to learn aboutJustinhttp://www.blogger.com/profile/13405139779467188945noreply@blogger.comBlogger118125tag:blogger.com,1999:blog-4228793464107368822.post-91399690946769369432022-08-17T15:34:00.005-04:002022-08-18T09:08:47.345-04:00Remove Marker from Shape Elements in Inkscape<p>There's a known bug in <a href="https://inkscape.org/" target="_blank">Inkscape</a> that prevents removing special markers from the start and end points of a polygon element.</p><p></p><ul style="text-align: left;"><li>Select a line, circle/ellipse, or a polygon object</li><li>Apply a stroke in the <b>Stroke paint</b> tab on the <b>Fill and Stroke</b> dialog</li><li>Navigate to the <b>Stroke style</b> tab and select an Start/Mid/End marker</li></ul><div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/a/AVvXsEjVHW6eNxUjhqPzcNA40k05z9yrK2875-KPhClEpBasoU5ah6Odb8Y_5WnqX4OisJn28_mGbkdmlS1QL4gaCg1mobIz5OLzY9OGLHmeFts8cM6tUI6ayS2jiZM0sbrp8nQruk2akalKTaGu202unSu4vBbHSdk37LEfWDk6qkaySexundCq2icoGu3D2Q" style="margin-left: 1em; margin-right: 1em;"><img data-original-height="168" data-original-width="383" src="https://blogger.googleusercontent.com/img/a/AVvXsEjVHW6eNxUjhqPzcNA40k05z9yrK2875-KPhClEpBasoU5ah6Odb8Y_5WnqX4OisJn28_mGbkdmlS1QL4gaCg1mobIz5OLzY9OGLHmeFts8cM6tUI6ayS2jiZM0sbrp8nQruk2akalKTaGu202unSu4vBbHSdk37LEfWDk6qkaySexundCq2icoGu3D2Q=s16000" /></a></div><br /><br /></div><p></p><p>I'm making a diagram with a number of line elements that I wanted to be displayed with arrow heads.</p><p></p><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/a/AVvXsEiJSilGElSbZMPy87CvgU07CHK01xM8EdkH29abMGMEWm2FuduWRqMEwnA9UtK0UZF1S9Ykm684UllRaBimVdnV9q7lFV1k31ClC6fPuLMh1szGyN8gIYqFgKlbdYZP9JTPqqqTvYe9GVsI9IXwTHxPkAOU1ohaqw7Xd2t-g0iRRe1m7UqXBa6jKAYzHg" style="margin-left: 1em; margin-right: 1em;"><img data-original-height="64" data-original-width="238" src="https://blogger.googleusercontent.com/img/a/AVvXsEiJSilGElSbZMPy87CvgU07CHK01xM8EdkH29abMGMEWm2FuduWRqMEwnA9UtK0UZF1S9Ykm684UllRaBimVdnV9q7lFV1k31ClC6fPuLMh1szGyN8gIYqFgKlbdYZP9JTPqqqTvYe9GVsI9IXwTHxPkAOU1ohaqw7Xd2t-g0iRRe1m7UqXBa6jKAYzHg=s16000" /></a></div><br />I know there are settings that let you use the last style as the default for new elements so you don't have to copy and paste the formatting to additional objects. Somewhere along the way, I think my line markers got applied to my polygon elements. Now I have weird arrow heads at the start/end point of my shape, which is absolutely not acceptable.<p></p><p></p><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/a/AVvXsEiT1KdDxM-FGXObfSa6_Gt-amOQFuaVtrtDuZLJzmjaeHgiQycfiHHCxJxK4AAsiiHvWsfPbfnTqTsG3equikWiOJ5R3LbU5aHbzToXwSu_-0VoW9y_feinEm9a2fsBsNbnzfapDvUuY_lees4ujZR7VuY2BcZy-qSMRKHuJOoyJHB1DSBI7LFNdRMG0w" style="margin-left: 1em; margin-right: 1em;"><img data-original-height="168" data-original-width="314" src="https://blogger.googleusercontent.com/img/a/AVvXsEiT1KdDxM-FGXObfSa6_Gt-amOQFuaVtrtDuZLJzmjaeHgiQycfiHHCxJxK4AAsiiHvWsfPbfnTqTsG3equikWiOJ5R3LbU5aHbzToXwSu_-0VoW9y_feinEm9a2fsBsNbnzfapDvUuY_lees4ujZR7VuY2BcZy-qSMRKHuJOoyJHB1DSBI7LFNdRMG0w=s16000" /></a></div>Rather than duplicating existing shapes to try find a clean element to resolve this, use the <b>XML Editor </b>to edit the element's properties to get rid of those arrowheads entirely. Using the XML Editor will allow you to edit existing elements without having to re-create the design from scratch each time.<p></p><p></p><ul style="text-align: left;"><li>Select the object</li><li>Navigate to Edit > <b>XML Editor</b> or launch it from the shortcut: <b>Ctrl+Shift+X</b></li><li>With the graphic object selected in the list at the top of the editor, click on the <b>style</b> element to begin editing it's style attributes</li></ul><div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/a/AVvXsEh6TVymCdk4KybTHyo63qp0xdBUec8SAHBl9LTGPQtkFQ_Tj2nk3Meee_GfzyZRXeipgKLU2TIJegWFuD_vc6K4IAnw-hNw-wWJjwjgzBYyUjqquYLdhDA27IKPdNQdcE1UuV_IoVrVaTOubga0wxq3ZnQwrTTDnVmtfUeTDydeDJf3yYD1IQG0cLodKw" style="margin-left: 1em; margin-right: 1em;"><img data-original-height="560" data-original-width="528" height="400" src="https://blogger.googleusercontent.com/img/a/AVvXsEh6TVymCdk4KybTHyo63qp0xdBUec8SAHBl9LTGPQtkFQ_Tj2nk3Meee_GfzyZRXeipgKLU2TIJegWFuD_vc6K4IAnw-hNw-wWJjwjgzBYyUjqquYLdhDA27IKPdNQdcE1UuV_IoVrVaTOubga0wxq3ZnQwrTTDnVmtfUeTDydeDJf3yYD1IQG0cLodKw=w377-h400" width="377" /></a></div><ul style="text-align: left;"><li>Select and remove the <span style="font-family: courier;">marker-start;</span> & <span style="font-family: courier;">marker-end</span>; attributes. Ensure that you didn't remove too many- or leave any extra semicolon characters (;) as each attribute will be separated by one semicolon </li></ul><div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/a/AVvXsEgf0XLXVNsGz2KA7LtwUd37rFAxO8cYxwwtB-wFlrtYQkh9M153kZtLeGp0AaqqO8zYwJIsTLsYTeDIsyFN3Hslv8D-__ORFPutYnqJNKQuR0jlB-TzGTt0KjmY9Csy6EZPR4qtcjiF733qvesyz_TRQFfgFBO0GEQ6UP_jU8tc8b4P5NhL7k034msz_w" style="margin-left: 1em; margin-right: 1em;"><img data-original-height="77" data-original-width="507" height="61" src="https://blogger.googleusercontent.com/img/a/AVvXsEgf0XLXVNsGz2KA7LtwUd37rFAxO8cYxwwtB-wFlrtYQkh9M153kZtLeGp0AaqqO8zYwJIsTLsYTeDIsyFN3Hslv8D-__ORFPutYnqJNKQuR0jlB-TzGTt0KjmY9Csy6EZPR4qtcjiF733qvesyz_TRQFfgFBO0GEQ6UP_jU8tc8b4P5NhL7k034msz_w=w400-h61" width="400" /></a></div><ul style="text-align: left;"><li>Click the check ✅ to apply the edits</li></ul><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/a/AVvXsEiwPP0DJU6q1HSx_8U2BQ3G1eU9wndoqMZxGFjQlfP-NbTYbYr5LzVQawX3qd1-46NZrVx7zQIHWUJ3r1f_DEdEjDZwSynHtn2lN8lIXkX7IYSAhkpflDeMGW-lYDh-8896WHhLVeG5u3gw-mTze7PFiLdNHOiAVvv4P4NEaBvrOEwEQl-zvUu4TtiIqQ" style="margin-left: 1em; margin-right: 1em;"><img data-original-height="133" data-original-width="245" src="https://blogger.googleusercontent.com/img/a/AVvXsEiwPP0DJU6q1HSx_8U2BQ3G1eU9wndoqMZxGFjQlfP-NbTYbYr5LzVQawX3qd1-46NZrVx7zQIHWUJ3r1f_DEdEjDZwSynHtn2lN8lIXkX7IYSAhkpflDeMGW-lYDh-8896WHhLVeG5u3gw-mTze7PFiLdNHOiAVvv4P4NEaBvrOEwEQl-zvUu4TtiIqQ=s16000" /></a></div></div></div><p></p>Additional shapes may still have unwanted arrow markers, so clean up and restart the project.<div><ul style="text-align: left;"><li>Choose File > <b>Clean Up Document</b></li><li><b>Save</b> the project</li><li>Close and re-open Inkscape</li></ul></div>Justinhttp://www.blogger.com/profile/13405139779467188945noreply@blogger.com0tag:blogger.com,1999:blog-4228793464107368822.post-17876332082673842782022-08-11T11:21:00.003-04:002022-08-15T10:50:55.754-04:00Roadway Index Consolidation<p>The fire department needs an updated wall map of city roadways with a lookup grid and an alphabetically sorted index of roadway names for rapid review. This workflow creates a grid index, and joins its identification information to all roadways within each cell; which are then consolidated into a reference index.</p><p>While this illustration uses a gridded map index, this method can be used to summarize features that exist across any kind of aerial boundary unit: for instance zip codes, districts, neighborhoods, etc.</p><p>Here is the City of Cocoa's footprint:</p><p></p><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/a/AVvXsEjdDJR9IGhcT3H_QJ9JA2yIqofpCypGMFffoo-hdMLQV-OvnSWepIxnVSCS05RF72KnMlTmhLqUdPYtcy1ld5vt0t1JBy_GpT9Sfori6InXbTkBuCNagE1Cwj9VhsmaVVuqayTlCw5epsWjWOUGjlKUfz2BVvaZNdSH9fgJMxMHpWtvnLHnVH23QwoMEQ" style="margin-left: 1em; margin-right: 1em;"><img data-original-height="531" data-original-width="748" height="284" src="https://blogger.googleusercontent.com/img/a/AVvXsEjdDJR9IGhcT3H_QJ9JA2yIqofpCypGMFffoo-hdMLQV-OvnSWepIxnVSCS05RF72KnMlTmhLqUdPYtcy1ld5vt0t1JBy_GpT9Sfori6InXbTkBuCNagE1Cwj9VhsmaVVuqayTlCw5epsWjWOUGjlKUfz2BVvaZNdSH9fgJMxMHpWtvnLHnVH23QwoMEQ=w400-h284" width="400" /></a></div><h2 style="text-align: left;">Create an Area of Interest Layer</h2><div>This is for firefighters at Station 2, so their area of interest is mainly focused in the southeast portion of the city and surrounding areas. I <b>created a polygon layer </b>to describe that footprint, using ArcGIS Pro's <b>Direction </b>tool in the Edit toolset to snap digitized vertexes to cardinal directions for 90º corners.<div><span style="color: green;"></span><blockquote><span style="color: green;">ℹ</span> Precision isn't super important here, so I didn't switch over to a Mercator projection for digitization. I left the coordinate system in NAD83 Florida State Plane East (FIPS 0901) US Feet to avoid errors in the next step which is more important.</blockquote></div><div><div><p></p><p></p><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/a/AVvXsEhOrZRYjg27vxIYlZlT-cEjb1ZudxMjnxMpVqOtYzOzv1JRu4ijrOCtw2mSeoyapHFTtQiUWIFwy8hLqNc08QWaoBklBX442CdTPkwmNVsq7LFhtjdl21m5MliD1fnfNOLrm3CRASi7LMQ04Rp90YbWQqZvi5Ito0wRKBN5dzS9lCHN2ATiF4h7d--Nxw" style="margin-left: 1em; margin-right: 1em;"><img data-original-height="514" data-original-width="681" height="302" src="https://blogger.googleusercontent.com/img/a/AVvXsEhOrZRYjg27vxIYlZlT-cEjb1ZudxMjnxMpVqOtYzOzv1JRu4ijrOCtw2mSeoyapHFTtQiUWIFwy8hLqNc08QWaoBklBX442CdTPkwmNVsq7LFhtjdl21m5MliD1fnfNOLrm3CRASi7LMQ04Rp90YbWQqZvi5Ito0wRKBN5dzS9lCHN2ATiF4h7d--Nxw=w400-h302" width="400" /></a></div><h2 style="text-align: left;">Create Fishnet Grid</h2></div><div>We'll test ½ square mile grid cells (2640' x 2640') to balance fitting a sufficient amount of streets into a grid cell without being too densely populated and hard to identify a roadway within a cell.</div><div><ul style="text-align: left;"><li>Open the <b>Create Fishnet</b> tool</li><li>In ArcGIS Pro 3.0, open the dropdown at the top of the Template Extent section and choose <b>Browse</b> to select the <b>Area of Interest</b> layer that we created above as the template for the extent of this grid feature class</li><li>Ensure you're using the appropriate coordinate system with expected unit of measure for your own needs. I'm using FL State Plane East with US Feet as the unit of measure so I can enter a value of feet for an accurate grid cell size</li><ul><li>Enter <b>2640</b> in the <b>Cell Size Width</b> & <b>Cell Size Height</b> fields (which is half a mile in US feet)</li><li>Set the <b>Geometry Type</b> to Polygon and run the tool</li></ul></ul><div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/a/AVvXsEgoSIULORvu_JjwzYq6UcdMGWjdZlhdGWeMeaOkGwLecdujaF_akLLDUDakl7Ni6CfU41iGy279kjJTsiEBxW4eDFObV_Unyvezm8j831qohq7GZRNXt1jvbVQDYcRlpJqdwghfabLT27Es-Nf06EXvA6bRemZ4UQISGd1YA_LYfF0HyFqeenby16JGGA" style="margin-left: 1em; margin-right: 1em;"><img data-original-height="517" data-original-width="703" height="294" src="https://blogger.googleusercontent.com/img/a/AVvXsEgoSIULORvu_JjwzYq6UcdMGWjdZlhdGWeMeaOkGwLecdujaF_akLLDUDakl7Ni6CfU41iGy279kjJTsiEBxW4eDFObV_Unyvezm8j831qohq7GZRNXt1jvbVQDYcRlpJqdwghfabLT27Es-Nf06EXvA6bRemZ4UQISGd1YA_LYfF0HyFqeenby16JGGA=w400-h294" width="400" /></a></div><br /><h2 style="text-align: left;">Cull & Customize the Grid</h2></div><div>Many of these cells are over water, and I'd prefer to get rid of those and use that space for the Index. Even if the index doesn't fit there and I end up printing it out separately, I'd still prefer to remove those unnecessary cells in the northeast. </div><div><ul style="text-align: left;"><li>Open the Attribute Table</li><li><b>Add a Field</b> to named <b>Status</b></li><li>Manually select of those unwanted cells (107-110, and down running southeast to cell 33) </li><li><b>Calculate Values</b> of "Blank" or "Remove" or whatever</li><li>Open the Layer Properties for that Fishnet layer and navigate to the <b>Definition Query </b>section</li><li>Click <b>New definition query</b></li><ul><li>Where <b>Status</b> | <b>Is Null</b></li></ul></ul><h2 style="text-align: left;">Re-Calculate Grid IDs</h2><div>This will remove those features from the view, but the grid ID numbers will become inconsistent: e.g. After cell 32, numbering will continue on the next line above at 34.</div></div><p></p><div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/a/AVvXsEjcLEyV8F7tAjcgLTVAG0-dZaRnALzZkbiL5nmIevrsrpuDvcHqfsSsgqhgbCre5hFkqBtJGzA2Bim-Ak8Gh_u4hL4QswgescpYKZGKHKRbdwhtPYIiJL3T7568pglq-o5SHCcEmRGvRTNoGyyumx6SFmBP1UZZCF-fP0u1illIeZDKnIfO6Yz2ysub5A" style="margin-left: 1em; margin-right: 1em;"><img data-original-height="521" data-original-width="703" height="296" src="https://blogger.googleusercontent.com/img/a/AVvXsEjcLEyV8F7tAjcgLTVAG0-dZaRnALzZkbiL5nmIevrsrpuDvcHqfsSsgqhgbCre5hFkqBtJGzA2Bim-Ak8Gh_u4hL4QswgescpYKZGKHKRbdwhtPYIiJL3T7568pglq-o5SHCcEmRGvRTNoGyyumx6SFmBP1UZZCF-fP0u1illIeZDKnIfO6Yz2ysub5A=w400-h296" width="400" /></a></div><div><br /></div>Since the definition query is already in place, and the intended order is already sorted based on the object ID, we can run a custom field calculation to create a new contiguous unique ID to fix these gaps.</div><blockquote><span style="color: green;">ℹ </span>Optional: To be safe, you can create a new field (named <b>ID_Original</b>) to preserve the original ID. You'll first need to temporarily disable the definition query to record all values; <b>Calculate Field</b> on that new ID_Original and simply use the OID field to populate the ID value for every record. When finished, re-apply the definition query.</blockquote><div><ul style="text-align: left;"><li>Create another new field named <b>ID_Truncated</b> or something similar</li><li>Ensure there is no selection, and the definition query is set to exclude any unwanted parcels (see the graphic above)</li><li>Open the <b>Calculate Field</b> dialog to calculate values on that new field</li><ul><li><b>ID_Truncated</b> = <span style="font-family: courier;">autoIncrement()</span></li><li><b>Code Block</b>: Enter the following script and click <b>Apply</b> to run</li></ul></ul><div><div><span style="font-family: courier;">rec=0</span></div><div><span style="font-family: courier;"><span style="color: #2b00fe;">def </span>autoIncrement():</span></div><div><span style="font-family: courier;"> <span style="color: #2b00fe;">global </span>rec</span></div><div><span style="font-family: courier;"> pStart = 1 <span style="color: #38761d;"># adjust start value, if req'd</span> </span></div><div><span style="font-family: courier;"> pInterval = 1 <span style="color: #38761d;"># adjust interval value, if req'd</span></span></div><div><span style="font-family: courier;"> <span style="color: #2b00fe;">if</span> (rec == 0): </span></div><div><span style="font-family: courier;"> rec = pStart </span></div><div><span style="font-family: courier;"> <span style="color: #2b00fe;">else</span>: </span></div><div><span style="font-family: courier;"> rec = rec + pInterval </span></div><div><span style="font-family: courier;"> <span style="color: #2b00fe;">return </span>rec</span></div></div></div><div><br /></div><div><br /></div></div></div><div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/a/AVvXsEgRLsMRc7HfLXhxdfpOt3f6B92kB7UZNpT3guC3ljP2V6oRDLB3jhIwwLB3kyQlI3hJ1HKbLDfLwOrkaW91AwNw7YRO2sQsZvRIjVeF5fxghwxtPcZYymCQyIxmQ5vQFJQZwU6vyNywrDv0NalDI2PNi66ON4wfylyzodWvMKYd5qnVoMamIF97N9PhIw" style="margin-left: 1em; margin-right: 1em;"><img data-original-height="604" data-original-width="400" height="400" src="https://blogger.googleusercontent.com/img/a/AVvXsEgRLsMRc7HfLXhxdfpOt3f6B92kB7UZNpT3guC3ljP2V6oRDLB3jhIwwLB3kyQlI3hJ1HKbLDfLwOrkaW91AwNw7YRO2sQsZvRIjVeF5fxghwxtPcZYymCQyIxmQ5vQFJQZwU6vyNywrDv0NalDI2PNi66ON4wfylyzodWvMKYd5qnVoMamIF97N9PhIw=w265-h400" width="265" /></a></div><ul style="text-align: left;"><li>Finally, change the labeling field to the new <b>ID_Truncated</b> </li></ul><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/a/AVvXsEiu8lNKrCReJocj3jQ45EwySMcja55VnR5mGfCRUuZY4o-4w_nCB9C0jON4b0aeKo7YRQyPReJhwCaDtpA7yBCL2xtIwMdDv5KCUODrcN4OCpdPwsdzIJ9ixES_LIfHLhEI0Yqi6Po-t9w7UCIo8QXDHIKbe8oXarR03ll5dhjE6fyVjoct36Qo6X9JrQ" style="margin-left: 1em; margin-right: 1em;"><img data-original-height="517" data-original-width="700" height="295" src="https://blogger.googleusercontent.com/img/a/AVvXsEiu8lNKrCReJocj3jQ45EwySMcja55VnR5mGfCRUuZY4o-4w_nCB9C0jON4b0aeKo7YRQyPReJhwCaDtpA7yBCL2xtIwMdDv5KCUODrcN4OCpdPwsdzIJ9ixES_LIfHLhEI0Yqi6Po-t9w7UCIo8QXDHIKbe8oXarR03ll5dhjE6fyVjoct36Qo6X9JrQ=w400-h295" width="400" /></a></div><h2 style="text-align: left;">Join Grid IDs to the Roadways</h2>Now run an <b>Intersect</b> process to join the grid cell IDs to each roadway, while splitting roadway segments at the borders of each grid cell</div><div><ul style="text-align: left;"><li><b>Input Features:</b> the <u>Roadway Centerlines</u> layer, and the <u>Fishnet</u> grid layer</li><li><b>Attributes: </b>All</li><li><b>Output Type:</b> Line</li></ul><div>The result will be a line dataset set to the extent of the fishnet grid:</div></div><div><br /></div><div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/a/AVvXsEj5iTp0bmRcKXobsQbEsdAQtQh_m8YVz1w7IehEice6n39A4pfWKCmdytqOcs5NQHV8eR-W4j4ZGm8KuPtmAeQAqKdll84-JlRWnJSe9Uw07qkKvPX7vTgk4sEkZWUVOdVEXfCl76UDS0-F8miSG4d6Bx6ysv_V5cCDYXL7lhGtcm5kKSps86umfSRlSw" style="margin-left: 1em; margin-right: 1em;"><img data-original-height="525" data-original-width="695" height="302" src="https://blogger.googleusercontent.com/img/a/AVvXsEj5iTp0bmRcKXobsQbEsdAQtQh_m8YVz1w7IehEice6n39A4pfWKCmdytqOcs5NQHV8eR-W4j4ZGm8KuPtmAeQAqKdll84-JlRWnJSe9Uw07qkKvPX7vTgk4sEkZWUVOdVEXfCl76UDS0-F8miSG4d6Bx6ysv_V5cCDYXL7lhGtcm5kKSps86umfSRlSw=w400-h302" width="400" /></a></div><h2 style="text-align: left;">Export to Spreadsheet Editor</h2></div><div>Move over to Excel/Sheets to finish processing. Run the <b>Table to Excel</b> tool to export the attribute table of the resulting Intersect process. This will make it easier to consolidate the dataset into distinct roadways with multiple IDs concatenated together. Here's an example:</div><div><br /></div><div><div class="separator" style="clear: both; text-align: center;"><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/a/AVvXsEh84Yod-2QcGGD1nR9QEkilACI2sjWt4DqfbPwsUEYpnPdibfze6JP-IHvjLWoKimyqv71EeF7rkcp0qYDim_HB7SiP-nzUoAKLa1uJUILGfImy-vX2cr30Orsr3j0U7AOuwfsviRmSHBSc__fGHdK6zkM9NYfX0ZJy-bNZ6-FL-OBz4qeVAzONJ64GVQ" style="margin-left: 1em; margin-right: 1em;"><img data-original-height="119" data-original-width="518" height="92" src="https://blogger.googleusercontent.com/img/a/AVvXsEh84Yod-2QcGGD1nR9QEkilACI2sjWt4DqfbPwsUEYpnPdibfze6JP-IHvjLWoKimyqv71EeF7rkcp0qYDim_HB7SiP-nzUoAKLa1uJUILGfImy-vX2cr30Orsr3j0U7AOuwfsviRmSHBSc__fGHdK6zkM9NYfX0ZJy-bNZ6-FL-OBz4qeVAzONJ64GVQ=w400-h92" width="400" /></a></div></div></div><div><ul style="text-align: left;"><li>Open the dataset in Excel and hide all field besides the <b>Address Label </b>(from the Roadway Centerlines dataset) and the <b>ID_Truncated</b> field (from the fishnet grid)</li><li>Add three field headings after these two fields: named <b>Count</b>, <b>End</b>, and <b>Formatted</b></li></ul><h2 style="text-align: left;">Clean up the Data</h2><ul style="text-align: left;"><li>Select the first row of headings, navigate to the <b>Data</b> tab and click the <b>Filter</b> button to turn on field filtering tools</li><li>Sort the <b>Address Label </b>field, ascending</li><li>Remove any blank or null Address Labels by selecting those records and deleting those rows</li></ul><ul style="text-align: left;"><li>Select cell A1 and press <b>Ctrl+A</b> to select all records</li><li>Navigate to the <b>Data</b> tab and run the <b>Remove Duplicates</b> tool</li><ul><li>Select the <b>Address Label </b>and the <b>ID_Truncated </b>fields and click <b>OK</b> to run. The tool will report how many duplicate records were removed</li></ul></ul><div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/a/AVvXsEiv0eBFS_pN6QcWCWlw2LHjv_-DtBoYTiJF67BnIz-C7s4_za1S1O3D3EYjtIwEnHcoGEgIbTdIfQp7rvjhRtoRyn1jbx73fqM82SoT8j6-2_r3XHsgK1_JdOidIcUjQBNL_ft_4gHGf3oRS2-lxFhldpZmM8-5IUPkYm3ITXC8-FOz-wx9Z24xHZjQrQ" style="margin-left: 1em; margin-right: 1em;"><img data-original-height="239" data-original-width="779" height="122" src="https://blogger.googleusercontent.com/img/a/AVvXsEiv0eBFS_pN6QcWCWlw2LHjv_-DtBoYTiJF67BnIz-C7s4_za1S1O3D3EYjtIwEnHcoGEgIbTdIfQp7rvjhRtoRyn1jbx73fqM82SoT8j6-2_r3XHsgK1_JdOidIcUjQBNL_ft_4gHGf3oRS2-lxFhldpZmM8-5IUPkYm3ITXC8-FOz-wx9Z24xHZjQrQ=w400-h122" width="400" /></a></div><h2 style="text-align: left;">Create Analysis & Formatting Formulas</h2><div>Use the following formulas for those three new fields. <b>Count</b> and <b>End</b> are for reference and filtering use later, while the <b>Formatted </b>field is going to help build the index mapping that we're summarizing</div><ul style="text-align: left;"><li>Enter the following formulas for each cell:</li><ul><li><b>Count:</b> <span style="font-family: courier;">=COUNTIF($A$2:$A$1177,A2)</span><span style="font-family: inherit;"><br /><i><span style="color: #990000; font-size: x-small;">* Where <b>1177 </b>is the last row in the dataset</span></i></span></li><li><b>End:</b> <span style="font-family: courier;">=IF(A2=A3, "", "End")</span></li><li><b>Formatted, line 2:</b> <span style="font-family: courier;">=B2</span></li><li><b>Formatted, line 3:</b> <span style="font-family: courier;">=IF(A3=A2,E2 & ", " & B3, B3)</span></li></ul><li>Fill the formulas down the the bottom of the dataset, leaving cell B2 as a unique outlier to help start the formatting trick </li></ul></div></div><div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/a/AVvXsEjZOvwUjWlcuWxba7eP_6OoNMvwJWIi-7TqrbRGvj7W23xgNGda5yutjMSqUsmzQP1v5GlwhumJay98jpMA6ugjlUbcN11iZr-OGQvdW_ePonaUGyc0KluBFxliV_qA4ECOQ4VV6rxkwML5MJhtpert_CY0Of28FZ0oE4R-vc6zQyA471EE9wdiJnbm0Q" style="margin-left: 1em; margin-right: 1em;"><img data-original-height="242" data-original-width="779" height="124" src="https://blogger.googleusercontent.com/img/a/AVvXsEjZOvwUjWlcuWxba7eP_6OoNMvwJWIi-7TqrbRGvj7W23xgNGda5yutjMSqUsmzQP1v5GlwhumJay98jpMA6ugjlUbcN11iZr-OGQvdW_ePonaUGyc0KluBFxliV_qA4ECOQ4VV6rxkwML5MJhtpert_CY0Of28FZ0oE4R-vc6zQyA471EE9wdiJnbm0Q=w400-h124" width="400" /></a></div><div><br /></div>Here's what's happening in each of these new fields:<br /></div><div><ol style="text-align: left;"><li>The <b>Count</b> field compares downward, and aims to report how many times an Address Label is present across the dataset. <b>A Lane</b> is in the dataset twice, while <b>A Street</b> is in the dataset three times.</li><li>The <b>End</b> field aims to mark the end of a group of addresses. We'll use this flag for filtering reasons next. Notice the value of <span style="font-family: courier;">End</span> on the 2nd of two records for <b>A Lane</b>, and the 3rd of three records for <b>A Street</b>.</li><li>Most importantly, we're beginning by taking the first ID in the dataset and writing that to the <b>Formatted </b>field. On the next row, we're looking upward to see if this next record's address is the same as the previous. If so, that means our address is found on an additional grid cell, so we're concatenating it with the previous cell, separated with a comma and a space. If the previous Address Label is different, then it's a new address and we'll pull a new ID by itself.</li></ol></div><h2 style="text-align: left;">Consolidate with Formatting</h2><div>Now we'll finish up by applying that filter.</div><div><ul style="text-align: left;"><li>Make those formulas permanent by copying those cells and Paste Special > <b>Values</b></li><li>Select the filter menu for the <b>End</b> field and remove the <b>Blank</b> category. Click <b>OK</b> to apply the filter</li></ul><div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/a/AVvXsEg-6qzidPf6yzFnotXnWqgoyv00sqJpC6PdkHE_FaumYnQihIuRE2IuheMt8YsbzI5vILu-nyz2EBgkRABCYyMe0y0YgRmu0T0vRUnO-6063-cyRm8cS436WH2TfPHv8AIbnt4ylSkUOLksGx0r-0A3_rpdbHazqFu454zcNAKql6JDJ0d6zjD-jOMhgA" style="margin-left: 1em; margin-right: 1em;"><img data-original-height="450" data-original-width="779" height="231" src="https://blogger.googleusercontent.com/img/a/AVvXsEg-6qzidPf6yzFnotXnWqgoyv00sqJpC6PdkHE_FaumYnQihIuRE2IuheMt8YsbzI5vILu-nyz2EBgkRABCYyMe0y0YgRmu0T0vRUnO-6063-cyRm8cS436WH2TfPHv8AIbnt4ylSkUOLksGx0r-0A3_rpdbHazqFu454zcNAKql6JDJ0d6zjD-jOMhgA=w400-h231" width="400" /></a></div></div><ul style="text-align: left;"><li>The unnecessary records are merely hidden here. Hit <b>Ctrl+A</b> to Select All records, and <b>Paste</b> it into a new worksheet to make the dataset permanent. Notice the spreadsheet's row numbers are now sequential </li></ul><div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/a/AVvXsEh_IOHm8_UAOw233wNdPYnP4kDuN6uATgXTg8RrTIRmvtcutu0St9_gga1Ren7UvcnCTsJvB-6HWKfTjP8bSQXjrCSylmYp5Gxx7951GRPmk1cY_hTGlzn3Yjwu6_CDm4rX1pui-uD8mMXeP9GS6952YFZVe5c9fBTxy40zxo0euS94ivG-YPctnjFLgA" style="margin-left: 1em; margin-right: 1em;"><img data-original-height="243" data-original-width="779" height="125" src="https://blogger.googleusercontent.com/img/a/AVvXsEh_IOHm8_UAOw233wNdPYnP4kDuN6uATgXTg8RrTIRmvtcutu0St9_gga1Ren7UvcnCTsJvB-6HWKfTjP8bSQXjrCSylmYp5Gxx7951GRPmk1cY_hTGlzn3Yjwu6_CDm4rX1pui-uD8mMXeP9GS6952YFZVe5c9fBTxy40zxo0euS94ivG-YPctnjFLgA=w400-h125" width="400" /></a></div><h2 style="text-align: left;">Stylize & Finishing</h2></div></div><div><ul style="text-align: left;"><li>Remove the <b>ID_Truncated</b>, <b>Count</b>, and <b>End</b> fields</li><li>Rename the remaining fields to <b>Roadway</b>, and <b>Grid</b></li><li>Optionally, you may want to use the formula <span style="font-family: courier;">=PROPER(A2)</span> or <span style="font-family: courier;">=UPPER(A2)</span> to change the case of the Address Label field as needed</li><li>Adjust the formatting of the font size and typeface to suit your map's style</li></ul><div>At last, copy and paste the range (or segments of the dataset at a time) back into your mapping project for final cartography and layout.</div></div></div><div><br /></div><div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/a/AVvXsEj_5tguNQycWdvHzLB6t5zCGREE8hepNOAeDfs5tRcOdq16XWxD2zl7djbjVdXCIvKlxiHHkETHVEqCeyZHoHyxPyCILT36DjrF3FChMFh9ORzLqsq8Clg7rrdtS2VQw8Ijt7_bEewFPOWTNO2QixaDgieS2-h665UtmNKQlRes1guWv4iXnL9lbp4NAw" style="margin-left: 1em; margin-right: 1em;"><img data-original-height="433" data-original-width="709" height="244" src="https://blogger.googleusercontent.com/img/a/AVvXsEj_5tguNQycWdvHzLB6t5zCGREE8hepNOAeDfs5tRcOdq16XWxD2zl7djbjVdXCIvKlxiHHkETHVEqCeyZHoHyxPyCILT36DjrF3FChMFh9ORzLqsq8Clg7rrdtS2VQw8Ijt7_bEewFPOWTNO2QixaDgieS2-h665UtmNKQlRes1guWv4iXnL9lbp4NAw=w400-h244" width="400" /></a></div><br /><br /></div>Justinhttp://www.blogger.com/profile/13405139779467188945noreply@blogger.com0tag:blogger.com,1999:blog-4228793464107368822.post-79385840006023574292021-08-10T10:22:00.005-04:002021-08-10T10:22:35.103-04:00ArcGIS Online Application Transparency Issue<h2 style="text-align: left;">Issue <br /></h2><p>I published a Map in ArcGIS Online, and converted it to an Application to add some custom functionality (splash disclaimer, print button, etc.). Unfortunately, there is a city boundary layer that is displaying with a 60% transparency, and the requestor wants this to be much darker. I cannot seem to adjust this at the Application level.<br /></p><p></p><table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto;"><tbody><tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjye1QsJv2aWzc9XIxKIqTink3wj_ILQWkGJ51RJu1pdmoNNKe1yTYe4C2ji5muXxvxFznaZeGKn1-FgsJ9gDw3_nEntj8TsKltf2g7N2cu8iC3FljBqOymq0v6D9yqHE8TeWZBpOp4eZCd/s942/Application+Interface.png" style="margin-left: auto; margin-right: auto;"><img border="0" data-original-height="603" data-original-width="942" height="256" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjye1QsJv2aWzc9XIxKIqTink3wj_ILQWkGJ51RJu1pdmoNNKe1yTYe4C2ji5muXxvxFznaZeGKn1-FgsJ9gDw3_nEntj8TsKltf2g7N2cu8iC3FljBqOymq0v6D9yqHE8TeWZBpOp4eZCd/w400-h256/Application+Interface.png" width="400" /></a></td></tr><tr><td class="tr-caption" style="text-align: center;">Application view<br /></td></tr></tbody></table><p> </p><p> The layer in the map has all transparency removed in the Symbology properties, as well as in the layer's Appearance<b> </b>settings. Despite removing and re-adding the hosted feature layer, the Application still renders the transparency.<br /></p><table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto;"><tbody><tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg0TIEsgytz6BqVawyOih5TN5JdB8UfKW04oyaZ9cWO_lSWf1WVaj4AT1LQIYOlKuubITEbutgqzvbx5PAfSm2I3AvgLPcB2K1bdpF5id1sjBDres0STXyO2bG7qBlR4lLFdFMkWG4ZIoR1/s862/Map+Interface.png" style="margin-left: auto; margin-right: auto;"><img border="0" data-original-height="639" data-original-width="862" height="296" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg0TIEsgytz6BqVawyOih5TN5JdB8UfKW04oyaZ9cWO_lSWf1WVaj4AT1LQIYOlKuubITEbutgqzvbx5PAfSm2I3AvgLPcB2K1bdpF5id1sjBDres0STXyO2bG7qBlR4lLFdFMkWG4ZIoR1/w400-h296/Map+Interface.png" width="400" /></a></td></tr><tr><td class="tr-caption" style="text-align: center;">Map view<br /></td></tr></tbody></table><br /><h2 style="text-align: left;">Solution</h2><div style="text-align: left;"> Check the settings at the <u>feature layer</u> level:<br /></div><div style="text-align: left;"><ul style="text-align: left;"><li>In ArcGIS Online/your Portal, navigate to <b>Content</b> </li><li>Search for- and open the hosted feature layer <br /></li><li>Navigate to the <b>Visualization</b> tab</li><li>Click the <b>Change Style </b>icon <img border="0" data-original-height="16" data-original-width="17" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhyhQA55RLAvtYikljtjXCrdmuaGTB2vnhUn7RRhaxI4N-SDYsv1jK0F0XxJXkRuZqUSs-cu9FJIj_ELo34kv5Aga68T0C29YclG_kA2j5UR08LuU2S2CUr_TT5CNxExXZasCN3-qEJHPzC/s16000/Change+Style+Icon.png" /> </li><li>Click the <b>Options</b> button to open the symbol properties</li><li>Review the Overall Transparency setting and adjust if necessary</li></ul><table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto;"><tbody><tr><td style="text-align: center;"><img alt="" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAARQAAAE+CAYAAABMR+8pAAAc1klEQVR4nO3dTW8bR57H8byTYN5AjjPA5gUYGFC3nHgYICfTB19iCEEOAeiDLwwCyPG0bMvxMvFyJyvFOwwao3EcRQmFLGLMYtqKxYGcBcYdOYkjG9moGYlBQ+vE/z041a4uVjcfVHzU9wM0bLKb/cSuH/9VTUnPCQA48ty4dwDA7CBQADgzcKBEUSSlUkk8z3O5P5hCYRhKsVgU3/fHvSsYs9xAieNYyuWyFAqFZAqCQERGHyhqe+VyWeI4Hso2fN+XYrEoYRgOZf29Ug10FOfW87zU+6u/x70iUKBkBooKk1KpJFEUiYhIEARJgyNQ3FDnWT+uUQSK2ob+/oo8PQeFQqGv80ygQMkMlG4XySx2eSYlUIZNvXdmmCgqVHoNCAIFStdAybro9IqhVCpllstBEKTKaXXR2SoO80LWG9vDhw9TAab2r1KpSLFYlEKh0BEGZpdtfn5e5ufnMxtvt0DJOpas7ennTu9amFWeuU5bA1XPqeXMIPc8LzmfWcuYx5E133xvup1rfX/Vum37TuDMvtwxFLN/rV8Q6qJTF5ati6QCQoWMWcp7ntfxer3c1i9EsyIyA89sBHn7M0igdDuWrO37vi++76e2qRp/FEW5XR51vs1Gagtj9V6pZcz9zTsWk3nuup1rfX9txzMpY1MYvq53ecxPXXWhZFUY5qev2Xj1EFENJQiCVANV823rMwNFDzm9odo+Kbt1L7Iu/F6OpVsj1eljUd0CxRaMal/17enHnnV+sl5rygqUrHNtztfXr9Y1S11jZOv5trEeLEEQWMdQ8gJAX8a2jiAIpFQqyVdffSWlUkmCIBDP8zoCrN9A0RvNUQMl71jyPoVtd8vMBtctUMx9NgOzn0AZtMvTa6Do50vN6/fOEaZTX99DyQoDfX4/FYp6rJbzPC/VgEqlkvUiFZmeCiXrblm/geKyQul3ULbfQNHnV6vVkQ44Y7wyAyWKIpmfn08al3lhdwsU9Thv3EEkPdCpllOv09fVb6BMwhhKpVKRO3fuWMdW+gmDXsdQeg0UfX5WUOnv0SCBog8iMxh7fGQGirqw9Em/gHsJFJHud0bMwV2RZxdj3va6XeQig93lMY9Zb/j93uWZn5+X3d1d6x0aWzi5uMvTa6Dor9OPyRaogwSKOhcMxh4vx+pneRggHB3O9fE0s4GiKhp9TKOfOzE4GgZjj6eZDpTt7e1UN4Hye/j0bh/VyfEzs4ECYPQIFADOECgAnCFQADhDoABwhkAB4AyBAsAZAgWAMwQKAGcIFADOECgAnCFQADhDoABwhkAB4AyBAsAZAgWAMwQKAGcIFADOECgAnCFQADhDoABwhkAB4AyBAsAZAgWAMwQKAGcIFADOECgAnCFQADhDoABwhkAB4AyBAsAZZ4GytrZ2pAnA9HMSKGtra3LxfFnWPlgYaLp4vkyoADPAWaCsfbAg8n19oGntgwUCBZgBBAoAZwgUAM4QKD167fpnsnn/0ZHWsXn/kbx2/TNHewRMnqkOlIP4UF7yfPnN/BX5zfwVefHce7Lbars4pA4ECtDd1AaKCpPza7eT525shfKS58tBfOjisFIIFKC7qQ2U3VZbXvL8oVUkJgIF6G6qA+XEm9etjVxVLze2QutzN7ZCOV1bl9O19aS7pJ5Xj81K57Xrn8mNrVBePPdesoxeHenbyOqCmYFyfu12suzp2npfxw9MoqkNFJGnDfSF19+VF15/tyNYVGjoy7789odyEB8mr1OBoB6rELF1p07X1lPbMZfJ6oLpoaIHir4/av16AALTaKoDRdErA9UoD+JDefntD5MAOL92OxUgemO2VTRmINkavN7tyhq/OV1bT21XBcqou2zAKMxEoCib9x/JiTevJ41UhchBfCina+vWSkGkM3xEOgPFNoaiv85c3rYec7uqMqLLg1kxU4Fifuqrxze2wo6G3G+guK5QTHoFBUyrqQ2UzfuP5F/O/SkVAqdr6x2NWg186mEwaKC4HEMx10+gYBZMbaCISOqujO3OjEjneIl6bpAuj+u7PPpdpmF9fwYYpZn/9QV88gOjM9O/YCnvuyoA3JvZXwGpuhNUJ8DozGygABg9AgWAMwQKAGcIFADOECgAnCFQADhDoABwhkAB4AyBAsAZAgWAMwQKAGcIFADOECgAnCFQADhDoABwhkAB4AyBAsAZAgWAMwQKAGcIFADOECgAnCFQADhDoABwhkAB4AyBAsAZAgWAMwQKAGcIFADOECgAnCFQADhDoABwhkAB4Iw1UKIoklKpJIVCwTqVy2WJ43jU+wpgwnWtUOI4lnK5TIgA6IpAAeDMQIEShqEUi0WpVCpSLBaTeZ7nJd2iYrEoYRgm6/E8T0qlkpTL5WQZz/OS+WY3S80zt6Xm+76f2s9+th0EQcdrSqWSRFGU2pdyuZzaJ/U6JQiCVFfwz3/+c/IatS59+/pzwCw6UqDoDdf3/dQyZiNSjVcFge/7SSNV29BD5OTJkxKGYbItvUGrhqyvq5dtq/Wr7ZnLqMcqUNTx2ZbX91/tU6lUko2NjdTzal16eAKz6kiBYlYJuiAIUoFjNnJ9HWobZmWhL6c3SFsD72fbKpD0ikN/zhYCvu8n69QrGLMbaM4z9wWYZc4CRS1n3hHSuxdZgaI/zury2Lo4an39btvsquiT7/s9B0pW1aEv63ke4084NpwEiq1iMKuAboGi8zwvaZDdKpSHDx/2vW1bhaI7SoWiH1u1WpVSqZS5HWDWOAkUs4HpFUOvgVKtVlPjMWag6N0GfQxlkG1nBaAKkG6Boh6bYyj68mrchsFYHCfOujy2LkuvgWK+Vh9w7eUuT7/b1o9L3+by8nJqUDYvUEQ6u04ff/xxco7UPAZjcZxM/FfvexkAnkQMxuI4IlCGhMFYHEcEimOqq0N1guNo4gMFwPQgUAA4Q6AAcIZAAeAMgQLAGQIFgDMECgBnCBQAzhAoAJwhUAA4Q6AAcIZAAeAMgQLAmZkPlNXVVdnZ2RERkZ2dHVldXR3zHgGzy2mgNJtNWVhYSE3NZtPlJvpGoACj4yRQ4jiWWq0mtVot9QuFWq2WLC0tSb1ed7GZgRAowOg4CZR6vZ4ZGipsGo2Gi031jUABRufIgdJqtaRarSaN1mZnZ0dWVlYkjmOp1+sd4aI/pwJIdZn0oGq1WlKr1eTWrVupeY1GI1nerJIIFGB0jhwoelhk0UPHXF6FRKvVslYzjUajI2z0kDFDotFopOYTKMDojDxQ4jiWlZWVpJE3m80kAPT/66/VA0d/bS/7Q6AAozPyLo9Iuuqo1+vJnSDbXaKFhQVZWlpKAqVer0ur1Uqtv16vp5bXuz0ECjA6TgZlzW6GztaNabVaUq/X5eHDh1Kv15PGb6tQzHWZgWKOyVChAOMzttvGq6ur8tFHH6XCIGsMRb0+K1D077rU63UqFGBMxvbFtmazKZ7ndXSVzLs8ejjYAkWFllr+1q1bqaqHQAFGZ+a/eg9gdAgUAM4QKACcIVAAOEOgAHCGQAHgDIECwBkCBYAzBAoAZwgUAM4QKACcIVAAOEOgAHCGQMFU2Y+fSPPbX2Tjy5/l07vpaePLn6X57S+yHz8Z924eWwQKpsZ+/EQadx93BIk5Ne4+JlTGhEDB1Gh++4t8evdnaX59KHs/tqXdbst+++m/B+22RD+2pfnN/z1d5ttfxr27xxKBgqmhujl7P6aDRJ/2fmwn3R+MHoGCqaG6NGaI6NN+u50sh9EbW6BcvnyZiannSaQzUNrav/taqOiBMu79ntRpWCY6UO7du8fEJPfu3RMRLVAODjqrk4MDaf8aLse9QiFQCBSmLpPIs0BpG10cvVo5ODggUAgUAoUpfxIxuzzpKkXv/hAoBAqBwpQ7iTwLlPtff5M5KHv/628IFAKFiSl/EnkWKJeX3pYf9vbSXZ+DtvywtydX37nGoGyP53MYJvq28dzc3Lh3walZOp5xHIsKiu++25WP1z9JdXfa7bZ89l+fy4MH3w1UofDeuEGgjNAsHc84jkV9se3w8RPZ2vqH/PXmWhIqn3zakNubd+Tw8ZOBvtjGe+MGgTJCs3Q84zgW9dX7L3efyOHjJ7L+SUM2v2jK5hdbsr7ekMPHT+TL3ScDffWe98YNAmWEZul4xnEs+/ET608Z237quN8fDuS9cYNAGaFZOp5xHcuwfn0B740bEx0oAKYLgQLAmbEHiu/7Mjc3J3Nzc+L7fvJ8EATW533flyAIxrGrM29xcTE553Nzc7K4uJjMi6JITp06JXNzc3Lq1CmJokhEROI4lrNnz3Y8H0WRLC4uShzHYzmWWeH7vpw9e7bjPGa1m7x5o2hTYw2UIAiSkxVFkczPz0sYhh0XY7VatT4Pt9R5NqnQUBed7/tJ2OgXYxiGUq1WO57HYFT7MK/5rHaTN29UbWqsgbK4uJi66IIgEN/3Mw8+64KHG1nnNwxDeeONN5L3I45jWVxclCiKrIGiBwsGo9rA7u5uR4PPajd580bVpsYWKHEcyxtvvJE6GP1CNMsz/aRhOPQuj15mB0GQ6v6IPLsgzS6PagCq64OjMYMgr91MQpsaa6CYF575Sagvu7y8TFdnhPRuje3CMz8JlSAI6Oo4ZAuUrHajlh1nm5rYCkWnp6lKWC7a4dIv3LwKRaeX6WoA1zagiN65rFB0w2pTEzmGorP1y20pDbf0c5w3hqKz9cvpqh6NbdB0kDEU3TDb1MTc5bGlq3lREyjDo78XIukuj3mXx1ax6BcugeKOLVDy2s2429TEfg9FpPNipMszXPqgndlVyfoeikjnxagvS5fnaLJu6w7yPRSR4bepsQcKgNlBoABwhkAB4AyBAsAZAgWAMwQKAGcIFADOECgAnCFQADhDoABwhkAB4AyBAsAZAgWAMwQKAGcIFADOECgAnJmKQGm1WrK0tCQLCwvSbDbHvTsAMjgJlHq9LgsLC6nJZcNvNBrSaDScrQ/AcDgLFD1AVEXhKlTM9U/KugCkDSVQRNxWFQQKMB1GUqHoXaJarZb6cwwrKyty69Yt8TwvNU9fj/naOI6lVqslz9fr9dT+7OzsiOd5srCwIJ7nyc7OTse61PPNZrPj9Y1GI9l3NV8dg3pe3wZjO8BTQx9DUY1RMRtwvV7vCBLb+tX6VJjo1Y9eDcVxLPV6XVqtlog8bfjVajV5bIZft0BRwaG/ZmdnR5aWlmRnZyfZ5srKSvIYOK6G1uURedrwVlZWUmFhNr5euiD6MrYAaLVaUqvVktDQddteL4FiHoNtn23rAY6boQeK3i0wuxsiIqurq10/2c1AMde3sLAgS0tLSaCYy+jbGyRQVldXO/bHtg8ECo67kVcopkECJa/hNptN6zhNP4GiL5MVKIyZAJ2GGihqnjmGojf4fgMlawxFbcMMiGazmapQzLtPrVZLqtVqMl9VN3mBYhtDqdVqhAyOvaEHippv65qI9B8oItJxl8cc1NW3V6/XU9tQ3TA9ZPQuUr1e79rl0dejXscX74Ap+eo9gOlAoABwhkAB4AyBAsAZAgWAMwQKAGcIFADOECgAnCFQADhDoABwhkAB4AyBAsAZAgWAMwQKAGeOVaD4vi+FQkHK5XLuL32aBdsP9uSc//dx78bAfjp8LK8ufy7f78/2+zRrJipQgiCQQqGQTL7vO1t3FEVSLpcliiJn6zyKxt0H8vwr12T7wZ6T9X2/H8vvzl6XqxvbIjL+QLm6sS2vLn9unbf9YE9OvbMhPx0+znw9gTKdJiZQgiCQUqmUNPg4jqVcLksQBD29PgxDqVQqmZVHt/mjds7/u5x6ZyMJAF3j7oNUY+ylAZpcBMog21W+34+lePEjayC8uvy59bh1BMp0mphA8X3/SBXJNAWKaqj3/3ff2uhmIVBEngZH4+6D1HN5QaMjUKbTRAWK53m5y4RhKMViMekSqepFjY2oyVyPOT8IAgmCIPlVkPq68rpdqtv08ccfp7YVRZGUSiUpFApSLBYlDMPc47i6sZ00NP3/Ik8b4XN/8JLp5SvrqcevLn8uPx0+llPvbMjK3/4pz79yTYoXP5KfDh/LOf/vSRdKBcrVje3ktb87ez3VQM3g0vdHf53arm0f1bZtGncfdMw3t6mvS3/eDJSrG9sdVY1+vOqYn3/lWrI+/byqLuFzf/CcdjWRNjGBIiJJ47YFSxiGcvLkyaSxxnEslUoledxvhaLCSe9SZXW7VKiox2pQVz3WQ8T3/dxB3+/34yQUROxVQC8VyqvLn3c0VjNQnn/lWmo9jbsPUqGSFyh52zXXmTVW8v1+LL9/8y+pxqtXLSq49Hnqcb+Bsv1gT35bfj95rEJXPda3e9TKC9kmKlAUVSXoDdPzvI7xFFVliAwWKPrjrDGbMAxlfn5eoijqCDGRzsqq2+BvL5+0vQaK2Z0wG5it0ejb7zdQbOs0G27e8W4/2JPfv/mXzG6Mvj/9BortfOjrs70e7k1koCie5yXVgapezOkogVKtVpP5trAwn4/jOOniKObYT16g/HT4WIoXP0p1JWzlfi+BYoaQ+VzWGIq+7kECRe9SqCmvC6Gvw2zUtvNxlEDpdl7VMnR5hmeiA0VvrLYKReciUHqpUI4SKFndA/NT3lWgDFKh5HUNBukqqNBY/WIndYzqeb2q6KdCyevSdNPrwDD6NzGBogZIFXOMwzaGogdAt65Gt0AR6W0M5SiBknfRm10DveHaGkAvgdJtDMUc42jcfZAazLRt1zaGkjcwq5b5bfn91DGZgaACJitQzO7S1Y3tVKVhG0NRgWVui0AZnokJFNV4zbsxOvMuj3mbudugbrdAEcm/y3OUQOk2fqDP17sCKmRUua4aXK9dnry7PCLPQkStO+uuU9adGds6TeoOixmmehfq+Veuycrf/pl002y3jfVjubqx3fUuj17R5N0BgjsTEygAph+BAsAZAgWAMwQKAGcIFADOECgAnCFQADhDoABwhkAB4AyBAsAZAgWAMwQKAGcIFADOECgAnCFQADhDoABwhkAB4AyBAsAZAgWAMwQKAGcIFADOECgAnCFQADhDoABwhkAB4AyBAsCZsQSK7/tSLBaTv1M86DIAJos1UKIoklKplPrD4Yr6G8TFYlHu3LkjpVJJyuVy8jeDbdTfJFZ/c3jYgaL2X/8bxYVCoet+AsNwEB/KS54vv5m/Ir+ZvyIvnntPdlvtce/WUGRWKL7v5/7BcvVHwyc5UPQ/mq72gVDBKKkwOb92O3nuxlYoL3m+HMSHY9yz3p2urcuNrd7aYWagmCGgZAVNP8YRKCIinudZqy5gWHZbbXnJ86e6InESKKprozdA9Zz6lLc1XM/zki6Geq0KJ9/3ReRZWCwvL6e6JHpI2QIlCILM5XW9Vij6vprbUuFTLpeTZbLCVb2+UqlY12OeDxwfu622nHjzumzef2SdfxAfystvf5iav9tqy+naeqqCubEVJl2mF15/N6ly9KA6XVtPlnnJ8+X9//4fOV1bT21L73rp88zXn1+7Lbuttrx47r3UdrOOQ8kdlFUNWAWBGQxmw/V9P2k0Knx837cGitnAPM9LNUYzUMzKSO2bLVR6GUPxfb8jXMz90Y/d3L75WB2j2mdbIFMhHU+b9x/JC6+/a22QvQTKja0wNe6igkF/7nRtPRUQapvqOVvX6/za7eTxja0wtay+T04qFBHpGCMxG70tUPRGqGQFih4GtnWpbdkqjqxujTlPH0TO6z4FQZBaxmz8+jFkjR3p+2wLvLwQxOzTKwTVQHsJFFuD3rz/SE68eV12W+3MbtX5tdtJSOiBoW9HvW7z/iN5+e0PreM6zgJF5FnlEARB10atGm+vXR69gZuN1BYoZsWRdefG3C/VkPV9N/fV7Eb1Eii2LpAZKLbJDFwcL3oYdAsU23yRp0F0uraeGwab9x/Ja9c/E5F0l0mf9CpHX0avZJwGimpIZ86c6VpV6PTuUi8VSt6doLzt2GQFXV53xKwehlGhACLpysAWGHpAqKrGbNBmdaECSqdXJbYKJY8eIk4DRf8kNxuQrRKwjbcMYwwliiIpl8vW8QhbAKnX225368fYS6DY9qeXMZQgCHoORcyGzfuP5F/O/SkVGKdr66nbxnrXRAWIPn+YYyhqvj6eotanQsScl6enb8qag7OKbazC1h3J6vJUKpXMuyy2bpF+V0Wt/6uvvurY37wxF7VOtU/6HZx+AsXcH9tdHts5WV5eZlD2mDG7G+Z3UPSxFXUHZxR3efT9yLsDlDeobOJneRzS73IBw5Q3iKr0U1m4QqAMyPM86/dc6NLANb1rItLZfbGNs9i6WqNAoAwgjmP57rvvOroz3L3BsOjdGfMujIgM9CW0YSBQADhDoABwhkAB4AyBgp6cOHFCnnvuOet04sSJce8eJgSBgp7cvHkzM1Bu3rw57t3DhCBQ0DNblUJ1Ap3zQFl6+1/lgndJ3vIuyQXv4q/TpdR06cpV15vFCNiqFKqT0Zr09uU8UN7640U5ODiQg3Zb2u227P/674H271veJdebxYjoVQrVyehNevtyHih/9C7JgXGg5kSgTC+9SqE6Gb1Jb19DC5Ssab/dlgveRdebxQidOHGC6mRMJr19OQ+UC9oB66XYfipBCZRpdvPmTaqTMZn09nXkQLl8+XJqeuuPl5I+Xmo6OJD2rwd/wbvY8TomJqbu06Dta1ScB8oF73Kqb7dvpOnBwYFc8C7KvXv3mJiY+px6bV8zFCiqJEunqF6eXfAuj/2NYWKaxqnX9jUzgfKWd1Huf/1N5qDR/a+/kbeoUJiYBpp6bV8zEyjXr1+Xy0tvyw97e+nS7KAtP+ztyX+8/59jf1OYmKZ5qv37e5nt6+o71562wVkJlMuXL0u9/oFc+7daqhxrt9vyp/eWpV7/YOwDW0xM0zwN0r5GZWg/y7O19Q/568215KA/+bQhtzfvDGtzwLEyqe1rqD8cuP5JQza/aMrmF1uyvt4Y5qaAY2cS29dQA+Xnn3+WpStVuXTlqjx+/HiYmwKOnUlsX/z6AgDOECgAnCFQADhDoABwhkAB4AyBAsAZAgWAMwQKAGcIFADOOAuUOI6lXC6L7/up54MgkEKhIEEQpJ73fV/K5bLEcdz3tjzPE8/zrPPCMJSTJ09KGIZ9rxfHSxRFUiqVpFAodExZ1xfyOa1QfN/veCN835czZ850PJ8XCt0QKHAhiiKZn5/vuFZU0JgfjujOaaAEQSClUkmiKBKRp1VLpVKRIAikXC4nz6s3TFUt5ieF/kb6vi/VajWZHwRBR6B4npe8tlKpECjoSVagiHRW0KoCz6pgul3D6ppV84MgEN/3Z64ichoo5hsUhqFUKhWJokjK5XISIGEYyvz8vERR1PFpYD72fV+KxWLqTdcDxfO85I1Xb7q5PGDTa6Co60pdc+bjXq5hvduvHqvXz1JV7XxQ1vO85ESqakIk3R1SFUscx9axFL3Ssc1XgWJWOiL9vzkLCwu5E2ZXr10es/IWSV9n/V7D5jWqAsocZ8wyydes80DRg8PzvFRVUqlUJI7jVOjYxkP0CiYvUGzhkfepk2US3xgMX96grNllMa9B/Trr9xrW54n0Hygik3vNOg8UFRy7u7upcRM1nrK9vZ06eZMQKCKdbxBmn+1a8TyvoxqZxEARmcxr1nmgqOBYXl62BsHy8nLqZI67y6ObpDcGw2cLFNW49WtuGF0eF4EiMnnX7FC+2OZ5npw5cybzOyl6mvcyoJUVKOZ8BmXRj6xqNgxDKRaLmYOwgwzKDitQJs1QAiUIAmujzrq/3+2WW16gqMfqtcvLyzMzYo7hyuseqw8/dS0e9bYxgQIAfSJQADhDoABwhkAB4AyBAsAZAgWAMwQKAGcIFADOECgAnCFQADhDoABw5v8B30vppBH2bbkAAAAASUVORK5CYII=" style="margin-left: auto; margin-right: auto;" /></td></tr><tr><td class="tr-caption" style="text-align: center;">60% Transparency applied<br /></td></tr></tbody></table><h2 style="text-align: left;">Discussion <br /></h2><p> In my case, this is where the issue originated. After I set the Overall Transparency to 0%, the property was able to propagate through to the Application level. Despite explicitly configuring the transparency in the Map that is directly consumed by the Application, the Application still reached across the Map and pulled the default transparency variable that was defined in the feature layer.</p><p>That is annoying because I had intended for the default City Boundary layer to render with a decent amount of transparency; and this application is an outlier from the otherwise uniform graphic standard I was hoping to implement.</p>Alternatively, I'll try to apply a transparency value inside the symbol fill/outline settings, rather than at the Overall layer transparency. 💁<br /><p> <br /></p><br /><p></p><p> </p><p> </p><p> </p><p> </p><p> </p></div><p></p>Justinhttp://www.blogger.com/profile/13405139779467188945noreply@blogger.com0tag:blogger.com,1999:blog-4228793464107368822.post-5463267609331173422020-03-05T22:48:00.002-05:002020-03-05T22:48:44.337-05:00Testing a Cheap 2X Telephoto Converter Attachment for DSLR Camera Lenses<br />
<h2>
The Product</h2>
<b>"58mm Telephoto Magnification Lens, Accessory for Cameras 58MM 2X Magnification Universal Teleconverter Telephoto Lens for Cameras"</b><br />
<div>
<b><br />
</b><br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhqFiHspkACzvFvY_j0zA19Adjxkf6mKuvj0RKWGBLI7qIef9ySDKWYBuUPnzao77e_KAldb5cyQUnKUyOoVMHtq170BpsrYWeMTBhJXmNExJUxsLObJMdbOPFpO2wF4jhEsCoiCXsf5Bdc/s1600/s-l1600%255B1%255D.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="1180" data-original-width="1157" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhqFiHspkACzvFvY_j0zA19Adjxkf6mKuvj0RKWGBLI7qIef9ySDKWYBuUPnzao77e_KAldb5cyQUnKUyOoVMHtq170BpsrYWeMTBhJXmNExJUxsLObJMdbOPFpO2wF4jhEsCoiCXsf5Bdc/s320/s-l1600%255B1%255D.jpg" width="313" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div>
<br /></div>
<h2>
The Pitch</h2>
<div>
"Bring objects you are photographing twice as close perfect for sports photography, bird watching, nature and anytime you need that extra distance. DOUBLE YOUR LENS FOR FRACTION OF THE COST OF NEW ZOOM LENS"</div>
<div>
<br /></div>
<h2>
The Price</h2>
<div>
Only $13.99 on eBay, or $12.99 - $19.99 on Amazon. It's even available on B&H for $32.99 branded as Vivitar. All available for various filter sizes.</div>
</div>
<div>
<br /></div>
<h2>
What?</h2>
<div>
Many <a href="https://justinberke.blogspot.com/2018/01/are-dslr-camera-bundles-on-amazon-worth.html" target="_blank">beginner DSLR packages on Amazon</a> come bundled with a lot of beginner gear that I endearing refer to as toys. In that previous link, I've given my perspective on the usefulness of many of these common items. <b>Tl;dr </b>- they're fun to play with for absolute beginners, and the gear is generally outgrown very quickly. Some items last longer than others; some items are not safe to use from the beginning.</div>
<div>
<br /></div>
<div>
One item in particular that I'll argue isn't particularly helpful from the very beginning is the <b>2X to 2.2X Telephoto Adapter</b>, marketed with different branding depending on where you're seeing it sold.</div>
<div>
<br /></div>
<h2>
Test Gear</h2>
<div>
Since this lens came with a basic DSLR gear package, I'll test it with two other common beginner/kit lenses and an intro body:</div>
<div>
<ul>
<li>Canon T5 body</li>
<li>Canon 18-55 f/3.5-5.6 IS II "kit lens"</li>
<li>Canon 75-300 f/4-5.6 III USM "kit telephoto lens"</li>
<li><br />
</li>
</ul>
</div>
<h2>
Test Conditions & Photos</h2>
<div>
The following are the resulting photos with minimal processing - just a slight exposure adjustment and nominal sharpening added to each raw file, then they were exported as JPEGs. As a parent to a toddler and an infant, I haven't had a ton of time to test this in optimally bright and uniform conditions of afternoon daylight. These photos were taken close to sunset with low level clouds passing in front of the sun so daylight was fading very quickly.</div>
<div>
<br /></div>
<div>
Ideally an ISO of 100 should be used while maintaining a high enough shutter speed to mitigate camera shake. While I came close to mitigating camera shake, a tripod/lower ISO/better testing conditions are desirable for a better comparison.</div>
<div>
<br />
Additionally, I accidentally shot at 50 mm instead of 55 mm for the 18-55 control shot with no adapter.</div>
<div>
<br /></div>
<div>
Maybe I'll get around to updating this image set.</div>
<div>
<br /></div>
<div>
<br /></div>
<h3>
Images:</h3>
<h4 style="text-align: center;">
Kit Lens</h4>
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjpCEF1VLVAEd2I8mOQteeh8KlmjPDtbzbeER7lQu0setefI-ZNnE4vZPWa7lKe8gdcJLKRU1ga0Kiczizd9GsGJe-fJEb1EvzRKEEWCDzNzOjoZtr5eTFL6zZOO_ooAVPeS1PCtd7VORoR/s1600/IMG_7087.jpg" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" data-original-height="1065" data-original-width="1600" height="213" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjpCEF1VLVAEd2I8mOQteeh8KlmjPDtbzbeER7lQu0setefI-ZNnE4vZPWa7lKe8gdcJLKRU1ga0Kiczizd9GsGJe-fJEb1EvzRKEEWCDzNzOjoZtr5eTFL6zZOO_ooAVPeS1PCtd7VORoR/s320/IMG_7087.jpg" width="320" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">18-55 @ 50mm<br />
ISO 100, f/5/6, 1/125s</td></tr>
</tbody></table>
<br />
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgflZuIpUOGvRWrwSqSBEon5RB7tNOGqeW3PG2r86UBO1V6TuyZlEl7UOl7aqArgXw5IAizg_DOtVXBeJnPo5HrxaR4S-EmN82e6-scksXeCjWMp1bAcwUpGeMEAP60yuEe7GaG7vynHxcC/s1600/IMG_7088.jpg" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" data-original-height="1065" data-original-width="1600" height="213" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgflZuIpUOGvRWrwSqSBEon5RB7tNOGqeW3PG2r86UBO1V6TuyZlEl7UOl7aqArgXw5IAizg_DOtVXBeJnPo5HrxaR4S-EmN82e6-scksXeCjWMp1bAcwUpGeMEAP60yuEe7GaG7vynHxcC/s320/IMG_7088.jpg" width="320" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">18-55 @ 55mm + 2.2x Adapter<br />
ISO 100, f/5.6, 1/125s</td></tr>
</tbody></table>
<br />
<h4 style="text-align: center;">
Wide Kit Telephoto</h4>
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhA8Fd0csTOMDHZf712xBjtXGTU3NhHu7HEjIwIn5x1Pm6DptCqGp01Frz9NSWA7x11_-AwuutAiNYgLkYfwDy8XVp67cZ0MYqu68hF3oRdyY0yIDFqdaaUQaCi1jUZ556UsTIlFo3PbqNk/s1600/IMG_7090.jpg" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" data-original-height="1065" data-original-width="1600" height="213" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhA8Fd0csTOMDHZf712xBjtXGTU3NhHu7HEjIwIn5x1Pm6DptCqGp01Frz9NSWA7x11_-AwuutAiNYgLkYfwDy8XVp67cZ0MYqu68hF3oRdyY0yIDFqdaaUQaCi1jUZ556UsTIlFo3PbqNk/s320/IMG_7090.jpg" width="320" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">75-300 @ 75mm<br />
ISO 400, f/5.6, 1/250s</td></tr>
</tbody></table>
<br />
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhQ5SJ7-GD54LGm-SyVp4A9gZ-3kD1StY1Pv2BdnUSbznT0SZUMNTJnBLn-ycHu7LJP_Bm01D9aHhwWIerZJAt1zGM_TPg7E5VsdbnYnUQ_mnltIR_u2bmeD5lLcRd1HQfbDelDlAf8aX8Y/s1600/IMG_7091.jpg" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" data-original-height="1065" data-original-width="1600" height="213" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhQ5SJ7-GD54LGm-SyVp4A9gZ-3kD1StY1Pv2BdnUSbznT0SZUMNTJnBLn-ycHu7LJP_Bm01D9aHhwWIerZJAt1zGM_TPg7E5VsdbnYnUQ_mnltIR_u2bmeD5lLcRd1HQfbDelDlAf8aX8Y/s320/IMG_7091.jpg" width="320" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">75-300 @ 75mm + 2.2x Adapter<br />
ISO 400, f/5.6, 1/200s</td></tr>
</tbody></table>
<br />
<h4 style="text-align: center;">
Long Kit Telephoto</h4>
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh9kQV55F_hNF7y2XrHk1WFu80ahQAZJHZhHT0BPPzlyObkFgSgozyM_cWihK78Tz2EzM8KcvHZ57EfHlR4irIqpEctqQ52sySy7OVCpKwzX59tjj67OUZUNlu-pPcK0Y3ejWgeqRiFL3jY/s1600/IMG_7093.jpg" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" data-original-height="1065" data-original-width="1600" height="213" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh9kQV55F_hNF7y2XrHk1WFu80ahQAZJHZhHT0BPPzlyObkFgSgozyM_cWihK78Tz2EzM8KcvHZ57EfHlR4irIqpEctqQ52sySy7OVCpKwzX59tjj67OUZUNlu-pPcK0Y3ejWgeqRiFL3jY/s320/IMG_7093.jpg" width="320" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">75-300 @ 300mm<br />
ISO 1600, f/5.6, 1/200s</td></tr>
</tbody></table>
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjONUganB4vr0LWlBTnoFHHNp8zCz695SK-80hv4lI1Pw8LYPAqufyl4rDOOnPi5oVei6-OQ4HHf02Lwh4qrpd7YVzvljQ1-F6F6nJdpSBWYK7XDeShUNFvi4YJBLLa6r0KrDfb7nNImy2a/s1600/IMG_7092.jpg" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" data-original-height="1065" data-original-width="1600" height="213" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjONUganB4vr0LWlBTnoFHHNp8zCz695SK-80hv4lI1Pw8LYPAqufyl4rDOOnPi5oVei6-OQ4HHf02Lwh4qrpd7YVzvljQ1-F6F6nJdpSBWYK7XDeShUNFvi4YJBLLa6r0KrDfb7nNImy2a/s320/IMG_7092.jpg" width="320" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">75-300 @ 300mm + 2.2x Adapter<br />
ISO 1600, f/5.6, 1/200s</td></tr>
</tbody></table>
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjONUganB4vr0LWlBTnoFHHNp8zCz695SK-80hv4lI1Pw8LYPAqufyl4rDOOnPi5oVei6-OQ4HHf02Lwh4qrpd7YVzvljQ1-F6F6nJdpSBWYK7XDeShUNFvi4YJBLLa6r0KrDfb7nNImy2a/s1600/IMG_7092.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"></a><br />
<br />
<br />
<br />
<h2>
Comparisons</h2>
<div>
<br />
<h4 style="text-align: center;">
Kit Lens</h4>
<iframe class="juxtapose" frameborder="0" height="1065" src="https://cdn.knightlab.com/libs/juxtapose/latest/embed/index.html?uid=9ceae0de-5f54-11ea-b9b8-0edaf8f81e27" width="100%"></iframe><br />
<div style="text-align: center;">
(<a href="https://cdn.knightlab.com/libs/juxtapose/latest/embed/index.html?uid=9ceae0de-5f54-11ea-b9b8-0edaf8f81e27" target="_blank">Enlarged Viewer</a>)</div>
</div>
<div>
<br /></div>
<div>
Magnification is apparent - at the cost of sharpness. The center clarity is pretty hazy, but the edges are full-on muddy.<br />
<br />
<br />
<h4 style="text-align: center;">
Kit Telephoto vs. Adapter</h4>
</div>
<iframe class="juxtapose" frameborder="0" height="1065" src="https://cdn.knightlab.com/libs/juxtapose/latest/embed/index.html?uid=c68db8d8-5f56-11ea-b9b8-0edaf8f81e27" width="100%"></iframe><br />
<div style="text-align: center;">
(<a href="https://cdn.knightlab.com/libs/juxtapose/latest/embed/index.html?uid=c68db8d8-5f56-11ea-b9b8-0edaf8f81e27" target="_blank">Enlarged Viewer</a>)</div>
<div>
<br />
This is the most important comparison. Extending the kit 18-55 mm lens with a 2x tele adapter is significantly less sharp and more heavily distorted with image degradation issues.<br />
<br />
<h4 style="text-align: center;">
Wide Kit Telephoto, Adapted</h4>
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhQ5SJ7-GD54LGm-SyVp4A9gZ-3kD1StY1Pv2BdnUSbznT0SZUMNTJnBLn-ycHu7LJP_Bm01D9aHhwWIerZJAt1zGM_TPg7E5VsdbnYnUQ_mnltIR_u2bmeD5lLcRd1HQfbDelDlAf8aX8Y/s1600/IMG_7091.jpg" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" data-original-height="1065" data-original-width="1600" height="213" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhQ5SJ7-GD54LGm-SyVp4A9gZ-3kD1StY1Pv2BdnUSbznT0SZUMNTJnBLn-ycHu7LJP_Bm01D9aHhwWIerZJAt1zGM_TPg7E5VsdbnYnUQ_mnltIR_u2bmeD5lLcRd1HQfbDelDlAf8aX8Y/s320/IMG_7091.jpg" width="320" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">75-300 @ 75mm + 2.2x Adapter</td></tr>
</tbody></table>
Image degradation is absolutely apparent, and this will be as best as the image quality gets on a telephoto lens.<br />
<br />
<h4 style="text-align: center;">
Long Kit Telephoto</h4>
</div>
<iframe class="juxtapose" frameborder="0" height="1065" src="https://cdn.knightlab.com/libs/juxtapose/latest/embed/index.html?uid=708dcae6-5f5a-11ea-b9b8-0edaf8f81e27" width="100%"></iframe><br />
<div style="text-align: center;">
(<a href="https://cdn.knightlab.com/libs/juxtapose/latest/embed/index.html?uid=708dcae6-5f5a-11ea-b9b8-0edaf8f81e27" target="_blank">Enlarged Viewer</a>)</div>
<br />
ISO 1600 is my personal limit of ISO speed on this intro body to balance noise in low light. This kit telephoto lens works best around f/11, and f/5.6 is often too soft @ 300mm for really enjoyable results. 1/200s is far too slow to shoot at 300mm handheld.<br />
<br />
Despite those very important and clearly sub-optimal shooting conditions, it cannot be any more apparent how much image degradation is occurring. Terrible sharpness, awful contrast, muddy/abberated colors, etc. Just night and day bad.<br />
<h2>
Conclusions</h2>
<div>
These test photos are essentially straight out of camera JPEGs. No effort was made to clean up noise, sharpness, color, contrast, texture, etc. so these are quite unsightly as-is. Any photo taken with a camera (film or digital) needs some amount of work to be developed into a pleasing photograph. These have the absolute minimum amount of processing to share across the Internet.</div>
<div>
<br /></div>
<div>
I'm used to shooting <a href="https://www.flickr.com/photos/157305245@N08/albums/72157674240088787" target="_blank">a lot of work with my kit telephoto lens</a> and I have learned to mitigate its shortcomings quite significantly. These photos are pretty crude, and I would say that there are a few instances where the telephoto adapter can be improved; but by and large any improvement attempt is much better addressed by simply cropping in on an un-adapted lens.</div>
<div>
<br />
Test shooting conditions aside, there is no doubt that this adapter is not helpful, and simply cropping will provide vastly superior results.</div>
<div>
<h3 style="text-align: center;">
Don't bother with this lens.</h3>
The least amount of negative distortion and image degradation occurs at widest focal lengths on a given lens, and it <i>immediately</i> gets unusable on a dedicated telephoto lens. Even the Internet's most hated lens, my EF 75-300 mm, is far superior - and it can be picked up used as low as $25-60 on eBay or $60 on KEH or MPB.<br />
<br />
Save the $15-35, and shoot for a kit telephoto between $25-60 used, or under $200 brand new.</div>
<div>
<h4>
There's More:</h4>
</div>
<div>
The photography community exhibits an incredible amount of gate keeping. That is: advanced users disappointingly often provide intellectually dishonest, lazy answers to novice shooters that give a perception that newcomers are not worthy of attaining high-end image quality without paying a toll of incredible expense or sheer luck in gaining experience from rote practice. In the case of this test, folks will suggest incredibly expensive lens options and discount the value of kit telephoto equipment, even though there are many truths to the image quality differences between kit lenses and advanced/pro gear.<br />
<br />
That is not my intention with this review. There is value in using most basic gear. Of course if one has the means, a middle of the road package will provide plenty of quality to bolster success in a hobby without breaking the bank. In many cases, however, there is plenty of room to grow with absolute beginner gear on the lowest end of the budget spectrum.<br />
<br />
Again, this telephoto adapter lens is not worth it.<br />
<br />
<br />
<br />
<br /></div>
Justinhttp://www.blogger.com/profile/13405139779467188945noreply@blogger.com0tag:blogger.com,1999:blog-4228793464107368822.post-81141515727769259992019-04-28T00:17:00.000-04:002019-04-28T07:47:30.842-04:00Telescope vs. Telephoto Lens for PhotographyI have a bunch of intro gear -- none of which are particularly well suited to high magnification solar/lunar astrophotography. On my fourth attempt, I finally observed a solar transit of the ISS.<br />
<br />
<blockquote class="twitter-tweet"><p lang="en" dir="ltr">My first "successful" <a href="https://twitter.com/hashtag/ISS?src=hash&ref_src=twsrc%5Etfw">#ISS</a> solar transit! Needs improvement. 🤡😆 Additional animations forthcoming; and I'll try again with a lunar transit on May 22.<a href="https://twitter.com/hashtag/SpotTheStation?src=hash&ref_src=twsrc%5Etfw">#SpotTheStation</a> <a href="https://twitter.com/Space_Station?ref_src=twsrc%5Etfw">@Space_Station</a> <a href="https://twitter.com/NASA?ref_src=twsrc%5Etfw">@NASA</a><a href="https://t.co/ydWBbJkWAJ">https://t.co/ydWBbJkWAJ</a> <a href="https://t.co/5QsoeNN7vx">https://t.co/5QsoeNN7vx</a> <a href="https://t.co/e5aoUXM6te">pic.twitter.com/e5aoUXM6te</a></p>— Jabes 🚀📷 (@GISRockstar) <a href="https://twitter.com/GISRockstar/status/1121162364043264000?ref_src=twsrc%5Etfw">April 24, 2019</a></blockquote><script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script><br />
<br />
Unfortunately I forgot my telescope lenses and other hardware, so I resorted to my kit telephoto lens for magnification which was not enough. I may not have nailed focus, unfortunately, but I think the main source of image degradation was the intense crop on highly compressed video frames that had their format converted multiple times. I'm talking camera sensor data → .MOV video → JPEG frames exported → stacked, cropped, and re-exported as JPEG with minimal additional compression.<br />
<div><br />
I know it's possible to perform a solid crop on raw still photos from my work on the August 21, 2017 solar eclipse, but clearly the video capture workflow is not cutting it.:<br />
<br />
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://justinberke.files.wordpress.com/2017/12/eclipse-sequence.png?w=1180" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" data-original-height="233" data-original-width="800" height="115" src="https://justinberke.files.wordpress.com/2017/12/eclipse-sequence.png?w=1180" width="400" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;"><a href="https://justinberke.wordpress.com/2017/12/31/eclipse/" target="_blank">My shot of the Great American Solar Eclipse of 2017</a></td></tr>
</tbody></table>So let's compare my DSLR + kit telephoto lens with my beginner telescope-mounted DSLR setup.<br />
<h2>Gear</h2><h3>Camera</h3><div><ul><li>Canon T5 / 1200D DSLR</li>
<li>Canon 75-300 f/4-5.6 kit telephoto lens</li>
</ul><div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjOJXR5lVieG53EN5wo9ppSJrlHSy-HHhmFOBvTNW_c4tvFl8VjhYRWlCS3VlO7EolmI_v5SIzdLzCoUxk4sz2sZYbM46fYWJFpyqJiIVYYlhI_oq4LJwjGAUpb1h1kYOtRdhOagKMUqdKQ/s1600/20190427_193712.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="1600" data-original-width="1200" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjOJXR5lVieG53EN5wo9ppSJrlHSy-HHhmFOBvTNW_c4tvFl8VjhYRWlCS3VlO7EolmI_v5SIzdLzCoUxk4sz2sZYbM46fYWJFpyqJiIVYYlhI_oq4LJwjGAUpb1h1kYOtRdhOagKMUqdKQ/s320/20190427_193712.jpg" width="240" /></a></div><br />
</div></div><h3>Telescope</h3><div><ul><li>Celestron AstroMaster 114 EQ Reflector Telescope</li>
<li>10 mm / 100x magnification eyepiece</li>
<li>T-adapter to mount an EOS camera body</li>
</ul><div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi1ZvmRH77HSCzQcilK8peuauqB6YKM3XvEG8sjo4ioslVIvXI9SzayS9jH9VnO2fFqcY3pVJ6WEIjru3JNnNBF8g04kICws1cruBgc-SF7dLaQLTkrofSorqoWN96NVfljsjGv9TybibX5/s1600/20190428_001248.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="1600" data-original-width="1200" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi1ZvmRH77HSCzQcilK8peuauqB6YKM3XvEG8sjo4ioslVIvXI9SzayS9jH9VnO2fFqcY3pVJ6WEIjru3JNnNBF8g04kICws1cruBgc-SF7dLaQLTkrofSorqoWN96NVfljsjGv9TybibX5/s320/20190428_001248.jpg" width="240" /></a></div><br />
</div></div></div><h2>Test Images</h2><div>I'm observing a 500' FM radio tower located about half a mile from my back yard.</div><h3>Telescope + DLSR</h3><div>The telescope is 1000 mm @ f/9. The camera exposure is 1/30th sec @ ISO 800. Image size: 3457 x 5194 px. The projected image circle completely covers the camera sensor; and the image is magnified/cropped significantly through the camera when the T-adapter is added. This isn't my area of expertise, but I'd guess it has to do with added distance of the T-adapter instead of merely looking through the eyepiece. Maybe this is similar to a Barlow lens effect. I'll be glad to be corrected.</div><div><br />
</div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi3gJls5UjhklwJcwusrI-V9-V-dFnU8Yq-BdLqJghF7kVHx0XfgTIrdBaGo2qNf56_3LeA5yMAOZWnuM7zrqJB_zGGavL-F-QrztHBRLvMu4ycMHT7-O0qhh6pYfK80-RuB-TF5-YSUXj8/s1600/Telescope.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="1600" data-original-width="1065" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi3gJls5UjhklwJcwusrI-V9-V-dFnU8Yq-BdLqJghF7kVHx0XfgTIrdBaGo2qNf56_3LeA5yMAOZWnuM7zrqJB_zGGavL-F-QrztHBRLvMu4ycMHT7-O0qhh6pYfK80-RuB-TF5-YSUXj8/s320/Telescope.jpg" width="213" /></a></div><div><br />
</div><h3>DSLR + Telephoto Lens</h3><div>300 mm @ f/9, 1/125 sec, ISO 100. 5194 x 3457 px. Shooting raw. Un-cropped, and tuned with RawTherape for exposure, contrast, and some sharpening filters.</div><div><br />
</div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgJ22Wm3kMpKe2DB56Lh9FYsj0yk59_yCVfO8SpPLgsiQhFU5fjkWv_yfyVcK_k7eBY5NmQExCYczEFM03kK5V_0on45vQD0G3Oc4AxYIGyDA0tIh9gOLhQvHqC2yl-33ns0CAoLP8rXsfa/s1600/Telephoto300.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="1065" data-original-width="1600" height="213" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgJ22Wm3kMpKe2DB56Lh9FYsj0yk59_yCVfO8SpPLgsiQhFU5fjkWv_yfyVcK_k7eBY5NmQExCYczEFM03kK5V_0on45vQD0G3Oc4AxYIGyDA0tIh9gOLhQvHqC2yl-33ns0CAoLP8rXsfa/s320/Telephoto300.jpg" width="320" /></a></div><div><br />
</div>Significant crop added (7% of the original image -- 922 x 1385 px). Hello to an osprey that I didn't notice until I started reviewing these images. Not bad despite being one of the cheapest kit telephoto option available with notoriously poor image quality.<br />
<div><br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiTVM6VmeueMtsaoJTpy7MEK7PYscjakBx4PI4k4NdKM_3eqUDNuwey_3-1K2Zwpr919fYJf18SauXQ5Nj3v8I8CW2l081ySdbdpqYqAIb4kGefRpLcac0P_yByPXKk3hnHS0QFrO_T6D1d/s1600/Telephoto300_Crop.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="1385" data-original-width="922" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiTVM6VmeueMtsaoJTpy7MEK7PYscjakBx4PI4k4NdKM_3eqUDNuwey_3-1K2Zwpr919fYJf18SauXQ5Nj3v8I8CW2l081ySdbdpqYqAIb4kGefRpLcac0P_yByPXKk3hnHS0QFrO_T6D1d/s320/Telephoto300_Crop.jpg" width="213" /></a></div><br />
Very very tight crop (0.2% of the original image -- 152 x 228 px) only to match the telescope size; which clearly crosses the line line of not enough pixels to be of any quality other than "bad."<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhp4_6tqHNWry7elrWpE_qdeikleniQIsDg82kY2BOyPsnnnaB9LSoSi4mj039hSAkIQOjWi_zWHPI3oK_RikOfolwUCa2bQBjlPdyC0kdISIFwqi1-BNzcwlYw87pFa2ptWXjl6WNyanmV/s1600/Telephoto300_HardCrop.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="228" data-original-width="152" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhp4_6tqHNWry7elrWpE_qdeikleniQIsDg82kY2BOyPsnnnaB9LSoSi4mj039hSAkIQOjWi_zWHPI3oK_RikOfolwUCa2bQBjlPdyC0kdISIFwqi1-BNzcwlYw87pFa2ptWXjl6WNyanmV/s1600/Telephoto300_HardCrop.jpg" /></a></div><div><br />
</div></div><div>Telescope photo again for comparison:</div><div><br />
</div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi3gJls5UjhklwJcwusrI-V9-V-dFnU8Yq-BdLqJghF7kVHx0XfgTIrdBaGo2qNf56_3LeA5yMAOZWnuM7zrqJB_zGGavL-F-QrztHBRLvMu4ycMHT7-O0qhh6pYfK80-RuB-TF5-YSUXj8/s1600/Telescope.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="1600" data-original-width="1065" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi3gJls5UjhklwJcwusrI-V9-V-dFnU8Yq-BdLqJghF7kVHx0XfgTIrdBaGo2qNf56_3LeA5yMAOZWnuM7zrqJB_zGGavL-F-QrztHBRLvMu4ycMHT7-O0qhh6pYfK80-RuB-TF5-YSUXj8/s320/Telescope.jpg" width="213" /></a></div><h2>Analysis</h2><h3>Telescope Benefits</h3><div><ul><li>Enormous magnification potential compared to the telephoto lens that I'm getting very used to. This is nuts.</li>
<li>Potentialy better (but not stellar) image quality on highly <i>highly </i>magnified subjects</li>
<li>Despite the weight of the camera body and metal T-adapter, the focusing mechanism is quite solid and seems to be able to hold the mass without slipping. It's not necessarily a benefit so much as it is adequate.</li>
</ul><h3>Telescope Drawbacks</h3></div><div><ul><li>It's challenging to focus. It's a basic rig, and hand-operated focusing results in a lot of image shaking so it takes several seconds for the image to stabilize. I spent 5-10 minutes attempting to adjust and review focus and I'm not sure if I'm at the limit of optical performance, the plane of focus is just that thin, or if I was simply not accurate enough. It's probably a bit of all three.</li>
<li>Earth's rotation will be a big issue. At this level of magnification, the Earth's rotation will need a lot of assistance to mitigate; and without a motor to keep the equatorial mount running smoothly, it will be a hard fought balance to keep an image in place (i.e. image shake).</li>
<li>Quite dark objective. I had to drag the shutter out to 1/30th @ ISO 800.</li>
<li>The image is still soft no matter what the cause is</li>
</ul><h3>Telephoto Lens Benefits</h3></div><div><ul><li>Less time to set up</li>
<li>Less equipment to transport</li>
<li>Easier to find an object</li>
</ul><h3>Telephoto Lens Drawbacks</h3></div><div><ul><li>It's challenging to nail focus in Live View in bright sunlight</li>
<li>300 mm is useful, but on this kit lens it takes significant experience to recover image quality in post production</li>
<li>300 mm is just not 1000+ mm. Dang.</li>
</ul><h2>Conclusions</h2></div><div><ul><li>There's not much else I can do (even just for basic astro work) with a dark objective, but I'll try anyway because it's fun</li>
<li>Thankfully I have experience recovering drab raw images from the kit 300 mm lens so I'm used to the shortcomings of intro gear</li>
<li>There should be remarkable (okay, at least pretty good) improvement from an image that fills the sensor. Not relying on such a significant crop could be a huge benefit to capturing a transit pass; though the camera body itself has limits (3-5 fps max burst photo rate, etc.)</li>
<li>I'll try another ISS transit again with the telescope next time; but if I can't overcome the limitations of a 1/30th sec @ ISO 800 exposure chasing an object traveling at 4.76 miles per second, no amount of practice is going to compensate for the shot I'm looking for here via telescope</li>
<li>The DSLR may fit but it's very large on top of the scope. It's secure enough when pointing in more of an upward direction, but it's not ideal. I have a cell phone mounting bracket but that has it's own drawbacks too (clumsy, no remote trigger so more touching, etc.)</li>
</ul></div>Justinhttp://www.blogger.com/profile/13405139779467188945noreply@blogger.com0tag:blogger.com,1999:blog-4228793464107368822.post-45748786795514872242018-04-18T14:32:00.002-04:002020-01-22T10:58:47.531-05:00List of Helpful Photography Training Content on YouTube<br />
<h2>
Photography Channels</h2>
<ul>
<li><a href="https://www.youtube.com/channel/UCDkJEEIifDzR_2K2p9tnwYQ" style="font-weight: bold;">Tony & Chelsea Northrup</a><br />Vast wealth of information on all aspects of photography from basic exposure tutorials, gear discussions, training, business, community interaction, photo critiques, etc.</li>
<li><a href="https://www.youtube.com/channel/UCdQ_ZkYaMe6qPoueUyPQgpQ" style="font-weight: bold;">Photoshop Training Channel</a><br />Very clear and easy to follow tutorials on advanced photo editing techniques</li>
<li><a href="https://www.youtube.com/channel/UC5bp5_6h-ZxkBz6S_33ZUVg" style="font-weight: bold;">Mango Street</a><br />Tastefully trendy photography tutorials that cover everything from posing models and selecting locations to shooting and editing skills</li>
<li><b><a href="http://mango%20street%20tastefully/" target="_blank">Riley Brandt</a></b><br />Tutorials on processing photos with free & open source software including darktable and Gimp</li>
<li><a href="https://www.youtube.com/channel/UC_43mQmHwHPTBBqImFrWU3Q" style="font-weight: bold;" target="_blank">Sean Tucker</a><br />Very high quality tutorials, examples, and discussion on shootoing, editing, creating in various genres</li>
<li><a href="https://www.youtube.com/channel/UCCdYgwZvHnXO8nkRrWl-mfA" style="font-weight: bold;" target="_blank">Taylor Jackson</a><br />Great mixture of breaking down high end, pro-level shooting and editing; awesome quick tips; and other longer form vlog chats about photography</li>
<li><b><a href="https://www.youtube.com/channel/UCeos-Ju_sSs7Wb7FR-2VcQA">The Phlog Photography</a></b></li>
<li><b><a href="https://www.youtube.com/channel/UC47XN5bhLTBH5TRFyKaUpKg" target="_blank">Phlearn</a> </b><br />Excellent Photoshop editing lessons that can be applied to most open source applications</li>
<li><a href="https://www.youtube.com/channel/UCMrvLMUITAImCHMOhX88PYQ" style="font-weight: bold;" target="_blank">PiXimperfect</a><br />Very extensive and really easy to follow tutorials on advanced retouching and editing procedures</li>
<li><a href="https://www.youtube.com/channel/UCpfaV95xGfeA-DzWzrL5yIA" style="font-weight: bold;" target="_blank">Lucy Martin</a><br />Fun, quality, easy to follow editing tutorials</li>
<li><b><a href="https://www.youtube.com/user/MrTrailman1" target="_blank">Peter Zelinka</a></b><br />Incredibly clear astrophotography lessons, including gear selection, setup, and processing topics</li>
<li><b><a href="https://www.youtube.com/channel/UCHSCZ_0eYHCPdDNP4RWarLw" target="_blank">Tarjeen&Co</a></b><br />Indie- and trendy channel with short, direct lessons on shooting, editing, gear, analyzing others' photos, etc. Great content</li>
<li><b><a href="https://www.youtube.com/channel/UCeos-Ju_sSs7Wb7FR-2VcQA" target="_blank">The Phlog Photography</a></b><br />Vast collection of landscape processing/editing sessions from raw image to finished photograph</li>
</ul>
<ul>
<li><b><a href="https://www.youtube.com/user/FStoppers" target="_blank">Fstoppers</a></b><br />A wide variety of interesting tutorials, discussions, tips, and behind the scenes breakdowns of pro style work</li>
<li><a href="https://www.youtube.com/channel/UCL5Hf6_JIzb3HpiJQGqs8cQ"><b>Matt Granger</b></a></li>
<li><a href="https://www.youtube.com/channel/UC3DkFux8Iv-aYnTRWzwaiBA" style="font-weight: bold;">Peter McKinnon</a> - Good info. The channel is super popular and it's getting a little too Vloggy more but there's still good info on shooting, editing, etc.</li>
<li><a href="https://www.youtube.com/channel/UCUbAIlQq6qdOCW7nURh9Qog"><b>The Slanted Lens</b></a></li>
<li><a href="https://www.youtube.com/channel/UCzjUBsAwYn0lj0blCslHzFA"><b>Run N Gun</b></a><br />Very short and to the point lessons with tips, tricks, and info on photography</li>
<li><a href="https://www.youtube.com/channel/UCxZ__dXUrmpB0pNjJSgXp2w" style="font-weight: bold;">workphlo</a><br />Commercial product photography methods that cover lighting, shooting, compositing, and editing. Although product photography isn't a particularly popular subject, these tutorials provide incredibly rapid and easy to follow illustrations of very advanced lighting, compositing, and editing techniques which are useful in all other forms of photography. It's really helpful even if you're not interested in product work, and the skills are delivered so clearly that it's easy to learn a lot that you can apply to your own skillset</li>
<li><b><a href="https://www.youtube.com/channel/UCrWU2BpF6zvRFnkYHDDYHDg" target="_blank">Mads Peter Iversen</a></b> - Fantastic landscape photography instruction.</li>
<li><a href="https://www.youtube.com/channel/UC4rFPm3P2KLxqgbNoN6DXyA" style="font-weight: bold;" target="_blank">Rich Baum</a><br />Real estate photography essentials. Lots of really well explained examples of a technique called "flambiant" which is a composite of flash and ambient exposures.</li>
<li><b><a href="https://www.youtube.com/user/YellowStreetPhotos" target="_blank">We Eat Together</a></b> - Food photography discussion and tips</li>
<li><a href="https://www.youtube.com/user/choucinophotography" target="_blank"><b>TinHouse Studio</b></a> - Food photography lighting, questions, etc.</li>
<li><a href="https://www.youtube.com/channel/UCnUOWBfHNpdQjhTPSd3-0cw" target="_blank">Jimmy McIntyre</a><br />Advanced editing tutorials</li>
<li><b><a href="https://www.youtube.com/channel/UCZ1kkxx8mUZ3paOwcuK1mJw/videos">Shutterbug</a></b></li>
<li><b><a href="https://www.youtube.com/channel/UCtDd1HxzPTmvdwHa-cylISg">Evan Ranft</a></b></li>
<li><b><a href="https://www.youtube.com/channel/UCZajtzLoD3nxn2G9ripCjPg">Karl Taylor</a></b></li>
<li><a href="https://www.youtube.com/channel/UCFJ7r70nIWRe0mJ2lp7NAsA" style="font-weight: bold;" target="_blank">KelbyOne</a> - A larger channel with lots of interviews, tutorioals, reviews, etc.</li>
<li><a href="https://www.youtube.com/channel/UC8y9gEDEWNrDR1rdHa8tK2Q" style="font-weight: bold;">Josh Katz</a><br />More of a young, vlogger feel. Decent advice and info on gear and shooting</li>
</ul>
<ul>
<li>And finally, here's an entire discussion with <a href="https://www.reddit.com/r/photography/comments/912iwh/what_are_some_of_your_favorite" target="_blank">/r/photography's favorite channels</a>, and <a href="https://www.reddit.com/r/photography/comments/asg1a3/what_are_some_essential_photo_editing_tutorials/" target="_blank">another list of editing videos</a></li>
</ul>
<h2>
Videography and Film Making Channels</h2>
<div>
<ul>
<li><b><a href="https://www.youtube.com/channel/UCzQ1L-wzA_1qmLf49ey9iTQ">DSLRguide</a></b></li>
<li><b><a href="https://www.youtube.com/channel/UCYaIdC5pbkpECxXLjf0Lzaw">D4Darious</a></b></li>
<li><b><a href="https://www.youtube.com/channel/UC6P24bhhCmMPOcujA9PKPTA">Film Riot</a></b></li>
<li><a href="https://www.youtube.com/channel/UCGZ0LgTmAJn9Banetdr_ZFg" style="font-weight: bold;">Indy Mogul</a></li>
<li><b><a href="https://www.youtube.com/channel/UCMmA0XxraDP7ZVbv4eY3Omg">DSLR Video Shooter</a></b></li>
</ul>
<h2>
Playlists</h2>
</div>
<div>
<ul>
<li><a href="https://www.youtube.com/watch?v=JwT5WzsaXv0&list=PLwIVS3_dKVpsyZJ-BhsCHwTj8Y6PEAurc"><b>Beginning Photography Essentials</b></a> by Tony & Chelsea Northrup</li>
<li><b><a href="https://www.youtube.com/playlist?list=PLllLbLP6ZG-gi7msl1WOiECfWx5dNvM0W">My own collection</a></b> of the most helpful videos I've seen on photography to bring you from absolute beginner to advanced lighting/shooting/editing proficiency; or to shore up gaps in your skill set with excellent tutorials. This is a work in progress, but any of these current videos should give you ideas and recommendations on where to look next for various topics on photography</li>
<li><a href="https://www.youtube.com/watch?v=plx6XXDgf2E&list=PLllLbLP6ZG-gtVPtUyzFvigRuqdpxEiN9" target="_blank"><b>My collection of Astrophotography tutorials </b></a>that range from polar-aligning a telescope to imaging and processing photographs</li>
</ul>
</div>
Justinhttp://www.blogger.com/profile/13405139779467188945noreply@blogger.com1tag:blogger.com,1999:blog-4228793464107368822.post-39990667989159575642018-01-03T22:52:00.002-05:002018-01-03T23:22:38.845-05:00Are DSLR Camera Bundles on Amazon Worth It?<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiEBxlnPgyAAIlKsdgv_EOBema1D_ySHkzFUjN_2IoSMwQ1XsO5SrIMq-hjgUqUWENweTA7_Su8UiL3fOJiHcA0b88ptNwEAQvRYZPL5rwohzr0A8kzsLxQwbqEPr_wNG7k3xSZLacrRs7M/s1600/Amazon+Camera+Bundle.jpg" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" data-original-height="1024" data-original-width="1024" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiEBxlnPgyAAIlKsdgv_EOBema1D_ySHkzFUjN_2IoSMwQ1XsO5SrIMq-hjgUqUWENweTA7_Su8UiL3fOJiHcA0b88ptNwEAQvRYZPL5rwohzr0A8kzsLxQwbqEPr_wNG7k3xSZLacrRs7M/s320/Amazon+Camera+Bundle.jpg" width="320" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">A <a href="http://amzn.to/2ClFbag" target="_blank">Canon T6 bundle</a> as of January, 2018</td></tr>
</tbody></table>
<h2>
Answer</h2>
<div>
No. But kind of yes.</div>
<h2>
Explain</h2>
I got an accessory bundle with my first DSLR camera, and the accessories are mostly garbage. Fun garbage - and it has been somewhat useful to learn how cheap crap tacked onto a camera makes my images worse. Still, the extra trinkets are mostly very low quality toys that don't really help 99% of the time.<br />
<br />
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhz-ZKTrNhBTE1H-OzSYw8pnVcO-v6ELRY_qP8MfltTSB818tI-EzNjz8G_T2WvwoJmHIn9d9E4jW4XIIerqHm4V2psrjEj1xYiWelLPLeKtjtrTIc9Sw-NKewRpLvmysB2zsMwyd2JY5SH/s1600/Deals.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" data-original-height="290" data-original-width="1284" height="90" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhz-ZKTrNhBTE1H-OzSYw8pnVcO-v6ELRY_qP8MfltTSB818tI-EzNjz8G_T2WvwoJmHIn9d9E4jW4XIIerqHm4V2psrjEj1xYiWelLPLeKtjtrTIc9Sw-NKewRpLvmysB2zsMwyd2JY5SH/s400/Deals.png" width="400" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">It surely seems like a giant bundle is the only way to go.</td></tr>
</tbody></table>
The only useful items in these kits are:<br />
<ul>
<li>the camera body itself</li>
<li>the main kit lens (18-55 mm, f/3.5); sometimes they come with a kit telephoto lens too (75-300 mm f/4, or similar)</li>
<li>the carrying bag</li>
<li>SD cards - although SanDisk and Transcend are usually the only brands on my "trusted" list. Look up the quality of other brands which, worst case, may leave you with lost vacation photos</li>
<li>Sometimes these come with a rocket blower or an USB-SD card adapter</li>
</ul>
<div>
That's really about it.</div>
<h2>
Garbage breakdown</h2>
<ul>
<li><b><u>Don't put your camera on that tripod!</u></b> My tilt arm stripped the first time I used it and it came crashing down onto my hand. Thankfully the lens just pinched my hand and didn't crack into the tripod itself or tip over altogether; but that much weight banging against the lens is bad news. Any kind of fall could have damaged the lens or worse.<br />
<br />
That super flimsy tripod is really designed for small point and shoot cameras at most. You may be okay with the smaller 18-55 kit lens for a couple sessions, but anything bigger - especially any telephoto lens or heavier, higher quality lenses - will be way too much for this $10 tripod to handle and <b><u>it will fail</u></b>.<br />
<br />
Your safest, cheapest bet is to use something at least in the $20-30 range. Big box stores are just fine. Pick up and move the pieces around a bit. If it feels super flimsy, then consider upgrading.</li>
</ul>
<ul>
<li>All Canon/Nikon/etc. cameras come with the battey, charger, USB cables, strap, and sometimes a basic shutter release cable. Don't be fooled into thinking this kit is hooking you up with that stuff. It comes standard.</li>
</ul>
<div>
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjeEPdUIDMaxbrC51CS_nCkSCqk0BfKe98Plg5gGIklypCv9UnCzXFamFGKZ2tP5k1ZTC8h0_57Rc_LZabNsDKifh245DHTc6sjA5Nztbb46ELC6OpR4hlE0wrALu_y1ok3lbD9ZKugeDvY/s1600/Tulip+Hood.jpg" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" data-original-height="406" data-original-width="500" height="161" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjeEPdUIDMaxbrC51CS_nCkSCqk0BfKe98Plg5gGIklypCv9UnCzXFamFGKZ2tP5k1ZTC8h0_57Rc_LZabNsDKifh245DHTc6sjA5Nztbb46ELC6OpR4hlE0wrALu_y1ok3lbD9ZKugeDvY/s200/Tulip+Hood.jpg" width="200" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Tulip / petal style lens hood</td></tr>
</tbody></table>
</div>
<ul>
<li>The tulip petal hood doesn't work on this lens because the focus ring rotates as it focuses so the edges rotate into your frame. The circular hood might be more helpful for these intro kit lenses</li>
</ul>
<div>
<ul>
<li>The two screw-on lenses aren't great (see below). The wide angle adapter is actually kind of fun, but the sharpness is <u>definitely</u> reduced and there's a strong vignette when zoomed out all the way (which is the only place this attachment is actually useful).<br />
<br />
The magnifier/macro attachment definitely degrades the quality of the image! It doesn't really help much for macro shots and if you need extra reach beyond 55 mm, just upgrade your setup soon to include the kit telephoto lens if you don't already have it.<br />
<br />
Technically folks suggest not to attach anything heavier than a filter to the end of your lens so you don't wear out the focusing motor. I didn't have any trouble when I used the wide angle attachment, but it's definitely a beefy piece of glass hanging on the end of some delicate, precision hardware.</li>
</ul>
</div>
<br />
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjJ5imbyEfPCNVlmCPyHvPDv1rJ3MNeZ_oV-bB5YsIEz1ORtUJe63QxzBPUAlBYZtmmAtlGlRp8yNeOFvvdquDqCcTuc3eoOL6rrRAsu4qx7wBUrtRzCDC4Yvicy1PVZSg9g9sLRwp40dmK/s1600/Filters+and+Lenses.jpg" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" data-original-height="1024" data-original-width="1024" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjJ5imbyEfPCNVlmCPyHvPDv1rJ3MNeZ_oV-bB5YsIEz1ORtUJe63QxzBPUAlBYZtmmAtlGlRp8yNeOFvvdquDqCcTuc3eoOL6rrRAsu4qx7wBUrtRzCDC4Yvicy1PVZSg9g9sLRwp40dmK/s320/Filters+and+Lenses.jpg" width="320" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Filters and attachment lenses</td></tr>
</tbody></table>
<ul>
<li>The filters aren't particularly helpful either (see above). They're super cheap and they end up degrading your image quality more than anything; although I usually use the UV filters to protect the main lens elements from scratches. I'm sure there's some image quality loss and reflections that are added so I should really try shooting without them to see if there's any improvement.<br />
<br />
The ND-style "darkening" filter isn't really dark enough to make a huge difference for longer exposure daytime shooting, and the rose-colored filter is something I'd expect to see in underwater photography, so I'm not really sure what to do with it here. I found that one weird more than anything: maybe it's supposed to make everything monochromatic? I don't know, it just made my white balance insane.</li>
</ul>
<ul>
<li>The flash isn't any more powerful than your on-camera popup flash; you can't change its direction to bounce off of walls or ceilings, so it's just as harsh lighting as your camera's popup flash; and you can't adjust its power, so it's pretty limited in usefulness.</li>
</ul>
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgBZboOU5LFbZwBcgYLGNucunJEeoQOS893Jq4KlPH3mi93b_xko6Il3B24PnLGQRfVub74l1hTArAf5ZwfM-8p6ukX67q9krjT7-DQ_k9H7QZmNle19QK2H5jzo8Jzr48Q5c6cHlf2GaFK/s1600/Flash.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" data-original-height="478" data-original-width="398" height="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgBZboOU5LFbZwBcgYLGNucunJEeoQOS893Jq4KlPH3mi93b_xko6Il3B24PnLGQRfVub74l1hTArAf5ZwfM-8p6ukX67q9krjT7-DQ_k9H7QZmNle19QK2H5jzo8Jzr48Q5c6cHlf2GaFK/s200/Flash.png" width="166" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Basic flash</td></tr>
</tbody></table>
<ul>However this super intro flash <b>IS</b> fun to mount on that flimsy tripod if it comes with a ¼"-20 coldshoe adapter arm like mine did (see below). This may allow you to start playing with off-camera flash effects.</ul>
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjV0-fP-UgbkQIUYEg20jr4VxRwea8aBXC80PUPuxIq8YhFQP7tQlCmXQNrruM5dbcqr-GXPZeJAr5pSFesjF4_eyf7BDPhF62cP9gbv2Td0dJnONoPahCEuLWs1RdTKglXgpqmBLwqOQVR/s1600/Flash+Adapter.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" data-original-height="191" data-original-width="499" height="122" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjV0-fP-UgbkQIUYEg20jr4VxRwea8aBXC80PUPuxIq8YhFQP7tQlCmXQNrruM5dbcqr-GXPZeJAr5pSFesjF4_eyf7BDPhF62cP9gbv2Td0dJnONoPahCEuLWs1RdTKglXgpqmBLwqOQVR/s320/Flash+Adapter.png" width="320" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Coldshoe adapter that can help mount your flash to a tripod</td></tr>
</tbody></table>
<div>
<h2>
Analysis</h2>
</div>
All in all, it's not really worth it because they're all bottom of the line quality accessories - usually even down to the SD cards. <b><i>However </i></b>it's only $50 bucks more for a bunch of toys that will help keep you stoked about photography right from the start; which is definitely important. Technically you'll pay that much for a couple higher quality SD cards and a rocket blower anyway, so sure, it's kinda worth it in my opinion.<br />
<br />
<h2>
Recommended DIY Kit</h2>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgdPaygAw299MoDPRY6XjF0Q8A4PJh3Fb9nCAqJDQGLbuTSTNmvvoSLGbMdMraZNKwCmJb2ybZp-HustaWm30R_Mi2yVTnTaA-PYmQuDmkt10AmeN5yTB-i5T0Fz9fhJyr761IqoTh7teaf/s1600/Kit+body+and+lens.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="1000" data-original-width="1500" height="133" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgdPaygAw299MoDPRY6XjF0Q8A4PJh3Fb9nCAqJDQGLbuTSTNmvvoSLGbMdMraZNKwCmJb2ybZp-HustaWm30R_Mi2yVTnTaA-PYmQuDmkt10AmeN5yTB-i5T0Fz9fhJyr761IqoTh7teaf/s200/Kit+body+and+lens.jpg" width="200" /></a></div>
<div>
<ul>
<li>Start with a camera model that just comes with a kit 18-55 mm lens</li>
</ul>
<div>
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj2NT7X68b9uVn3B6ARRmtjPvq_HygbFAVaLSTrOrX3medFqRfoTe42MX2Mgi9cjG-TgYKe334qettIFyPKmxEMT9DG7hApFEKDm3gATp_1va6-2SsTEMbjltSICUMsPmlHnOQODAhQTkCH/s1600/Kit+telephoto.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="500" data-original-width="500" height="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj2NT7X68b9uVn3B6ARRmtjPvq_HygbFAVaLSTrOrX3medFqRfoTe42MX2Mgi9cjG-TgYKe334qettIFyPKmxEMT9DG7hApFEKDm3gATp_1va6-2SsTEMbjltSICUMsPmlHnOQODAhQTkCH/s200/Kit+telephoto.jpg" width="200" /></a></div>
<ul>
<li>Add a kit telephoto lens. Folks are really hard on the <a href="http://amzn.to/2AlKCo0" target="_blank">75-300 mm f/4 telephoto</a> and instead prefer the <a href="http://amzn.to/2lTgNpw" target="_blank">55-200</a>, but for under $100 ($75 for the <a href="http://amzn.to/2lQosow" target="_blank">certified refurbished version</a>), I prefer the added reach out to 300 mm</li>
</ul>
<div>
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEil6on8NJ7eVjaWC6s6mdq4CbsVUCC71uMuh2i7d2xeKhEkGmMhFsPT61lLj0x39NULn1cD0bcpEupP37ihAVxqxJezVcAKSThDLTO-11N5PZaEdxFfp-2OGhbREMZ3afa6AUpAMFLFHSdO/s1600/Bag.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="1500" data-original-width="1184" height="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEil6on8NJ7eVjaWC6s6mdq4CbsVUCC71uMuh2i7d2xeKhEkGmMhFsPT61lLj0x39NULn1cD0bcpEupP37ihAVxqxJezVcAKSThDLTO-11N5PZaEdxFfp-2OGhbREMZ3afa6AUpAMFLFHSdO/s200/Bag.jpg" width="157" /></a></div>
<ul>
<li>Grab a camera bag to safely carry and organize your lenses and camera gear. My kit came with a cheaper version of this Amazon Basics bag, but this looks even better</li>
</ul>
<div>
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEii677Iox1XKGhyphenhyphenazfLCV0PfuP7CiE27sgPrkqjVKWcF4vEq-JwH4nnjJKFGQDbrFc8gIp3eBkqCJ7jLFriirX3-Yc1CoC3f240Yk8NahMTv7RM87F9OwO1XguAEfR2-62uwVWd2ZDxrPru/s1600/rocket+blower.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="422" data-original-width="1096" height="123" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEii677Iox1XKGhyphenhyphenazfLCV0PfuP7CiE27sgPrkqjVKWcF4vEq-JwH4nnjJKFGQDbrFc8gIp3eBkqCJ7jLFriirX3-Yc1CoC3f240Yk8NahMTv7RM87F9OwO1XguAEfR2-62uwVWd2ZDxrPru/s320/rocket+blower.png" width="320" /></a></div>
<ul>
<li>Get a rocket blower. <a href="http://amzn.to/2qm2KhE" target="_blank">This is the cheapest kit currently on Amazon</a> and it also comes with a lens brush and some lens cloths<br />
<br />
<b><span style="color: red;">NOTE</span>: <u>Never use any brush on the camera's sensor</u></b>. A gentle squeeze of the rocket blower to an upside down body with the mirror locked up is all you need. Also, default to the blower for 99% of your lens cleaning. Unless you physically touch your lens glass, avoid touching the glass to get the most life out of your equipment.</li>
</ul>
<div>
<br /></div>
<div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh0BecFk3E1aW6vu3LDR3Scg-t9dXo7J4sgq-wW5KzTXKYe1tOuA6Ua1pScPvw6GbgfEVgrFW9gAwnOE8G4Y1cin5Mqfz6aRySmfFhewQW0MwEiB_DMAgJ4jd3fw8JJTw2nz8u05HhA3zS_/s1600/tripod.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="534" data-original-width="507" height="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh0BecFk3E1aW6vu3LDR3Scg-t9dXo7J4sgq-wW5KzTXKYe1tOuA6Ua1pScPvw6GbgfEVgrFW9gAwnOE8G4Y1cin5Mqfz6aRySmfFhewQW0MwEiB_DMAgJ4jd3fw8JJTw2nz8u05HhA3zS_/s200/tripod.png" width="189" /></a></div>
<ul>
<li>Spend at the very minimum $20-30 on a tripod. Anything cheaper is dangerously weak and not designed for heavy DSLR or even mirrorless cameras - as I outlined earlier. Save up for a nice tripod in the $100-150 range. It seems like a lot but the added strength will provide steadier shots, and you'll have a better time with easier setup and more control over precise placement and smoother adjustments.<br />
<br />
A nice tripod won't have stablizing arms that connect to the shaft. The main legs should be able to move independently, and can angle out and lock into several wider positions.<br />
<br />
I leave my quick release plate attached to my camera at all times, and there's a solid metal loop that I can clip a should strap to for easier carrying than the normal camera neck strap.</li>
</ul>
<div>
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiN_2Ql-n2EICLjGLtFmPb0mbMl2gyGSqNiWdFdAQUtwzxdxOXx54Hb1WV0EjFlM_Kmy45Fs0OQD5Pkg4yWV1jgoW8WLYEAPkmfNO9koWKn5rmHJM4Kiu6HF7rYTFma06afgyF3dRe5A1Pa/s1600/Intervalometer.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="1500" data-original-width="1500" height="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiN_2Ql-n2EICLjGLtFmPb0mbMl2gyGSqNiWdFdAQUtwzxdxOXx54Hb1WV0EjFlM_Kmy45Fs0OQD5Pkg4yWV1jgoW8WLYEAPkmfNO9koWKn5rmHJM4Kiu6HF7rYTFma06afgyF3dRe5A1Pa/s200/Intervalometer.jpg" width="200" /></a></div>
<div>
<ul>
<li>A simple <a href="http://amzn.to/2lTwOvs" target="_blank">intervalometer like this</a> can be used as a remote shutter release, and to easily shoot time lapse images</li>
</ul>
<div>
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh7ge9mkWebsLqq9Ywr6LPq26s70EmjR3gOZ5g6hdLgiEBaGTKvJmyq_6SNV_zTc9AIojjBdhRZK3veNa7mmR5ZaxRKZjI3dt_1JbD1s9nn4u6raDHiaOJI2aed15wZ9JRkLRW2HYU8_hgG/s1600/Speedlight.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="1500" data-original-width="1500" height="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh7ge9mkWebsLqq9Ywr6LPq26s70EmjR3gOZ5g6hdLgiEBaGTKvJmyq_6SNV_zTc9AIojjBdhRZK3veNa7mmR5ZaxRKZjI3dt_1JbD1s9nn4u6raDHiaOJI2aed15wZ9JRkLRW2HYU8_hgG/s200/Speedlight.jpg" width="200" /></a></div>
</div>
</div>
</div>
<div>
<ul>
<li>Finally, <a href="https://www.amazon.com/Altura-Photo-AP-UNV1-Bundle-Speedlite/dp/B00LNN13S6/ref=sr_1_5?s=electronics&ie=UTF8&qid=1515037235&sr=1-5&keywords=speedlight" target="_blank">a basic adjustable speedlight</a>. A $25-40 model that can tilt and rotate allows you to bounce light off walls and ceilings, and basic power adjustments allow you to dial in or slack back on the amount of light being blasted out. There are more advanced $100+ Canon clones by <a href="http://amzn.to/2CQdozT" target="_blank">Yongnuo</a> that can communicate with your camera for faster, automatic metering and adjustments, but that can definitely wait. Stick with the Amazon Basics version of the flash above</li>
</ul>
<div>
That's about it. If you're playing with flashes, you can grab some handy <a href="http://amzn.to/2Clu8xS" target="_blank">remote triggers</a>, <a href="http://amzn.to/2COWMsi" target="_blank">color gels</a>, or even an intro lighting kit with an umbrella or a softbox; but the gear listed here is what I use very regularly.<br />
<br />
To be as thrifty as possible, start with the body, kit lens, and a camera bag to keep the camera safe. The upgrades listed in this section are as cheap as possible with at least some useful quality to them; and are easy additions down the road. Get out and learn how to shoot.</div>
</div>
<div>
<br /></div>
<div>
<br /></div>
<div>
<br /></div>
<div>
<br /></div>
<div>
<br /></div>
<div>
<br /></div>
<div>
<br /></div>
<div>
<br /></div>
<div>
<br /></div>
Justinhttp://www.blogger.com/profile/13405139779467188945noreply@blogger.com4tag:blogger.com,1999:blog-4228793464107368822.post-44844927791315498862017-12-30T02:36:00.000-05:002017-12-30T02:45:57.685-05:00Convert Large GIFs to Video<div class="separator" style="clear: both; text-align: center;">
<iframe width="320" height="266" class="YOUTUBE-iframe-video" data-thumbnail-src="https://i.ytimg.com/vi/J3EyLj6Vkqc/0.jpg" src="https://www.youtube.com/embed/J3EyLj6Vkqc?feature=player_embedded" frameborder="0" allowfullscreen></iframe></div>
<br />
For GIFs under 100 MB, there are plenty of free tools around like <a href="https://convertio.co/gif-avi/" target="_blank">Convertio</a> that will convert GIF animations to AVI, MPEG, etc. But I'm not talking about HD reaction memes here. I'm helping to process full on <a href="https://en.wikipedia.org/wiki/Advanced_Weather_Interactive_Processing_System" target="_blank">NOAA AWIPS</a> radar graphics. The following example is 2015 x 1224 px, and 300 frames long. These GIFs range from 97 to 170 MB, so the free online tools aren't going to cut it right now.<br />
<br />
I'll do this manually with:<br />
<ul>
<li><a href="https://www.gimp.org/" target="_blank">GIMP</a>: A free, open source alternative to Photoshop</li>
<li>A GIMP plugin called <a href="http://registry.gimp.org/node/28268" target="_blank">Export Layers</a></li>
<li>Sony Vegas, or any other video editing platform - even Windows Movie Maker</li>
</ul>
<h2>
Download & Install the Plugin</h2>
<div>
<ul>
<li>Download and install GIMP</li>
<li>Download the <a href="http://registry.gimp.org/node/28268" target="_blank">Export Layers</a> plugin (zipped)</li>
<li>Copy the <b>export_layers</b> folder and the <b>export_layers.py</b> Python script file to your home directory:<br />
<br />
My Plug-Ins directory is: <code>C:\Program Files\GIMP 2\lib\gimp\2.0\plug-ins</code> but you may need to do some sleuthing depending on your installation, version, etc. If so:</li>
<ul>
<li> Go to Edit > <b>Preferences</b></li>
<li>Expand the <b>Folders</b> group</li>
<li>Select the <b>Plug-Ins</b> preferences to view the Plug-Ins folder locations</li>
<li>Copy the folder listed along with your software installation location</li>
</ul>
</ul>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjIdg9z0zNPzMvgCGQ467fAmxC0ep5gpidi9kgvXAry8VYkGUKYR1t16ADJknx4yifQ3s3C1sSExUzvWt6u9mDiUpf_JlxWoy0VJnphq1LBTZaXESpUB4MZXLsgb71f1AkMnjsmKNLhXQ7l/s1600/02+-+Plug-In+directory.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="621" data-original-width="650" height="305" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjIdg9z0zNPzMvgCGQ467fAmxC0ep5gpidi9kgvXAry8VYkGUKYR1t16ADJknx4yifQ3s3C1sSExUzvWt6u9mDiUpf_JlxWoy0VJnphq1LBTZaXESpUB4MZXLsgb71f1AkMnjsmKNLhXQ7l/s320/02+-+Plug-In+directory.png" width="320" /></a></div>
<ul>
<li>Open GIMP (or restart GIMP) and check the File menu for the new <b>Export Layers</b> options</li>
</ul>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgAqdeE0azSSXARFssHMHBlsls6xSmTw75hFPRY6Yn74wTRYRHnOrpfkVq6RHe6RlP2G0Sp5q1RGyI5KQ8JRPVPvmwR788c0b78sihCtkE1NmhmXzHzxYxzMscNuFA5pWsVWT6acqrOwYv6/s1600/06+-+Export+Layers+Tool.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="529" data-original-width="419" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgAqdeE0azSSXARFssHMHBlsls6xSmTw75hFPRY6Yn74wTRYRHnOrpfkVq6RHe6RlP2G0Sp5q1RGyI5KQ8JRPVPvmwR788c0b78sihCtkE1NmhmXzHzxYxzMscNuFA5pWsVWT6acqrOwYv6/s320/06+-+Export+Layers+Tool.png" width="253" /></a></div>
<div>
<br /></div>
</div>
<h2>
Open a GIF in GIMP</h2>
<div>
File > <b>Open </b>will load a GIF frame by frame as separate layers, in descending order. The first frame of the animation will be at the bottom, and the last frame will be located up at the top. Conveniently, the layers are automatically named with a frame position, and a frame duration in parentheses. These are helpful in case any frames (especially the first or last frames) are longer than the rest of the frames in the animation.</div>
<div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjDdUtTsgYE2O3FYePUIbTqExDI05cNyA3_bM9qpeBiCxK7wTEkc9B5vtDoPjbchPRrasmzIuO0I_FZhueqRABAy5PSWI_74xADtN3lKa1CNUrlW851v_-D5Yi_N306-EdLyD6R9GRQQthv/s1600/01+-+Import+GIF+to+Layers.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="469" data-original-width="356" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjDdUtTsgYE2O3FYePUIbTqExDI05cNyA3_bM9qpeBiCxK7wTEkc9B5vtDoPjbchPRrasmzIuO0I_FZhueqRABAy5PSWI_74xADtN3lKa1CNUrlW851v_-D5Yi_N306-EdLyD6R9GRQQthv/s320/01+-+Import+GIF+to+Layers.png" width="242" /></a></div>
</div>
<div>
<h2>
Export Layers</h2>
<div>
Now that the Export Layers plug-in is installed, you can immediately export the loaded GIF layers as individual frames.</div>
<div>
<ul>
<li><b>Create a new directory</b> to organize these frames separately since it'll only be a temporary intermediate set of files</li>
<li>Back in gimp choose File > <b>Export Layers</b></li>
<li>Now simply choose the new directory that was just created to store these exports. Accept all default settings, and click <b>Export Layers</b> then <b>Export</b> to process the exports</li>
</ul>
</div>
<h2>
Load Frames in Video Editing Software</h2>
</div>
<div>
<ul>
<li>Open your preferred video editing software</li>
<li>Find the preferences section that handles the default duration of still frames. Set this value to match the general frame rate of the GIF. In the screenshot above, most frames are 50 ms, while only the first and last frame of the animation hang a bit longer to denote the beginning and ending of the radar loop.<br />
<br />
In <u>Sony Vegas</u>:</li>
<ul>
<li>Options > <b>Preferences</b></li>
<li><b>Editing</b> tab</li>
<li>Set <b>New still image length (seconds)</b> to <b>0.05 </b>seconds (50 ms)</li>
</ul>
</ul>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjrABHdhs96AkniMx7hHHXV1qrTiIbh07NAuTI03y7TT_75zNxhP7sb068Z7gn33q0ltb8xvAjP78m_TQVnQgS6qQlRCkErNK7dCTWN2VtOjDIhlbsr0IBArnmFSLu_29RvTQ5tbJ3zqmHx/s1600/03+-+Vegas+Preferences.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="674" data-original-width="449" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjrABHdhs96AkniMx7hHHXV1qrTiIbh07NAuTI03y7TT_75zNxhP7sb068Z7gn33q0ltb8xvAjP78m_TQVnQgS6qQlRCkErNK7dCTWN2VtOjDIhlbsr0IBArnmFSLu_29RvTQ5tbJ3zqmHx/s320/03+-+Vegas+Preferences.png" width="213" /></a></div>
<ul>In <u>Windows Movie Maker</u>:
<ul>
<li>Load all individual frames</li>
<li>Select all frames (<b>Ctrl+A</b>)</li>
<li>Navigate to the <b>Edit</b> tab</li>
<li>Set the <b>Duration</b> to <b>0.05</b> seconds</li>
</ul>
</ul>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhRk0L4LPVF_6G816wnvoJTSS9tIs0fjky_aVLN9Crp9FLJL2NBRYA_AKGodB7IjQFOrFMqkaEeMXtOSgdI3VvhuszphzGQO1Y15qbN_zVBDmWO9q2Z_ET8tK6auEGIgim1vFLu2nyC3IwZ/s1600/04+-+Movie+Maker+Preferences.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="637" data-original-width="684" height="298" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhRk0L4LPVF_6G816wnvoJTSS9tIs0fjky_aVLN9Crp9FLJL2NBRYA_AKGodB7IjQFOrFMqkaEeMXtOSgdI3VvhuszphzGQO1Y15qbN_zVBDmWO9q2Z_ET8tK6auEGIgim1vFLu2nyC3IwZ/s320/04+-+Movie+Maker+Preferences.png" width="320" /></a></div>
<div>
<ul>
<li>In Vegas, now <b>Import</b> the frames which will have the duration set by default</li>
<li>Next, select the first frame and expand it or manually set the Duration value for that individual frame to match the duration listed in its file name. In this example, the first frame hangs for <b>700 ms</b> (0.7 seconds)</li>
</ul>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjraV-sLFXhjafpWjx9bYq_a1pfXmyzQdfxFdWnpWdPLoiI_e7BXpFgsL5O-OfrSKGIWv2gvQx6iel639LU7XFOVIpojKavrZvb_q4Bp6yvWdo7EkJ7ph36qv_21HBXE_L0vIl11JKkTn3v/s1600/05+-+First+Frame+Duration.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="290" data-original-width="450" height="206" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjraV-sLFXhjafpWjx9bYq_a1pfXmyzQdfxFdWnpWdPLoiI_e7BXpFgsL5O-OfrSKGIWv2gvQx6iel639LU7XFOVIpojKavrZvb_q4Bp6yvWdo7EkJ7ph36qv_21HBXE_L0vIl11JKkTn3v/s320/05+-+First+Frame+Duration.png" width="320" /></a></div>
<div>
<ul>
<li>Repeat this step for the last frame in the animation: <b>1500 ms </b>(1.5 seconds)</li>
</ul>
<h2>
Export</h2>
</div>
</div>
</div>
<div>
<ul>
<li>Export and share as you need</li>
</ul>
</div>
Justinhttp://www.blogger.com/profile/13405139779467188945noreply@blogger.com0tag:blogger.com,1999:blog-4228793464107368822.post-54931691801273685112017-05-09T00:50:00.001-04:002019-01-24T00:50:03.592-05:00Quick Emoji on Desktop<blockquote class="tr_bq">
<b><span style="color: red;">!</span></b> When this was first published, Facebook and other apps did not have desktop emoji support. Even now, it's a bit clunky and cramped so this post might still be helpful</blockquote>
<br />
I love using emojis on mobile. It's childish, but I entertain myself by posting eleven cry-laughing faces in a row; or any insane flood of emotional responses and random items. I find that it adds a bit of dimension to plain raw text without having to find the exact rage comic or photo to accompany a quick message.<br />
<br />
Even my wife sends entire emoticon shopping lists.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhQZ98_1g8ihyphenhyphenmSQKbX5LUjwbeVX5AHqXuuWPYtazxm5QNpzMoXOgcOGWnvibrxXWRIHFo3lYyzhFm__Avkw2sQ37G5PKLn9cxRTDX-XQG-lg6zsqXOAv45ApMiLnMVLthf987AqHGQ74EQ/s1600/Emoji+Grocery+List.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="400" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhQZ98_1g8ihyphenhyphenmSQKbX5LUjwbeVX5AHqXuuWPYtazxm5QNpzMoXOgcOGWnvibrxXWRIHFo3lYyzhFm__Avkw2sQ37G5PKLn9cxRTDX-XQG-lg6zsqXOAv45ApMiLnMVLthf987AqHGQ74EQ/s400/Emoji+Grocery+List.png" width="225" /></a></div>
<br />
<br />
On desktop, however, it's annoying to have to Google a set of icons to use for just a casual Facebook interaction. Using Chrome, I created a bookmark and made a short keyword to quickly launch a preferred page of symbols.<br />
<h2>
Link a Page to a Keyword</h2>
<div>
<div>
I've been using <a href="https://www.piliapp.com/facebook-symbols/" target="_blank">this set of "facebook symbols"</a> because its layout is decent, the emoji organization is similar to my Android, and it automatically copies single selections and it can copy an entire string of emoticons. Something like <a href="http://emojipedia.org/google/" target="_blank">Emojipedia</a> is not as rapid-user friendly.</div>
</div>
<div>
<ul>
<li>Navigate to Chrome Settings (<a href="chrome://settings/">chrome://settings</a>)</li>
<li>Scroll down to the <b>Search</b> category and click <b>Manage Search Engines</b></li>
<li>Scroll to the bottom the lower box (<b>Other search engines</b>) </li>
<li>Type a page title in the <b>Add a new search engine</b> box. Something like <code style="background-color: yellow;">Facebook Emojis</code> will do</li>
<li>Pick a short keyword to launch the page. For my <b>Facebook Emojis</b> page, I entered <span style="background-color: yellow; font-family: monospace;">fbe </span>here</li>
<li>Finally, paste the URL of the page in the last textbox</li>
<li>Click <b>Done</b> and close Chrome Settings</li>
</ul>
<div>
Now simply open a new tab (<b>Ctrl+T</b>) and type your keyword to launch the page.</div>
</div>
Justinhttp://www.blogger.com/profile/13405139779467188945noreply@blogger.com1tag:blogger.com,1999:blog-4228793464107368822.post-12229623780378289792017-04-25T21:42:00.004-04:002018-01-03T19:36:43.213-05:00Setup Arduino Print Line / Debug Print / Console Log MessagingIt took me a few extra minutes to figure out why any <code>Serial.println()</code> statements weren't appearing in my Arduino IDE's Serial Monitor. I'm brand new to Arduino coding, but it seemed like if you click the Serial Monitor icon <img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiuMBhyphenhyphenzmkbHpdLHAdwIHPzYfwQE9lv6AEXu9llCJpunX8QM-eh7_2nKT_AWVPEkJjTs-0ecGqLxJs3IpmOGX9MJ-jUeicXs2eo4S3J2_DM2XccJH8lmHVENXuhAj179kazuQX7mV0UjKKa/s1600/Serial+Monitor+Icon.png" /> your debug/print line messages should show up there.<br />
<br />
<div>
For this basic example, I set the Arduino Uno's onboard LED on Pin 13 to blink twice per second, with a <span style="font-family: monospace;">println()</span> statement running just after each change of the LED's state. Esssentially:<br />
<br />
<ul>
<li>Turn on the LED</li>
<li>Write me a message that says <b>On</b></li>
<li>Turn it off</li>
<li>Write <b>Off</b></li>
<li>Etc.</li>
</ul>
<br />
<div>
<br />
It turns out that I needed to set the channel to communicate with the IDE in code.<br />
<br />
Inside <span style="font-family: monospace;">void setup(){} </span>add the line <span style="font-family: monospace;">Serial.begin(9600); </span>where the value 9600 matches the baud rate in the Serial Monitor.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
</div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhK2QjvvrcFmmRe6q07l32c2_oVYY6AgVBqnHVP7iWA9koXnsTOsEyfhSw1hRld2Z_xhDlMU8oWj2ZGWQp81SP1yYi6uUhvtzwVqA_ki1yN-F6TwzcoXOkVCbNELVOr1-6G5PYGN0XaB_Tc/s1600/Arduino+Example.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="640" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhK2QjvvrcFmmRe6q07l32c2_oVYY6AgVBqnHVP7iWA9koXnsTOsEyfhSw1hRld2Z_xhDlMU8oWj2ZGWQp81SP1yYi6uUhvtzwVqA_ki1yN-F6TwzcoXOkVCbNELVOr1-6G5PYGN0XaB_Tc/s640/Arduino+Example.png" width="380" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjapAXS11jLW_tuOGUcWmRchw0pDw0NIZbLT6JFW-LIAnsTedvYe-5UEFzL_h6ZXJE724qDFLoW-Mh7RjBTjJcXB-6XO7yTWuY7TqDNEvnGJ-1hlwZQuN5-dXbvTi16K5fScP_yJB2g6XbO/s1600/Serial+Monitor+Readout.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="265" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjapAXS11jLW_tuOGUcWmRchw0pDw0NIZbLT6JFW-LIAnsTedvYe-5UEFzL_h6ZXJE724qDFLoW-Mh7RjBTjJcXB-6XO7yTWuY7TqDNEvnGJ-1hlwZQuN5-dXbvTi16K5fScP_yJB2g6XbO/s400/Serial+Monitor+Readout.gif" width="400" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<br />
<br />
<br />
That's it. It begins writing to the monitor as soon as you upload the sketch and the device resets itself.<br />
<br />
There's some more information about the <span style="font-family: monospace;">begin()</span> method on the <a href="https://www.arduino.cc/en/Serial/Begin" target="_blank">Arduino Language Reference</a></div>
</div>
Justinhttp://www.blogger.com/profile/13405139779467188945noreply@blogger.com0tag:blogger.com,1999:blog-4228793464107368822.post-73940181592124548912016-03-24T17:22:00.002-04:002018-01-03T19:37:59.749-05:00Problems with Font Awesome IconsI love Font Awesome, but it's been a pain in the ass for me to work with their icons on my Windows machine using Inkscape. I blame this on Inkscape's buggy text element interface, but I'm happy to use it as a free, open source package.<br />
<br />
Anyhow, it's hard to select an icon from the Font Awesome <a href="https://fortawesome.github.io/Font-Awesome/cheatsheet" target="_blank">Cheatsheet</a> or from individual icon pages becasue I'm not able to select the icon directly. I end up copying a <span style="font-family: "courier new" , "courier" , monospace;">space</span> character.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiHgIgXrDlI0thcuu49oX_xelefHRf8Hfpgkmy-py0B78B96ldMLbGsPpfB1Jpbu2KFh9wqQA5u2kQ69gpZbiiQO_tKsQW0sj42ip43AxxeLFy3MdDOpt3K-ckzQ1pPfCzOMLDcDLboeC5F/s1600/Font+Awesome+Selection+Error.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="250" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiHgIgXrDlI0thcuu49oX_xelefHRf8Hfpgkmy-py0B78B96ldMLbGsPpfB1Jpbu2KFh9wqQA5u2kQ69gpZbiiQO_tKsQW0sj42ip43AxxeLFy3MdDOpt3K-ckzQ1pPfCzOMLDcDLboeC5F/s320/Font+Awesome+Selection+Error.png" width="320" /></a></div>
<br />
I ended up relying on Microsoft word to act as a medium to get access to copying the character:<br />
<br />
<ul>
<li>Open Word</li>
<li>Type the Unicode address, for instance <span style="font-family: "courier new" , "courier" , monospace;">f041</span></li>
<li>Select the 4-digit code and hit <span style="font-family: "courier new" , "courier" , monospace;">Alt+x</span> to convert the unicode value to its designated character</li>
<li>Change the font of the unknown character <img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEigRu6cZTuHFxaAT2oG0Qz6y7z2_nxbzcPzSIwx6NLV2YmCGzmMqnty2ImgjfOGayoHFtbMJHGG4hBaTOP9Co89HusaJB7e7XlpNPrEyem39brpHZkYEQ4zHOXsjrYeG9rMeeI65dBz2Ngv/s1600/Unknown+Character.png" /> to FontAwesome, then I can finally move on with my life...</li>
</ul>
Even after I'm able to copy the desired character from Word, Inkscape still doesn't always work since it's a nightmare tying to tell Inkscape to render the character using the FontAwesome font.<br />
<div>
<br /></div>
Anyway, here are a few things to consider to ease the transition<br />
<br />
<h2>
Download the Latest Font File</h2>
<div>
If you have any problem, first update to the latest Font Awesome font file:</div>
<ul>
<li>Uninstall any current Font Awesome fonts you have installed. Make sure to close any software that's running it including Inkscpae, Gimp, Illustrator, or even Word or Outlook just to be safe</li>
<li>Go to <a href="http://fontawesome.io/">FontAwesome.io</a> and click the Download button to grab the latest version</li>
<li>Install the <b>.ttf </b>file and try again</li>
</ul>
<br />
<h2>
Chrome Won't Let me Select Icons</h2>
<h4>
<span style="font-weight: normal;">I found a cool Chrome extension that streamlines the search-copy method.</span></h4>
<a href="https://chrome.google.com/webstore/detail/font-awesome-icon-picker/mcepmpclbgahgbpcgbmnpplcfmlaiopm/related?hl=en" target="_blank">Download the Font Awesome Icon Picker</a> extension for Chrome for a quick Font Awesome reference. It'll let you easily navigate the catalog of icons, and most importantly, it allows you to directly highlight and copy individual icons.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhXA2xR0hKuSGFeVh23mbC6SM1hZYoCIuDW5uoUFZg7b05OyYt1Fe3YTc23dRposOYSIVNfR6Wtl0CG9N2PCXrcCmXWfFu1OevTKmoGLCBp8MJLrpENtM1BpxYbq76VFtc6fWVaFQfF0Ti5/s1600/Font+Awesome+Icon+Picker+Extension+Screenshot.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhXA2xR0hKuSGFeVh23mbC6SM1hZYoCIuDW5uoUFZg7b05OyYt1Fe3YTc23dRposOYSIVNfR6Wtl0CG9N2PCXrcCmXWfFu1OevTKmoGLCBp8MJLrpENtM1BpxYbq76VFtc6fWVaFQfF0Ti5/s1600/Font+Awesome+Icon+Picker+Extension+Screenshot.png" /></a></div>
<br />
Since I started using this, I haven't had a problem directly pasting the desired icon directly into Inkscape.Justinhttp://www.blogger.com/profile/13405139779467188945noreply@blogger.com0tag:blogger.com,1999:blog-4228793464107368822.post-5519219991793702142016-02-18T15:16:00.002-05:002018-01-03T19:38:59.858-05:00Rapidly Send Encrypted Information via EmailNever send sensitive information through email, or text. This includes passwords, social security numbers, bank account information, maybe even sensitive medical information, etc.<br />
<br />
Sometimes you can't chat in person or over the phone to tell someone the information they need, or maybe you just need to send it to yourself for another location. Take a moment to quickly encrypt that data before sending it.<br />
<br />
All you really need to encrypt information is a common program called <b>7-zip</b>. Download and install it from <a href="http://7-zip.org/">7-zip.org</a>.<br />
<h2>
Encrypt your data:</h2>
<div>
<ul>
<li>Create a new text document. A Notepad or Wordpad .txt file is the fastest, but feel free to use Word, Excel, a nice looking template saved as PDF, or anything else</li>
<li>Write your sensitive data, save the file, and close the document</li>
</ul>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjmvtZrzrwjCjm45Qc-3nTWs6P7F_MxdUYj8trQZ-1J2HSmgQ0weNNmcuq2-VtIK-LuDkiNfqk8vhIIVdaaO-ozYpw-N4Uy1mysrspjq3nRkpVeAC7weORsdpZtl3Ogw0cck2Hr9YHxuY3r/s1600/Encryption01.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="220" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjmvtZrzrwjCjm45Qc-3nTWs6P7F_MxdUYj8trQZ-1J2HSmgQ0weNNmcuq2-VtIK-LuDkiNfqk8vhIIVdaaO-ozYpw-N4Uy1mysrspjq3nRkpVeAC7weORsdpZtl3Ogw0cck2Hr9YHxuY3r/s320/Encryption01.png" width="320" /></a></div>
<div>
<br /></div>
<div>
<ul>
<li>Right click on the file, navigate to the 7-zip sub-menu and choose <b>Add to archive</b></li>
</ul>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg1r2zF-JWyVeTfU4honiQTXI0pUGIDyGdBIOeIVl5miAzoO4_m1GfKOHwjIyQHNqrWrf1WOAqmJaEK0Pgd_CrmQ8Mo9YKEG8YF5B33SQqUWPabDkX24vJufmQQ3yeQYs6GIwSrlYFe3JGc/s1600/Encryption02.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="264" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg1r2zF-JWyVeTfU4honiQTXI0pUGIDyGdBIOeIVl5miAzoO4_m1GfKOHwjIyQHNqrWrf1WOAqmJaEK0Pgd_CrmQ8Mo9YKEG8YF5B33SQqUWPabDkX24vJufmQQ3yeQYs6GIwSrlYFe3JGc/s320/Encryption02.png" width="320" /></a></div>
<div>
<br /></div>
</div>
</div>
<div>
<ul>
<li>Enter a password, choose your desired settings, and also check <b>Encrypt file names</b> just for an extra level of security. Click <b>OK</b> to continue</li>
</ul>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEigbwPw6tnotZn4ieS8goDWeU9KvPnvaeAiD17Z8qCiKIdo83VxQjwZlywemJ5Iv_sgIka5z-0y7VCs_7BF8ew2uBvWwlYTuAobX_KS7OG1hsrMP3d1aLterRFmroJb_g-VLYzJu3hSoMKx/s1600/Encryption03.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="279" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEigbwPw6tnotZn4ieS8goDWeU9KvPnvaeAiD17Z8qCiKIdo83VxQjwZlywemJ5Iv_sgIka5z-0y7VCs_7BF8ew2uBvWwlYTuAobX_KS7OG1hsrMP3d1aLterRFmroJb_g-VLYzJu3hSoMKx/s320/Encryption03.png" width="320" /></a></div>
<div>
<br /></div>
<div>
A zipped file with a .7z extension will be created. If a user attempts to open it, they will be prompted for a password. Without the password, file names nor the enclosed content will be able to be viewed, so any enclosed data is safer to send through e-mail, etc.</div>
</div>
<div>
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiGKut7ywcnHkPYjjBDPVFU3RgPX9W79iI9zKoATJh8ucrjdFed18o6Vozi0iiozIiTZ_F1dg0lzrkkbzlvt7aUdnngn1rdDWDBGISd1iiXdghxEU8IaMIHfgp5hpbqI4YuI_ehLVZ7kpaf/s1600/Encryption04.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="193" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiGKut7ywcnHkPYjjBDPVFU3RgPX9W79iI9zKoATJh8ucrjdFed18o6Vozi0iiozIiTZ_F1dg0lzrkkbzlvt7aUdnngn1rdDWDBGISd1iiXdghxEU8IaMIHfgp5hpbqI4YuI_ehLVZ7kpaf/s320/Encryption04.png" width="320" /></a></div>
<div>
<br /></div>
Justinhttp://www.blogger.com/profile/13405139779467188945noreply@blogger.com1tag:blogger.com,1999:blog-4228793464107368822.post-79053480657629550732016-02-12T09:28:00.002-05:002016-02-12T09:28:50.584-05:00Create & Embed Custom Icons on Your Web SiteIcons are great. Now more than ever, icons are being used in Web design and mobile application development as referenced font files in place of inline image files. Custom font packs are small, quick, and scalable.<br />
<br />
I'm a big fan of <a href="https://fortawesome.github.io/Font-Awesome/icons" target="_blank">Font Awesome Icons</a> and <a href="http://getbootstrap.com/components/#glyphicons" target="_blank">Bootstrap's native glyphs</a>. Their icon packs are simplistic, intuitive, and sleek, so I can usually lean on those folks to help make quick decisions with my design choices. There are plenty of other resources out there as well but these two take care of almost all of my needs.<br />
<br />
Recently I had the need to stylize a navigation menu with some icons, but Font Awesome and Bootstrap weren't broad enough to cover the project. I decided to put together a custom font with all the icons I needed.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj4KR-QPkpHzjzEcAfdwhGqtdSYzzU0Oa1oGHNqiSBLmTSfCEi7RUJKP9mD3Bg_DVZJQTdMzVh0Tm8oo8O2ya5DGQSyeLqbCEPicDTTrdPNEtejB6DzzQJm9UJgXDmyWBsRKGvxBiT-gtHy/s1600/Custom+icons.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj4KR-QPkpHzjzEcAfdwhGqtdSYzzU0Oa1oGHNqiSBLmTSfCEi7RUJKP9mD3Bg_DVZJQTdMzVh0Tm8oo8O2ya5DGQSyeLqbCEPicDTTrdPNEtejB6DzzQJm9UJgXDmyWBsRKGvxBiT-gtHy/s200/Custom+icons.png" width="200" /></a></div>
<br />
<h2>
Create a Custom Font</h2>
<div>
There are a number of dedicated software you can use to create your own fonts - both free and licensed - but I found that Inkscape (free, open source) works surprisingly well to build the base set of icons. There are a few little tricks but its built-in <b>SVG Font Editor</b> is designed to get the job done.<br />
<h3>
Build your icons in Inkscape:</h3>
Simplicity is preferred. There are a few guidelines to follow here, but feel free to play around with these until you find something that works for you. Let me know if you find better settings:<br />
<br />
<blockquote class="tr_bq">
<b><span style="color: red;">!</span></b> <a href="https://sites.google.com/site/nerdtips/home/Font%20Template.svg?attredirects=0&d=1" target="_blank">Here's a downloadable SVG file</a> that is set up as a template to get you up and running. The page size is set, and it contains a character map and a single icon as reference. Open that directly with Inkscape.</blockquote>
<br />
<ol>
<li>The size of your icons seems to work well around 75 pc x 75 pc (1125 x 1125 pixels)</li>
<ul>
<li>Go to File > Document Properties. On the Page tab, under Page Size > Custom Size, change the <b>Units </b>to <span style="font-family: "courier new" , "courier" , monospace;">pc</span> (pica), and manually punch in a <b>Width</b> and <b>Height</b> of <span style="font-family: "courier new" , "courier" , monospace;">75</span></li>
<li>Leave the <b>Default units</b> at the top of the dialog set to <span style="font-family: "courier new" , "courier" , monospace;">px</span> (pixels)</li>
</ul>
</ol>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgD4tLTsLGV6NCWGjCrFrNeiFHsX03aSVi2JSlvrftOCR97ZQ3AgABT_BvKBZNzntjTyijOerek8kqzzv5rkXftO5HMo87RIA90hRNVMdRqUrKiYJ-SyWHdGcY4WkrnqMIfc4Xa7Easzgzw/s1600/Inkscape+Document+Properties.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgD4tLTsLGV6NCWGjCrFrNeiFHsX03aSVi2JSlvrftOCR97ZQ3AgABT_BvKBZNzntjTyijOerek8kqzzv5rkXftO5HMo87RIA90hRNVMdRqUrKiYJ-SyWHdGcY4WkrnqMIfc4Xa7Easzgzw/s320/Inkscape+Document+Properties.png" width="222" /></a></div>
<div>
<ol>
<li value="2">Place a guide slightly below the lower bound of the page (at -50 pixels). Drag a guideline onto the page then double click it to show the Guideline properties where precise location values can be entered. This will be used to align the icon when setting it as a character. Remember that certain typeface characters can extend below the baseline (g,j,p,q,y, etc.) so the centering is a little wonky when creating a font with icons</li>
</ol>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjvRytb8iBu8lhYg6Usj0IO_1blPMrT1eMd0i2P0CpncVvSt935vcSYhx25wNFOUBgoeC1BppR-b87neuGCT1Q6LGJvF4DJD0j8HU1kUp5kxJe4WMLBJ2CYhPktCpttr7jP5XDbVmWinYwQ/s1600/Guideline+Setup.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="217" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjvRytb8iBu8lhYg6Usj0IO_1blPMrT1eMd0i2P0CpncVvSt935vcSYhx25wNFOUBgoeC1BppR-b87neuGCT1Q6LGJvF4DJD0j8HU1kUp5kxJe4WMLBJ2CYhPktCpttr7jP5XDbVmWinYwQ/s320/Guideline+Setup.png" width="320" /></a></div>
<div>
<br /></div>
</div>
<ol>
<li value="3">Be mindful of the difference between lines with thicknesses applied, and polygon shapes. In my process, I found the best results were produced from combining polygon shapes together and using <a href="http://tavmjong.free.fr/INKSCAPE/MANUAL/html/Paths-Combining.html" target="_blank">Path Operations</a> (Union, Difference, Intersection, Division, Linked Offset, etc.) to create outlines out of polygons, rather than using a stroke lines with various line thicknesses. The illustration below is how I created the outline for the safety icon<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEim27i36-PS8S4JNAkgpfFuRZWf_oD12xhXnAiAspq0qsgEfmkMQCOKHMAL5y06q035Zlfv49-4u9hWfxY3GoryK5HftsyliA9Fz7v3dFUKoJZd1dr4RoLQ-fxCkeNQCUQ-MaPL3KRYppVO/s1600/Icon_Safety.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em; text-align: center;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEim27i36-PS8S4JNAkgpfFuRZWf_oD12xhXnAiAspq0qsgEfmkMQCOKHMAL5y06q035Zlfv49-4u9hWfxY3GoryK5HftsyliA9Fz7v3dFUKoJZd1dr4RoLQ-fxCkeNQCUQ-MaPL3KRYppVO/s1600/Icon_Safety.png" width="25" /></a>. The top line is the correct process:</li>
</ol>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiaQAmlF423gTZ9IXmRP3ia4pAKIF9Vf9ssqYHwkK0MuafZ_K2ilRwyDhBw0O_5n2n4_54XIJA0TQGHlqx3R5nQ0hNUcW__7GRLZ6YOOI8_3lbZ8kKrNM-FrG_qYsZvbhCQxcxO7XYbOtnx/s1600/Path+Operations.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="261" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiaQAmlF423gTZ9IXmRP3ia4pAKIF9Vf9ssqYHwkK0MuafZ_K2ilRwyDhBw0O_5n2n4_54XIJA0TQGHlqx3R5nQ0hNUcW__7GRLZ6YOOI8_3lbZ8kKrNM-FrG_qYsZvbhCQxcxO7XYbOtnx/s400/Path+Operations.png" width="400" /></a></div>
<div>
<ul>So the Christmas tree icon isn't an outline. It is now a single polygon with most of the center erased. The negative space is a hole. The fill is black, and there is no stroke on the shape.</ul>
</div>
<ol>
<li value="4">To ensure all of your elements are indeed polygons with a black fill and no stroke, I recommend performing a Union on all of the elements instead of grouping them together. Errors will be apparent, and the result will be a single element; even if there is negative space separating items</li>
</ol>
<ol>
<li value="5">Speaking of black and white, fonts do not preserve multiple colors, transparencies, or blurs. I suggest developing the icons in black (or one single color) only so you don't have unexpected results </li>
</ol>
<ol>
<li value="6">It helps to save your icons in some kind of key or character map to can quickly find and re-order your icons as necessary</li>
</ol>
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiH4mJwB4O5pC2RS0sWKyyKYiaItGjuFe03BzL_zVF4t4okDI2xTdK7gFQnZg11ufwO9V-bAHrSsEbC9xyb8ZH7mm1P50hbi4RySxyXlKi7ycdtdnz3RbIyJN7ocvUrEsxyZ8Qam_MtWEoa/s1600/Character+Map.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" height="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiH4mJwB4O5pC2RS0sWKyyKYiaItGjuFe03BzL_zVF4t4okDI2xTdK7gFQnZg11ufwO9V-bAHrSsEbC9xyb8ZH7mm1P50hbi4RySxyXlKi7ycdtdnz3RbIyJN7ocvUrEsxyZ8Qam_MtWEoa/s200/Character+Map.png" width="139" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">A rough character map of the 9 icons <br />
that were created for this font pack</td></tr>
</tbody></table>
<div>
<br />
<br />
<h3>
Add Icons as Font Characters</h3>
</div>
Once your icons are designed, use Inkscape's SVG Font Editor to assign each icon to a unique letter:<br />
<ul>
<li>In Inkscape, navigate to Text > <b>SVG Font Editor</b></li>
<li>Under the Font pane on the left, click on <b>font1</b> to rename your font and hit your Enter key to Apply the name</li>
<li>Also change the <b>Family Name</b> in the Global Settings tab to your desired font name</li>
</ul>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhWVMVq2890SzgJsvqhLn6LpNsHXnV_ywusup8dAzTLCgyDFfMjEAT4qjzRhkIKmI6noJQOO6W7-9MbOyjIoR_aFAB-2u0Q2VyaS_n5f292nMiOH-KWpASx9NjFvFAJ0enAqHj_MbVLvSRs/s1600/Font+Editor+01.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="185" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhWVMVq2890SzgJsvqhLn6LpNsHXnV_ywusup8dAzTLCgyDFfMjEAT4qjzRhkIKmI6noJQOO6W7-9MbOyjIoR_aFAB-2u0Q2VyaS_n5f292nMiOH-KWpASx9NjFvFAJ0enAqHj_MbVLvSRs/s200/Font+Editor+01.png" width="200" /></a></div>
<ul>
<li>Navigate to the <b>Glyphs</b> tab</li>
<li>Type <span style="font-family: "courier new" , "courier" , monospace;">abcdefg...</span> in the <b>Preview Text </b>box. This will help confirm that your icons are mapping correctly - a hand full of black (unmapped) boxes should appear for now</li>
</ul>
<ul>
<li>Select your icon and align it to the center of the page, and snap the bottom edge to the guideline that is -50 px below the page</li>
</ul>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjdDV792NHb-3wM_QrGVtLUUV2C9mY7mpVe24TFCX9P0rBRIwZUXLXby-Y6DEw5fvcdiartON2EdCE3SVUmsErrH26bVlxFNrPf7LOCELB5SxnYFwnfHJB9o-vBXuJe3ps01vVCMRl14yS8/s1600/Guideline+Setup.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="135" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjdDV792NHb-3wM_QrGVtLUUV2C9mY7mpVe24TFCX9P0rBRIwZUXLXby-Y6DEw5fvcdiartON2EdCE3SVUmsErrH26bVlxFNrPf7LOCELB5SxnYFwnfHJB9o-vBXuJe3ps01vVCMRl14yS8/s200/Guideline+Setup.png" width="200" /></a></div>
<div>
<br /></div>
<ul>
<li>Back on the SVG Font Editor, click the <b>Add Glyph</b> button</li>
<li>Slow double click on the Glyph Name <b>glyph 1</b> and enter your own icon name. For my example, I'll name the icon <span style="font-family: "courier new" , "courier" , monospace;">Overview</span>. Hit Enter to confirm</li>
<li>Click on that new item to select it - it will turn into a blue bar</li>
<li>Under the <b>Matching string</b> column, click on the selected glyph item to bring up a hidden text box. Type the lowercase letter <b>a</b> and hit Enter. This will assign the Overview icon to the 'a' character in this font</li>
</ul>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh_6hrg3T3_M_OYZHAtYHkGamAhZ7o1hmIZBw7IGIgxIxN2w6Y3oWOuKcvNdX6rqtsPHSgFUe_of_t84dsWUtLNpu3oGivm9XLCOAYu4PjlTAhhn_MqzSA7RDQ10WAa_vSGy2AnX_H8EV0g/s1600/Font+Editor+02.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="88" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh_6hrg3T3_M_OYZHAtYHkGamAhZ7o1hmIZBw7IGIgxIxN2w6Y3oWOuKcvNdX6rqtsPHSgFUe_of_t84dsWUtLNpu3oGivm9XLCOAYu4PjlTAhhn_MqzSA7RDQ10WAa_vSGy2AnX_H8EV0g/s320/Font+Editor+02.png" width="320" /></a></div>
<div>
<ul>
<li>Click on that item again to make sure the selection is applied - it should turn blue</li>
<li>Click on your icon graphic to select it</li>
<li>In the SVG Font Editor, click the <b>Get curves from selection</b> button. If your graphics are created correctly, your icon should appear in the first black box of your preview. If nothing happenes, go through tips 3 & 4 in the previous section. If all else fails, reply in a comment and I'll do a more in-depth article on creating sufficient polygons for this process</li>
</ul>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgsNMkrK93-_AmWkmIWAVhvazDdTFogyK0ltr2sCXb-lm9UmOgSf7HOBzV8I2cgSTy8DNxVePnnEElCz-5BhGwJVGf3QBkfIHDrgA_BJn2va655EAmTs7_mZnUpIDsd273kaDnKyvnoJ_RA/s1600/Font+Editor+03.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="297" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgsNMkrK93-_AmWkmIWAVhvazDdTFogyK0ltr2sCXb-lm9UmOgSf7HOBzV8I2cgSTy8DNxVePnnEElCz-5BhGwJVGf3QBkfIHDrgA_BJn2va655EAmTs7_mZnUpIDsd273kaDnKyvnoJ_RA/s320/Font+Editor+03.png" width="320" /></a></div>
<blockquote class="tr_bq">
<b><span style="color: red;">!</span> </b>Note: The icon looks a bit large here, but its layout is correct on my final result</blockquote>
<div>
<ul>
<li>Save this as an SVG. Even though your icon graphics are moved outside of the page into the character map legend, the SVG file will have all the embeded information on your font characters ready for a conversion to .TTF, etc.</li>
</ul>
</div>
<div>
That's pretty much it for this process. To review:</div>
<div>
<ol>
<li>Repeat aligning your icon graphic the correct position on the page space</li>
<li>Add a new glyph</li>
<li>Name and map the glyph to a character</li>
<li>Grab the curves from your selected icon</li>
</ol>
<h3>
Updating Font Characters</h3>
</div>
</div>
<div>
Making updates to the font mapping - changing the order or updating the glyph graphics - is as simple re-mapping graphics to a glyph item in one of three ways:</div>
<div>
<ol>
<li>Change the value of the matching string - i.e. enter a different character that will call a glyph</li>
</ol>
<ol>
<li value="2">Select a glyph, select the updated graphics as aligned on the page, and click <b>Get curves from selection</b> to apply the update</li>
</ol>
<ol>
<li value="3">Right click the glyph item, choose remove, and Add a new glyph as necessary</li>
</ol>
</div>
<h3>
Convert SVG to Font File</h3>
<div>
Finish up by converting the SVG file to a .TTF for use on your computer, and a .woff file for use on the Web or in your applications:</div>
<ul>
<li>Navigate to <a href="http://fontconverter.org/" target="_blank">fontconverter.org</a></li>
<li>Upload your SVG and choose to <b>ttf - TrueType font</b> as the output format and click <b>Start</b> to convert and download your custom font</li>
<li>Repeat the previous step, chosing <b>woff - Web Open Font</b> as the output format</li>
</ul>
<blockquote class="tr_bq">
<span style="color: red;"><b>!</b></span> In Windows, right click on the <b>.ttf</b> file and choose <b>Install</b>. Restart any opened programs, and you can use the new custom font in your local applications like Word, Excel, Inkscape, Illustrator, Photoshop, etc.<br />
<br />
The <b>.woff</b> file will be referenced by your Web application code in the next step</blockquote>
</div>
<h2>
Embed in a Web Page</h2>
<div>
Use basic CSS & HTML to embed the icon in a Web page. <a href="http://codepen.io/Justin-Berke/pen/eJboGQ" target="_blank">Here's an example of a menu</a> with the icons displayed using CSS's <span style="font-family: Courier New, Courier, monospace;">::before</span> selector. Unfortunately I'm having a problem referecing a custom font on CodePen, but the code works.<br />
<br />
<h3>
CSS:</h3>
</div>
<b>1. Reference the font:</b><br />
<code><span style="color: magenta;">@font-face</span> {</code><br />
<span style="font-family: monospace;"> <span style="color: blue;">font-family</span>: <span style="color: #bf9000;">"Custom Icons"</span>;</span><br />
<span style="font-family: monospace;"> <span style="color: blue;">src</span>: url(<span style="color: #bf9000;">"Custom Icons.woff"</span>); </span><span style="font-family: monospace;"><span style="color: #999999;">/* or .ttf, etc.</span></span><span style="color: #999999; font-family: monospace;"> */</span><br />
<span style="font-family: monospace;">}</span><br />
<div>
<br /></div>
<b>2. Call the font in a class selector:</b><br />
<div>
<code><span style="color: #006600;">.custom-icon</span> {</code><br />
<span style="font-family: monospace;"> <span style="color: blue;">font-family</span>: <span style="color: #bf9000;">"Custom Icons"</span>;</span><br />
<span style="font-family: monospace;"> -webkit-</span><span style="font-family: monospace;">font-smoothing: antialiased;</span><br />
<span style="font-family: monospace;">}</span></div>
<b></b><br />
<div>
<b><b><br />
</b></b></div>
<b>3. Reference the individual icons</b><br />
<div>
<code><span style="color: #006600;">.custom-icon-overview</span> {<span style="color: blue;">content:</span></code><span style="font-family: monospace;"> </span><span style="color: #bf9000; font-family: monospace;">"a"</span><span style="font-family: monospace;">;}</span><br />
<code><span style="color: #006600;">.custom-icon-anotherIcon</span> {<span style="color: blue;">content:</span></code><span style="font-family: monospace;"> </span><span style="color: #bf9000; font-family: monospace;">"b"</span><span style="font-family: monospace;">;}</span><br />
<span style="font-family: monospace;"><span style="color: #999999;">/* Etc. */</span></span><br />
<br /><h3>
HTML:</h3>
</div>
<div>
Call the icon as a class in lots of elements. Try the otherwise obsolete <span style="font-family: "courier new" , "courier" , monospace;"><i></span> tag, similar to <a href="https://fortawesome.github.io/Font-Awesome/examples" target="_blank">FontAwesome</a></div>
<br />
<span style="font-family: monospace;"><<span style="color: magenta;">i</span> </span><span style="color: #006600; font-family: monospace;">class</span><span style="font-family: monospace;">=</span><span style="color: #bf9000; font-family: monospace;">"custom-icon custom-icon-overivew</span><span style="font-family: monospace;">></<span style="color: magenta;">i</span>></span>Justinhttp://www.blogger.com/profile/13405139779467188945noreply@blogger.com0tag:blogger.com,1999:blog-4228793464107368822.post-54445539649488241782015-12-03T14:21:00.000-05:002015-12-03T14:23:07.600-05:00Automating Password ManagementI have a password that I don't particularly need to be super secret, but I don't really want to memorize another password either.<br />
<br />
I put together a script that will automatically copy the password to the clipboard (essentially a Control + C command of text). I threw this into a project folder and I can run the script quickly by double clicking it.<br />
<br />
For the sake of slight security, I named the file something boring and unrelated.<br />
<h2>
Code</h2>
<code><span style="color: blue;">from </span>Tkinter <span style="color: blue;">import </span>Tk<br />
r = Tk<span style="color: darkblue;">()</span><br />
r.withdraw<span style="color: darkblue;">()</span><br />
r.clipboard_clear<span style="color: darkblue;">()</span><br />
r.clipboard_append<span style="color: darkblue;">(</span>'<span style="background-color: yellow;">password</span>'<span style="color: darkblue;">)</span><br />
r.destroy<span style="color: darkblue;">()</span>
</code><br />
<br />
<h2>
Setup</h2>
<div>
<ul>
<li><a href="https://www.python.org/" target="_blank">Install Python</a> if it's not already installed</li>
<li>Copy the code above</li>
<li>Paste into Notepad or another text editor</li>
<li>Replace the highlighted <span style="background-color: yellow;"><span style="font-family: "courier new" , "courier" , monospace;">password</span> </span>with your own password</li>
<li><b>Save as type:</b> All Files (*.*)</li>
<li><b>File Name:</b> "<span style="font-family: "courier new" , "courier" , monospace;">SomeFileName.py</span>"</li>
<ul>
<li>Wrapping the filename in quotes ensures the file type will be set to .py - a python script file</li>
</ul>
<li>Double click on the file to run it. A Python window will briefly open and close automatically</li>
<li>Navigate to a text area and hit Ctrl+V or use some other paste command</li>
</ul>
</div>
Justinhttp://www.blogger.com/profile/13405139779467188945noreply@blogger.com1tag:blogger.com,1999:blog-4228793464107368822.post-34764253322916295472015-11-30T23:17:00.002-05:002015-11-30T23:36:11.778-05:00FSU - UF Football Rivalry StatsRivalry week is behind us and the trash talk is still going strong. RIP in peace my news feed - and my team won.<br />
<br />
There's a bit of chatter about the all-time series record that they are indeed winning, but I wanted to look a bit further into it.<br />
<br />
<blockquote class="twitter-tweet" data-cards="hidden" data-conversation="none" lang="en">
<div dir="ltr" lang="en">
.<a href="https://twitter.com/FSUAlumni">@FSUAlumni</a> Considering we lead the series 34-24-2? Fine by us! <a href="https://t.co/JMO6iHg5VE">pic.twitter.com/JMO6iHg5VE</a></div>
— UF Alumni (@ufalumni) <a href="https://twitter.com/ufalumni/status/671126230989725696">November 30, 2015</a></blockquote>
<script async="" charset="utf-8" src="//platform.twitter.com/widgets.js"></script>It turns out that, they aren't just leading the stats, they are pretty damn far ahead. However, the bulk of this comes from the early days of football at Florida State - but is it ridiculous to quote statistics from the 1950s and 60's? I'd definitely say, "Yes and no."<br />
<br />
I don't mean to be any more of a revisionist by asking this question than say a team whose only score was produced by the defense. Let's just look at some numbers.<br />
<br />
<br />
<a href="https://goo.gl/903tDc" target="_blank">I've shown my work</a> in case you want to review. Holler if I missed anything - I haven't double checked it.<br />
<br />
If we try to identify a "Current Era" to measure the teams against each other, I found that the two teams are unbelievably close competitors.<br />
<br />
<h3>
Win/Loss Records</h3>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiaguCvTM2pPjkFydW5JIDMxIDUU1ylcOcOgBSmrkDO8yqH4eLVY4Ug7hKelwoHTmdSrjOyzNgO1xOWFEl4LpCKw8OWbiCJ-qGyDNjPCyyJQTJ3AbVr6Kcz5Vf29fksYnWuonUAhsRhj3cm/s1600/Wins+-+01+All+time.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="167" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiaguCvTM2pPjkFydW5JIDMxIDUU1ylcOcOgBSmrkDO8yqH4eLVY4Ug7hKelwoHTmdSrjOyzNgO1xOWFEl4LpCKw8OWbiCJ-qGyDNjPCyyJQTJ3AbVr6Kcz5Vf29fksYnWuonUAhsRhj3cm/s400/Wins+-+01+All+time.png" width="400" /></a></div>
<br />
Looking at the all-time standings, UF took an early lead, and jumped ahead in two streaks in 1968-75, and again in 1981-86. Across all time, UF is in a commanding lead, sitting 10 wins ahead of FSU with a record of 34 wins, 24 losses, 2 ties, and one <a href="https://www.youtube.com/watch?v=U14orBc2xws" target="_blank">Choke at Doak</a>.<br />
<br />
Since I was born in '83, most this sounds pretty thin - especially coming from kids who weren't even alive when the Simpsons was a well established cult classic.<br />
<br />
Let's try to start in somewhat more recent times, like from the beginning of the Bobby Bowden era, in 1976.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEheOAHNpLSHgXVffn-FA-nnmZPd_ZJHviWPEC9sHHNwmrf599pWgAT1QHpPZx6FJp4ao4zpNvwzYMHYfOYt34zJy9rAxmFwtgiLRK8MWCZdXBdNV2YDHbFyabEG3hlkdMOZVwjkzc4U0mNp/s1600/Wins+-+02+Bowden.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="167" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEheOAHNpLSHgXVffn-FA-nnmZPd_ZJHviWPEC9sHHNwmrf599pWgAT1QHpPZx6FJp4ao4zpNvwzYMHYfOYt34zJy9rAxmFwtgiLRK8MWCZdXBdNV2YDHbFyabEG3hlkdMOZVwjkzc4U0mNp/s400/Wins+-+02+Bowden.png" width="400" /></a></div>
<br />
Despite 4 decent runs on both sides, FSU leads the series by 3 wins since 1976.<br />
<br />
To be somewhat fair, let's pick another circumstance to change balance this investigation. I'll try again at the beginning of the Spurrier era, starting in 1990 - at least it's closer to the birth date of most college kids now.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiENcuy1FuiLCphyphenhyphentH4_6Fu7mReGhMuBj_oI-1cGc8pzKCygTfkBHYWVG0amk1sKVMvZ4M3MIpHYejWTeT2DzeY8JXdiEjlEnw7wVB55dimnWggHjLUEEppx5eYW3tvYB35LHlENzj3aA63/s1600/Wins+-+03+Spurrier.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="167" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiENcuy1FuiLCphyphenhyphentH4_6Fu7mReGhMuBj_oI-1cGc8pzKCygTfkBHYWVG0amk1sKVMvZ4M3MIpHYejWTeT2DzeY8JXdiEjlEnw7wVB55dimnWggHjLUEEppx5eYW3tvYB35LHlENzj3aA63/s400/Wins+-+03+Spurrier.png" width="400" /></a></div>
<br />
No change. FSU still leads the series by 3 games.<br />
<br />
Yeah, I agree it's bullshit to discount 15 losses and a tie, but we're just examining numbers here. Also, I don't see how the argument that, "games played in the 1950s and '60s are more relevant," holds any more weight than, "current history is more relevant to reality."<br />
<br />
Let's take at another metric to see what's going on across multiple games.<br />
<br />
<h3>
Running Score Distribution</h3>
<b>Example</b>: Starting at 0, if UF wins with a score of 14-7, UF is awarded 7 points, and FSU begins with -7 points.<br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiJQkpfUmgorVzNd5U36HblBuv9mPR0wYI3M8jMeHS7_8iHVx2BaHaJtiuICqIfbftVuJsTAhkVOJZH0of0TIzMbUHDOZI1EybhII3mMulyCWzCWs6S-PA933bTQmI9shWsy5l_qC4yOGOa/s1600/Score+-+01+All+Time.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="126" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiJQkpfUmgorVzNd5U36HblBuv9mPR0wYI3M8jMeHS7_8iHVx2BaHaJtiuICqIfbftVuJsTAhkVOJZH0of0TIzMbUHDOZI1EybhII3mMulyCWzCWs6S-PA933bTQmI9shWsy5l_qC4yOGOa/s320/Score+-+01+All+Time.png" width="320" /></a></div>
<br />
Across all time, FSU is just dominated by UF who ran up a score of 200 additional points over FSU - mainly between the first game in 1958 and the year before Bobby Bowden arrived. Good job, our collective grandparents who probably weren't associated with either school!<br />
<br />
Let's see what has happened in more recent history.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhumHR-2n9mMW2XDy5mC8uozzGgWJCzBvMFizPedcwynaxfmoNOB8qo5Pwgn5LEuoJXhDqh9ALAOkg_gD9v_qLUncaz3L0THbUBZBGOPVz5-ZcMc7A0TkIEMPumtcCxTpqfyTSuLaMZ4fQC/s1600/Score+-+02+Bowden.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="126" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhumHR-2n9mMW2XDy5mC8uozzGgWJCzBvMFizPedcwynaxfmoNOB8qo5Pwgn5LEuoJXhDqh9ALAOkg_gD9v_qLUncaz3L0THbUBZBGOPVz5-ZcMc7A0TkIEMPumtcCxTpqfyTSuLaMZ4fQC/s320/Score+-+02+Bowden.png" width="320" /></a></div>
<br />
Looking at the Bowden era to present, the overall score between the two teams puts UF in the lead by 3 points. THREE!<br />
<br />
How about the Spurrier era to present?<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjE4v4Ggp67gJOV03ewNN_q-tfmI9uIxT3ckORRmtY2gTiPg_GoNNywowKnmgM_5nURLsYFh9Je_xruym8dz62H0MF0ha4XeJkA0P5SBSxDkE2NIafSp2ZqI6DPVdWDWok2O5YoL3AAYahv/s1600/Score+-+03+Spurrier.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="126" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjE4v4Ggp67gJOV03ewNN_q-tfmI9uIxT3ckORRmtY2gTiPg_GoNNywowKnmgM_5nURLsYFh9Je_xruym8dz62H0MF0ha4XeJkA0P5SBSxDkE2NIafSp2ZqI6DPVdWDWok2O5YoL3AAYahv/s320/Score+-+03+Spurrier.png" width="320" /></a></div>
<br />
It's a goddamn tie! Since 1990, FSU and UF have scored the same amount of offsetting points.<br />
<br />
Someone please check my work. That's weird.<br />
<br />
<h3>
Conclusion</h3>
<div>
Okay, I admit rivalry isn't rivalry without context of history. I'm confident that the next few seasons are looking fierce for my Alma mater, and I don't doubt the ability to overcome those very early defects in the coming years. However, it's fair to say both teams have had some incredibly strong runs in recent history, and these quick illustrations have a surprising degree of balance.</div>
Justinhttp://www.blogger.com/profile/13405139779467188945noreply@blogger.com0tag:blogger.com,1999:blog-4228793464107368822.post-33095152790787431422015-11-29T19:46:00.000-05:002015-11-29T19:46:18.603-05:00Color Development: Tools and Methods<blockquote class="tr_bq">
I accidentally went nuts writing about the basics of digital color, so I decided to make it a separate article. Check that out:</blockquote>
<blockquote class="tr_bq" style="text-align: center;">
<a href="http://justinberke.blogspot.com/2015/03/color-development-digital-color-basics.html" target="_blank">Color Development: Digital Color Basics</a></blockquote>
In this article, I'll list a few tools I use for color development, and discuss how I like to brew and develop colors in graphic design and cartography environments.<br />
<br />
<h2>
Color Brewing</h2>
<div>
These are some of my favorite tools to build and tune color sets.</div>
<div>
<ul>
<li><a href="https://color.adobe.com/create/color-wheel" target="_blank">Adobe Color CC</a> (formerly Kuler)</li>
<li><a href="http://coolors.co/">coolors.co</a> - Palette Generator</li>
<li><a href="http://paletton.com/" target="_blank">Paletton</a> / <a href="http://colorschemedesigner.com/csd-3.5" target="_blank">Color Scheme Designer</a></li>
<li><a href="http://colorbrewer2.org/" target="_blank">ColorBrewer</a></li>
<li><a href="http://www.google.com/design/spec/style/color.html#color-color-palette" target="_blank">Google Color Design</a></li>
<li><a href="http://www.materialpalette.com/" target="_blank">Material Design Palette Creation</a></li>
<li><a href="http://www.cssdrive.com/imagepalette" target="_blank">CSS Drive</a> - Pull palettes from images</li>
</ul>
<div>
<br /></div>
</div>
<h2>
Browser Utilities</h2>
<div>
<h3>
ColorPick Eyedropper</h3>
<div>
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg-IRipBfy1UJlUyYGUq8HmsFdgoBYJ6AGEYLdIas6RmJ8aUNJ5QNLhKE1-dfH1wG5p5UEwhMZndRSxwmg6k0jCl6yzo3E2trzNzwQfvh8xaYE7TEF_Z9JZCUId9PNbZacC0e3Dbl4xvGe6/s1600/04a+-+Chrome+ColorPick+Eyedropper.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg-IRipBfy1UJlUyYGUq8HmsFdgoBYJ6AGEYLdIas6RmJ8aUNJ5QNLhKE1-dfH1wG5p5UEwhMZndRSxwmg6k0jCl6yzo3E2trzNzwQfvh8xaYE7TEF_Z9JZCUId9PNbZacC0e3Dbl4xvGe6/s1600/04a+-+Chrome+ColorPick+Eyedropper.png" /></a></div>
<div>
<br /></div>
<div>
<a href="https://chrome.google.com/webstore/detail/colorpick-eyedropper/ohcpnigalekghcmgcdcenkpelffpdolg?hl=en" target="_blank">ColorPick Eyedropper</a> is a Chrome extension that enables you to quickly grab a color from a Web page. There's even a rad little magnifying visualization that helps zero in on the exact pixel you need.</div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjlCdarP_N2V-qHEusB02GQgYIM224QaAacuQQ6cu8pTxVeLF5P9HpMvUSXAk-87UDTda8fIW3Zu44mI9uvaJgBo7fqRL-yADHhIOP5gBFaiCyt1b4Os-KsPTgya1rIQX6pmrN2ZDLpt1q4/s1600/04b+-+Chrome+ColorPick+Eyedropper.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjlCdarP_N2V-qHEusB02GQgYIM224QaAacuQQ6cu8pTxVeLF5P9HpMvUSXAk-87UDTda8fIW3Zu44mI9uvaJgBo7fqRL-yADHhIOP5gBFaiCyt1b4Os-KsPTgya1rIQX6pmrN2ZDLpt1q4/s1600/04b+-+Chrome+ColorPick+Eyedropper.png" /></a></div>
<br />
<br /></div>
<h2>
Desktop Utilities</h2>
<h3>
ColorPic</h3>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjJwoVfLZHgP_aYTXMDrE2A-7d0pDX4LtJDIxTdW5gq1HGfQHCUCSXute4V5KX3F4w6_00zGSeinY1VVeGJSP3Ckt_Nt598glqkKY_tISV57u2ueYp2s4I3zF9gNqc-qOJM0P4XFQoMy38J/s1600/05+-+ColorPic.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjJwoVfLZHgP_aYTXMDrE2A-7d0pDX4LtJDIxTdW5gq1HGfQHCUCSXute4V5KX3F4w6_00zGSeinY1VVeGJSP3Ckt_Nt598glqkKY_tISV57u2ueYp2s4I3zF9gNqc-qOJM0P4XFQoMy38J/s1600/05+-+ColorPic.png" width="165" /></a></div>
<div>
<br /></div>
<div>
<a href="http://www.iconico.com/colorpic" target="_blank">ColorPic</a> is a great desktop tool to help snag Hex, HSV, RGB, CMYK, values, and save your own custom groups of color. There are even sliders, and grids to use to help build or tune your colors if necessary.</div>
<div>
<br /></div>
<h3>
ColorOracle</h3>
<div>
<a href="http://colororacle.org/" target="_blank">ColorOracle</a> is a fantastic color deficiency simulator. It's a quick way to preview your entire monitor view for any potential issues with color patterns which may be difficult to read for those with color-vision impairments. No exporting<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhCe5JIY0CsAXo5icbAkw3Wc4equEOaoDNkQGibnGlCndzsVc9NOuKmNSlRx3AuAamk9Ou6bQXrqMr30_zFjXJ4L6qI247JCmgBZl0DVKeCqb95mZgh5_lpagSgjpvb9Wgxg_sO1NeyXgX9/s1600/ColorOracle.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="208" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhCe5JIY0CsAXo5icbAkw3Wc4equEOaoDNkQGibnGlCndzsVc9NOuKmNSlRx3AuAamk9Ou6bQXrqMr30_zFjXJ4L6qI247JCmgBZl0DVKeCqb95mZgh5_lpagSgjpvb9Wgxg_sO1NeyXgX9/s400/ColorOracle.png" width="400" /></a></div>
<br /></div>
Justinhttp://www.blogger.com/profile/13405139779467188945noreply@blogger.com0tag:blogger.com,1999:blog-4228793464107368822.post-65228006273704426362015-11-28T13:03:00.000-05:002017-03-24T10:33:28.309-04:0014 Solid Resume Writing TipsI have been working on my own resume for over a decade. It was clunky, it never changed that much, it was boring, and hard to read. After asking for some help I realized that there are tons of things to consider to make an effective, eye-catching summary of your professional skills.<br />
<br />
After numerous redesigns and tuning sessions I started having fun with the process - in a really nerdy, computer-programming sort of way (see the rest of this blog). In the past couple of years I started lending tips to others to help get their thoughts organized. I put together this list of the most common suggestions; whether folks are starting from scratch or are just looking for a little polish.<br />
<br />
<h2>
<ol>
<li>You're Not a Designer - Don't Design Your Own Resume</li>
</ol>
</h2>
Are you actually applying to a design job? Awesome. Designing your own unique resume is great practice to show off your skills in layout, organization, white space balance, typeface selection, reading efficiency, color choice, copy writing, audience targeting, graphical tuning, and overall presentation.<br />
<br />
Does you dream position have <u>absolutely nothing</u> to do with graphic design? Not sure what some of those terms above mean? That's cool too. <b>Use a template!</b><br />
<div>
<blockquote class="tr_bq">
<a href="http://textycafe.com/best-professional-resume-templates-best" target="_blank">This is a great article</a> that goes into more detail about designing a modern resume template </blockquote>
<div>
Leave the design work to actual designers. If you're interesting in building a house, you don't draw up blueprints yourself - you hire an architect. Otherwise, you're going to make a mess.<br />
<br />
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg4skHLDRUdCpFwjwcjQD5vahj1i4pgEwpk7WCPGGOXZTxVSWWigRFKKyQciTVWAry7KCJ0aw-a0F83ahai1adPerhl5Nmy4M5JdEl6HGXJC1Q8ACTQkEg4ZwbuLxojiqedaIidIVjh5Nfd/s1600/TheHomer.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg4skHLDRUdCpFwjwcjQD5vahj1i4pgEwpk7WCPGGOXZTxVSWWigRFKKyQciTVWAry7KCJ0aw-a0F83ahai1adPerhl5Nmy4M5JdEl6HGXJC1Q8ACTQkEg4ZwbuLxojiqedaIidIVjh5Nfd/s1600/TheHomer.png" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Homer was not a designer, and he designed an amazingly awful car.<br />
Your resume is filled with great ideas, but it can easily come off as garbage.</td></tr>
</tbody></table>
<br />
A simplistic design will usually suffice; especially for corporate or government jobs. If you're aiming for a smaller organization or for more of a casual submission (entertainment industry, just testing the waters, getting your name out there, etc.) consider venturing into a more sleek and eye-catching template design. Lots of folks don't recommend this route, so be smart about your audience.</div>
<div>
<br />
Here are some avenues to find free resume templates:<br />
<ul>
<li>Google Image Search: <a href="https://goo.gl/7TtCDI" target="_blank">Resume Template</a></li>
</ul>
<ul>
<li>There are tons of free templates to download or reference. Be careful of malware if you're literally downloading files</li>
</ul>
<ul>
<li>Microsoft Word Templates - These often scream "HAY, LOOK AT ME, <i>I USED A TEMPLATE FROM THE MICROSOFT WORD!!!111</i>." Try to avoid these unless they are simple, or you're comfortable with your Word skills to modify the style to make the template your own.<br /><br />Especially for positions with a lot of applicants, there's a good chance someone else is using the same MS Word template that you chose. You wouldn't want to show up to the interview wearing the same dress or shit & tie as the intern, so avoid being spotted using the same template as other applicants</li>
</ul>
<ul>
<li>Buy a template. I don't recommend this unless you really need help, or you need a very polished or specific design. There are tons of free alternatives available to use or reference, though I'm sure there are a few cases where purchasing a template is a good idea</li>
</ul>
</div>
<div>
<br /></div>
<div>
<h2>
<ol>
<li value="2">Add- & Categorize Skills</li>
</ol>
</h2>
</div>
I'm a big fan of the skills section and I often don't see enough items included. A bulleted list is an extremely efficient way of cramming a ton of information about your skill set into the least amount of space possible.<br />
<br />
An effective skills section will illustrate what tools you offer to a team. Be sure to list topics that are either directly listed on an advertisement, or which may go above and beyond the advertised KSAs - within reason. Anything additional needs to say, "By the way, you may need this skill too."<br />
<br />
<i>DO NOT</i> list Microsoft Word, Outlook, and PowerPoint unless the advertisement asks for it. Most 3rd graders, and almost every mom knows how to use all of those by now. List "Microsoft Office Suite" and leave it at that.<br />
<br />
However, Excel and Access are completely different. If you basically know your way around either of those, I'd say they deserve their own bullets. If you know how to do some advanced work with those programs, or if you know how to customize and code macros for them then definitely throw those bits on separate lines.<br />
<br />
Make sure you sort your skills across multiple columns to reduce wasted white space and to make skimming/scanning easier for the reader.<br />
<br />
Bullets don't require someone to read every word like a paragraph, so highlighting a number of impressive points is incredibly effective. Sorting bullets into categories extends that efficiency by inviting the reader to skim each group individually rather than hiding bulk information in a long narrative paragraph or a disorganized stream of "things." Categorized bullets are much more likely to keep a reader's attention, and will likely create a better vision of you as a multi-threat candidate.<br />
<br />
Especially for applicants in the tech industry, bullets are the way to go. Be sure to include the most appropriate match of programming languages, software packages, environments, operating systems, familiar standards and techniques, methodologies, and other types of skills you can offer. Find a balance of being impressive and multi-talented while remaining as concise and articulate as possible. Overwhelming a reader with EVERY technology you have ever heard of can be just as ineffective as omitting it altogether.<br />
<br />
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEglXbbp2RDAUnCinsdgaAfcKycXNC8mFwLPafsqsxhIfHmXr7ITR_uZ_NDi4m0wz_NAMARL6D993Wqh5EUkw5ieXl7xmgn3-s1s-_BroVkBRlgouzF9FidGe6z8Faj5KsMB4Fl6xqpV8G3x/s1600/Skills_Animated.gif" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" height="273" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEglXbbp2RDAUnCinsdgaAfcKycXNC8mFwLPafsqsxhIfHmXr7ITR_uZ_NDi4m0wz_NAMARL6D993Wqh5EUkw5ieXl7xmgn3-s1s-_BroVkBRlgouzF9FidGe6z8Faj5KsMB4Fl6xqpV8G3x/s400/Skills_Animated.gif" width="400" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">An extensive example of categorized skills. I animated<br />
<span style="font-size: 12.8000001907349px;">the table boarders here to illustrate the layout</span></td></tr>
</tbody></table>
This isn't just for development. If you can summarize and categorize skills in your industry, then do it! Head hunters and automated bot searches will respond accordingly.<br />
<h2>
<ol>
<li value="3">Lead With What You're Proud Of</li>
</ol>
</h2>
Don't sacrifice your reader's attention on filler content. Put your best, most applicable content at the top of you resume. Anything that's less impressive should generally be moved down the page. Don't be afraid to water down your least impressive points, but have confidence and support your experience properly.<br />
<br />
I like to see education first - especially if you have education at- or beyond a bachelors degree. Definitely keep it near the top if your education is in the same industry/field as the job you're applying to.<br />
<br />
However, if your field of study isn't particularly relevant to the position, go ahead and move it further down to allow more important and impressive information to be highlighted first.<br />
<br />
If your professional experience isn't relevant -- or even if it's non-existent -- then don't waste time and space yammering on about how you were an industry leader at the fry technician's station. Keep it short and put more context in areas that needs to be highlighted. Maybe that's in your Education section, or even your Professional/Social Contributions instead.<br />
<br />
<br />
<h2>
<ol>
<li value="4">No experience? No problem.</li>
</ol>
</h2>
This is especially important for recent graduates, or for folks who have jumped into a new industry. If your only experiences are summer fast food sorts of jobs then <b>move the experience section to the bottom of the resume</b>. Don't go into detail about how well you lead the team at Burger King. Employers know what you did there and they don't care; so just mention it was a summer job, include your start/end dates, and leave it at that. There's nothing wrong with it, but it's not what you're aiming for anymore. You're likely shooting for a higher level of employment now.<br />
<br />
Save the long-form embellished verbiage from your less relevant positions for your Education or other your most impressive sections. For students, talk about relevant classes or large projects you completed by yourself. Point out relevant lab work. Did you lead a team to get a huge paper completed and you even did the editing to sort everyone's research together? Did you use your academic skills for nerdy personal projects? That's fantastic! Discuss what experience you accrued in extracurricular clubs too.<br />
<br />
College is essentially a full time job for 2 or 4+ years. Give it more context than, "I went here." Illustrate how your academic career is relevant to the job position.<br />
<br />
Oh, and for those who have jumped ship and started in a new career path, be sure to rewrite the description of your previous responsibilities for your new audience. Your old technical music therapy jargon may not make any sense to that non-profit tech startup you're applying to (true story).<br />
<h2>
<ol>
<li value="5">Don't Use Just "One Resume"</li>
</ol>
</h2>
No matter how similar various job postings may seem, every advertised position is unique; and your resume should be too. Even if the changes between various resumes are only slightly different, each application should be accompanied by a unique resume.<br />
<br />
At the very least, this helps you respond as articulately as possible. Going through the job description and adding or removing content will make your resume that much more effective.<br />
<br />
You may choose to have several resume styles: one simplistic conservative style for large organizations, and a more flashy design for more casual submissions. It's important to ensure those two styles never cross, however the content will likely be similar in each.<br />
<br />
Dealing with multiple resumes leads to the next important tip: Organization.<br />
<br />
<br />
<h2>
<ol>
<li value="6">Step Up Your E-mail Game</li>
</ol>
</h2>
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjsSnTOvQ2XxZ4meGLZxfUNyz4_B3TzoQFb5ZG8msTJ8PWDBDaIbGV4Uf2e0iC0deaWq9iqOx0mU_TDwGuRjIk22ayB9356JWsMohuCAmohLR5VLSbFqTqiWuzel3BI6cJDGQH61zwju3g9/s1600/Gmail-Logo.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" height="144" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjsSnTOvQ2XxZ4meGLZxfUNyz4_B3TzoQFb5ZG8msTJ8PWDBDaIbGV4Uf2e0iC0deaWq9iqOx0mU_TDwGuRjIk22ayB9356JWsMohuCAmohLR5VLSbFqTqiWuzel3BI6cJDGQH61zwju3g9/s200/Gmail-Logo.png" width="200" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">I want to see <span style="font-size: 12.8000001907349px;">Gmail, or GTFO</span></td></tr>
</tbody></table>
Your.Name@gmail.com is what anyone wants to see, and it's almost always the only acceptable answer.<br />
<br />
Obvious exceptions are @ domains from your own website, your university, or another professional-looking site. Yahoo, Juno, AOL, etc. don't cut it anymore.<br />
<br />
Do you use something besides Gmail for email anyway? Well, it's about time you switch. Forward your important stuff to Gmail and join the year 2005. Otherwise, just create a Gmail account just for job hunting, and forward everything that arrives in Gmail to your old spam-infested account back in the stone age. Either way, you need a clean email address. bonerman22@aol.com won't do.<br />
<br />
While you're at it, lose the inspirational quote, and the graphics. I can smell your cats from here, and your email looks like garbage until the reader accepts your external/attached image.<br />
<br />
Don't choose a script font for your signature. Just keep it clean and simple.<br />
<br />
<blockquote class="tr_bq">
[<i>Mr./Ms./Mrs. Contact's Name</i>],<br />
<br />
Thanks for speaking with me about the [<i>specific job title</i>] position in the [<i>department/section/program</i>]. Attached is my current resume for that position. [<i>Brief closing</i>].<br />
<br />
Best regards,<br />
[<i>Your name, same font, not even italicized</i>]</blockquote>
That's it.<br />
<br />
<h2>
<ol>
<li value="7">Match Keywords</li>
</ol>
</h2>
<div>
Is your resume too thin? Are you applying outside of your normal skill set? Maybe neither. Still, it's a good idea to carefully read through the position description and include any matching job requirements that are listed on the advertisement.</div>
<div>
<br /></div>
<div>
Don't go nuts. Find a middle ground of responding to what the call for applicants is asking for without making it look like a straight copy/paste job. There's rarely a candidate that fits 100% of the the KSA's (knowledge, skills, and abilities), but be sure to clearly convey where you skills match the job.</div>
<div>
<br /></div>
<div>
Additionally, use some judgement again: federal jobs, large companies, and head hunters don't have time to look for context, so nearly exact or verbatim phrases are important since they are used as search terms. There are definitely times where using the same language is key to being considered at all.<br />
<br />
On the other hand, smaller organizations, or an unsolicited resume submission could use a touch of subtlety. If it's not necessary, use similar phrases instead of exact text from the position description.<br />
<br /></div>
<h2>
<ol>
<li value="8">Organization</li>
</ol>
</h2>
Since you should be working with a unique resume for every job posting (see #5), it's important to remain organized. I prefer to have a folder for all resumes, with a subdirectory for each individual job response. Read my previous article on <a href="http://justinberke.blogspot.com/2015/06/make-new-project-directory.html" target="_blank">naming project directories</a>.<br />
<blockquote>
<b>Example folder structure:</b><br />
<ul>
<li>Resumes</li>
<ul>
<li>2014-05-30 - Company Name - Job Title</li>
<li>2015-02-28 - Other Company - Job Title</li>
<li>...</li>
</ul>
</ul>
</blockquote>
I also like to save the individual job description in each of these folders for reference before the interview, along with the URL to the job posting (or other information about where I found the ad), as well as a unique cover letter. It can be as simple as copying the position description and URL or advertisement source into a text document.<br />
<br />
Using this method will help you quickly pull up a similar resume from the past and use it as a template for a new response.<br />
<br />
This will ensure that you're ready to apply to a new position at a moment's notice. Extend this readiness by saving a copy of these resumes to a private <a href="https://www.dropbox.com/" target="_blank">Dropbox</a> folder so you'll never be caught off guard - even while traveling.<br />
<br />
Save each resume as a Word or OpenOffice document, and export as a PDF when finished.<br />
<br />
<h2>
<ol>
<li value="9">Make a Web-Based Resume</li>
</ol>
</h2>
Not all resumes need to be e-mailed or printed. For more casual uses, create a Web-based resume and send out links to your information. <a href="http://justinberke.tk/" target="_blank">Here's mine</a> as an example:<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
</div>
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgKQRW0lAXIWTyKPsxn2NjRdseRdrMKINymq9vpMtfWUEdSVa_bM_696bCFpQN63urK5FurN8LRPzSurtp0oIjQfxpGlN5XJZNxhtW-GV95ruwsQkowa6fHMwB9LphQhUisFeACoBeWsW3r/s1600/jb_dot_tk.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" height="191" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgKQRW0lAXIWTyKPsxn2NjRdseRdrMKINymq9vpMtfWUEdSVa_bM_696bCFpQN63urK5FurN8LRPzSurtp0oIjQfxpGlN5XJZNxhtW-GV95ruwsQkowa6fHMwB9LphQhUisFeACoBeWsW3r/s320/jb_dot_tk.png" width="320" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;"><a href="http://justinberke.tk/" target="_blank">justinberke.tk</a> is my Web-based resume</td></tr>
</tbody></table>
<br />
<br />
Don't provide too much personal information if you're not comfortable with it, but here are a few options to consider from least to most difficult:<br />
<br />
<ul>
<li><b>LinkedIn</b> - A professional social networking site that helps you set up a resume-like bio page for your professional career</li>
<li><a href="https://wordpress.com/" target="_blank"><b>WordPress</b></a> - Create a one-page Web site with your professional bio. Use a number of free or affordable purchased templates that look great to organize and stylize your impressive new personal marketing tool</li>
<li><a href="http://www.freenom.com/" target="_blank"><b>FreeNom</b></a> - Get a free customized URL like YourName<b>.tk</b> and point it to your WordPress or LinkedIn site for easy access.</li>
<li><b>Custom .com URL</b> - For around $10 per year, you can register a customized .com URL, like YourName<b>.com</b>. I prefer <a href="http://www.1and1.com/?kwk=207125604" target="_blank">1&1.com</a>, <a href="http://namecheap.com/" target="_blank">namecheap</a>, or <a href="https://domains.google.com/" target="_blank">Google Domains</a> for a domain registrar. Point this to your WordPress or LinkedIn site for some more pizzaz</li>
<li><b>Custom HTML/Bootstrap Web Page</b> - Grab a custom Web site template from anywhere on the Web. I recommend <a href="http://getbootstrap.com/getting-started/" target="_blank">getting started with Bootstarp</a> on your own, or grab an awesome free template from <a href="http://startbootstrap.com/" target="_blank">Start Bootstrap</a>, <a href="https://wrapbootstrap.com/" target="_blank">Wrap Bootstrap</a>, etc. and begin coding your own Web page. Combine this option with a free or paid domain and you'll be on fire!</li>
</ul>
<div>
Final note: pick a design that is mobile-compatible. Most folks use a tablet or a smartphone to view things. Make sure it scales well to smaller or tiny screen sizes, or is designed as "mobile first."<br />
<br /></div>
<h2>
<ol>
<li value="10">Photo or No Photo?</li>
</ol>
</h2>
This is a touchy subject. Many will say, "<u>absolutely not</u>," so just like using a highly stylized resume template, carefully consider your audience with this one.<br />
<br />
Sometimes it can be a legal issue to deal with a resume that contains a photo since discrimination could become a factor. Some folks report that resumes with photos are immediately disregarded - but I'd imagine that would only happens with very large organizations.<br />
<br />
When in doubt, you should probably <u>leave your photo out</u> of the resume.<br />
<br />
If you do want to include a photo, understand that it needs to make you stand out and look <i>fantastic</i>. It needs to add some extra value. Don't ever attach a "picture." Attach a "photograph." Are you writing your resume on a napkin with a pencil? No, you're taking the time to craft your best experiences, so take the time and have someone (paid or not) take a headshot.<br />
<br />
Adding just any old picture of your dumb face will hurt you more than it will help.<br />
<br />
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhFcR-n4Xh4U7CI_I1MoFpkRGEIdqLhZo68_EGAZTiVsEGMwr19b5Ky5T6pgQr3DlN0Vj1-zCml0RVlFV8XmDjvC70ZPrMIMdJXvOHnyxyUrOLrgcHOsEH6QLG16mK2_jy6D9DAUJNEgC6Y/s1600/Bad+Portraits.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" height="231" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhFcR-n4Xh4U7CI_I1MoFpkRGEIdqLhZo68_EGAZTiVsEGMwr19b5Ky5T6pgQr3DlN0Vj1-zCml0RVlFV8XmDjvC70ZPrMIMdJXvOHnyxyUrOLrgcHOsEH6QLG16mK2_jy6D9DAUJNEgC6Y/s320/Bad+Portraits.png" width="320" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">These are all bad portraits.</td></tr>
</tbody></table>
<br />
<ol>
<li>Bros, go to H&M and get an inexpensive shirt and tie; Ladies, put on an awesome office dress or blouse or whatever is appropriate for the setting you're looking to join</li>
<li>Go out and take a nice portrait. Wait! Before you do it, <a href="https://goo.gl/G8NPwO" target="_blank">do a quick search</a> and <b>learn how to take an appropriate portrait</b></li>
<li>Crop and tune the photo so it looks amazing</li>
</ol>
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhlyHObKYPm9NCv1r71L8B1FPvV25A-CtRkOSvNoxQWDorn4D8Q8LgA4NhO8aluLUknNw99awq2HzO47VafJYLHn9PXLogmw6X3UBQh2A60dBizLavuDDMZN41OYHvKX1-LaqX51A8k2WE4/s1600/Good+Portraits.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" height="150" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhlyHObKYPm9NCv1r71L8B1FPvV25A-CtRkOSvNoxQWDorn4D8Q8LgA4NhO8aluLUknNw99awq2HzO47VafJYLHn9PXLogmw6X3UBQh2A60dBizLavuDDMZN41OYHvKX1-LaqX51A8k2WE4/s320/Good+Portraits.png" width="320" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">These are much better <a href="https://www.google.com/search?q=professional+portrait&espv=2&biw=1399&bih=927&source=lnms&tbm=isch&sa=X&ei=exeLVcHPH8y8yQS5xYPgDA&ved=0CAYQ_AUoAQ&dpr=1" target="_blank">professional portraits</a> - especially<br />
the womens photos. Those are very well done.<br />
The mens photos above are mostly boring.</td></tr>
</tbody></table>
<br />
<h2>
<ol>
<li value="11">Output</li>
</ol>
</h2>
Export your resume as a PDF to send electronically. It's clean, easily scalable, easily printable, and it's static, so it can't be accidentally changed or modified.<br />
<br />
Never send a Word document (.doc/.docx/.odt) unless specifically asked. A text document is sloppy, and its text can be erased. Some folks are still using outdated software and they may not be able to open a .docx file.<br />
<br />
A text document is unfinished. A PDF is a finished product. Even if a text document format is requested, try to send the PDF version along too.<br />
<br />
Obviously never send an image file (.jpg/.png/.svg/.ai/etc.). Raster images don't scale well and they're hard to navigate. Image files are even less likely to be opened by a hiring manager than a .docx file. Again, PDF is the way to go.<br />
<br />
<h2>
<ol>
<li value="12">Objective/Summary/Personal Statement</li>
</ol>
</h2>
I say leave this out of the resume and save it for the cover letter. A resume should stand on its own to express your interests and qualifications. Obviously your objective is to get paid, and if you need to summarize your resume then it's too long and it should be rewritten.<br />
<br />
Don't duplicate information by summarizing it at the head of the resume. A mission statement is not my ball of matzo either.<br />
<br />
Sometimes it's mandatory, and that's fine. I have never seen a mandatory instance in over 10 years of writing these, research how to craft an Objective if you absolutely need to include one.<br />
<blockquote class="tr_bq">
<b><span style="color: red;">No:</span></b> <span style="color: #444444;"><strike>To be gainfully employed...</strike> </span><br />
<br />
<b><span style="color: green;">Yes:</span></b> <span style="color: #444444;">To contribute my experience with [<i>insert specific skills and concepts</i>]...</span></blockquote>
<br />
<h2>
<ol>
<li value="13">Don't forget a cover letter</li>
</ol>
</h2>
A resume should stand as a <b><u>brief</u></b> overview of your career experience and the skills that you bring to the table. Leave the long-winded discussions for the interview, but tie some of these vague bullets to your personality with a cover letter.<br />
<br />
I might discuss this more in another article, but a cover letter is a quick way to say hello, explain why the job description was written for you and nobody else, and lastly, to show that you can communicate well.<br />
<br />
Just like the resume, the meat of the cover letter's content can be recycled, but each cover letter should be unique to each position for which you are submitting an application. Mention skills and experience that applies to the job posting, and cut anything that's unrelated.<br />
<br />
<h2>
<ol>
<li value="14">Peer Review</li>
</ol>
</h2>
</div>
Finally, let someone else take a look at your work and give feedback. It's hard to cut information (believe me - my resume is still way to dense), and it can be even harder to . A second or third set of eyes can really help you identify they best way to market your talent and experience.<br />
<br />
The easiest by far is to ask a friend or a colleague. They may be in the same boat as you, but maybe they have some additional experience to offer.<br />
<br />
Next, check out <a href="https://www.reddit.com/r/resumes" target="_blank">/r/resumes</a>. It's a Reddit community of a few thousand folks who can give a quick or thorough review of your resume. Make sure to make a version that strips out your real name and contact information.<br />
<br />
An invaluable resource is your school's career center. Even high school guidance counselors or librarians could give you some great feedback. Colleges are going to be some of the best free resources available since there are programs that are dedicated to bridging the gap between academia and employment. This is full service treatment: templates, content, wording, proofreading, etc.<br />
<br />
Lastly, there are paid resources out there that will give you great information, but I've personally never needed to go that route.Justinhttp://www.blogger.com/profile/13405139779467188945noreply@blogger.com1tag:blogger.com,1999:blog-4228793464107368822.post-14061597513593810492015-11-08T19:40:00.001-05:002015-11-08T19:40:50.567-05:00Manual Key-Numbering for Concentrated Map LabelingI'm working on a map book with a hand full of feature layers across multiple pages. Each page in the map book is displayed at individual scales, so some pages are significantly wider than others; which means that the scale at which annotation is drawn (reference scale) is important to consider.<br />
<br />
As an example, I set up some geotagged photo locations from around town:<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi2QaCw_1I7p3kz81n1LkhgKlvbaEOBQvnQ1Nc_nC7z4uTpfWn1_rS-_0XbwW8kcWC3yi2ZOx0RIGqOwWwfSodWUBdS9tZ5KAkBmaLq_DB5-7OO-nb2cAFoKfIJvWXWe5C3uF5krshSqDh2/s1600/Overview.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi2QaCw_1I7p3kz81n1LkhgKlvbaEOBQvnQ1Nc_nC7z4uTpfWn1_rS-_0XbwW8kcWC3yi2ZOx0RIGqOwWwfSodWUBdS9tZ5KAkBmaLq_DB5-7OO-nb2cAFoKfIJvWXWe5C3uF5krshSqDh2/s320/Overview.png" width="320" /></a></div>
<br />
Pages 3 and 4 aren't too dense, so automatic labeling is acceptable:<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjf5-feJGj3BBOnhufvzjmnFJHjJ39bA7YYGEEleGUq2dCGQZe7eDunCJaru1D3QCrReQ0JLowk-CigiXPBLrd34i6YAtsG3RB1LcTWDL30EpBsuJKlXG7n4ehkOOPW5Q222pywKqcKH2ki/s1600/Page+4.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjf5-feJGj3BBOnhufvzjmnFJHjJ39bA7YYGEEleGUq2dCGQZe7eDunCJaru1D3QCrReQ0JLowk-CigiXPBLrd34i6YAtsG3RB1LcTWDL30EpBsuJKlXG7n4ehkOOPW5Q222pywKqcKH2ki/s320/Page+4.png" width="320" /></a></div>
<br />
Page 1 is another story. Some of the points are too close together to use full labels:<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgPMHLHpRC5KEexzrrNfYawIgH7Icmlnn7PFkz0yHF1ft5IG7lI9FMDY-9OCcNPHMgwHa913B-IHzSYI0yypCp6k_4FYTX_BnCetByFHiwwcTN7KnmnC_QSya9x2WCOxVv0Lybks8e40cYi/s1600/Page+1+-+No+Labels.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgPMHLHpRC5KEexzrrNfYawIgH7Icmlnn7PFkz0yHF1ft5IG7lI9FMDY-9OCcNPHMgwHa913B-IHzSYI0yypCp6k_4FYTX_BnCetByFHiwwcTN7KnmnC_QSya9x2WCOxVv0Lybks8e40cYi/s320/Page+1+-+No+Labels.png" width="320" /></a></div>
<br />
Key numbering would be great for this page since there are areas where double digit numbers could easily be placed, but longer titles would not fit. The user will refer to a lookup table to match the label number with descriptive information. Furthermore, key numbering results in a visually cleaner look. Here's the finalized example:<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjeIC15RGIFUeinwkcOkdLb76qfHEOaAHrqMcC-eKgG-i52sqn_7jo98bVBUwNrWv-mF9k3EJBZiUQDKGh42CX0RPdADwS0xopKInXHrEVKBCG787z_jeje9WEqNTmJb4j1LOnoGjpEzuYW/s1600/Page+1+-+With+Labels.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjeIC15RGIFUeinwkcOkdLb76qfHEOaAHrqMcC-eKgG-i52sqn_7jo98bVBUwNrWv-mF9k3EJBZiUQDKGh42CX0RPdADwS0xopKInXHrEVKBCG787z_jeje9WEqNTmJb4j1LOnoGjpEzuYW/s320/Page+1+-+With+Labels.png" width="320" /></a></div>
<br />
<br />
In other projects I have multiple labeling schemes active (and I have read that multiple instances of key-numbering is a nightmare) so I came up with a workflow to manually create some key-numbering for your ArcMap project with a little sorting in Excel.<br />
<br />
<h2>
Workflow</h2>
<ul>
<li><a href="http://resources.arcgis.com/en/help/main/10.1/index.html#//005s00000027000000" target="_blank">Calculate decimal latitude values into a field</a> if Lat/Long fields are not already present</li>
</ul>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh4ZhRv87FkGwF9AYWCDS3GS7JgQveBD_m-p-eF5LXW8qVwO3Ap44sD3Ht2Zp0LWtCqMtDwjms4GjjunZZxMJO_GqWfi3JmSHMQ8DLK6GgOMtGN2Z9pHwMjhv0KhWivoz84mTq9ov61m36p/s1600/Calculate+Lats.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh4ZhRv87FkGwF9AYWCDS3GS7JgQveBD_m-p-eF5LXW8qVwO3Ap44sD3Ht2Zp0LWtCqMtDwjms4GjjunZZxMJO_GqWfi3JmSHMQ8DLK6GgOMtGN2Z9pHwMjhv0KhWivoz84mTq9ov61m36p/s1600/Calculate+Lats.png" /></a></div>
<div>
<br /></div>
<ul>
<li>From the properties menu, <b>Export </b>your point layer's attribute table and open it in Excel/Open Office Calc/Google Sheets/etc.</li>
<ul>
<li>Ensure that the Object ID field exports correctly - we will need this in a later step</li>
<li>If the Object ID field does not export properly (see below), you may need to add a new field (type = short integer) named <b>ObjectIDs</b> or something similar, and calculate the OBJECTID field values into this new field before your export</li>
</ul>
</ul>
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiv4sVYufuYB2TgMCD0yJG7VrkD88oVBC4_P2uGDLYYqwetZY4eFY2aCHQo2r8KvID8EMit-inbmLER_Xpes2Df787IBXt3eKKxGgFW8kO5lJPupizGHvl1pwi1ZGpcD0RRIjN1wfmXYlXz/s1600/Data+Export.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiv4sVYufuYB2TgMCD0yJG7VrkD88oVBC4_P2uGDLYYqwetZY4eFY2aCHQo2r8KvID8EMit-inbmLER_Xpes2Df787IBXt3eKKxGgFW8kO5lJPupizGHvl1pwi1ZGpcD0RRIjN1wfmXYlXz/s320/Data+Export.png" width="249" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;"><span style="font-size: 12.8px;">The OID field didn't export correctly from ArcMap. </span><br style="font-size: 12.8px;" /><span style="font-size: 12.8px;">Object IDs </span><span style="font-size: 12.8px;">were </span><span style="font-size: 12.8px;">calculated into a new field (Column D)</span><span style="font-size: 12.8px;">before exporting from ArcMap</span></td></tr>
</tbody></table>
<ul>
<li>Sort your latitude field descending (largest [northernmost] values on top, smallest [southern] values at the end)</li>
</ul>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiFuNQKR1DV7loal8oCHvVCmKZFNT5KstjdoHb13oCFYpKjczUHGcdY_kpWThQlFIqK_imPtsBZkRJoEk-Fmmns3F7BYuVKYytarJTLmONB1kqAEqTGJgKvDQSAgrg8WCbkJ5eyBIQP1ji6/s1600/Sort+Descending.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="170" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiFuNQKR1DV7loal8oCHvVCmKZFNT5KstjdoHb13oCFYpKjczUHGcdY_kpWThQlFIqK_imPtsBZkRJoEk-Fmmns3F7BYuVKYytarJTLmONB1kqAEqTGJgKvDQSAgrg8WCbkJ5eyBIQP1ji6/s320/Sort+Descending.png" width="320" /></a></div>
<div>
<br /></div>
<ul>
<li>Add a new field named <b>KeyLabel</b> to record the order of your latitude values and save them as your key-numbering value</li>
<li>Calculate <span style="font-family: "courier new" , "courier" , monospace;">=Row()-1</span> for each record in the dataset (data beginning on row two will have a value of <b>1</b>. This will be your key numbering label. Optionally, copy these cells and paste in the same place as values to get rid of the formula and preserve the value only</li>
</ul>
<ul>
<li>Save the spreadsheet, or export it in a format that ArcMap can read (.xls/.txt/etc.). Add it to ArcMap and it will be visible as a standalone table</li>
</ul>
<ul>
<li>Right click on your point layer and choose Joins and Relates > Join</li>
</ul>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiV2KzgTxkIW5tkeqGHUzf6eZ3GZdbGzD1Fn76ncZo0cY71E9g8gPl66mG-nidijArNzmj1N_a87B_4_CM1-siTUNW0HgEWC0PCiCqCu4QLHrZB6vcFSp9hyphenhyphenZIpWq7AIGpPy7EV-ySyVLSK/s1600/Join01.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="153" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiV2KzgTxkIW5tkeqGHUzf6eZ3GZdbGzD1Fn76ncZo0cY71E9g8gPl66mG-nidijArNzmj1N_a87B_4_CM1-siTUNW0HgEWC0PCiCqCu4QLHrZB6vcFSp9hyphenhyphenZIpWq7AIGpPy7EV-ySyVLSK/s320/Join01.png" width="320" /></a></div>
<div>
<br /></div>
<ul>
<li>Point to the table we just added, and choose to join based on the <b>OBJECTID</b> field from the layer as well as the table we're joining data from</li>
</ul>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjg-jqXjZAdoOhG4HtHkJkDxFhULypdHsEvjRcHlTXIJDGSMxics8OSksFdHPEsPtDD8jdPRWJ7-qKCnnYqqreYv6KfR46vt5e9f5ETmQ-7Qigzr7s4mbo7-a36x6-Op2WTP0njUCl8CmIt/s1600/Join02.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjg-jqXjZAdoOhG4HtHkJkDxFhULypdHsEvjRcHlTXIJDGSMxics8OSksFdHPEsPtDD8jdPRWJ7-qKCnnYqqreYv6KfR46vt5e9f5ETmQ-7Qigzr7s4mbo7-a36x6-Op2WTP0njUCl8CmIt/s320/Join02.png" width="222" /></a></div>
<ul>
<li>Check the Attribute Table to ensure that the join was successful</li>
</ul>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjK5oH_h7zGXPwVNwVfG32-fBCRPDKlWy3izXvnzScceKMycAIIY0Iss9JkVoQyrFnmcK7PoTudIrMKFaLEqHSR53e3WAMA7rcl8TmUkMkadXXPl6RaOqYY4sDiQWBV1O1ldBQibvHOzb_Z/s1600/Check+Join.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="143" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjK5oH_h7zGXPwVNwVfG32-fBCRPDKlWy3izXvnzScceKMycAIIY0Iss9JkVoQyrFnmcK7PoTudIrMKFaLEqHSR53e3WAMA7rcl8TmUkMkadXXPl6RaOqYY4sDiQWBV1O1ldBQibvHOzb_Z/s320/Check+Join.png" width="320" /></a></div>
<div>
<br /></div>
<ul>
<li>Right click on your point layer and choose Properties</li>
<li>Navigate to the Label tab</li>
<li>Enable Labeling, and choose <b>KeyLabel </b>as the Label Field</li>
<li>You may need to play around with Placement Properties a bit to get the labels to draw in the best position for your dataset. When necessary, <a href="http://webhelp.esri.com/arcgisdesktop/9.3/index.cfm?TopicName=Converting%20labels%20to%20annotation" target="_blank">convert your labels to annotation</a> to manually adjust their position</li>
</ul>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgT4MDEY6IFqXF5ZXI0g6CRm1NtYTyD1hiphwDH18f_Pj-0jBBAZoGmzmVSNZBJo8z4pqb3tCWw2Vy7Lwh0dD-N1EVzj6x-Q5ySM5VIStCkvpnMwlJFIYT12L5fmh0QRlm2GLWFv1SR-ceZ/s1600/Labeling+Properties.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="252" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgT4MDEY6IFqXF5ZXI0g6CRm1NtYTyD1hiphwDH18f_Pj-0jBBAZoGmzmVSNZBJo8z4pqb3tCWw2Vy7Lwh0dD-N1EVzj6x-Q5ySM5VIStCkvpnMwlJFIYT12L5fmh0QRlm2GLWFv1SR-ceZ/s320/Labeling+Properties.png" width="320" /></a></div>
<div>
<br /></div>
<ul>
<li>Finally, Go back to the spreadsheet and grab the values from the <b>KeyLabel</b> field as well as your point's name field. There are a few ways to display tables in ArcMap as a lookup for your key-numbering in your map. I simply pasted groups of data to text elements below, but you can also add data directly from a spreadsheet, etc.</li>
</ul>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiEBV-UwaixIvioxcxzrcJwaWyLVi5MXAg5TBlut-68SJxnKJKIq1YldARM8RGvwxWaaDhmuSoW9Le_SzIAuhtG5_i97gh8yvovUkn3Yen4M1IExX9YP-pWXbjGDor3YEwmPh24AGAEDWS-/s1600/Page+1+-+With+Labels.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiEBV-UwaixIvioxcxzrcJwaWyLVi5MXAg5TBlut-68SJxnKJKIq1YldARM8RGvwxWaaDhmuSoW9Le_SzIAuhtG5_i97gh8yvovUkn3Yen4M1IExX9YP-pWXbjGDor3YEwmPh24AGAEDWS-/s320/Page+1+-+With+Labels.png" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
Justinhttp://www.blogger.com/profile/13405139779467188945noreply@blogger.com0tag:blogger.com,1999:blog-4228793464107368822.post-88410050923850999072015-08-17T19:10:00.000-04:002018-01-03T19:46:28.351-05:00Higher Quality UTM Zones MapUntil now, an image from the <a href="https://en.wikipedia.org/wiki/Universal_Transverse_Mercator_coordinate_system" target="_blank">Wikipedia article on the UTM coordinate system</a> has been my go-to UTM Zone reference. It's pretty okay.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj2IBCollfdro9puIyZS8yntUeverjlrL2waKgyVcB-8Tyvrp2O3-JUUowbdBXeE6xm_UiNATLR3LPvNRNhkG9hw1J-FvXzipeJO7oG03sPd-ILdB74xZwVC39blR4bDHP9qlqq1acKj1Rq/s1600/1280px-Utm-zones.svg.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="150" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj2IBCollfdro9puIyZS8yntUeverjlrL2waKgyVcB-8Tyvrp2O3-JUUowbdBXeE6xm_UiNATLR3LPvNRNhkG9hw1J-FvXzipeJO7oG03sPd-ILdB74xZwVC39blR4bDHP9qlqq1acKj1Rq/s200/1280px-Utm-zones.svg.png" width="200" /></a></div>
<br />
<br />
I threw together a map that has been a bit more helpful as it shows US counties and some basic hydrography - mostly from ArcGIS Online layers, and default ArcMap Template data.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEikkuTdIks6hSprC5Q7R_Nb1SxRA5z0qGUjX7uVQ_uR_Ko2hdrYjxdHxuoHPg-HiCqS2KXBd9FotvJVmDiBkWL-o-f2-liWSm-_hBBw36fjMQreianf4iC8vgPXTIMhks3qNbAG0ChxB7Mr/s1600/UTM+Zones.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="282" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEikkuTdIks6hSprC5Q7R_Nb1SxRA5z0qGUjX7uVQ_uR_Ko2hdrYjxdHxuoHPg-HiCqS2KXBd9FotvJVmDiBkWL-o-f2-liWSm-_hBBw36fjMQreianf4iC8vgPXTIMhks3qNbAG0ChxB7Mr/s400/UTM+Zones.png" width="400" /></a></div>
<br />
<div style="text-align: center;">
<a href="https://sites.google.com/site/nerdtips/home/UTM%20Zones.pdf" target="_blank">Download the PDF here</a></div>
Justinhttp://www.blogger.com/profile/13405139779467188945noreply@blogger.com3tag:blogger.com,1999:blog-4228793464107368822.post-20490931830942020982015-07-24T22:53:00.000-04:002015-07-28T11:02:13.874-04:00Add a Web Mapping Data Service to ArcMapI have a hole in my current coverage of waterbodies - I need to know the name of a few streams, and the dataset of Rivers doesn't include the stream I need. I don't necessarily want to download and manage another whole dataset of flowing waters. Temporarily referencing a Web mapping service in my ArcMap project would be great.<br />
<br />
The best database I am aware of that includes comprehensive waterbody geometry and names is the USGS's National Hydrography Dataset. Thankfully, they do indeed provide a Web mapping service!<br />
<h2>
Search for a Mapping Service</h2>
<div>
A quick Google search with the phrase <span style="font-family: Courier New, Courier, monospace;">nhd web map</span> returns a direct link to the USGS National Map's map service endpoint:<br />
<br />
<a href="http://services.nationalmap.gov/arcgis/rest/services/nhd/MapServer">http://services.nationalmap.gov/arcgis/rest/services/nhd/MapServer</a><br />
<br />
<ul>
<li>Copy this URL from the browser for use in the next section</li>
</ul>
<div>
These Map or Feature Service URLs (referred to as "service endpoints" or simply "endpoints") aren't always so easy to find, so other projects/data services may require more digging. Look for clues in the URL itself such as the <b>/rest/services/</b> directories, and for minimal styling (basic-looking fonts, colors, lists, etc.).</div>
<div>
<br /></div>
<div>
To link to a specific portion of the map service (for instance a specific layer or layer group within the main service layer), follow some of the links under the <b>Layers</b> list (see below). Copy that specific URL for use in the next step if you would like. Compare the following URL that represents the <b>Waterbody</b> layer which is layer position 11 in the service package:</div>
<div>
<br /></div>
<div>
<a href="http://services.nationalmap.gov/arcgis/rest/services/nhd/MapServer/11">http://services.nationalmap.gov/arcgis/rest/services/nhd/MapServer/<span style="background-color: yellow;">11</span></a></div>
</div>
<div>
<br /></div>
<div>
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjgtQ0dIw1E4xoCRrMOd016vjoqpGZDNj5aQaPWV6gXA_7_SS5ZY8tpCp-I4Ts3t4qyONhei6MnTxMqwaEWam63zPeNIMhDtAW6lsVhI2w7tWx_-763sxEWmDW8osms3h-rfbKbQM9zbHwv/s1600/04+-+Map+Services.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="390" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjgtQ0dIw1E4xoCRrMOd016vjoqpGZDNj5aQaPWV6gXA_7_SS5ZY8tpCp-I4Ts3t4qyONhei6MnTxMqwaEWam63zPeNIMhDtAW6lsVhI2w7tWx_-763sxEWmDW8osms3h-rfbKbQM9zbHwv/s400/04+-+Map+Services.png" width="400" /></a></div>
<div>
<br /></div>
<h2>
Add a Service to ArcMap</h2>
<div>
<ol>
<li>Click the <b>Add Data </b>button <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgNOzMSLgeU9oPAMlSL2VZVuJycptqLMSg_JRmxD9FUrcWzwyENvxAHCPxWMI67_8gEjM9mGumytLAM6_WikwyVR-cMYgbCDyL-ACK0VoNlA72qdcRwyyKLZ6rOM3eO-m8x9j27_sI591oP/s1600/01+-+Add+Data.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em; text-align: center;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgNOzMSLgeU9oPAMlSL2VZVuJycptqLMSg_JRmxD9FUrcWzwyENvxAHCPxWMI67_8gEjM9mGumytLAM6_WikwyVR-cMYgbCDyL-ACK0VoNlA72qdcRwyyKLZ6rOM3eO-m8x9j27_sI591oP/s1600/01+-+Add+Data.png" /></a></li>
<li>Change the <b>Look in</b> category to <b>GIS Servers</b></li>
</ol>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgfg5E3SLaiv5XTf10RUl6e_8l7yCfFJkwX1kWWue7AYuJaDAQtbxAYyZpGTnQYSw-zqJxfBQtYn73680DZ3TwbyOVvZ59oWW2PXgox7svMP2yuopj6E0exhZse_8Dx-GLVNGUYYmayhyphenhyphen3t/s1600/02+-+GIS+Servers.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="214" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgfg5E3SLaiv5XTf10RUl6e_8l7yCfFJkwX1kWWue7AYuJaDAQtbxAYyZpGTnQYSw-zqJxfBQtYn73680DZ3TwbyOVvZ59oWW2PXgox7svMP2yuopj6E0exhZse_8Dx-GLVNGUYYmayhyphenhyphen3t/s320/02+-+GIS+Servers.png" width="320" /></a></div>
<div>
<b><br />
</b></div>
</div>
<div>
<ol>
<li value="3">Double click on <b>Add ArcGIS Server</b> to launch the Add ArcGIS Server wizard</li>
<li>Accept the default value to simply <b>Use GIS services</b> and click <b>Next</b></li>
<li>Paste the <b>Server URL</b> that was copied from where you found the chosen service endpont</li>
<li>Leave the <b>User Name</b> and <b>Password</b> blank if the server is open for public use, and click <b>Finish</b></li>
</ol>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjrtGcvs_C8pcRywS_Z4xyJlAdAKzs_J2mzeeayPuiNNkdKaQUnUTjHGpS8QTETqtk0ztth6RWkgby-ZfXIM1zy9UwBYyVZn7s9TON9hrXfhx1B3KX90a_sTNvcIhWbfxWoX5UqvHxhXsrE/s1600/03+-+Finish.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="277" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjrtGcvs_C8pcRywS_Z4xyJlAdAKzs_J2mzeeayPuiNNkdKaQUnUTjHGpS8QTETqtk0ztth6RWkgby-ZfXIM1zy9UwBYyVZn7s9TON9hrXfhx1B3KX90a_sTNvcIhWbfxWoX5UqvHxhXsrE/s320/03+-+Finish.png" width="320" /></a></div>
<br />
<h2>
Adding the Service Layer to an ArcMap Project</h2>
</div>
<div>
<ul>
<li>Hit the Add Data button again if you aren't already there<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgNOzMSLgeU9oPAMlSL2VZVuJycptqLMSg_JRmxD9FUrcWzwyENvxAHCPxWMI67_8gEjM9mGumytLAM6_WikwyVR-cMYgbCDyL-ACK0VoNlA72qdcRwyyKLZ6rOM3eO-m8x9j27_sI591oP/s1600/01+-+Add+Data.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em; text-align: center;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgNOzMSLgeU9oPAMlSL2VZVuJycptqLMSg_JRmxD9FUrcWzwyENvxAHCPxWMI67_8gEjM9mGumytLAM6_WikwyVR-cMYgbCDyL-ACK0VoNlA72qdcRwyyKLZ6rOM3eO-m8x9j27_sI591oP/s1600/01+-+Add+Data.png" /></a></li>
<li>Ensure your <b>Look In</b> category is pointing to <b>GIS Servers</b>, just as we did in the last section</li>
<li>Double click on <b>NHD on services.nationalmap</b></li>
</ul>
<blockquote class="tr_bq">
<b><span style="color: red;">!</span> Note:</b> Slow double click on this element to rename this to "National Hydrography Dataset" or anything else if you don't prefer this title</blockquote>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiCrHaoVl6Npuwc7IsYTMRNYoetRtKDgFR-TocPzmxxv_7gyXi-7NMC5SZHbWBpyV9aKqNRfHA7A25tllHhOi7p7kSHPLaJp6E0vuUxTFlU_xyTgunFBt-q45jt69SeM3xrYm7BNBctWdv8/s1600/05+-+Adding+the+Service+Layer.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="214" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiCrHaoVl6Npuwc7IsYTMRNYoetRtKDgFR-TocPzmxxv_7gyXi-7NMC5SZHbWBpyV9aKqNRfHA7A25tllHhOi7p7kSHPLaJp6E0vuUxTFlU_xyTgunFBt-q45jt69SeM3xrYm7BNBctWdv8/s320/05+-+Adding+the+Service+Layer.png" width="320" /></a></div>
<br />
<ul>
<li>Double click the <b>nhd</b> service layer to add the dataset to your project</li>
</ul>
<blockquote class="tr_bq">
<b><span style="color: red;">!</span> Note:</b> This is a large dataset with that's referencing a ton of layers and information. Depending on the speed of your computer, your network connection, and the size of your existing ArcMap project, it may take some time for the layer to be added to your project.</blockquote>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjFKb5HvWldtTZUAgumcn8dheP1fiKpMBlAo3TlNEVv05m5vIY6pmx5XARvfdzqPFMTHWCwecXqWIAikJ0U2sFASXAx4M4uvIAFG8uVuYxHRwMVi_j27jOCdl7n9WX2w47TQsISmlpIx4m_/s1600/05b+-+Adding+the+Service+Layer.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="214" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjFKb5HvWldtTZUAgumcn8dheP1fiKpMBlAo3TlNEVv05m5vIY6pmx5XARvfdzqPFMTHWCwecXqWIAikJ0U2sFASXAx4M4uvIAFG8uVuYxHRwMVi_j27jOCdl7n9WX2w47TQsISmlpIx4m_/s320/05b+-+Adding+the+Service+Layer.png" width="320" /></a></div>
<div>
<br />
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiNi8zZ7NwMOjpgZPEYnEnoBiwuN5JOIoRWTNrPxySI5-NIIQDn5Bis4XqcV4sltw0-UNQ5-7Vs0UlebkeCDVkpucj0_t3KoW7JnkNjIXVzsW3phFBGLsYBf8US89DTnQZL62dA5RxJvudw/s1600/06+-+NHD+Structure.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiNi8zZ7NwMOjpgZPEYnEnoBiwuN5JOIoRWTNrPxySI5-NIIQDn5Bis4XqcV4sltw0-UNQ5-7Vs0UlebkeCDVkpucj0_t3KoW7JnkNjIXVzsW3phFBGLsYBf8US89DTnQZL62dA5RxJvudw/s1600/06+-+NHD+Structure.png" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Structure of the NHD map service. Notice that scale-<br />
dependent drawing is set for a number of layer groups.</td></tr>
</tbody></table>
<br /></div>
</div>
Justinhttp://www.blogger.com/profile/13405139779467188945noreply@blogger.com1tag:blogger.com,1999:blog-4228793464107368822.post-56618581067150671122015-06-07T15:49:00.000-04:002015-06-25T01:23:35.102-04:00Make New Project DirectoryI like to organize photos, videos, GIS projects, and developments projects in separate "project directories." Each project folder has the following format:<br />
<blockquote class="tr_bq" style="text-align: center;">
<span style="font-family: Courier New, Courier, monospace;">YYYY-MM-DD - Description</span></blockquote>
<br />
<blockquote>
<b><u>File Structure Example</u>:</b><br />
<ul>
<li><span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif;"><b>[Drive]:\</b></span></li>
<ul>
<li><span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif;"><b>Development</b></span></li>
<ul>
<li><span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif;">2014-10-04 - Scuba Calculators</span></li>
<li><span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif;">2015-06-01 - Make New Project Directory</span></li>
</ul>
<li><span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif;"><b>GIS</b></span></li>
<ul>
<li><span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif;">2012-05-14 - Whatever Project...</span></li>
<ul>
<li><span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif;">Shapefiles</span></li>
<li><span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif;">Exports</span></li>
<li><span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif;">From Client</span></li>
<li><span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif;">MXDs</span></li>
</ul>
</ul>
<li><span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif;"><b>Photos</b></span></li>
<ul>
<li><span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif;">2013-04-05 - Birthday in Midtown</span></li>
<ul>
<li><span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif;">Hilights</span></li>
<ul>
<li><span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif;">Edited</span></li>
</ul>
<li><span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif;">Original</span></li>
</ul>
<li><span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif;">...</span></li>
</ul>
<li><span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif;"><b>Videos</b></span></li>
<ul>
<li><span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif;">2015-06-01 - <a href="https://www.youtube.com/watch?v=ACoXaAx48s8" target="_blank">Michelin Man Thug Life</a></span></li>
<ul>
<li><span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif;">Source Media</span></li>
<li><span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif;">Exports</span></li>
</ul>
<li><span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif;">...</span></li>
</ul>
</ul>
</ul>
</blockquote>
<br />
This is an easy way to chronologically catalog projects within their respective folders, but I'm lazy, and I hate having to look down at my task bar clock to find out what the date is, and I can't stand typing in that endless date!<br />
<h2>
Solutions Posted on GitHub</h2>
<div>
I posted all the scripts I came up with for this on <a href="https://github.com/Justin-Berke" target="_blank">my GitHub page</a> under the <a href="https://github.com/Justin-Berke/Make-New-Project-Directory" style="font-weight: bold;" target="_blank">Make New Project Directory</a> repo.</div>
<div>
<br /></div>
<h2>
Batch File</h2>
<div>
I originally tried coming up with a Batch file (.bat) to add the folder using the format I wanted. It's easy to make a predefined folder structure using <a href="http://ss64.com/nt/" target="_blank">CMD commands</a>, but pulling that date style turned out to be a little tricky, so I looked elsewhere.</div>
<div>
<br /></div>
<h2>
Python Script</h2>
I came up with a great Python script that will automatically add a folder that's named with the current date followed by <span style="font-family: Courier New, Courier, monospace;">XXXXDescriptionXXXX</span> (so I could easily find and rename it further). Just double click the python file and the new project folder is added. Additionally, I repeated the code to add subdirectories for common sub-folders: <b>Exports</b> and <b>Shapefiles</b> for GIS projects; <b>Originals</b>, <b>Highlights</b>, and <b>Edited</b> for photos & video; etc.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiUXCDYG9tZrk3YLoQd2WbbyQGXAcS-a6l0z2Ngp3pZScP6At-1TpTNzwtyXbYIfmBqGK8LQgaw8A57YSilODDGiFrCdJKKJLkpo9KCJwrY0LMsJRx2L3XZStI0khfbnMOJUCuqOaImAP38/s1600/02+-+Files.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiUXCDYG9tZrk3YLoQd2WbbyQGXAcS-a6l0z2Ngp3pZScP6At-1TpTNzwtyXbYIfmBqGK8LQgaw8A57YSilODDGiFrCdJKKJLkpo9KCJwrY0LMsJRx2L3XZStI0khfbnMOJUCuqOaImAP38/s1600/02+-+Files.png" /></a></div>
<br />
<b><u>Pros</u>:</b><br />
<br />
<ul>
<li>This is great! It works automatically</li>
<li>Simple code. It executes in 6 lines. <a href="https://github.com/Justin-Berke/Make-New-Project-Directory/blob/master/makeNewProjectFolder.py" target="_blank">View the code here</a></li>
</ul>
<br />
<b><u>Cons</u>:</b><br />
<br />
<ul>
<li>I quickly realized how awfully tedious it is to have to slow double click to rename, something every time I create a new project. I need some kind of interface to enter a project name, and I haven't had great luck using <a href="https://wiki.python.org/moin/TkInter" target="_blank">TkInter</a> yet.</li>
</ul>
<blockquote class="tr_bq">
Note: I've heard good things about <a href="https://wiki.python.org/moin/PyQt" target="_blank">PyQt</a> for an interface</blockquote>
<ul>
<li>I don't necessarily want those sub-directories for every project</li>
</ul>
<div>
<br /></div>
<h2>
VBScript</h2>
<div>
My best solution so far was to write a VBScript (.vbs format) to prompt me for a project name AND ask if I want to add those common project sub-folders.</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<br />
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj1GmxQyWJuFHX9NMW73SVCKNGwwPDppGeGz9xDXU8s4FuG2QDQs9328QvZ6XEyS1CYr6qX4wo81Xn4z_-V85y4NjImadtz6lQ0zXqkLYSjKeZYtP3bJmOyg9WF4DcsxAEczwJCvWse7qIu/s1600/03+-+VB+Project+Name.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj1GmxQyWJuFHX9NMW73SVCKNGwwPDppGeGz9xDXU8s4FuG2QDQs9328QvZ6XEyS1CYr6qX4wo81Xn4z_-V85y4NjImadtz6lQ0zXqkLYSjKeZYtP3bJmOyg9WF4DcsxAEczwJCvWse7qIu/s1600/03+-+VB+Project+Name.png" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiuMuwrvzma1nrgh3u4itEAr9eLvrlsgprcVUoAdbFJ8MenLCel_Uq9HsSXnKWqEzFlta_LuiKlEaiq_m4kmMVm2fNZYS7ZznG1Sifk-NPlaDCNeEHOohx74J6JgYUZ8F9SjKIBLS56kAhh/s1600/04+-+VB+Sub-Folders.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiuMuwrvzma1nrgh3u4itEAr9eLvrlsgprcVUoAdbFJ8MenLCel_Uq9HsSXnKWqEzFlta_LuiKlEaiq_m4kmMVm2fNZYS7ZznG1Sifk-NPlaDCNeEHOohx74J6JgYUZ8F9SjKIBLS56kAhh/s1600/04+-+VB+Sub-Folders.png" /></a></div>
<div>
<br /></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgj64h5LNKf3f3B-E0MK1uJvX0nhHUu0ssqyyRzRZ2y8iMyx4ZagzOEEtIi_K4aycju4hz0ZSv58v2zSph8rF79WrkiPRP8GwXsVO1I1H7NUGgk65K8-CTlDfYO0TKAfovXFGJw8C1_NzXu/s1600/05+-+VB+Files.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgj64h5LNKf3f3B-E0MK1uJvX0nhHUu0ssqyyRzRZ2y8iMyx4ZagzOEEtIi_K4aycju4hz0ZSv58v2zSph8rF79WrkiPRP8GwXsVO1I1H7NUGgk65K8-CTlDfYO0TKAfovXFGJw8C1_NzXu/s1600/05+-+VB+Files.png" /></a></div>
<br />
<br />
<b><u>Pros</u>:</b><br />
<br />
<ul>
<li>Most efficient method so far</li>
<li>Quick, easy, no renaming</li>
</ul>
<div>
<b><u>Cons</u>:</b></div>
<br />
<br />
<ul>
<li>Slightly longer code (24 lines without comments & line continuation), but it does include some more logic handling. <a href="https://github.com/Justin-Berke/Make-New-Project-Directory/blob/master/makeNewProjectDirectoryWithAlerts.vbs" target="_blank">View the code here</a>.</li>
<li>This is still generalized, and the "common subdirectories" option is hard coded (i.e. I don't need a <b>Shapefiles</b> directory in a video editing project).</li>
</ul>
Overall, This VBScript method opens the door to writing a slightly larger executable in Visual Studio with a more dynamic interface to add any kind of project folder - but that moves away from the original requirement of a highly rapid way to add a project folder automatically. I think this nails it.<br />
<ul></ul>
<br />
<br />
<br />
<br />Justinhttp://www.blogger.com/profile/13405139779467188945noreply@blogger.com0tag:blogger.com,1999:blog-4228793464107368822.post-17738540706631169022015-03-27T19:43:00.000-04:002015-06-25T01:24:14.937-04:00Repair Lat/Long Coordinate Errors on the FlyEvery once in a while, someone misses a step in processing raw lat/long coordinates. Sometimes data was transferred incorrectly, sometimes the data wasn't available.<br />
<br />
Here's some data I threw together as an example - these are my favorite caving diving sites in Florida:<br />
<br />
<table align="center" bgcolor="#222" border="0" cellpadding="3" cellspacing="1"><tbody>
<tr bgcolor="#D4DDC8"><td><div style="text-align: center;">
<b>ID</b></div>
</td><td><div style="text-align: center;">
<b>Name</b></div>
</td><td><div style="text-align: center;">
<b>Latitude</b></div>
</td><td><div style="text-align: center;">
<b>Longitude</b></div>
</td></tr>
<tr bgcolor="#fff"><td>1</td><td>Jackson Blue</td><td>30.790475</td><td>-85.140083</td></tr>
<tr bgcolor="#fff"><td>2</td><td>Madison Blue</td><td>30.480518</td><td bgcolor="yellow">83.244421</td></tr>
<tr bgcolor="#fff"><td>3</td><td>Orange Grove</td><td>30.127215</td><td>-83.13053</td></tr>
<tr bgcolor="#fff"><td>4</td><td>Peacock</td><td>30.122503</td><td>-83.1324</td></tr>
<tr bgcolor="#fff"><td>5</td><td>Little River</td><td>29.996677</td><td>-82.966328</td></tr>
<tr bgcolor="#fff"><td>6</td><td>Devil's Eye</td><td>29.83509</td><td>-82.69659</td></tr>
<tr bgcolor="#fff"><td>7</td><td>Devil's Ear</td><td>29.835297</td><td>-82.696568</td></tr>
<tr bgcolor="#fff"><td>8</td><td>Ginnie Spring</td><td>29.836178</td><td>-82.700148</td></tr>
</tbody></table>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg9T8NVBuZe3B-213zhbuyRZgP2UZ6I3qRKJjkqXeNnX4YeBDpO9a5SKp1se4XKmw1JUUPEVTWherxLCvFA9mY8uH57LbVmN1hQvvwr8cdyOzmGJ5M1WWsqZCyqaOCtDkpqsN90Jc7W6jTv/s1600/01a+-+Expected.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" height="290" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg9T8NVBuZe3B-213zhbuyRZgP2UZ6I3qRKJjkqXeNnX4YeBDpO9a5SKp1se4XKmw1JUUPEVTWherxLCvFA9mY8uH57LbVmN1hQvvwr8cdyOzmGJ5M1WWsqZCyqaOCtDkpqsN90Jc7W6jTv/s1600/01a+-+Expected.png" width="400" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Initial projection of data is missing a location</td></tr>
</tbody></table>
<br />
<br />
Something's wrong. I expected to see Madison Blue just north of that group of three points. (some of those spots are springs that are within a few hundred yards of each other.<br />
<br />
<blockquote class="tr_bq">
<div class="separator" style="clear: both; text-align: center;">
</div>
<b><span style="color: red;">!</span></b> When projecting data, immediately zoom to that layer, or hit the Full Extent button to ensure that all points were plotted properly.<br />
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhDe9nN2LqceVjt69d5_O3wYYym-smnToHrUFVxIgR2GWnCX0HLDHzp02XDcNEtyyhIHSOdW1qqKZsD1RBR141OyJ_ZPPwix70Tp6SN-0rm_OQGfkLHNSqxc977V_B8PkoF-9xGoLSV8ljp/s1600/ArcMap+Full+Extent.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhDe9nN2LqceVjt69d5_O3wYYym-smnToHrUFVxIgR2GWnCX0HLDHzp02XDcNEtyyhIHSOdW1qqKZsD1RBR141OyJ_ZPPwix70Tp6SN-0rm_OQGfkLHNSqxc977V_B8PkoF-9xGoLSV8ljp/s1600/ArcMap+Full+Extent.png" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">ArcMap's Zoom to Full Extent tool</td></tr>
</tbody></table>
</blockquote>
After I zoomed to the full extent of the data, I realized what must be wrong with the data (see below). Obviously there's a Longitude value that's missing its negative sign because I haven't been diving in India/Tibet before.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
</div>
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjC7zJegukaXfJaCdrrDIJGA1s7d1PANpl9eSG_AMTfAu7hxPA_-4BTM5pjxzQupOP-4_a3ifH4aB6bGAwz-ZjjRFzjfQ9RqNSxFtJwIMqNaDAgg4YmOrrFffrjHUtunS1YfMEUbJJCN4jC/s1600/01b+-+Result+Error.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" height="287" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjC7zJegukaXfJaCdrrDIJGA1s7d1PANpl9eSG_AMTfAu7hxPA_-4BTM5pjxzQupOP-4_a3ifH4aB6bGAwz-ZjjRFzjfQ9RqNSxFtJwIMqNaDAgg4YmOrrFffrjHUtunS1YfMEUbJJCN4jC/s1600/01b+-+Result+Error.png" width="400" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Zoom to full extent to check for mis-projected data.</td></tr>
</tbody></table>
A few quick tips:<br />
<br />
<ul>
<li>Locations on the same latitude, but on the other side of the world are probably missing or adding a negative sign</li>
<li>Points off the coast of Nigeria/Ghana/Gabon, down under of Africa's west coast are probably inheriting a Null or erroneous value, so they're defaulting to the coordinate (0, 0).</li>
</ul>
<br />
<center>
<iframe frameborder="0" height="300" src="https://www.google.com/maps/embed?pb=!1m14!1m8!1m3!1d16323661.1549063!2d0.20318120624997574!3d-2.7364240779383247!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x0%3A0x0!2zMMKwMDAnMDAuMCJOIDDCsDAwJzAwLjAiRQ!5e0!3m2!1sen!2sus!4v1427465311673" style="border: 0;" width="400"></iframe></center>
<br />
<br />
<ul>
<li>After zooming to the full extent of a map, use the Select Features tool to select those incorrect locations. In the Attribute Table, choose <b>Show selected Records</b> to take a look at the incorrect data.</li>
</ul>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgKZMuyR85pBJnIngG4WmAoBrmjW-CD3nOImvxy6xI4Hw6w7ZxDeFJpEL6SbkgM6zB6ChYJORJq4kit4XIEWnM4LQIHnGF9IkqrhyphenhyphenB0BcnpJCDCTmQHO87Qeqrrf8D6A-wt7V6llkW_pv4S/s1600/02+-+Show+Selected+Records.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="165" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgKZMuyR85pBJnIngG4WmAoBrmjW-CD3nOImvxy6xI4Hw6w7ZxDeFJpEL6SbkgM6zB6ChYJORJq4kit4XIEWnM4LQIHnGF9IkqrhyphenhyphenB0BcnpJCDCTmQHO87Qeqrrf8D6A-wt7V6llkW_pv4S/s1600/02+-+Show+Selected+Records.png" width="320" /></a></div>
<br />
<h2>
Fix the Data</h2>
<div>
<ol>
<li>Start an Edit Session on that layer in question</li>
<li>Select the erroneous site. <span style="font-family: Courier New, Courier, monospace;">Mine is ID = 2</span>, or <span style="font-family: Courier New, Courier, monospace;">Name = Madison Blue</span></li>
<li>From the Editor toolbar, choose the <b>Sketch Properties </b>button <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi0MSjZsJR5HjCG2rJyloNlzAilKzRAOxzG_x1828-w8b4X87WcPEwU2j1QbvcypiqZq_fvTq8kpPZ-hDS0GCAazlx1MD_Ae4hpIKiP1seheFaSdOxkdJ0PMdyvfTQt4XEVQ6kUrsaXIHfk/s1600/ArcMap+Edit+Sketch.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em; text-align: center;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi0MSjZsJR5HjCG2rJyloNlzAilKzRAOxzG_x1828-w8b4X87WcPEwU2j1QbvcypiqZq_fvTq8kpPZ-hDS0GCAazlx1MD_Ae4hpIKiP1seheFaSdOxkdJ0PMdyvfTQt4XEVQ6kUrsaXIHfk/s1600/ArcMap+Edit+Sketch.png" /></a>to open the Edit Sketch Properties window</li>
<li>Add a negative in front of the selected X value and press <b>Enter </b>or click <b>Finish Sketch</b> to apply the update</li>
</ol>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEibZsBkfBj2stwP8vy3dIqY9X1yuOJ_Cch1duuaSyHXqSlBC0VO62TnkP64O6N6qfaXFtoTnXZdDRtGsGpjA7Phl_jrMycARtw8rtnz5aRdqKUGQTArIAkEXJOEDeUuQy89hxCigLstd629/s1600/03+-+Edit+Sketkch.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEibZsBkfBj2stwP8vy3dIqY9X1yuOJ_Cch1duuaSyHXqSlBC0VO62TnkP64O6N6qfaXFtoTnXZdDRtGsGpjA7Phl_jrMycARtw8rtnz5aRdqKUGQTArIAkEXJOEDeUuQy89hxCigLstd629/s1600/03+-+Edit+Sketkch.png" /></a></div>
<div>
<ol>
<li value="5"><b>Save</b> and <b>Stop Editing</b></li>
</ol>
</div>
</div>
That's it! Piece of cake..<br />
<br />
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhoEMhjKAVYCp_ZP34Gg5DSU6hePspBedG7jLE3ihgwlIZsboD8OlMvVzwaSJmB_hzvoWfj7eoNVmFNCh_5L7tM69C2vKFgW4qsSJuU10s92DYw0FdELhlNSd98hmMibg_DYkv94-eewv64/s1600/04+-+Corrected.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" height="282" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhoEMhjKAVYCp_ZP34Gg5DSU6hePspBedG7jLE3ihgwlIZsboD8OlMvVzwaSJmB_hzvoWfj7eoNVmFNCh_5L7tM69C2vKFgW4qsSJuU10s92DYw0FdELhlNSd98hmMibg_DYkv94-eewv64/s1600/04+-+Corrected.png" width="400" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Corrected data plot</td></tr>
</tbody></table>
<br />Justinhttp://www.blogger.com/profile/13405139779467188945noreply@blogger.com0tag:blogger.com,1999:blog-4228793464107368822.post-79038369324466871492015-03-24T20:31:00.000-04:002015-06-25T01:24:35.322-04:00Color Development: Digital Color Basics<blockquote class="tr_bq">
I intended to just write about how to create colors and suggest some cool tools I've found, but this got out of control. Check out the next article:<br />
<br />
<div style="text-align: center;">
Color Development: Tools and Methods</div>
</blockquote>
<br />
There are various ways of building colors for a project or symbol. For general, rapid selection, users are often offered a basic color palette to select a color:<br />
<br />
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjPWkjMi1rhYlNW8rRLVxmStc0ICAB67vNAkR_6WJjCW9T7IaO6DgHJRTE6jpoBWluydk-ToFWHFlLEz1YK5ihkGo4r1QNknWa7lzBKAwGdBahjAlM2MRWrJiV-dnboKclUFzxrX33CqNbV/s1600/01a+-+ArcMap.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" height="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjPWkjMi1rhYlNW8rRLVxmStc0ICAB67vNAkR_6WJjCW9T7IaO6DgHJRTE6jpoBWluydk-ToFWHFlLEz1YK5ihkGo4r1QNknWa7lzBKAwGdBahjAlM2MRWrJiV-dnboKclUFzxrX33CqNbV/s1600/01a+-+ArcMap.png" width="178" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Default color palette from ArcMap</td></tr>
</tbody></table>
<br />
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi8kMU1J1M1KMkfIPkrpTKRbDDpG4s4PRK7VvAJvqU8X6u8_Chgaid9qaozJFlsyoLqm5ELPkEqaJ4TM5aV3ZGFg2zAI4FN301WVltbtAqnkts04HkKHm2fzJbx1hHhaHSelIdfCvHnN417/s1600/01b+-+Word.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" height="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi8kMU1J1M1KMkfIPkrpTKRbDDpG4s4PRK7VvAJvqU8X6u8_Chgaid9qaozJFlsyoLqm5ELPkEqaJ4TM5aV3ZGFg2zAI4FN301WVltbtAqnkts04HkKHm2fzJbx1hHhaHSelIdfCvHnN417/s1600/01b+-+Word.png" width="185" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Color palette from Word</td></tr>
</tbody></table>
<br />
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi5GFTSORbVD0TW_oGtG_tBM6CQ6I7LgjSDTjT6Fymjr04Vf6HkyJ9Npp4fFMW74Q5gpfNQNFGtJ_Gf2mk_lc1mAfviJ0I4Awm2dAHlodiO8kTEMBqfhCqwx1iVybmRda4B4A5BPStCsZxA/s1600/01c+-+Paint.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" height="51" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi5GFTSORbVD0TW_oGtG_tBM6CQ6I7LgjSDTjT6Fymjr04Vf6HkyJ9Npp4fFMW74Q5gpfNQNFGtJ_Gf2mk_lc1mAfviJ0I4Awm2dAHlodiO8kTEMBqfhCqwx1iVybmRda4B4A5BPStCsZxA/s1600/01c+-+Paint.png" width="200" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Even MS Paint offers a few basic colors</td></tr>
</tbody></table>
Notice that each of these provide an option to edit the color further.<br />
<h2>
Color Values</h2>
<div>
Colors commonly have names: like Black, White, Red, Orange, Yellow, Green, Blue, Purple, Cyan, Magenta, Olive Drab, etc.<br />
<blockquote class="tr_bq" style="text-align: center;">
<b><span style="color: red;">!</span></b> Specifics aside, Black, White, and shades of grays are referred to as colors here</blockquote>
</div>
Various environments like CSS, and HTML accept some reserved names to act as color values, however those names correspond to very specific numeric values (discussed below), and can be <a href="http://en.wikipedia.org/wiki/X11_color_names#Color_name_chart" target="_blank">easily referenced on lists like this one</a>. A color isn't "like red" to a computer. It's <u>Red</u>, or it's not.<br />
<br />
In the world of coding, there's a need to describe color in a more articulate way than just names. Due to the diverse nature of how light acts (See <b>Further Reading</b>, at the end of this article), there are also a number of different methods that programmers and graphic artists use to build and digitally represent color. Although the various methods may describe a color value differently, they are basically just providing a group of three or more numerical values that act as measurements of various criteria that go into building a representation of color. There are four types of units you may expect to see in these groupings:<br />
<ul>
<li><b>Percentage -</b> values from 0 to 100%</li>
<li><b>8-bit -</b> Values from 0 to 255</li>
<li><b>Hex -</b> Values from 00 to FF</li>
<ul>
<li>As in 1, 2, 3, 4, 5, 6, 7, 8, 9, A, B, C, D, E, F, 11, 12, etc.</li>
</ul>
<li><b>Degrees</b> - Values from 0 to 360º</li>
</ul>
<div>
Zero will always equal zero in any of the first three modes, but the "full" value values will be either 100%, 255, or FF. Those three are all equal values, written in different base units; in the same way that a measurement of 10 centimeters is 100% of 3.93701 inches.</div>
<div>
<br /></div>
<div>
I'll get to degrees later in HSV/HSL.</div>
<h2>
Color Models</h2>
<h3>
RGB</h3>
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEglBV3Fm77JzBNNzN5CtVagv5doOj5_li6FySve14zlhnDpxxNWZEuDEIz0re99Y-KhfSi78_GG06xsxyTag2zzJnnublxZhSasjbmefCyNwjVZgLDHkRNTg_YIzLl1BBTWwmUV0veclMAB/s1600/02a+-+RGB.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEglBV3Fm77JzBNNzN5CtVagv5doOj5_li6FySve14zlhnDpxxNWZEuDEIz0re99Y-KhfSi78_GG06xsxyTag2zzJnnublxZhSasjbmefCyNwjVZgLDHkRNTg_YIzLl1BBTWwmUV0veclMAB/s1600/02a+-+RGB.png" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">RGB Selector in ArcMap</td></tr>
</tbody></table>
<div>
<br /></div>
<div>
The RGB triad stands for Red, Green, and Blue. Colors in this model are altered by adding or subtracting values in for any of the three primary color channels. As an "additive model," greater values result in brighter color instances, and lower values result in darker colors. This is based on a model of emitted light, where mixing red, green, and blue light produce the color white.<br />
<br />
Users can adjust the sliders in this interface to control values of each of these channels between values of 0 and 255; where 0 = no value, and 255 = the full value of a given channel.</div>
<div>
<br /></div>
<div>
Alternatively, users can type a number they have in mind - this is particularly helpful when one wants to jump between increments of a values when searching for a color to use (e.g. changing the red value from 10, to 20, to 30, using the keyboard's number pad).<br />
<br />
Color values are read as (#, #, #) or </div>
<div>
<b>(<span style="color: red;">Red value</span>, <span style="color: green;">Green value</span>, <span style="color: blue;">Blue value</span>)</b>. Since the RGB model is 24-bit (16.7 million possible color combinations), the values in each of the three channels will be some combination between 0 and 255.<br />
<br />
As the example above illustrates, to build the color Red, tune the <b>Red </b>channel all the way up to 255, and leave Green and Blue channels at 0 since there should be no other color in Red but red. Done. Aside from various settings on your personal monitor, this is the standard, globally accepted, fullest possible value of Red.<br />
<br />
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhPxsTTq6wCbM2Z7zqeTMWqx7RVKxhYZS7jxNVOkRkppjY3hoS7o4QHO7yum5tsIdvIFPij1KNW8fFTF0BOTceQWpn0-yQ9QX7bwsUpox0b0w1wN70Vi5U1lROK-AvzkPkGfi3v0sUUvgxm/s1600/02b+-+RGB+Model.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" height="380" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhPxsTTq6wCbM2Z7zqeTMWqx7RVKxhYZS7jxNVOkRkppjY3hoS7o4QHO7yum5tsIdvIFPij1KNW8fFTF0BOTceQWpn0-yQ9QX7bwsUpox0b0w1wN70Vi5U1lROK-AvzkPkGfi3v0sUUvgxm/s1600/02b+-+RGB+Model.png" width="400" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Mixing two of the primary colors, Red, Green, or Blue produces<br />
the "<b>additive secondary</b>" colors, Cyan, <span style="font-size: 12.8000001907349px;">Magenta, and Yellow.<br />
Mixing all three primary colors produces White.</span></td></tr>
</tbody></table>
<br />
<br />
The value (0, 0, 0) produces Black (the absence of light), and (255, 255, 255) produces White. Shades of gray are produced by matching all three values from (1, 1, 1) (darkest gray but not Black) to (254, 254. 254) (lightest gray but not White).<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjl0Vm9k9skXeSRCVo_adGNdAak9a09NCbRlyDv7yHDchdSzG_TNFf3fNXAnTh7G6-IU-yJi0KIx5QduChGyidnb1-2C3pKwFvYKv76_bgAg68xKJV48HOSh_6jv0LYI3oTe2lq0YHS5Cef/s1600/02b+-+RGB+Model+grays.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="65" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjl0Vm9k9skXeSRCVo_adGNdAak9a09NCbRlyDv7yHDchdSzG_TNFf3fNXAnTh7G6-IU-yJi0KIx5QduChGyidnb1-2C3pKwFvYKv76_bgAg68xKJV48HOSh_6jv0LYI3oTe2lq0YHS5Cef/s1600/02b+-+RGB+Model+grays.png" width="400" /></a></div>
<br />
<br />
Back to our example of building the color Red, adding some value to the <b>Green </b>or <b>Blue </b>channels will yield some other color that may look reddish, but it isn't Red.<br />
<br />
Additonally, the ArcMap interface gives you hints as to what other colors can be created from the current settings. With Red at 255, adjusting the <b>Green</b> channel will produces shades of red, through orange, and finally arriving at Yellow. Alternatively, adjusting the <b>Blue</b> channel will move through shades of reds and pinks and finally arrive at Magenta.</div>
<div>
<br /></div>
<div>
This is a good model to use to begin learning how to mix colors, but it's not my preferred model to use because it's tricky to imagine how to add a little red or remove a little green to target your preferred color.<br />
<br />
<h3>
CMYK</h3>
<div>
CMYK is a subtractive color model, used most often when printing is involved as an output medium. Pigments and inks absorb light (as opposed to how RGB works to emulate emitted light), so this model helps printers create the correct color with their ink print heads, as opposed to a computer monitor's LED pixels.</div>
<div>
<br /></div>
<div>
CMYK stands for Cyan-Magenta-Yellow-Key, where Key represents a black ink head. Black is used in printers as an efficient and controlled way to provide shadows, dark values, and black text to the printed material.</div>
<div>
<br /></div>
<div>
Just like mixing color with paint (where light is absorbed and the remaining wavelengths provide the observer perceived color), the CMYK model begins with the color white. Value is added to the channels, and lightness is removed. So zero values are White, and full values in all channels produce Black. Additionally, a full value in the Key channel also produces Black, regardless of the settings in the CMY channels.</div>
<div>
<br /></div>
<div>
Notice that the secondary colors in the RGB model produce Cyan, Magenta, and Yellow. Conversely, mixing two primary colors in the <u>CMY</u>K model will produce Red, Green, and Blue.</div>
<div>
<br /></div>
<div>
This is also not my favorite model to use to produce color, and it's generally just a pain in my ass when I'm printing large format maps.</div>
<br />
<h3>
HSV / HSL / HSVa / HSLa</h3>
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi37Lp-jBT4tyuPLKaZeS3TKLqY51JA961vrT8nTgIO5eCAtsS9W5LOahmDi-0lt0BWxfg51Ssue7WyMfR62dA4b3frjWIK7xFRJ7kIaayHc9Z6TnfSuGXtrKUtpkk7PouB-uIzz1i6ilyN/s1600/03a+-+HSV+ArcMap.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi37Lp-jBT4tyuPLKaZeS3TKLqY51JA961vrT8nTgIO5eCAtsS9W5LOahmDi-0lt0BWxfg51Ssue7WyMfR62dA4b3frjWIK7xFRJ7kIaayHc9Z6TnfSuGXtrKUtpkk7PouB-uIzz1i6ilyN/s1600/03a+-+HSV+ArcMap.png" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">HSV dialog in ArcMap</td></tr>
</tbody></table>
<br />
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhTvP57ajhu7tLA5vk4RLTWYzc6gXAXrRl9nd7ZG7eQWDPh3Fh4EH_p-PWxhufGbYu3xoC7tLlV6QNd_yx5XESjCpVJlLXvoDzKOVbmVec84ql_jYKQ5wxKIno5JWgb1e5hbNCHk8szFr2b/s1600/03a+-+HSV+Gimp.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" height="267" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhTvP57ajhu7tLA5vk4RLTWYzc6gXAXrRl9nd7ZG7eQWDPh3Fh4EH_p-PWxhufGbYu3xoC7tLlV6QNd_yx5XESjCpVJlLXvoDzKOVbmVec84ql_jYKQ5wxKIno5JWgb1e5hbNCHk8szFr2b/s1600/03a+-+HSV+Gimp.png" width="320" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">HSV selectors in Gimp, adjacent to RGB selectors<br />
<span style="font-size: 12.8000001907349px;">with the </span>Hex code value, below</td></tr>
</tbody></table>
<br />
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi3RIVOcqIcEJ7fIXPpRNztQ4jz0MWisN4d4E7bMoNjSzpzXCuLymWOWSzmojrL6ckSEOqnUwiHFu-zhjZpYkm1eDA0w_Pyi0jhhjS1CxLwcn2ohdWvU0R2py6kD421ZtcixPn_KTC9Rsto/s1600/03a+-+HSV+Inkscape.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi3RIVOcqIcEJ7fIXPpRNztQ4jz0MWisN4d4E7bMoNjSzpzXCuLymWOWSzmojrL6ckSEOqnUwiHFu-zhjZpYkm1eDA0w_Pyi0jhhjS1CxLwcn2ohdWvU0R2py6kD421ZtcixPn_KTC9Rsto/s1600/03a+-+HSV+Inkscape.png" width="235" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">HSLa Selectors in Inkscape</td></tr>
</tbody></table>
<br />
These triads stand for Hue-Saturation-Value, and Hue-Saturation-Lightness. The following "a" stands for Alpha, which is a metric of transparency. Sometimes this is included as a channel, sometimes it isn't. It's very important to recognize whether or not it's included. If you don't want to bother, make sure it is set to 100%, or 255, or FF.<br />
<br />
This model is a bit tricky, so let's break it down.</div>
<div>
<br /></div>
<div>
<b>Hue </b>can be though of as the root color you're looking for on the color wheel: either a reddish, or a blueish, or a yellowish color, etc. The wheel starts at 0º, and continues through oranges, yellows, greens, blues etc, and eventually ends back at red at 360º; which also = 0º, but that's okay because both values are the same red.<br />
<br />
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiWgCtki8kazlmfmMOBt6P_iQvvUEzGNrLt5BnWVDUSva_0YZox6T_Ltf2Bm_b6tSSu9f6-WomLpE0j_AX5dggAiAXcd0df2GfaqW9DXhlXItiqVkwIjAf82V2qY9Iwweo3uaYkRsNr2RAV/s1600/03c+-+HSV+Wheel.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiWgCtki8kazlmfmMOBt6P_iQvvUEzGNrLt5BnWVDUSva_0YZox6T_Ltf2Bm_b6tSSu9f6-WomLpE0j_AX5dggAiAXcd0df2GfaqW9DXhlXItiqVkwIjAf82V2qY9Iwweo3uaYkRsNr2RAV/s1600/03c+-+HSV+Wheel.png" width="319" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">A color wheel with 0° and 360° at the 12:00 position</td></tr>
</tbody></table>
<br /></div>
<div>
<br /></div>
<div>
Next, <b>Saturation</b> describes how muted gray (lack of color) or vibrant (fully colored) a color should be. This is usually a percentage, where 0 means no color is present and 100% represents the full colored potential of a color.</div>
<div>
<br />
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjEpna03t2-8ALbsq40Ww2wDr-HbMrc8AoUb2jy1q35k0khpErCuyyK9N-4WUFbmxZ1X_kIKCjKQWiha_98BlOG7Evgnd6wMayKBEQPyM5jkYR8HZKXwzazCZeOsOV1Ft6j8l8wowzoMf-D/s1600/03b+-+Saturation.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" height="166" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjEpna03t2-8ALbsq40Ww2wDr-HbMrc8AoUb2jy1q35k0khpErCuyyK9N-4WUFbmxZ1X_kIKCjKQWiha_98BlOG7Evgnd6wMayKBEQPyM5jkYR8HZKXwzazCZeOsOV1Ft6j8l8wowzoMf-D/s1600/03b+-+Saturation.png" width="400" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Examples of saturation gradients for several hues,<br />
which correspond to the color wheel, above</td></tr>
</tbody></table>
<blockquote class="tr_bq">
<b><span style="color: red;">!</span></b> Note that the units can change between software packages. Inkscape uses 8-bit values (numbers 0-255) for each, HSLa channel. So a Hue value of 255 will correlate to 360° on the color wheel, and a 255 in the Saturation channel is equivalent to 100% saturation.<br />
<br />
If you are building colors that are way off, you may need to check your units and convert when necessary.</blockquote>
Finally, <b>Value</b> and <b>Lightness</b> and are.. Also a bit tricky. Go ahead and <a href="http://en.wikipedia.org/wiki/Lightness#Relationship_between_lightness.2C_value.2C_and_luminance" target="_blank">read about the differences over on Wikipedia</a>. Essentially, this component controls how light or dark a color will be.<br />
<br />
Zero values in both HSV and HSL produce the color Black, regardless of Hue or Saturation settings.<br />
<br />
The main difference between Value and Lightness is that the highest <b>Value</b> setting produces a fully saturated color (see the Saturation illustration above, and the ArcMap HSV selector below), and<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjPumIa00zdRH3uE3ysQ8WtXuLq_o_E-nvMfbD3IlcsgXDEp16tLHrYBXJwjSG5gNTgiAK-PTfbm2UAVH_yG5Ivo3Tkl1m1COvjPXA9Cq-QdihEBPb2owQ4z8AeT-p5Txm_ucDYGsIY4weX/s1600/03a+-+HSV+ArcMap.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjPumIa00zdRH3uE3ysQ8WtXuLq_o_E-nvMfbD3IlcsgXDEp16tLHrYBXJwjSG5gNTgiAK-PTfbm2UAVH_yG5Ivo3Tkl1m1COvjPXA9Cq-QdihEBPb2owQ4z8AeT-p5Txm_ucDYGsIY4weX/s1600/03a+-+HSV+ArcMap.png" /></a></div>
<br />
<br />
the highest <b>Lightness</b> setting will produce a pure White color (see the Inkscape HSL selector below). A fully saturated color using HSL will have a Lightness value of 50% - or 128 (as Inkscape uses 8-bit values for each channel).<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj2qjwh8t1cJzUtsSRZKBqNdOJFaGHp4cBgoB-x5-KuskwDUBz4V0ANAgwOpgmrJVsxANiKBb8k9KIYmuWwCntTI2kuY7trNDcYfKeuv2aZgRthIXA1T6-mi-ARdUUvaFXGHqHjR1ddJuPy/s1600/03a+-+HSV+Inkscape.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj2qjwh8t1cJzUtsSRZKBqNdOJFaGHp4cBgoB-x5-KuskwDUBz4V0ANAgwOpgmrJVsxANiKBb8k9KIYmuWwCntTI2kuY7trNDcYfKeuv2aZgRthIXA1T6-mi-ARdUUvaFXGHqHjR1ddJuPy/s1600/03a+-+HSV+Inkscape.png" width="235" /></a></div>
<br /></div>
<h2>
Hex</h2>
<div>
I didn't really touch on Hex, other than that it is another method of preserving a value of color. There's not much to it. It essentially is just a concatenation of the three or more channels in the fewest logical number of characters.</div>
<div>
<br /></div>
<div>
Short answer: Hexadecimal notation throws a couple of letters after the number 9 so each significant figure can be one of 16 possible values:</div>
<div>
<br /></div>
<div style="text-align: center;">
<span style="font-family: Courier New, Courier, monospace;">0 1 2 3 4 5 6 7 8 9 </span><span style="font-family: 'Courier New', Courier, monospace;"> </span><span style="font-family: Courier New, Courier, monospace;">A </span><span style="font-family: 'Courier New', Courier, monospace;"> </span><span style="font-family: Courier New, Courier, monospace;">B </span><span style="font-family: 'Courier New', Courier, monospace;"> </span><span style="font-family: Courier New, Courier, monospace;">C </span><span style="font-family: 'Courier New', Courier, monospace;"> </span><span style="font-family: Courier New, Courier, monospace;">D </span><span style="font-family: 'Courier New', Courier, monospace;"> </span><span style="font-family: Courier New, Courier, monospace;">E </span><span style="font-family: 'Courier New', Courier, monospace;"> </span><span style="font-family: Courier New, Courier, monospace;">F</span></div>
<div style="text-align: center;">
<span style="font-family: Courier New, Courier, monospace;"><b>1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16</b></span></div>
<br />
Hex usually stands for RRGGBB, and sometimes for RRGGBBAA (for Alpha).<br />
<br />
To find the Hex value of Red using the common six-digit RRGGBB method, first find the RGB value of Red:<br />
<br />
<div style="text-align: center;">
<span style="text-align: start;"> </span><span style="font-family: Courier New, Courier, monospace; text-align: start;">(255, 0, 0)</span></div>
<br />
Then convert each value to its hex equivalent:<br />
<br />
<div style="text-align: center;">
<span style="font-family: Courier New, Courier, monospace;">(FF, 00, 00)</span></div>
<br />
Finally, remove the formatting, and stick the three values together:<br />
<br />
<div style="text-align: center;">
<span style="font-family: Courier New, Courier, monospace;">FF0000<br /><b>123456</b></span></div>
<br />
For Inkscape and the few other examples of hex RGBa values, just throw another set of F's on the end. Here, we'll have a fully opaque value of Red:<br />
<br />
<div style="text-align: center;">
<span style="font-family: 'Courier New', Courier, monospace;">FF0000FF</span></div>
<div style="text-align: center;">
<span style="font-family: 'Courier New', Courier, monospace;"><b>12345678</b></span></div>
<h3>
HTML & CSS</h3>
<div>
There are two ways to write hex color values in CSS and HTML.</div>
<div>
<br /></div>
<div>
There's the long way (again, using Red as an example):</div>
<div>
<br /></div>
<div style="text-align: center;">
<span style="font-family: Courier New, Courier, monospace;">#FF0000</span></div>
<div style="text-align: left;">
<br /></div>
<div style="text-align: left;">
And when all three RGB channels use doubled digits for their channel, you can use a 3-digit format:</div>
<div style="text-align: left;">
<br /></div>
<div style="text-align: center;">
<span style="font-family: Courier New, Courier, monospace;">#F00</span></div>
<div style="text-align: center;">
<span style="font-family: Courier New, Courier, monospace;"><br /></span></div>
<div style="text-align: left;">
Additional examples:</div>
<div style="text-align: left;">
<br /></div>
<div style="text-align: center;">
<span style="font-family: Courier New, Courier, monospace;">#112233 = #123</span></div>
<div style="text-align: center;">
<span style="font-family: Courier New, Courier, monospace;">#00FF00 = #0F0</span></div>
<div style="text-align: center;">
<span style="font-family: Courier New, Courier, monospace;">#333333 = #333</span></div>
<div style="text-align: left;">
<br /></div>
<h2>
Further Reading</h2>
<div>
The physics of light are fascinating. I learned a lot about the subject in my various Remote Sensing courses in grad school, and in the practice of GIS and graphic design over the years. There are plenty of other great resources to use on these matters. Here are a few search terms to consider:</div>
<div>
<ul>
<li>Emitted vs. Reflected light</li>
<li>Additive vs. Subtractive color</li>
<li>Color models</li>
<li>Primary color of light and pigment</li>
<li>Light vs. Pigments</li>
<li>Pigment vs. Dye</li>
<li>Blackbody radiators</li>
<li>Color theory</li>
</ul>
</div>
Justinhttp://www.blogger.com/profile/13405139779467188945noreply@blogger.com0tag:blogger.com,1999:blog-4228793464107368822.post-9379409540683512332015-03-20T21:39:00.000-04:002015-06-25T01:25:08.524-04:00Add a Bing Maps Key for ArcMapI was provided a key to use Bing Maps services in ArcGIS Desktop. Here's how to set it up.<br />
<h2>
Enter a Bing Key</h2>
<ul>
<li>Navigate to the <b>bin</b> directory where you installed ArcMap. Something like:</li>
</ul>
<blockquote class="tr_bq" style="text-align: center;">
[Drive]:\Program Files (x86)\ArcGIS\Desktop10.2\bin</blockquote>
<ul>
<li>Open the <b>SetBingKey.exe</b> program</li>
</ul>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgd7xkukk6DMMHD1Fq2a8chgjdfy64-JEnCpo6Y1JPL259ymH7lnB-Cs0NA8Y4HA_NFVFIH8SygMscEeEdbYfGA2deLa3vQseVmZi8hKpmnnBqczemn7VqXGFuCr9kPsbJ51o_uMs0Pc_pL/s1600/SetBingKey.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgd7xkukk6DMMHD1Fq2a8chgjdfy64-JEnCpo6Y1JPL259ymH7lnB-Cs0NA8Y4HA_NFVFIH8SygMscEeEdbYfGA2deLa3vQseVmZi8hKpmnnBqczemn7VqXGFuCr9kPsbJ51o_uMs0Pc_pL/s1600/SetBingKey.png" /></a></div>
<div>
<ul>
<li>Paste your custom key into the text box and click <b>OK</b></li>
</ul>
<div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgH39oCon19v2seFT9jVYPIb8mtL6xe8i1z6-ad4RVmum-GkgbL-dbfPCpgdgsqzm4CSJIh3T8OIAQq2X5yAfSxvoXKdiKr5wDySNeKaxxWkfUQgoL85Gabh4_Ab5HZ54y5tcmSkQelq6D8/s1600/02+-+Paaste+Key.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="120" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgH39oCon19v2seFT9jVYPIb8mtL6xe8i1z6-ad4RVmum-GkgbL-dbfPCpgdgsqzm4CSJIh3T8OIAQq2X5yAfSxvoXKdiKr5wDySNeKaxxWkfUQgoL85Gabh4_Ab5HZ54y5tcmSkQelq6D8/s1600/02+-+Paaste+Key.png" width="320" /></a></div>
<br />
<h2>
Load Bing Maps Layers Into a Project</h2>
Now you can add Bing layers in ArcMap:<br />
<ul>
<li>Click the Add Data dropdown and choose <b>Add Data from ArcGIS Online… </b></li>
</ul>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg2C3AQ4qjJDSsihLcYfBHXwzZp4UMEqe6YHZIAzJq7Ep_MlAj954R1SXb7ZcEDSmZu0aq6NkmuTug1O4dOqmfTJbCfPpo6CdcD_YtFRkibY_b_zKl7dd9Tg99qp4Iule8QPl13JpWK32j2/s1600/03+-+Add+from+AGO.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg2C3AQ4qjJDSsihLcYfBHXwzZp4UMEqe6YHZIAzJq7Ep_MlAj954R1SXb7ZcEDSmZu0aq6NkmuTug1O4dOqmfTJbCfPpo6CdcD_YtFRkibY_b_zKl7dd9Tg99qp4Iule8QPl13JpWK32j2/s1600/03+-+Add+from+AGO.png" /></a></div>
<ul>
<li>Type <span style="font-family: Courier New, Courier, monospace;">Bing</span> as a search term and hit <b>Enter</b></li>
<li>Click <b>Add </b>on any of the Bing Maps basemaps you want to use</li>
</ul>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhoOIOib_CGpTSvKYXSsKQIK9z9pmwhJA55at9cGsrAspyNyn0yaEbN5ceFlnXT4CeGiCclMJx386iLcQao5wp1cfIp7JSS3JqL9XtEFVBTd31swURZ4op5VLbhyphenhyphenhypdPbNhW2Eo2U8HPWJ/s1600/04+-+Add+Bing+Layer.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="260" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhoOIOib_CGpTSvKYXSsKQIK9z9pmwhJA55at9cGsrAspyNyn0yaEbN5ceFlnXT4CeGiCclMJx386iLcQao5wp1cfIp7JSS3JqL9XtEFVBTd31swURZ4op5VLbhyphenhyphenhypdPbNhW2Eo2U8HPWJ/s1600/04+-+Add+Bing+Layer.png" width="400" /></a></div>
<div>
<br /></div>
</div>
</div>
* For versions other than 10.2, read more from <a href="http://support.esri.com/en/knowledgebase/techarticles/detail/42189">Esri's Knowledge Base</a>Justinhttp://www.blogger.com/profile/13405139779467188945noreply@blogger.com0tag:blogger.com,1999:blog-4228793464107368822.post-72354560914097896652015-03-18T19:46:00.000-04:002015-06-25T01:25:32.096-04:003D Flight Data Visualization<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh_QXegA95kyUo27EIxbSkewFOF56fdzfj01Z6yZ2I8CcC3vWNVkB8_oK8peL4KTlJaFJ4cWcggL-hDSFhPX907j-7Bd1fidtUjPXEoTcVKDjNENXahk3zBERi4UkpPI5Q7AIJUqJ8AM7fv/s1600/06+-+Flight+Visualization.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="185" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh_QXegA95kyUo27EIxbSkewFOF56fdzfj01Z6yZ2I8CcC3vWNVkB8_oK8peL4KTlJaFJ4cWcggL-hDSFhPX907j-7Bd1fidtUjPXEoTcVKDjNENXahk3zBERi4UkpPI5Q7AIJUqJ8AM7fv/s1600/06+-+Flight+Visualization.png" width="320" /></a></div>
<br />
I recently came across some delicious raw data from a flight tracking tool. Here's what it looks like in 3D!<br />
<h2>
Grab Flight Data</h2>
<div>
<ul>
<li>Go to <a href="http://flightaware.com/">FlightAware.com</a></li>
<li>Search for a flight and select it to . I found a flight from Minneapolis to New York City - a flight I'd like to be riding right now</li>
<li>Click the <b>track log & graph</b> on the right information panel </li>
</ul>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiXyYbezm2qi-y4BxhKDz8BtyxmJz-zm8Ak21ZEFHzeVRNATokE80EqZj-tNRRBn7o8NAB75iaFLwngim0e20XxprKuthMC_bd_2y9X7PlIQmLyxf4xdRLUUhIj7lMLke7QJJKpNTb-NmDn/s1600/01+-+Link+to+data.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="203" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiXyYbezm2qi-y4BxhKDz8BtyxmJz-zm8Ak21ZEFHzeVRNATokE80EqZj-tNRRBn7o8NAB75iaFLwngim0e20XxprKuthMC_bd_2y9X7PlIQmLyxf4xdRLUUhIj7lMLke7QJJKpNTb-NmDn/s1600/01+-+Link+to+data.png" width="400" /></a></div>
<div>
<ul>
<li>Open Excel, Google Sheets, etc.</li>
<li>Build the field headings separately since they don't select well with the data values from the Web page</li>
<li>Select the data from the page, and <b>copy</b> it</li>
</ul>
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjz0e0OH2Iss93Jx6Cv33GObA3iNGLan0cCo0u5D1oJKNdTTmWvo8uTrB-ieTqyzINiCFmHiEJO4Gy8zH3xP8cxqf9FBdMelwxvMbyhydJeryI6P1sC6GDHyPNbYcV5d5j6cY69MpYOrM-Z/s1600/02+-+Data.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" height="272" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjz0e0OH2Iss93Jx6Cv33GObA3iNGLan0cCo0u5D1oJKNdTTmWvo8uTrB-ieTqyzINiCFmHiEJO4Gy8zH3xP8cxqf9FBdMelwxvMbyhydJeryI6P1sC6GDHyPNbYcV5d5j6cY69MpYOrM-Z/s1600/02+-+Data.png" width="400" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Copy the data by itself - Build/copy headings separately</td></tr>
</tbody></table>
<ul>
<li><b>Paste Special</b> into your spreadsheet with <b>text/values only</b> - <u>no formatting</u>! If you directly paste the selection, there may be a bunch of graphic elements that migrate over too</li>
</ul>
<h2>
Format & Convert</h2>
</div>
</div>
<div>
<ul>
<li>Fill in the gaps of any altitude values that aren't available. I used the <b>Fill Down</b> (<span style="font-family: Courier New, Courier, monospace;">Ctrl+D</span>) tool to duplicate the previous reading</li>
</ul>
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiHtpzfOsH_k22jNrpI-e3SNEHzB0RAoKP1W5Zg8hWBbWaQ67BcQohPkiZoylfi2fNynclKLICIgYICOIU_tYs_i84_4Hl5M_4J0L-kp-eQHnq22rolBeDI29YF1z0ce5SEaIf-dXSTHGg9/s1600/03+-+Fill+in+gaps.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiHtpzfOsH_k22jNrpI-e3SNEHzB0RAoKP1W5Zg8hWBbWaQ67BcQohPkiZoylfi2fNynclKLICIgYICOIU_tYs_i84_4Hl5M_4J0L-kp-eQHnq22rolBeDI29YF1z0ce5SEaIf-dXSTHGg9/s1600/03+-+Fill+in+gaps.png" /></a></div>
<div>
<ul>
<li>Make a new field called <b>Linestring</b></li>
<li>Use this formula to concatenate Longitude, Latitude, and Altitude together, separated with commas. Fill this down for the entire dataset. We'll come back to this in a moment</li>
</ul>
<div style="background: #eee; border-radius: 5px; border: 1px solid #aaa; margin: auto; padding: 10px 40px; text-align: center; width: 300px;">
<span style="font-family: Courier New, Courier, monospace;">=C2 & "," & B2 & "," & H2</span></div>
</div>
<div>
<ul>
<li>Copy the following KML template and paste it into your favorite text editor (Notepad, Notepad++, Sublime Text, etc.)</li>
</ul>
<textarea rows="10" style="margin: 0px; width: 100%;"><?xml version="1.0" encoding="UTF-8"?><br />
<kml xmlns="http://www.opengis.net/kml/2.2" xmlns:gx="http://www.google.com/kml/ext/2.2" xmlns:kml="http://www.opengis.net/kml/2.2" xmlns:atom="http://www.w3.org/2005/Atom"><br />
<document><br />
<name>Flight Visualization</name><br />
<placemark><br />
<name>Flight Path</name><br />
<linestring><br />
<coordinates><br />
<!-- Replace this line with Lat,Long,Altitude values --><br />
</coordinates><br />
</LineString><br />
</Placemark><br />
</Document><br />
</kml></textarea><br />
<br /></div>
<div>
<br />
<ul>
<li>Replace the comment on line 9 (<span style="font-family: Courier New, Courier, monospace;"><!-- Replace... --></span>, between the <span style="font-family: Courier New, Courier, monospace;"><coordinate></span> tags) with the data (not the field heading) of the new <b>Linestring </b>field</li>
<li>Save this as <b>Flight Visualization.kml</b>, or something appropriate</li>
</ul>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiCG2OWztbob1_o6NGbbSvn7q7MXq_DE3hRth69b4SJz02xHr6D_UtlNQAhqz3asMmuXrkOnaGJxg-fIlFgZnR0bsI6qm44GOMum5b_B1wEbbQdfQWjSRdZeMsi9mBjUESDRwQPe1xpU5Wa/s1600/04+-+KML.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="243" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiCG2OWztbob1_o6NGbbSvn7q7MXq_DE3hRth69b4SJz02xHr6D_UtlNQAhqz3asMmuXrkOnaGJxg-fIlFgZnR0bsI6qm44GOMum5b_B1wEbbQdfQWjSRdZeMsi9mBjUESDRwQPe1xpU5Wa/s1600/04+-+KML.png" width="400" /></a></div>
<div>
<br />
<h2>
Display in Google Earth</h2>
</div>
</div>
<div>
<ul>
<li>Double click the new KML file to load in Google Earth</li>
<li>Expand the new folder until you find the Flight Path. Right click on that Path layer and choose <b>Properties</b></li>
</ul>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj77UzJuE5KJlYYCQutOb0ppKGSCtC9WqzwYIe2GO6-aWHIX61xWz1aaENpGTtuVYsmx6ZT3DQYyPpLKwoO7OUpj1JjOLKVD1UEokskjty3kg54J7adXYIzTGnJ2VosE_CuOleNKYKRfIzy/s1600/05+-+Google+Earth+Properties.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="153" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj77UzJuE5KJlYYCQutOb0ppKGSCtC9WqzwYIe2GO6-aWHIX61xWz1aaENpGTtuVYsmx6ZT3DQYyPpLKwoO7OUpj1JjOLKVD1UEokskjty3kg54J7adXYIzTGnJ2VosE_CuOleNKYKRfIzy/s1600/05+-+Google+Earth+Properties.png" width="320" /></a></div>
<div>
<b><br />
</b></div>
<ul>
<li>Navigate to the <b>Altitude</b> Tab. Change the <b>Altitude</b> setting from <b>Clamped to ground</b> to <b>Absolute. </b>Make sure that <b>Extend path to ground </b>is checked</li>
<li>On the <b>Style, Color</b> tab, choose a bright red <b>Lines </b>color. Use a <b>Width </b>of 1.0. Set a 30% Opacity for the Area symbol. I like the <b>Filled + Outlined </b>setting</li>
<li>Play with these settings until you're happy. Click <b>OK </b>to start playing with your visualization</li>
</ul>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgFRzco96Rwncfcv7nTz4V80zz-6rXCMsVx0UNHvviEgiETVhjI5N3QQWdwKJlTGI-381kNCZzx81WeB6hQse6zvzlEJIMc7oulQ9_LHgGzqW82Nu0UdigFj4HX9O_8HTOveEGeMp69oPVu/s1600/07+-+Flight+Visualization.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="181" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgFRzco96Rwncfcv7nTz4V80zz-6rXCMsVx0UNHvviEgiETVhjI5N3QQWdwKJlTGI-381kNCZzx81WeB6hQse6zvzlEJIMc7oulQ9_LHgGzqW82Nu0UdigFj4HX9O_8HTOveEGeMp69oPVu/s1600/07+-+Flight+Visualization.png" width="320" /></a></div>
<div>
<br /></div>
</div>
Justinhttp://www.blogger.com/profile/13405139779467188945noreply@blogger.com0