<?xml version='1.0' encoding='UTF-8'?><?xml-stylesheet href="http://www.blogger.com/styles/atom.css" type="text/css"?><feed xmlns='http://www.w3.org/2005/Atom' xmlns:openSearch='http://a9.com/-/spec/opensearchrss/1.0/' xmlns:blogger='http://schemas.google.com/blogger/2008' xmlns:georss='http://www.georss.org/georss' xmlns:gd="http://schemas.google.com/g/2005" xmlns:thr='http://purl.org/syndication/thread/1.0'><id>tag:blogger.com,1999:blog-2670799581393776213</id><updated>2020-03-08T13:25:17.108-06:00</updated><category term="youtube"/><category term="photography"/><category term="time-lapse"/><category term="viewer q and a"/><category term="HDR Photography"/><category term="exposure"/><category term="flashes"/><category term="photography with imre"/><category term="tuning"/><category term="web design"/><category term="astrophotography"/><category term="css"/><category term="education"/><category term="episode 32"/><category term="imre z balint"/><category term="infrared photography"/><category term="javascript"/><category term="jquery"/><category term="learning"/><category term="macro photography"/><category term="mandolin"/><category term="programming"/><category term="raw vs. jpeg"/><category term="tutorial"/><category term="web development"/><category term="3d photography"/><category term="a note with imre"/><category term="action photography"/><category term="aperture revisited"/><category term="calgary"/><category term="camera maintenance and care"/><category term="carving"/><category term="chords"/><category term="cold"/><category term="composition"/><category term="cropping"/><category term="dog"/><category term="e-p2"/><category term="episode 10"/><category term="episode 11"/><category term="episode 12"/><category term="episode 13"/><category term="episode 14"/><category term="episode 15"/><category term="episode 16"/><category term="episode 17"/><category term="episode 19"/><category term="episode 2"/><category term="episode 20"/><category term="episode 21"/><category term="episode 22"/><category term="episode 23"/><category term="episode 24"/><category term="episode 25"/><category term="episode 25a"/><category term="episode 26"/><category term="episode 27"/><category term="episode 28"/><category term="episode 29"/><category term="episode 3"/><category term="episode 30"/><category term="episode 33"/><category term="episode 34"/><category term="episode 35"/><category term="episode 36"/><category term="episode 6"/><category term="episode 7"/><category term="episode 9"/><category term="fill flash"/><category term="fl-50"/><category term="histogram"/><category term="howto"/><category term="html5"/><category term="i z b"/><category term="image"/><category term="images online"/><category term="infringement"/><category term="iso"/><category term="just listen"/><category term="landscape photography"/><category term="lightning photography"/><category term="longboards"/><category term="mammatus"/><category term="mandolin bridge adjustment"/><category term="manual mode"/><category term="metering"/><category term="neutral density filters"/><category term="photo copyright protection"/><category term="polarizing filters"/><category term="pre and post composition checklist"/><category term="red-eye"/><category term="resolution"/><category term="sensitivity"/><category term="shutter"/><category term="size"/><category term="slow sync flash modes"/><category term="snow"/><category term="solar eclipse"/><category term="thunderstorm"/><category term="time-lapse photography"/><category term="ukulele"/><category term="white balance"/><category term="yyc"/><category term="zoom trick shot"/><category term="100th post"/><category term="80&#39;s TV shows"/><category term="EV"/><category term="addendum"/><category term="agreements"/><category term="ai servo"/><category term="album"/><category term="almost forgot"/><category term="aperture"/><category term="author"/><category term="auto-focus"/><category term="back-button focusing"/><category term="backup"/><category term="bad weather photography"/><category term="balint"/><category term="behind the scenes"/><category term="below zero"/><category term="birds in flight"/><category term="blog posts"/><category term="blur"/><category term="book"/><category term="books"/><category term="cameras"/><category term="cd baby"/><category term="choosing"/><category term="color polarizer"/><category term="concepts"/><category term="concepts of photography"/><category term="concepts of photography and more"/><category term="continuous"/><category term="contracts"/><category term="creative"/><category term="crop factor"/><category term="crow"/><category term="daisy"/><category term="dance"/><category term="different"/><category term="e-5"/><category term="ebook"/><category term="electronica"/><category term="episode 1"/><category term="episode 18"/><category term="episode 31"/><category term="episode 4"/><category term="episode 5"/><category term="episode 8"/><category term="episode 9a"/><category term="episodes"/><category term="errata"/><category term="exposure compensation"/><category term="fiction"/><category term="fire truck"/><category term="first thoughts"/><category term="focal length"/><category term="foreground"/><category term="freezing"/><category term="full frame versus cropped sensor"/><category term="gorillacam"/><category term="grainy"/><category term="hard drive"/><category term="high speed video"/><category term="identical"/><category term="image stabilizer"/><category term="index"/><category term="iphone"/><category term="kindle"/><category term="la cucaracha"/><category term="learn photography"/><category term="lenses"/><category term="little but fast robots"/><category term="lonely"/><category term="long exposure"/><category term="macro"/><category term="manual focus"/><category term="merlin"/><category term="music"/><category term="new look"/><category term="new videos"/><category term="no light pollution"/><category term="olympus"/><category term="online store"/><category term="personal website"/><category term="photography business"/><category term="photography questions and answers"/><category term="photos"/><category term="pigeon hawk"/><category term="planes"/><category term="planning"/><category term="polarizing filter"/><category term="predictive"/><category term="production"/><category term="publishing"/><category term="quiz"/><category term="richard steele"/><category term="sadly not impressed"/><category term="scope"/><category term="second shot"/><category term="self-publishing"/><category term="sepia"/><category term="shake"/><category term="shark"/><category term="something special"/><category term="stacking filters"/><category term="taking shape"/><category term="techniques"/><category term="techno"/><category term="telescopes"/><category term="tip"/><category term="tips"/><category term="uv filters"/><category term="valentine&#39;s day"/><category term="variable nd filter"/><category term="viewer question"/><category term="violin"/><category term="volume 001"/><category term="wet"/><category term="wooden"/><category term="wooden plane"/><category term="writing"/><category term="youtube partner"/><title type='text'>Imre Z. Balint, BSc, MPM, MBA</title><subtitle type='html'>Programmer, Web Developer, Educator, Photographer</subtitle><link rel='http://schemas.google.com/g/2005#feed' type='application/atom+xml' href='http://binarygraphite.blogspot.com/feeds/posts/default'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/2670799581393776213/posts/default?redirect=false'/><link rel='alternate' type='text/html' href='http://binarygraphite.blogspot.com/'/><link rel='hub' href='http://pubsubhubbub.appspot.com/'/><link rel='next' type='application/atom+xml' href='http://www.blogger.com/feeds/2670799581393776213/posts/default?start-index=26&amp;max-results=25&amp;redirect=false'/><author><name>Imre Z. Balint</name><uri>http://www.blogger.com/profile/07274685498773765133</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><generator version='7.00' uri='http://www.blogger.com'>Blogger</generator><openSearch:totalResults>116</openSearch:totalResults><openSearch:startIndex>1</openSearch:startIndex><openSearch:itemsPerPage>25</openSearch:itemsPerPage><entry><id>tag:blogger.com,1999:blog-2670799581393776213.post-8605984734857708430</id><published>2020-02-24T20:36:00.001-07:00</published><updated>2020-02-25T18:33:34.474-07:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="author"/><category scheme="http://www.blogger.com/atom/ns#" term="books"/><category scheme="http://www.blogger.com/atom/ns#" term="creative"/><category scheme="http://www.blogger.com/atom/ns#" term="fiction"/><category scheme="http://www.blogger.com/atom/ns#" term="longboards"/><category scheme="http://www.blogger.com/atom/ns#" term="planning"/><category scheme="http://www.blogger.com/atom/ns#" term="publishing"/><category scheme="http://www.blogger.com/atom/ns#" term="writing"/><title type='text'>Writing is an Addiction - Fiction Novel Already in the Works</title><content type='html'>I&#39;m having a blast writing. My book on how to make longboards is about 85% done. Most of the text is there, but I still need some images of decks being glued up, along with those that have a design. As you might guess, that means I actually need to build those decks. Good news is that I have three sanded down nicely, awaiting for their graphics to be applied. That&#39;s definitely easier said than done, but I&#39;m hoping my brain will come up with something to adorn those boards. Then I can finally take a few more photos, and finish up that opus.&lt;br /&gt;&lt;br /&gt;But being one of those people that can&#39;t seem to keep busy enough, I&#39;ve already started on another project. I&#39;ve always wanted to write a work of fiction, and have finally dug in. This is actually not the first time I&#39;ve attempted writing one though... in fact, this is my third attempt.&lt;br /&gt;&lt;br /&gt;Writing a strong work of fiction is by no means a simple feat. My first two attempts failed, as I simply lacked the knowledge required to write such a large body of work. And it wasn&#39;t necessarily a lack of knowledge in regard to English itself or grammar, but instead in how to approach a work of fiction. Alas, I was much younger at the time, and so it was easy for me to believe that I could simply start regurgitating text on a page, and eventually that mass would coalesce into a fantastic novel. How wrong I was?&lt;br /&gt;&lt;br /&gt;Spring ahead about 15-20 years and here I am again, but this time armed with some insights and processes into the effort and planning required to successfully complete a fiction novel. I&#39;m now hitting this up as if working on a project (think planning, milestones, deadlines, etc.). It also helped that I&#39;ve read a couple of books on the topic, namely &lt;a href=&quot;https://www.amazon.ca/gp/product/B002XGICAO&quot; target=&quot;_blank&quot;&gt;Writing Fiction for Dummies&lt;/a&gt; and &lt;a href=&quot;https://www.amazon.ca/gp/product/B00LWBZ696&quot; target=&quot;_blank&quot;&gt;How to Write a Novel Using the Snowflake Method&lt;/a&gt;. There were also a couple of other books mentioned in the former, one of which is about writing strong dialogue, so I might pick those up sometime soon.&lt;br /&gt;&lt;br /&gt;So where am I now? Well I&#39;m encroaching on 2,000 words in a document where I&#39;m filling out details on the story world (man it&#39;s fun to create star systems!), character bios, and plot related text such as the story line and synopsis. Currently the story world is the most thorough, and I have a version of the story line written that I&#39;m fairly satisfied with (and it&#39;s only 17 words in length, yet I feel it encompasses the idea of the story). Perhaps once I&#39;ve ventured in the first few chapters of the novel, I&#39;ll be brave enough to post it.</content><link rel='replies' type='application/atom+xml' href='http://binarygraphite.blogspot.com/feeds/8605984734857708430/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://binarygraphite.blogspot.com/2020/02/writing-is-addiction-fiction-novel.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/2670799581393776213/posts/default/8605984734857708430'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/2670799581393776213/posts/default/8605984734857708430'/><link rel='alternate' type='text/html' href='http://binarygraphite.blogspot.com/2020/02/writing-is-addiction-fiction-novel.html' title='Writing is an Addiction - Fiction Novel Already in the Works'/><author><name>Imre Z. Balint</name><uri>http://www.blogger.com/profile/07274685498773765133</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-2670799581393776213.post-4748646550724923237</id><published>2020-01-14T20:27:00.002-07:00</published><updated>2020-01-14T20:27:58.954-07:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="book"/><category scheme="http://www.blogger.com/atom/ns#" term="cameras"/><category scheme="http://www.blogger.com/atom/ns#" term="concepts"/><category scheme="http://www.blogger.com/atom/ns#" term="concepts of photography"/><category scheme="http://www.blogger.com/atom/ns#" term="concepts of photography and more"/><category scheme="http://www.blogger.com/atom/ns#" term="ebook"/><category scheme="http://www.blogger.com/atom/ns#" term="kindle"/><category scheme="http://www.blogger.com/atom/ns#" term="learn photography"/><category scheme="http://www.blogger.com/atom/ns#" term="longboards"/><category scheme="http://www.blogger.com/atom/ns#" term="photography"/><category scheme="http://www.blogger.com/atom/ns#" term="self-publishing"/><category scheme="http://www.blogger.com/atom/ns#" term="techniques"/><category scheme="http://www.blogger.com/atom/ns#" term="violin"/><title type='text'>My &quot;Concepts of Photography and More&quot; eBook Now Available! And more indeed.</title><content type='html'>My &quot;Concepts of Photography and More&quot; ebook is now available! Well, I actually self-published it back in November 2019, but I figured I should really update my blog I once kept so regularly manicured. Before I spew more text onto the page, here&#39;s the link so you can check it out and grab yourself a copy:&lt;br /&gt;&lt;br /&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;&lt;a href=&quot;https://www.amazon.ca/gp/product/B0818N214G/&quot; target=&quot;_blank&quot;&gt;&lt;img alt=&quot;https://www.amazon.ca/gp/product/B0818N214G/&quot; border=&quot;0&quot; data-original-height=&quot;350&quot; data-original-width=&quot;219&quot; src=&quot;https://1.bp.blogspot.com/-1aKi1b5KfsM/Xh6Fxo1KuII/AAAAAAAAAbU/pI28XSD2d1QsTKFRNgzGKUpb9U4AYj38gCLcBGAsYHQ/s1600/Concepts%2Bof%2BPhotography%2Band%2BMore%2BBook%2BCover%2BThumbnail.jpg&quot; /&gt;&lt;/a&gt;&lt;/div&gt;&lt;br /&gt;&lt;a href=&quot;https://www.amazon.ca/gp/product/B0818N214G/&quot; target=&quot;_blank&quot;&gt;Concepts of Photography and More&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;It&#39;s quite scary to see how time passes by. My last post before this was in 2014, in which my life took a lovely twist. That year was special, as I started teaching at a local polytechnic school. I love my job, the school too, but does take away from one&#39;s free time. No complaints though, for I am employed, and times are tough, so I am grateful.&lt;br /&gt;&lt;br /&gt;Nonetheless, I managed to spend what time I could between my busy schedule of marking assignments, helping with home renos, and building &lt;a href=&quot;https://pulsarboards.com/&quot; target=&quot;_blank&quot;&gt;longboards &lt;/a&gt;(yup, I do this too), in order to finish my first book. Really cool journey, and an even greater respect for all authors. Two years on and off to get this done, and boy was I happy to get it published.&lt;br /&gt;&lt;br /&gt;But this just added to my workload, for I have almost finished another book! Yes, book number two. In fact, I&#39;m only about half a chapter away from finishing my next opus on how to build professional quality longboards (no small textbook either at over 22,000 words). It&#39;ll be filled with plenty of high-quality photographs (would you expect any less from a photographer!?), and many illustrations and diagrams drawn up by yours truly.&lt;br /&gt;&lt;br /&gt;I wonder what book three will be? Perhaps fiction?&lt;br /&gt;&lt;br /&gt;Oh, did I mention I fell in love? Why yes, I suppose it hits us all at some point in our lives. An addiction. Painful at times. Yet, I would never give up my violin. It&#39;s also rekindled my relationships with my other instruments I&#39;ve neglected for too long. My mandolin has started to sing again, and sounds fantastic with its fresh pairs of strings (fun fact for those who know not, but the tuning is the same for both a violin and mandolin, making it easy to switch between the two).&lt;br /&gt;&lt;br /&gt;So perhaps if I muster the effort, I might just start creating some videos again, mostly of how I&#39;m progressing with my violin skills. If it helps someone learn this lovely instrument, then I&#39;ve already hit a goal.&lt;br /&gt;&lt;br /&gt;I hope some folks are still reading my blog. Perhaps I shall endeavor to breath life back into it.</content><link rel='replies' type='application/atom+xml' href='http://binarygraphite.blogspot.com/feeds/4748646550724923237/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://binarygraphite.blogspot.com/2020/01/my-concepts-of-photography-and-more.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/2670799581393776213/posts/default/4748646550724923237'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/2670799581393776213/posts/default/4748646550724923237'/><link rel='alternate' type='text/html' href='http://binarygraphite.blogspot.com/2020/01/my-concepts-of-photography-and-more.html' title='My &quot;Concepts of Photography and More&quot; eBook Now Available! And more indeed.'/><author><name>Imre Z. Balint</name><uri>http://www.blogger.com/profile/07274685498773765133</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://1.bp.blogspot.com/-1aKi1b5KfsM/Xh6Fxo1KuII/AAAAAAAAAbU/pI28XSD2d1QsTKFRNgzGKUpb9U4AYj38gCLcBGAsYHQ/s72-c/Concepts%2Bof%2BPhotography%2Band%2BMore%2BBook%2BCover%2BThumbnail.jpg" height="72" width="72"/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-2670799581393776213.post-1473577208389016542</id><published>2014-06-21T16:47:00.000-06:00</published><updated>2014-06-21T16:47:55.445-06:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="calgary"/><category scheme="http://www.blogger.com/atom/ns#" term="css"/><category scheme="http://www.blogger.com/atom/ns#" term="education"/><category scheme="http://www.blogger.com/atom/ns#" term="howto"/><category scheme="http://www.blogger.com/atom/ns#" term="html5"/><category scheme="http://www.blogger.com/atom/ns#" term="imre z balint"/><category scheme="http://www.blogger.com/atom/ns#" term="javascript"/><category scheme="http://www.blogger.com/atom/ns#" term="jquery"/><category scheme="http://www.blogger.com/atom/ns#" term="learning"/><category scheme="http://www.blogger.com/atom/ns#" term="programming"/><category scheme="http://www.blogger.com/atom/ns#" term="tutorial"/><category scheme="http://www.blogger.com/atom/ns#" term="web design"/><category scheme="http://www.blogger.com/atom/ns#" term="web development"/><category scheme="http://www.blogger.com/atom/ns#" term="yyc"/><title type='text'>Sticky Nav Bars and Top-of-Page Jumpers</title><content type='html'>Ever visit a website where if you start to scroll then certain elements on a page will stick to a particular location, like a navigation bar that stays put at the top of the page? Sometimes even a link will also appear from a side of the document which allows the user to jump back to the top of the page with a single click.&lt;br /&gt;&lt;br /&gt;Well that&#39;s what this tutorial is about. In fact the concepts I&#39;ll be discussing can actually be taken a step further and you&#39;ll be able to create other &quot;sticky&quot; elements on your page (like a social media link list that can slide into view).&lt;br /&gt;&lt;br /&gt;With this walk-through I&#39;m assuming you&#39;re somewhat familiar with jQuery and CSS, so as with pretty much all things jQuery please &lt;a href=&quot;http://jquery.com/download/&quot; target=&quot;_blank&quot;&gt;download the library&lt;/a&gt; if you want to try this for yourself. Overall this example is really easy, so even with minimal experience it should be a snap to get this working on your site.&lt;br /&gt;&lt;br /&gt;First let&#39;s take a look at how this works. &lt;a href=&quot;http://www.imrezbalint.com/blogexamples/stickynavbar/stickynavbar.html&quot; target=&quot;_blank&quot;&gt;Click here&lt;/a&gt; to view the example and then scroll down the page to see how the nav bar locks in place; also look for the TOP link to appear on the right-hand side of the document towards the bottom (you might need to resize your browser window to make it smaller if you can&#39;t scroll).&lt;br /&gt;&lt;br /&gt;Now let&#39;s examine the HTML markup. Overall, there&#39;s nothing really that special one has to do here, so I&#39;m only going through the notable elements.&lt;br /&gt;&lt;br /&gt;&amp;lt;div id=&quot;top&quot;&amp;gt;&amp;lt;a href=&quot;#topofpage&quot;&amp;gt;TOP&amp;lt;/a&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;&lt;br /&gt;As you can probably guess, the above is the link that appears when you scroll down the page a certain distance. It&#39;s pretty much safe to put this line anywhere, as in the CSS rule (shown later) it is defined with a fixed position and moved off screen. More on that later.&lt;br /&gt;&lt;br /&gt;Next up is the nav element (if you&#39;re not using HTML5 then a div could just as easily be used) with an id of &quot;navbar&quot;, which will be useful when we target it with jQuery (although if you just have one nav element, then you could skip the id part). Overall the menu (the unordered lists) is as one would expect most menus to be; there is also a sub-list that is basically the dropdown.&lt;br /&gt;&lt;br /&gt;At this point, I&#39;m getting right into the jQuery and CSS styles, as the interaction between the two is key.&lt;br /&gt;&lt;br /&gt;The first line in the code is:&lt;br /&gt;&lt;br /&gt;$(window).scroll(function() {&lt;br /&gt;&lt;br /&gt;and what it does is binds the anonymous function (a function with no name) to the scroll event handler. In other words, when the user starts scrolling on the webpage, that function will execute its code block. So what&#39;s in this block?&lt;br /&gt;&lt;br /&gt;if (window.pageYOffset &amp;gt; 100) {&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; $(&quot;#navbar&quot;).addClass(&quot;fixed&quot;);&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; $(&quot;article&quot;).addClass(&quot;articlepadding&quot;);&lt;br /&gt;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; $(&quot;#top&quot;).css(&quot;right&quot;, -6 + &quot;px&quot;);&lt;br /&gt;&lt;br /&gt;} else {&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; $(&quot;#navbar&quot;).removeClass(&quot;fixed&quot;);&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; $(&quot;article&quot;).removeClass(&quot;articlepadding&quot;);&lt;br /&gt;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; $(&quot;#top&quot;).css(&quot;right&quot;, -75 + &quot;px&quot;);&lt;br /&gt;}&lt;br /&gt;&lt;br /&gt;That&#39;s it... that&#39;s actually the whole thing. Let&#39;s read through it. There&#39;s an if statement that examines how far the page has scrolled vertically using the &lt;a href=&quot;https://developer.mozilla.org/en-US/docs/Web/API/Window.scrollY&quot; target=&quot;_blank&quot;&gt;pageYOffset property&lt;/a&gt; of the built-in JavaScript window object. If that offset is greater than 100 pixels, so if the user has scrolled the document a distance of 100 pixels, then those three commands in the if statement are executed. By the way, there is a compatibility note at the bottom of this post if you want to ensure that IE versions eight and below will work with this getup; I&#39;m mean, I usually ignore most IE users (please switch to another browser if you&#39;re using IE!).&lt;br /&gt;&lt;br /&gt;Where did I get this 100 value from? It is the height of the header as defined in its CSS rule. The way I&#39;ve designed this particular example is that if the user scrolls the header out of view, I want the nav bar to lock into place at that exact moment. So if your header is a different size, then keep the height and that value in the if statement the same. If you have a header that changes its height dynamically, thus no specific value, then you can use the &lt;a href=&quot;https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement.offsetHeight&quot; target=&quot;_blank&quot;&gt;offsetHeight property&lt;/a&gt; of the element in the if statement instead.&lt;br /&gt;&lt;br /&gt;So if the pageYOffset is greater than 100 pixels, a CSS class called &quot;fixed&quot; is added to the nav bar, and another CSS class called &quot;articlepadding&quot; is added to the article element on the page. The &quot;fixed&quot; class looks like this:&lt;br /&gt;&lt;br /&gt;.fixed {&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; width: 80%;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; position: fixed;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; top: 0;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; box-shadow: 2px 2px 10px black;&lt;br /&gt;}&lt;br /&gt;&lt;br /&gt;I&#39;ve also defined a CSS rule for the nav element. Think of this as its default style:&lt;br /&gt;&lt;br /&gt;nav {&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; height: 25px;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; background: #00a;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; -webkit-transition: all .3s ease-out;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; -moz-transition: all .3s ease-out;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; -ms-transition: all .3s ease-out;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; -o-transition: all .3s ease-out;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; transition: all .3s ease-out;&lt;br /&gt;}&lt;br /&gt;&lt;br /&gt;The nav rule doesn&#39;t specify a position type for the nav element, thus the default static positioning is used. But when the &quot;fixed&quot; class is applied, it changes the positioning to the fixed type of course and that&#39;s basically what keeps the nav bar glued to the top of the document. Notice also the width has to be defined as well as the top position. I added the box-shadow in as an effect which beautifully animates due to the nav rule having the transition property set. Cool hey? We can use CSS to do the animation work for us; CSS automatically applies any transitions it needs to as we change the classes (or other CSS properties of elements) via jQuery.&lt;br /&gt;&lt;br /&gt;And how about the classes for the article?&lt;br /&gt;&lt;br /&gt;article {&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; background-color: white;&lt;br /&gt;}&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;br /&gt;.articlepadding {&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; padding: 25px 0 0 0;&lt;br /&gt;}&lt;br /&gt;&lt;br /&gt;Similar to the nav element, the article has a basic rule with nothing more than a background color applied. The &quot;articlepadding&quot; class, added by jQuery when the document is scrolled more than 100 pixels, sets a top padding of 25 pixels. Why 25? Because it is the same as the height of the nav bar. Go ahead and comment out that padding line. Notice that odd &quot;jump&quot; as you scroll down? When the nav bar is set to fixed, it is removed from the normal flow of the document. Thus, the article element fills that void where the nav element used to be and &quot;jumps&quot; up 25 pixels. So the padding (could also be margin) compensates for the nav bar being removed from the normal document flow.&lt;br /&gt;&lt;br /&gt;Now we&#39;re at the last line in the if statement&#39;s code block:&lt;br /&gt;&lt;br /&gt;$(&quot;#top&quot;).css(&quot;right&quot;, -6 + &quot;px&quot;);&lt;br /&gt;&lt;br /&gt;When you use the css function in jQuery, you are basically getting or setting an inline CSS style. In this case, we are changing the right property of the div with the id of &quot;top&quot; and changing it to -6 pixels. There&#39;s also a css rule defining this element in general:&lt;br /&gt;&lt;br /&gt;#top {&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; position: fixed;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; background-color: #00a;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; border: 1px solid white;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; border-radius: 5px;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; width: 68px;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; height: 25px;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; right: -75px;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; top: 80%;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; box-shadow: 2px 2px 10px black;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; -webkit-transition: all .3s ease-out;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; -moz-transition: all .3s ease-out;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; -ms-transition: all .3s ease-out;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; -o-transition: all .3s ease-out;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; transition: all .3s ease-out;&lt;br /&gt;}&lt;br /&gt;&lt;br /&gt;Most of this is decoration. The important declarations are the position set to fixed, right set to -75px (keeps the element hidden just off the page) and the transition. The top set to 80% is the vertical position of the element; the percent unit keeps it relatively in the same spot, even if the browser window is resized.&lt;br /&gt;&lt;br /&gt;So as you can probably tell at this point, when the user scrolls the distance of the header, jQuery changes the right position to -6px (use whatever value you want though for your specific needs). Because of the CSS transition declaration, we see a pretty animation occur rather than a sudden jump.&lt;br /&gt;&lt;br /&gt;I believe that most people can figure out the else portion of the JavaScript code. If the user does not scroll the page more than 100 pixels, then we ensure the classes are removed from their respective elements and the right position of the &quot;top&quot; div is reset to -75px.&lt;br /&gt;&lt;br /&gt;Easy.&lt;br /&gt;&lt;br /&gt;And about that compatibility for IE browsers versions eight or less? If you checked out the documentation for &lt;a href=&quot;https://developer.mozilla.org/en-US/docs/Web/API/Window.scrollY&quot; target=&quot;_blank&quot;&gt;window.pageYOffset&lt;/a&gt; (linked here and earlier) you&#39;ll see the the wonderful folks at Mozilla have provided some code to help make this as compatible as possible with older IE browsers. So for this example I could have added in this line before the if statement, with a minor update to the condition:&lt;br /&gt;&lt;br /&gt;var verticalOffset = (window.pageYOffset !== undefined) ? window.pageYOffset : (document.documentElement || document.body.parentNode || document.body).scrollTop;&lt;br /&gt;&lt;br /&gt;if (verticalOffset &amp;gt; 100) {...}&lt;br /&gt;&lt;br /&gt;Not only have you learned how to create sticky elements on a page, you&#39;ve also seen how CSS transitions can help bring life to elements being moved around or that have various other properties changed via JavaScript.&lt;br /&gt;&lt;br /&gt;Remember, you can make suggestions for future tutorials and I&#39;ll be happy to consider them; just leave a comment. L8r!</content><link rel='replies' type='application/atom+xml' href='http://binarygraphite.blogspot.com/feeds/1473577208389016542/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://binarygraphite.blogspot.com/2014/06/sticky-nav-bars-and-top-of-page-jumpers.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/2670799581393776213/posts/default/1473577208389016542'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/2670799581393776213/posts/default/1473577208389016542'/><link rel='alternate' type='text/html' href='http://binarygraphite.blogspot.com/2014/06/sticky-nav-bars-and-top-of-page-jumpers.html' title='Sticky Nav Bars and Top-of-Page Jumpers'/><author><name>Imre Z. Balint</name><uri>http://www.blogger.com/profile/07274685498773765133</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><thr:total>0</thr:total><georss:featurename>Calgary, AB, Canada</georss:featurename><georss:point>51.0453246 -114.05810120000001</georss:point><georss:box>50.7256451 -114.70354820000001 51.3650041 -113.4126542</georss:box></entry><entry><id>tag:blogger.com,1999:blog-2670799581393776213.post-7136195773004555468</id><published>2014-06-13T15:52:00.000-06:00</published><updated>2014-06-13T16:48:48.168-06:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="calgary"/><category scheme="http://www.blogger.com/atom/ns#" term="css"/><category scheme="http://www.blogger.com/atom/ns#" term="education"/><category scheme="http://www.blogger.com/atom/ns#" term="howto"/><category scheme="http://www.blogger.com/atom/ns#" term="html5"/><category scheme="http://www.blogger.com/atom/ns#" term="imre z balint"/><category scheme="http://www.blogger.com/atom/ns#" term="javascript"/><category scheme="http://www.blogger.com/atom/ns#" term="jquery"/><category scheme="http://www.blogger.com/atom/ns#" term="learning"/><category scheme="http://www.blogger.com/atom/ns#" term="programming"/><category scheme="http://www.blogger.com/atom/ns#" term="tutorial"/><category scheme="http://www.blogger.com/atom/ns#" term="web design"/><category scheme="http://www.blogger.com/atom/ns#" term="web development"/><category scheme="http://www.blogger.com/atom/ns#" term="yyc"/><title type='text'>CSS Only Dropdown Menu that Works on Mobile Devices</title><content type='html'>Not only is it a full moon today, but it&#39;s also Friday the 13th. So it&#39;s only fitting that I tackle a scary topic: CSS only dropdown menus that work on mobile devices!&lt;br /&gt;&lt;br /&gt;Ok, so really it&#39;s not that scary and I&#39;ll try to make it as painless as possible... don&#39;t mind the machete.&lt;br /&gt;&lt;br /&gt;First off, it&#39;s nice to see what we&#39;re trying to accomplish. Because this example is geared for mobile type devices only you should be viewing this example on such a platform, or if you are using a desktop computer, pretend that you can only &quot;tap&quot;: &lt;a href=&quot;http://www.imrezbalint.com/blogexamples/csstargetmenu.html&quot; target=&quot;_blank&quot;&gt;http://www.imrezbalint.com/blogexamples/csstargetmenu.html&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;The actual presentation of the example is not critical; you can create your own design in pretty much whatever manner you wish. The focus here is that on a mobile device one can tap a menu to see the dropdown list that will then stay open until the user taps another menu item or the &quot;Close Menu&quot; option.&lt;br /&gt;&lt;br /&gt;Secondly, I have not bothered to create media queries to target small screen sizes, but if you are attempting to do this for yourself, then the CSS code should be targeted to the mobile realm, with a desktop version for those who have larger screens and mice to surf with (so in the desktop version you could do the typical open on hover actions). Now let&#39;s get started.&lt;br /&gt;&lt;br /&gt;I generally like to start off with the HTML structure of the page, so let&#39;s examine that first:&lt;br /&gt;&lt;br /&gt;&amp;lt;div id=&quot;wrapper&quot;&amp;gt;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;lt;nav&amp;gt;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;lt;ul&amp;gt;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;lt;li&amp;gt;&amp;lt;a href=&quot;#&quot;&amp;gt;HOME&amp;lt;/a&amp;gt;&amp;lt;/li&amp;gt;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;lt;li&amp;gt;&amp;lt;a href=&quot;#about&quot;&amp;gt;ABOUT US&amp;lt;/a&amp;gt;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;lt;ul id=&quot;about&quot;&amp;gt;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;lt;li&amp;gt;&amp;lt;a href=&quot;#&quot;&amp;gt;History&amp;lt;/a&amp;gt;&amp;lt;/li&amp;gt;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;lt;li&amp;gt;&amp;lt;a href=&quot;#&quot;&amp;gt;Corporate Info&amp;lt;/a&amp;gt;&amp;lt;/li&amp;gt;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;lt;li&amp;gt;&amp;lt;a href=&quot;#&quot;&amp;gt;Meet the Team&amp;lt;/a&amp;gt;&amp;lt;/li&amp;gt;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;lt;li&amp;gt;va href=&quot;#&quot;&amp;gt;Close Menu&amp;lt;/a&amp;gt;&amp;lt;/li&amp;gt;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;lt;/ul&amp;gt;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;lt;/li&amp;gt;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;lt;li&amp;gt;&amp;lt;a href=&quot;#products&quot;&amp;gt;PRODUCTS&amp;lt;/a&amp;gt;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;lt;ul id=&quot;products&quot;&amp;gt;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;lt;li&amp;gt;&amp;lt;a href=&quot;#&quot;&amp;gt;Bicycles&amp;lt;/a&amp;gt;&amp;lt;/li&amp;gt;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;lt;li&amp;gt;&amp;lt;a href=&quot;#&quot;&amp;gt;Canoes&amp;lt;/a&amp;gt;&amp;lt;/li&amp;gt;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;lt;li&amp;gt;&amp;lt;a href=&quot;#&quot;&amp;gt;Longboards&amp;lt;/a&amp;gt;&amp;lt;/li&amp;gt;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;lt;li&amp;gt;&amp;lt;a href=&quot;#&quot;&amp;gt;Close Menu&amp;lt;/a&amp;gt;&amp;lt;/li&amp;gt;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;lt;/ul&amp;gt;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;lt;/li&amp;gt;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;lt;li&amp;gt;&amp;lt;a href=&quot;#&quot;&amp;gt;CONTACT&amp;lt;/a&amp;gt;&amp;lt;/li&amp;gt;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;lt;/ul&amp;gt;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;lt;/nav&amp;gt;&lt;br /&gt;&amp;lt;/div&amp;gt;&lt;br /&gt;&lt;br /&gt;Overall there is nothing out of the ordinary. The div and nav elements are there to position the menu and would be more useful for a desktop version of the site. The &quot;HOME&quot; and &quot;CONTACT&quot; links are not dropdown menus and instead of a &quot;#&quot; for the href, one would normally place a link there like home.php or contact.html.&lt;br /&gt;&lt;br /&gt;But the &quot;ABOUT US&quot; and &quot;PRODUCTS&quot; links have dropdown menus and their hrefs are important, &quot;#about&quot; and &quot;#products&quot;, respectively. Notice how the unordered list right below each one has an id (without the #) that matches. This is where the CSS will come into play. As for the menu items that are part of the dropdown list, those should be actual links to real pages (since of course I have not made any additional pages, I&#39;ve kept them the traditional &quot;#&quot;).&lt;br /&gt;&lt;br /&gt;So without further ado, let&#39;s work our way through the CSS.&lt;br /&gt;&lt;br /&gt;* {&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; margin: 0;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; padding: 0;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; border: 0;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; }&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; #wrapper {&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; width: 100%;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; }&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; nav {&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; /* background-color: grey;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; overflow: hidden; */&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; }&lt;br /&gt;&lt;br /&gt;Nothing too special here. There&#39;s a quick reset in the universal selector, a little sizing for the wrapper div (overall this wouldn&#39;t do much as block elements are 100% in width anyway, but imagine if there was a desktop version to this CSS where the width was set to 80%; we need to override that value so we can use up the whole width on the mobile device), and lastly the nav, which like the div would have a more significant part to play when targeted for desktops (hence why the properties are commented out).&lt;br /&gt;&lt;br /&gt;ul li {&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; min-width: 50%;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; list-style-type: none;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; float: left;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; }&lt;br /&gt;&lt;br /&gt;This bit decorates the first level list items. The min-width set to 50% gives us the two column look and the list-style-type set to none removes the bullets. The float is required or else the list would be vertical.&lt;br /&gt;&lt;br /&gt;ul li a {&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; display: block;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; background-color: blue;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; color: white;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; text-decoration: none;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; text-align: center;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; font-weight: bold;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; font-family: sans-serif;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; padding: .25em 2em;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; }&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; ul li a:hover {&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; background-color: darkblue;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; }&lt;br /&gt;&lt;br /&gt;Although these parts look like a lot, all they do is provide the look and feel for the links. The anchors are set to the block display type and when the first-level links are hovered over (at least on a desktop) they will appear dark blue in colour.&lt;br /&gt;&lt;br /&gt;ul li ul {&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; display: none;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; position: absolute;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; border: 1px solid black;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; min-width: 49%;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; }&lt;br /&gt;&lt;br /&gt;This next section is quite significant in this example. If you follow the descendant selector, you&#39;ll notice that we are working with the dropdown menus. We don&#39;t want these to appear unless the user clicks on a top-level link, so the display is set to none. To ensure the menu opens up in a nice position, the typical setting for position is set to absolute. Since I added a border, min-width has to be a bit smaller than 50% or else the menu will look a little odd (try it). On a quick side note, I could have used the &lt;a href=&quot;https://developer.mozilla.org/en-US/docs/Web/CSS/calc&quot; target=&quot;_blank&quot;&gt;CSS calc function&lt;/a&gt; for the width (e.g. calc(49% - 2px), but it does not work for every browser equally and also causes the CSS validation to fail.&lt;br /&gt;&lt;br /&gt;ul li ul li {&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; float: none;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; }&lt;br /&gt;&lt;br /&gt;This next little bit overrides the float for the list items in the dropdown menu. If you don&#39;t do this, the menu will appear horizontal.&lt;br /&gt;&lt;br /&gt;ul li ul li a {&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; margin: 0;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; padding: .25em;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; box-shadow: 2px 2px 3px black;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; text-align: left;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; }&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; ul li ul li a:hover {&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; background-color: purple;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; }&lt;br /&gt;&lt;br /&gt;These two rules simply decorate the links in the dropdown menu. Lastly, here the magical part:&lt;br /&gt;&lt;br /&gt;#about:target {&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; display: block;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; }&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; #products:target {&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; display: block;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; }&lt;br /&gt;&lt;br /&gt;Remember how we gave the dropdown lists (specifically the ul elements) an id? Here they are with the target pseudo-classs. The only property adjusted is display being set to block, which as can be guessed displays them on the click.&lt;br /&gt;&lt;br /&gt;The way the target pseudo-class works is like a toggle. When someone clicks a link with the same name as the id (like &quot;PRODUCTS&quot; has an href of &quot;#products&quot;), CSS looks looks for the element with that id and executes the declarations in the related rules with the target pseudo-class. In our case, all that happens is that the display is set to block to show the dropdown list. Clicking other links will simply revert that element back to the non-target rule that applies to it, hence why when you click another menu item or the &quot;Close Menu&quot; link (with an href of &quot;#&quot;), the dropdown disappears. Read more about the target pseudo-class here: &lt;a href=&quot;https://developer.mozilla.org/en-US/docs/Web/CSS/:target&quot; target=&quot;_blank&quot;&gt;https://developer.mozilla.org/en-US/docs/Web/CSS/:target&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;Awesome stuff. I think one of the biggest pros to this method is that we don&#39;t have to use JavaScript. Not that I&#39;m normally against it, and ultimately it wouldn&#39;t necessarily be wrong to use it, but for non-programmers and to reduce the number of requests made to a server, this is definitely a plus. The tap-to-open a menu is also going to be familiar to almost all mobile / tablet type device users too, so we&#39;re not sacrificing much in regard to the design of our website; it still pretty much looks and works like it would on a desktop system without having to completely redesign the navigation in some manner.&lt;br /&gt;&lt;br /&gt;But as with almost everything there are some downsides. For one, since we haven&#39;t employed any JavaScript, the menus will stay open indefinitely unless they are manually shut by the user (hence the addition of the &quot;Close Menu&quot; item). In addition, on desktop computers where a mouse can be used, the menu does not open when the cursor is hovered over a link. Although it can be done, the menu starts acting goofy. For example, they&#39;ll open on hover but won&#39;t close when another menu opens, amongst some other things (there was another example of this where the menu had to be clicked first and then the hover would click in). Then again, the only time this would be an issue on a desktop is if media queries where not used.&lt;br /&gt;&lt;br /&gt;So my suggestion is not to look for an all-encompassing method for dropdrop menus if you&#39;re going to use a CSS only technique. As responsive design is becoming the norm, create media queries and CSS files targeting various screen sizes and platforms and then it becomes a little more straightforward to design not only the look of your website, but it&#39;s behaviour in various cases.&lt;br /&gt;&lt;br /&gt;So that&#39;s it for now. I have plenty more tutorials but if you have suggestions, please leave a comment. L8r!</content><link rel='replies' type='application/atom+xml' href='http://binarygraphite.blogspot.com/feeds/7136195773004555468/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://binarygraphite.blogspot.com/2014/06/css-only-dropdown-menu-that-works-on.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/2670799581393776213/posts/default/7136195773004555468'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/2670799581393776213/posts/default/7136195773004555468'/><link rel='alternate' type='text/html' href='http://binarygraphite.blogspot.com/2014/06/css-only-dropdown-menu-that-works-on.html' title='CSS Only Dropdown Menu that Works on Mobile Devices'/><author><name>Imre Z. Balint</name><uri>http://www.blogger.com/profile/07274685498773765133</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><thr:total>0</thr:total><georss:featurename>Calgary, AB, Canada</georss:featurename><georss:point>51.0453246 -114.05810120000001</georss:point><georss:box>50.7256451 -114.70354820000001 51.3650041 -113.4126542</georss:box></entry><entry><id>tag:blogger.com,1999:blog-2670799581393776213.post-2239849274375470763</id><published>2014-06-08T23:22:00.001-06:00</published><updated>2014-06-09T12:43:03.124-06:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="css"/><category scheme="http://www.blogger.com/atom/ns#" term="education"/><category scheme="http://www.blogger.com/atom/ns#" term="imre z balint"/><category scheme="http://www.blogger.com/atom/ns#" term="javascript"/><category scheme="http://www.blogger.com/atom/ns#" term="jquery"/><category scheme="http://www.blogger.com/atom/ns#" term="learning"/><category scheme="http://www.blogger.com/atom/ns#" term="programming"/><category scheme="http://www.blogger.com/atom/ns#" term="tutorial"/><category scheme="http://www.blogger.com/atom/ns#" term="web design"/><category scheme="http://www.blogger.com/atom/ns#" term="web development"/><title type='text'>JavaScript / jQuery Page Identifier Tutorial</title><content type='html'>This is the first of hopefully many Web technology related blog posts I&#39;ll be writing. More specifically these articles will be involving JavaScript / jQuery and Cascading Style Sheets (CSS).&lt;br /&gt;&lt;br /&gt;In this tutorial I will be using JavaScript to analyze which Web page a user is viewing and then apply a CSS style to the relevant menu element to provide the audience some visual feedback. Please &lt;a href=&quot;http://jquery.com/download/&quot; target=&quot;_blank&quot;&gt;download jQuery&lt;/a&gt; as it is requited for this example. I often use the library to simplify parts of my code and to gain some benefits like not having to worry as much about coding cross browser compatibility.&lt;br /&gt;&lt;br /&gt;First off, let&#39;s take a look at exactly what we&#39;re trying to do (click the pic for a larger size).&lt;br /&gt;&lt;br /&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;&lt;a href=&quot;http://1.bp.blogspot.com/-zMxgI-a2PTc/U5X_62usWxI/AAAAAAAAAS0/767wnKAAyU4/s1600/website_location_menu.png&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; src=&quot;http://1.bp.blogspot.com/-zMxgI-a2PTc/U5X_62usWxI/AAAAAAAAAS0/767wnKAAyU4/s1600/website_location_menu.png&quot; height=&quot;310&quot; width=&quot;320&quot; /&gt;&lt;/a&gt;&lt;/div&gt;&lt;br /&gt;Take a look at the URL bar. You&#39;ll see that it contains the text, &quot;www.imrezbalint.com/videos.php&quot;. Now look at the navigation bar of my site. See how the &lt;i&gt;VIDEOS &lt;/i&gt;link is highlighted? Well that&#39;s the work of the script we&#39;re about run through.&lt;br /&gt;&lt;br /&gt;Now you&#39;re probably thinking, I could just as easily do this using CSS by placing an inline style on that link (or a class) on each page that needs it. True, manually you could. But you&#39;d have to remember to do this on every new page you might at one time want to add to your site. Did I mention you have to do this manually? Yuck!&lt;br /&gt;&lt;br /&gt;With JavaScript there&#39;s a cooler and better way (well I think it&#39;s better).&lt;br /&gt;&lt;br /&gt;But before hitting the code, let&#39;s examine the markup first as this helps us understand what we&#39;ll be doing. The pertinent piece is really just the menu.&lt;br /&gt;&lt;br /&gt;&amp;lt;nav&amp;gt;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;lt;a href=&quot;index.php&quot; id=&quot;index&quot;&amp;gt;HOME&amp;lt;/a&amp;gt;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;lt;a href=&quot;about.php&quot; id=&quot;about&quot;&amp;gt;ABOUT&amp;lt;/a&amp;gt;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;lt;a href=&quot;resume.php&quot; id=&quot;resume&quot;&amp;gt;RESUME / C.V.&amp;lt;/a&amp;gt;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;lt;a href=&quot;videos.php&quot; id=&quot;videos&quot;&amp;gt;VIDEOS&amp;lt;/a&amp;gt;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;lt;a href=&quot;music.php&quot; id=&quot;music&quot;&amp;gt;MUSIC&amp;lt;/a&amp;gt;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;lt;a href=&quot;resources.php&quot; id=&quot;resources&quot;&amp;gt;RESOURCES&amp;lt;/a&amp;gt;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;lt;a href=&quot;contact.php&quot; id=&quot;contact&quot;&amp;gt;CONTACT&amp;lt;/a&amp;gt; &lt;br /&gt;&amp;lt;/nav&amp;gt;&lt;br /&gt;&lt;br /&gt;Nothing all that spectacular. Just a nav element and within it nested are a bunch of anchors. I have them styled as blocks to get the look I want for my navigation bar; that&#39;s why you see all those ids (I had to mess with the widths of a few of the menu items to get them to look just the way I wanted them).&lt;br /&gt;&lt;br /&gt;Now let&#39;s take a peek at the script:&lt;br /&gt;&lt;br /&gt;&lt;span style=&quot;font-family: &amp;quot;Courier New&amp;quot;,Courier,monospace;&quot;&gt;$(document).ready(function() {&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; var docLoc&amp;nbsp;&amp;nbsp; = document.location.toString();&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; var index&amp;nbsp;&amp;nbsp;&amp;nbsp; = docLoc.lastIndexOf(&quot;/&quot;);&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; var strPage&amp;nbsp; = docLoc.substring(index+1);&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; if (docLoc.length &amp;lt; 28) {&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; strPage&amp;nbsp; = &quot;index.php&quot;;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; }&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; $(&quot;nav a&quot;).each(function() {&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; if ($(this).attr(&quot;href&quot;) == strPage) {&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; $(this).css({&quot;background-color&quot;: &quot;#777&quot;});&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; return false;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; }&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; });&lt;br /&gt;});&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;Considering what is being accomplished, this is not a lot of code. First off we have:&lt;br /&gt;&lt;br /&gt;&lt;span style=&quot;font-family: &amp;quot;Courier New&amp;quot;,Courier,monospace;&quot;&gt;$(document).ready(function() {&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;This is a fairly common method to start off a jQuery script to initialize things when the document object model is ready to be manipulated. In more plain English, we&#39;re saying that when the page is ready to be worked on, execute the following code in the anonymous function.&lt;br /&gt;&lt;br /&gt;Next we have three variables to store some information we need. docLoc contains a string of the URL. We cannot just use &quot;document.location&quot;, as this will only return the location object with other functionality we are not interested in for this purpose.&lt;br /&gt;&lt;br /&gt;The next two variables are index and strPage. The variable index is used to get the position of the last forward slash in the URL, and strPage basically stores the file name we need by using the substring function. When passing one argument to the function, in this case a value of index+1, a new string is created starting from that position in the string and up to the end. Why the plus one? Because I don&#39;t want to include the slash. Take a look back above at the navigation HTML. The hrefs point to a file name like, &quot;index.php&quot;. Anyway, when all is said an done, the strPage variable holds the file name to a page on my website.&lt;br /&gt;&lt;br /&gt;&lt;span style=&quot;font-family: &amp;quot;Courier New&amp;quot;,Courier,monospace;&quot;&gt;if (docLoc.length &amp;lt; 28) {&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; strPage&amp;nbsp; = &quot;index.php&quot;;&lt;/span&gt;&lt;br /&gt;&lt;span style=&quot;font-family: &amp;quot;Courier New&amp;quot;,Courier,monospace;&quot;&gt;}&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;This quick conditional statement performs a check to see if there&#39;s no file name in the URL. For example, someone might enter my website via, http://www.imrezbalint.com/. Notice how there is no file name at the end (no index.php). In such situations I&#39;d still like to ensure that the &lt;i&gt;HOME &lt;/i&gt;link on my website is highlighted. It just so happens that the URL as you just saw written is 27 characters, hence why I&#39;m checking to see that if the length of the document location (stored in the variable docLoc) is less than 28 characters, then I set the strPage variable to the home page, index.php. We&#39;ll need this for the next section.&lt;br /&gt;&lt;br /&gt;Here&#39;s where the fun and automation really kicks in. One the things I really like about jQuery is the CSS-like method of selecting elements on a page. Since I&#39;m only interested in the links nested in the nav section of my pages, I use the $(&quot;nav a&quot;) selector.&lt;br /&gt;&lt;br /&gt;The each function then allows me to loop through, you guessed it, each of the links in that nav section.&lt;br /&gt;&lt;br /&gt;&lt;span style=&quot;font-family: &amp;quot;Courier New&amp;quot;,Courier,monospace;&quot;&gt;if ($(this).attr(&quot;href&quot;) == strPage)&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;With the if statement above I can then check the link&#39;s hyperlink reference to see if it equals whatever is in the strPage variable. If that condition is true:&lt;br /&gt;&lt;br /&gt;&amp;nbsp;&lt;span style=&quot;font-family: &amp;quot;Courier New&amp;quot;,Courier,monospace;&quot;&gt;$(this).css({&quot;background-color&quot;: &quot;#777&quot;});&lt;/span&gt;&lt;br /&gt;&lt;span style=&quot;font-family: &amp;quot;Courier New&amp;quot;,Courier,monospace;&quot;&gt;return false;&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;These two lines finish the rest of the script off. The $(this) part of the code refers to the current link (in the nav section) that the each loop is working on. The css function then adds the highlight as a background colour to that link. The return; statement ends the each function from executing any further as it would be waste of processor time; the logic is that there is only one menu item that should match, so once it&#39;s found, stop the loop from continuing.&lt;br /&gt;&lt;br /&gt;And there you have it. If you have a website developed in a similar fashion then this script might be helpful to you either almost as is or with a little modification if necessary.&lt;br /&gt;&lt;br /&gt;I have several more of these tutorials lined up and I&#39;m hoping to keep up a pace of one a week. We&#39;ll see how that goes. If you have any suggestions for future tutorials, I&#39;m willing to listen so just leave a comment. L8r!</content><link rel='replies' type='application/atom+xml' href='http://binarygraphite.blogspot.com/feeds/2239849274375470763/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://binarygraphite.blogspot.com/2014/06/javascript-jquery-page-identifier.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/2670799581393776213/posts/default/2239849274375470763'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/2670799581393776213/posts/default/2239849274375470763'/><link rel='alternate' type='text/html' href='http://binarygraphite.blogspot.com/2014/06/javascript-jquery-page-identifier.html' title='JavaScript / jQuery Page Identifier Tutorial'/><author><name>Imre Z. Balint</name><uri>http://www.blogger.com/profile/07274685498773765133</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="http://1.bp.blogspot.com/-zMxgI-a2PTc/U5X_62usWxI/AAAAAAAAAS0/767wnKAAyU4/s72-c/website_location_menu.png" height="72" width="72"/><thr:total>0</thr:total><georss:featurename>Calgary, AB, Canada</georss:featurename><georss:point>51.0453246 -114.05810120000001</georss:point><georss:box>50.7256451 -114.70354820000001 51.3650041 -113.4126542</georss:box></entry><entry><id>tag:blogger.com,1999:blog-2670799581393776213.post-6136111851411616002</id><published>2012-10-23T18:22:00.001-06:00</published><updated>2012-10-23T18:24:03.163-06:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="cold"/><category scheme="http://www.blogger.com/atom/ns#" term="photography"/><category scheme="http://www.blogger.com/atom/ns#" term="snow"/><category scheme="http://www.blogger.com/atom/ns#" term="tips"/><title type='text'>Tips for Shooting Snowy Scenes</title><content type='html'>Calgary is getting a hefty helping of snow and it has motivated me to do two things, one of which I like and the other not so much. The latter has to do with plowing the snow off the sidewalk, which stinks as the snow is terribly wet and heavy (at least it&#39;s a good quick workout though). But it has also motivated me to write up a quick blog post (about time, eh?) regarding taking wintery photos. I&#39;ll keep this short and sweet as I&#39;m really busy with my business venture, but I hope you&#39;ll find this information useful.&lt;br /&gt;&lt;br /&gt;Overexpose - To newbies this tip might sound crazy. If you&#39;re shooting a scene that is already bright white for the most part, why on Earth would you want to overexpose the image? Wouldn&#39;t that blow out the highlights? Well in most cases no and instead you&#39;ll likely get the proper exposure.&lt;br /&gt;&lt;br /&gt;To understand this, we must understand how the camera meters. I happen to have a video on this topic, &lt;a href=&quot;http://www.youtube.com/watch?v=yyvfhpdo2uE&quot; target=&quot;_blank&quot;&gt;click here&lt;/a&gt; to view it. In a nutshell though, the camera &quot;sees&quot; the world in a pleasant shade of gray, not 50 shades (sorry, couldn&#39;t help that :P ), usually around 18%. Thus, if we want to take a photo of a snowy scene with mostly bright white snow and ice, along with a cloudy and also fairly white sky, the outcome of the image will be dull. Here&#39;s an example below, a shot of my dog Daisy with snow all around her:&lt;br /&gt;&lt;br /&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;&lt;a href=&quot;http://farm6.staticflickr.com/5285/5279046787_4a35f416cd_b_d.jpg&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; height=&quot;256&quot; src=&quot;http://farm6.staticflickr.com/5285/5279046787_4a35f416cd_b_d.jpg&quot; width=&quot;320&quot; /&gt;&lt;/a&gt;&lt;/div&gt;&lt;br /&gt;Indeed this image is underexposed. The snow is flat and Daisy is too dark. So we need to tell the camera to overexpose the shot to compensate for this artifact. This is where the EV button (one with the little plus/minus sign) comes into play on your camera. The shot below has been compensated to +0.7 EV and this has improved the shot; the snow is much brighter and Daisy looks much more vivid.&lt;br /&gt;&lt;br /&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;&lt;a href=&quot;http://farm6.staticflickr.com/5050/5279046883_2fcc708b96_b_d.jpg&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; height=&quot;256&quot; src=&quot;http://farm6.staticflickr.com/5050/5279046883_2fcc708b96_b_d.jpg&quot; width=&quot;320&quot; /&gt;&lt;/a&gt;&lt;/div&gt;&lt;br /&gt;&lt;br /&gt;Batteries and Shrinkage - Cold weather is another factor to consider when shooting. Icy temperatures can make shooting physically uncomfortable for a photography such as numbing fingers or having to manipulate tiny buttons with fat gloves on. In addition, the cold usually takes its toll on battery life; the lower the temp, the sooner the battery dies. So to maximize battery life, try to keep your camera warm by tucking into your jacket if possible when not shooting (and turn the cam off) and remember to carry a spare or two for some additional shooting time.&lt;br /&gt;&lt;br /&gt;As for shrinkage... no, not that kind... very cold temperatures can potentially damage the fine controls within some cameras, especially if the machine is allowed to cool to ambient temperatures. For example, tight tolerances between various components, like tiny gears for controlling autofocus or power zoom, could struggle (or even jam if the equipment isn&#39;t as rugged). For some cameras this might only be a temporary annoyance, but for others this might mean more severe or even permanent damage. Most digicams, even some &quot;pro&quot; models, generally have operating temperatures rated from 0 to +40 degrees Celcius (32 to 104 Fahrenheit), so be mindful of this range.&lt;br /&gt;&lt;br /&gt;Condensation - For those who wear glasses, you&#39;re likely all to familiar with what happens when you come into a warm location from a very cold one; your glasses fog up. This is condensation and the same process can and often does occur with your equipment. Some quick tips to avoid this effect include keeping the lens on the camera which you used outside and not removing it until the body and lens have reached ambient indoor temperature, as well as keeping the lens cap on. If by chance you have forgotten to replace the lens cap before entering the warm location and you notice moisture forming on the surface of the lens, it&#39;s generally best to keep the lens exposed so that the condensation can evaporate freely (versus being trapped between the cap and lens element).&lt;br /&gt;&lt;br /&gt;In the past I actually wrote a similar blog post about shooting in the cold as I had a request for such a topic; you can read it by &lt;a href=&quot;http://binarygraphite.blogspot.ca/2010/11/its-cold-outside-but-i-still-want-to.html&quot; target=&quot;_blank&quot;&gt;clicking here&lt;/a&gt;.&lt;br /&gt;&lt;br /&gt;Well back I must go to work... actually some dinner first. I will keep y&#39;all informed of my progress with the wooden sunglasses. I think I&#39;m about a month away! The ones I do have done already look fantastic, far, far better than the very first one I created for myself. Anyway, take care and happy shooting! L8r!&lt;br /&gt;&lt;br /&gt;</content><link rel='replies' type='application/atom+xml' href='http://binarygraphite.blogspot.com/feeds/6136111851411616002/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://binarygraphite.blogspot.com/2012/10/tips-for-shooting-snowy-scenes.html#comment-form' title='2 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/2670799581393776213/posts/default/6136111851411616002'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/2670799581393776213/posts/default/6136111851411616002'/><link rel='alternate' type='text/html' href='http://binarygraphite.blogspot.com/2012/10/tips-for-shooting-snowy-scenes.html' title='Tips for Shooting Snowy Scenes'/><author><name>Imre Z. Balint</name><uri>http://www.blogger.com/profile/07274685498773765133</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><thr:total>2</thr:total></entry><entry><id>tag:blogger.com,1999:blog-2670799581393776213.post-7089759983545256357</id><published>2012-05-27T18:12:00.000-06:00</published><updated>2012-06-17T01:06:01.690-06:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="polarizing filter"/><category scheme="http://www.blogger.com/atom/ns#" term="solar eclipse"/><category scheme="http://www.blogger.com/atom/ns#" term="time-lapse"/><category scheme="http://www.blogger.com/atom/ns#" term="variable nd filter"/><title type='text'>Solar Eclipse Time-lapse - Part 2</title><content type='html'>Finally made some time to complete part 2 of the solar eclipse time-lapse post. Let&#39;s get right into it, but first a quick warning message you all should read if you&#39;re not familiar with taking photos directly of the sun:&lt;br /&gt;&lt;br /&gt;Without proper solar filtration, there is a very real chance that you could cause serious and&amp;nbsp;irreparable&amp;nbsp;damage to your camera equipment, and more importantly serious or permanent eye damage such as blindness. If you do not feel comfortable with such photography, I do not recommend doing it... even what I did can be considered borderline (and I actually don&#39;t really recommend my method either), but I&#39;ll explain my actions below.&lt;br /&gt;&lt;br /&gt;Ok, now with that out of the way I&#39;ll start with a quick list of equipment used:&lt;br /&gt;- Olympus E-3&lt;br /&gt;- 50-200mm Zuiko lens&lt;br /&gt;- 2X tele-converter&lt;br /&gt;- camera hand-held&lt;br /&gt;- Variable ND filter ... DIY type&lt;br /&gt;&lt;br /&gt;Nothing really stands out from the list above until you get to the last item, a do-it-yourself (DIY) variable ND filter. I already have a couple of circular polarizing filters (one with a 67mm thread and the other being 72mm), and with a couple of adapter rings I can get the two to face each other. In my next video (yes, I&#39;ll get to it eventually!) I&#39;ll be demonstrating why this is important, but in a nutshell you have to have the linear polarizing plates facing each other (watch my &lt;a href=&quot;http://www.youtube.com/watch?v=X6yjMqDCp0s&quot; target=&quot;_blank&quot;&gt;Polarizing Filters video&lt;/a&gt; to learn about how they work if you haven&#39;t already). This way, you can &quot;turn down the light&quot; if you will by rotating the filter (the front part of the filter which is actually facing back towards the camera; the part of the filter looking outwards is the quarter wave plate and rotating that won&#39;t do much good).&lt;br /&gt;&lt;br /&gt;Anyway, as you can begin to guess, I rotated the filters to a point where they blocked out almost all incoming light, thus allowing me to shoot the sun in a safer manner. Nonetheless, I must point out that this method is not a true solar filter. If you have the budget and you would like to shoot the sun more often, I highly recommend purchasing a proper solar filter. These block up to 99% of the sun&#39;s light and they generally stay put when attached to the lens, whereas the variable ND filter can be accidentally rotated, thus allowing the sun to burn a hole through your sensor or retina.&lt;br /&gt;&lt;br /&gt;Even I would not use my makeshift variable ND filter if the sky was free of clouds, but on the day I shot the eclipse I lucked out. High altitude clouds strongly reduced the sun&#39;s intensity and at my location the sun was starting to drop closer to the horizon. On the downside, the clouds ate up some of the detail on the sun&#39;s surface, namely those massive sunspots, and occasionally almost entirely blotted out the sun itself. But I&#39;ll take what I can get with such events being quite rare here.&lt;br /&gt;&lt;br /&gt;As for camera settings, they went all over the place due to the cloud over. With my variable ND set nearly as dark as it could go and with lighter cloud cover, my exposure was around 1/8000 sec for shutter speed, about f/10 - f/14 or so with ISO at 200; camera was in manual mode. With cloud cover increasing, I slowed the shutter speed to 1/320 of a sec with aperture set to as wide open as it would go, which was f/7 with my setup. Since the shutter speed was quite fast I didn&#39;t bother with a tripod... although it would have made holding a fairly heavy camera and lens a bit more comfy to deal with. Lastly, I didn&#39;t bother timing the shots; I simply took a few photos every so often and once the stills were in the computer I examined the timestamps to sort them into the video.&lt;br /&gt;&lt;br /&gt;And that is about that. Again, times are busy for me, but hopefully in the next couple of weeks I&#39;ll try to finish off the long exposure episode that was voted for on my &lt;a href=&quot;http://www.facebook.com/BinaryGraphite&quot; target=&quot;_blank&quot;&gt;Facebook page&lt;/a&gt;. So until next time, happy shooting! L8r!&lt;br /&gt;&lt;br /&gt;Edit: June 17, 2012 - Thought I&#39;d add the video I made of the solar eclipse here as well as in part one of this post, since I&#39;ve had some comments about where it is.&lt;br /&gt;&lt;br /&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;&lt;iframe allowfullscreen=&#39;allowfullscreen&#39; webkitallowfullscreen=&#39;webkitallowfullscreen&#39; mozallowfullscreen=&#39;mozallowfullscreen&#39; width=&#39;320&#39; height=&#39;266&#39; src=&#39;https://www.youtube.com/embed/B-JJGzbmu1w?feature=player_embedded&#39; frameborder=&#39;0&#39; /&gt;&lt;/div&gt;&lt;br /&gt;</content><link rel='replies' type='application/atom+xml' href='http://binarygraphite.blogspot.com/feeds/7089759983545256357/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://binarygraphite.blogspot.com/2012/05/solar-eclipse-time-lapse-part-2.html#comment-form' title='4 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/2670799581393776213/posts/default/7089759983545256357'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/2670799581393776213/posts/default/7089759983545256357'/><link rel='alternate' type='text/html' href='http://binarygraphite.blogspot.com/2012/05/solar-eclipse-time-lapse-part-2.html' title='Solar Eclipse Time-lapse - Part 2'/><author><name>Imre Z. Balint</name><uri>http://www.blogger.com/profile/07274685498773765133</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><thr:total>4</thr:total><georss:featurename>Calgary, AB, Canada</georss:featurename><georss:point>51.045 -114.0572222</georss:point><georss:box>50.885273000000005 -114.37307919999999 51.204727 -113.7413652</georss:box></entry><entry><id>tag:blogger.com,1999:blog-2670799581393776213.post-5257515233360548959</id><published>2012-05-20T23:27:00.001-06:00</published><updated>2012-05-20T23:27:56.455-06:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="almost forgot"/><category scheme="http://www.blogger.com/atom/ns#" term="solar eclipse"/><category scheme="http://www.blogger.com/atom/ns#" term="time-lapse"/><title type='text'>Solar Eclipse Time-lapse - Part 1</title><content type='html'>If it wasn&#39;t for my mother, I would have completely forgotten about the solar eclipse today! As it is I missed almost half of it! Arrrgggg!!!&lt;br /&gt;&lt;br /&gt;Oh well. At least I managed to capture the latter half with decent results, especially considering that there was some high altitude cloud cover with the occasional denser lower-level clouds that would almost completely obscure the sun.&lt;br /&gt;&lt;br /&gt;Now... seems I just can&#39;t get over this habit of working really late into the evening... or night... so I will follow up this post with the details I promise in the video. Interestingly, I found an alternative use for something something related to my next episode! But you&#39;ll just have to check back here later to find out what that is!&lt;br /&gt;&lt;br /&gt;G&#39;night!&lt;br /&gt;&lt;br /&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;&lt;iframe allowfullscreen=&#39;allowfullscreen&#39; webkitallowfullscreen=&#39;webkitallowfullscreen&#39; mozallowfullscreen=&#39;mozallowfullscreen&#39; width=&#39;320&#39; height=&#39;266&#39; src=&#39;https://www.youtube.com/embed/B-JJGzbmu1w?feature=player_embedded&#39; frameborder=&#39;0&#39; /&gt;&lt;/div&gt;&lt;br /&gt;</content><link rel='replies' type='application/atom+xml' href='http://binarygraphite.blogspot.com/feeds/5257515233360548959/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://binarygraphite.blogspot.com/2012/05/solar-eclipse-time-lapse-part-1.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/2670799581393776213/posts/default/5257515233360548959'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/2670799581393776213/posts/default/5257515233360548959'/><link rel='alternate' type='text/html' href='http://binarygraphite.blogspot.com/2012/05/solar-eclipse-time-lapse-part-1.html' title='Solar Eclipse Time-lapse - Part 1'/><author><name>Imre Z. Balint</name><uri>http://www.blogger.com/profile/07274685498773765133</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><thr:total>0</thr:total><georss:featurename>Calgary, AB, Canada</georss:featurename><georss:point>51.045 -114.0572222</georss:point><georss:box>50.885273000000005 -114.37307919999999 51.204727 -113.7413652</georss:box></entry><entry><id>tag:blogger.com,1999:blog-2670799581393776213.post-976455203175323750</id><published>2011-10-09T19:04:00.000-06:00</published><updated>2011-10-09T19:04:49.797-06:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="ai servo"/><category scheme="http://www.blogger.com/atom/ns#" term="auto-focus"/><category scheme="http://www.blogger.com/atom/ns#" term="back-button focusing"/><category scheme="http://www.blogger.com/atom/ns#" term="continuous"/><category scheme="http://www.blogger.com/atom/ns#" term="manual focus"/><category scheme="http://www.blogger.com/atom/ns#" term="predictive"/><title type='text'>Let&#39;s Focus a Little</title><content type='html'>It&#39;s about time I wrote a new blog post! The cool thing is my life was made easier by a wonderful question from a wonderful Facebook fan regarding focusing, specifically on the topic of back-button and continuous or predictive AF. The manual focusing bit toward the bottom of this post is something I&#39;ve added on my own.&lt;br /&gt;&lt;br /&gt;&lt;b&gt;Back-Button Focusing&lt;/b&gt;&lt;br /&gt;Back-button focusing can be quite a useful feature to use and is generally found on the majority of DSLR models from almost any manufacturer. The person who asked me about this feature is specifically using an Olympus E-5, so I&#39;ll be able to reference some page numbers in the manual --specifically pages 105-106-- but for the rest of you, simply do some digging and I&#39;m sure you&#39;ll find it in your respective booklets. In addition, back-button focusing on the E-5 is controlled via the Auto Exposure Lock/Auto Focus Lock (AEL/AFL) button on the upper-mid backside of the camera, so again refer to your specific manual to determine what button is assigned to back-button focusing on your system.&lt;br /&gt;&lt;br /&gt;In a nutshell, back-button focusing allows you to use that little button on the back of your camera to lock focus or exposure. But of course the question is why would it be advantageous to perform such a task using the AEL/AFL button versus the shutter button. I mean one can just as easily half-press the shutter button to lock focus and exposure, then you can compose the scene, and finally full-press to take the shot. Well allow me to use an example to explain why.&lt;br /&gt;&lt;br /&gt;A commonly used scenario is a photographer shooting a model for some portraits. Everything is fine and dandy if the model is more or less dead center in the frame. Pressing the shutter button will likely result in a sharp picture of the model with a fairly accurate exposure. But often, asymmetrical compositions are more pleasing to the eye so the model tends to be pushed off center. In such a case, the camera might not focus on the model but instead on the background, thus leading to a potentially out of focus and unhappy model.&lt;br /&gt;&lt;br /&gt;Enter the back-button focus option... well almost. First off, many DSLRs have several&amp;nbsp;select-able&amp;nbsp;options on how to behave when the shutter button is half-pressed, fully depressed, or when the back-button is used. On page 105 on the E-5&#39;s manual, there is a nifty table describing each mode. For example, if your camera is set to single auto-focus (S-AF) and you&#39;re setup to use mode 2, then when you half-press the shutter the focus is locked but the exposure isn&#39;t, and when you fully press the shutter the exposure is only then calculated and locked; if you use the back-button in this case, then only the exposure is locked, but not the focus. It&#39;s not that this very complicated, but there are certainly quite a few setup options to choose from. By the way, check the menu on your Oly camera to change these settings; off the top of my head (since my cam is currently setup for product shots and I&#39;m lazy to go get it), these settings are hiding somewhere in the &quot;gears&quot; icon area and it&#39;s either the A or B section (AF/MF or BUTTON/DIAL, respectively).&lt;br /&gt;&lt;br /&gt;Let&#39;s return to our model example and now that we know about modes, we&#39;ll stick to S-AF but in mode 3; to clarify, half-pressing the shutter button will only lock the exposure, full-pressing doesn&#39;t do anything, and pressing the back-button (that is the AEL/AFL button) the focus is locked. So let&#39;s run through this:&lt;br /&gt;&lt;ol&gt;&lt;li&gt;Since the distance between the model and the photographer generally won&#39;t change much for a few poses and shots, we first point the camera on our subject and we&#39;ll press that back-button*. This locks the focus but not the exposure.&lt;/li&gt;&lt;li&gt;Now, as the focus is locked to the plane the model is in, we can put him/her off center and start shooting.&lt;/li&gt;&lt;li&gt;Every time we half-press the shutter the exposure will be calculated and locked, and upon fully pressing the shutter button the photo will be taken.&lt;/li&gt;&lt;/ol&gt;&lt;div&gt;Cool hey? So an advantage we&#39;re seeing here is that the use of the back-button can make it easier to compose our shots. In mode 2 (as described above) and without using the back-button, one would have lock focus on the model (half-press) then frame the scene while will half-pressing the shutter button, then fully pressing when done... repeat. This takes extra time and if you had a good composition for one shot, you might not be able to exactly go back to that same framing due to all the extra motion required. In addition, since the focus has been locked once, taking shots becomes blazing fast as the lens does not to be refocused for each shot (even if the focus would be in exactly the same spot shot to shot).&lt;/div&gt;&lt;div&gt;&lt;br /&gt;&lt;/div&gt;&lt;div&gt;In the resources section below I&#39;ve linked to an article on Canon&#39;s website that discusses the many uses of back-button focusing. I strongly recommend reading it as it should provide you with a few more ideas and benefits to employing this method. And for those of your curious, the second link takes you to the PDF version of the Olympus E-5 manual, so even if you don&#39;t use the system, you can at least get a good idea of what I&#39;m talking about here.&lt;/div&gt;&lt;br /&gt;* Ok, another thing to complicate this. On most cameras, like the Oly E-5, the back-button has a memory option. If the option is set to ON then pressing the AEL/AFL button will keep the focus or exposure locked until the button is pressed again. If the option is set to OFF then the focus or exposure is only locked for as long as you hold down the button. The latter option can be useful in some cases, but as I&#39;ve mentioned, check out that article from Canon on the topic.&lt;br /&gt;&lt;br /&gt;&lt;b&gt;Continuous or Predictive Focusing&lt;/b&gt;&lt;br /&gt;Many DSLRs also have the capability to focus continually, depending again on how one&#39;s camera has been setup. On the Oly the option for continuous auto-focus is C-AF and in most modes starts working when you half-press the shutter button. So let&#39;s say you are shooting at a car race and you see a vehicle rushing at you (well hopefully not completely at you, as that could end poorly). Using C-AF you lock focus on the car by half-pressing the shutter button and as you keep half-pressing the camera continually adjusts the focus of the lens as the car, or whatever other subject in motion, rushes by. To take a photo of course, you simply fully press the shutter button. The back-button can also be used, but you might have to adjust the settings. The idea here is that you should... should have a perfect focus lock on the subject at all times, thus when you take the shot you should... should get that sharp image.&lt;br /&gt;&lt;br /&gt;In all honesty, I think I&#39;ve only used this feature on my camera for fun, merely to try it out. Those shooting action or sports subjects will likely find more use for it, but in most other cases S-AF or manual focus will do the trick. Nonetheless, go for it, try out the feature and see if works for you.&lt;br /&gt;&lt;br /&gt;&lt;b&gt;Manual Focusing&lt;/b&gt;&lt;br /&gt;Lastly, I wanted to quickly touch upon manual focusing. I can&#39;t help but find myself using this method of focusing more and more often these days. Keep in mind, I generally shoot landscapes and things up close, so being a tad slower than the auto-focus system is ok in my case. But if you haven&#39;t given manual focusing a chance, I must suggest that you give it a try now and again.&lt;br /&gt;&lt;br /&gt;For one, it can really speed up shooting, whether in good or bad lighting, as one of the slowest operations for almost all cameras is focusing. In manual focus mode the camera trusts that you&#39;ve locked onto whatever you want and simply calculates the exposure before actually taking the photo. Calculating the exposure is extremely fast and virtually unnoticeable for us humans. When I&#39;ve shot some macro images, I find that I can be much more proficient at selecting where I want the focus to be than trusting the machine to do it, and I&#39;ve also realized a benefit when framing the scene. And I have to admit I get a little nostalgic about it; kind of feels nice to have more control than the silicon beast. Hopefully you&#39;ll find manual focusing as refreshing and frankly, useful, as I have.&lt;br /&gt;&lt;br /&gt;That is it for now! L8r!&lt;br /&gt;&lt;br /&gt;&lt;b&gt;Web Resources&lt;/b&gt;&lt;br /&gt;&lt;a href=&quot;http://www.learn.usa.canon.com/resources/articles/2011/backbutton_af_article.shtml&quot;&gt;http://www.learn.usa.canon.com/resources/articles/2011/backbutton_af_article.shtml&lt;/a&gt;&lt;br /&gt;&lt;a href=&quot;http://www.olympusamerica.com/cpg_section/cpg_support_manuals.asp?id=1525&quot;&gt;http://www.olympusamerica.com/cpg_section/cpg_support_manuals.asp?id=1525&lt;/a&gt;&lt;br /&gt;&lt;a href=&quot;http://www.cambridgeincolour.com/tutorials/camera-autofocus.htm&quot;&gt;http://www.cambridgeincolour.com/tutorials/camera-autofocus.htm&lt;/a&gt;</content><link rel='replies' type='application/atom+xml' href='http://binarygraphite.blogspot.com/feeds/976455203175323750/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://binarygraphite.blogspot.com/2011/10/lets-focus-little.html#comment-form' title='2 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/2670799581393776213/posts/default/976455203175323750'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/2670799581393776213/posts/default/976455203175323750'/><link rel='alternate' type='text/html' href='http://binarygraphite.blogspot.com/2011/10/lets-focus-little.html' title='Let&#39;s Focus a Little'/><author><name>Imre Z. Balint</name><uri>http://www.blogger.com/profile/07274685498773765133</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><thr:total>2</thr:total></entry><entry><id>tag:blogger.com,1999:blog-2670799581393776213.post-4808982260091685872</id><published>2011-09-16T22:30:00.000-06:00</published><updated>2011-09-16T22:30:20.941-06:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="mammatus"/><category scheme="http://www.blogger.com/atom/ns#" term="thunderstorm"/><category scheme="http://www.blogger.com/atom/ns#" term="time-lapse"/><title type='text'>Time-lapse of Mammatus Clouds - Part 2</title><content type='html'>Well this blog post is certainly overdue so I&#39;ll get right to it!&lt;br /&gt;&lt;br /&gt;First off, I never intended to create a time-lapse movie of the thunderstorm that passed by on that warm mid-summer evening. Instead, I just wanted to take a few snapshots of the mammatus clouds which often form on the trailing edge of such storms. But after taking a few pictures it dawned on me that scene would make for an interesting time-lapse movie. The bad part about this situation was that the system was moving quite quickly and by the time I would have lugged out my tripod, placed my camera on it and started shooting, a fairly large portion of this storm would have moved beyond my humble line of sight in my backyard. So to heck with it I figured and I ended up hand-holding the camera for several minutes and ended up with four seconds worth of footage, a total of 120 frames --frames were two seconds apart.&lt;br /&gt;&lt;br /&gt;Now if you viewed the video, you might have noticed that it seems quite steady; in other words not much shaky cam going on. Unfortunately that&#39;s not due to my incredible ability to stay completely still, but in fact good&#39;ol Adobe After Effects and its stabilizer plug-in. It takes a brief minute or two to &quot;run&quot; the filter and voila, steady playback as if one had used a tripod. Honestly, although I really love that plug-in I would still prefer to use a tripod. For one, the filter would not need to be run which would save a little time and two, even though the video looks quite smooth, I&#39;m certain there would be some minor improvement over the filtered version (looking carefully you can see just a little jittery movement once in a while).&lt;br /&gt;&lt;br /&gt;And by now you are probably thinking that the pans in the video were also produced with After Effects. Well you&#39;d be completely wrong! Just kidding. Yes, no big surprises there. Unlike the stabilization filter, I personally wouldn&#39;t for a second not consider using digital panning. I not only enjoy how smooth the result is, but also how the motion can be accelerated and decelerated into the pan, along with having the ability to create much more complex motion paths through the scene (that is to say, not just a linear route from point A to B but rather a twisting curve).&lt;br /&gt;&lt;br /&gt;If you feel like experimenting with this type of pan, I can recommend a few things before you begin. As with the production of almost any type of movie, plan out what you will be shooting. Let&#39;s take for example a time-lapse of a ship harbor with a busy port in the foreground. Once you&#39;re at the location frame your scene and consider carefully the motion that may be pleasing. Perhaps you might start up close to capture the action of people docking a ship, then pan upwards and towards a large crane, finally panning to the right and zooming out to reveal the whole scene. Keeping your shot or framing wide will capture a great deal of action at once and resolution is generally not a concern as even an entry-level DSLR will provide more than enough pixels to roam around in, even if you choose not to increase the stills size to 100% during the editing.&lt;br /&gt;&lt;br /&gt;In addition, I thought I&#39;d make clear that I&#39;m not against panning with a tripod or even something more sophisticated. I&#39;m a huge fan of digital technologies, but there&#39;s just that something you can feel when you detect a hint of human behind the scenes (even if it&#39;s a stepper motor controller panning the camera, just feels more &quot;real&quot; in some ways; that unsteadiness in the footage that rears up briefly). Anyway, whichever method you choose I hope you have fun with it and come up with some great material.&lt;br /&gt;&lt;br /&gt;I do have another episode in the planning stages on the topic of creating panoramas. I hope to get around to it soon and I have a fantastic idea for presenting it, but you&#39;ll have to wait and see what that is! No hints this time! ;) So off I run... I go to bed so late some days that I think I can get away with saying it&#39;s very early at 10:30pm. Yikes! L8r!</content><link rel='replies' type='application/atom+xml' href='http://binarygraphite.blogspot.com/feeds/4808982260091685872/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://binarygraphite.blogspot.com/2011/09/time-lapse-of-mammatus-clouds-part-2.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/2670799581393776213/posts/default/4808982260091685872'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/2670799581393776213/posts/default/4808982260091685872'/><link rel='alternate' type='text/html' href='http://binarygraphite.blogspot.com/2011/09/time-lapse-of-mammatus-clouds-part-2.html' title='Time-lapse of Mammatus Clouds - Part 2'/><author><name>Imre Z. Balint</name><uri>http://www.blogger.com/profile/07274685498773765133</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-2670799581393776213.post-6270300686791322090</id><published>2011-08-18T23:03:00.001-06:00</published><updated>2011-08-18T23:03:38.416-06:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="mammatus"/><category scheme="http://www.blogger.com/atom/ns#" term="thunderstorm"/><category scheme="http://www.blogger.com/atom/ns#" term="time-lapse"/><title type='text'>Time-lapse of Mammatus Clouds</title><content type='html'>Well I finally uploaded a new video to my YouTube Channel! A quick thunderstorm passed over Calgary and just after it was gone and the rain subsided, I grabbed my Oly E-P2 and snapped away at the sunset lit mammatus cloud formations at the trailing edge of the storm. Old habits die hard and once again it&#39;s quite late, so I&#39;ll be writing up a second part to this post detailing how I created this video. Enjoy the quick show! L8r!&lt;br /&gt;&lt;br /&gt;&lt;iframe allowfullscreen=&quot;&quot; frameborder=&quot;0&quot; height=&quot;390&quot; src=&quot;http://www.youtube.com/embed/mB-VMfhK8mQ&quot; width=&quot;640&quot;&gt;&lt;/iframe&gt;</content><link rel='replies' type='application/atom+xml' href='http://binarygraphite.blogspot.com/feeds/6270300686791322090/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://binarygraphite.blogspot.com/2011/08/time-lapse-of-mammatus-clouds.html#comment-form' title='3 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/2670799581393776213/posts/default/6270300686791322090'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/2670799581393776213/posts/default/6270300686791322090'/><link rel='alternate' type='text/html' href='http://binarygraphite.blogspot.com/2011/08/time-lapse-of-mammatus-clouds.html' title='Time-lapse of Mammatus Clouds'/><author><name>Imre Z. Balint</name><uri>http://www.blogger.com/profile/07274685498773765133</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://img.youtube.com/vi/mB-VMfhK8mQ/default.jpg" height="72" width="72"/><thr:total>3</thr:total></entry><entry><id>tag:blogger.com,1999:blog-2670799581393776213.post-909526920705131745</id><published>2011-05-17T21:10:00.000-06:00</published><updated>2011-05-17T21:10:38.138-06:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="gorillacam"/><category scheme="http://www.blogger.com/atom/ns#" term="iphone"/><category scheme="http://www.blogger.com/atom/ns#" term="time-lapse"/><title type='text'>Time-lapse Movie Using an iPhone</title><content type='html'>That &lt;a href=&quot;http://www.youtube.com/watch?v=rY79PdmkH7M&quot;&gt;time-lapse episode&lt;/a&gt; I produced sure clicked something to the &quot;on&quot; position in my head because I can hardly stop thinking about it. Recently I&#39;ve been tinkering with my iPhone and checking out apps that can accomplish this task; more specifically those that have an intervalometer feature. I also like free stuff and came across two programs, both created by &lt;a href=&quot;http://joby.com/&quot;&gt;JOBY&lt;/a&gt;, called &lt;a href=&quot;http://joby.com/gorillacam&quot;&gt;Gorillacam&lt;/a&gt; and &lt;a href=&quot;http://joby.com/frame-x-frame&quot;&gt;Frame X Frame&lt;/a&gt;.&lt;br /&gt;&lt;br /&gt;After playing around with both apps I find myself much more attracted to Gorillacam even if it has been replaced by the newer Frame X Frame. For me the reason is simple, because Gorillacam saves full sized images while Frame X Frame only saves them as puny 512px x 384px files. The iPhone (3GS in my case) may not have a spectacular camera, but using its 3MP images I can create 720P HD videos. Yeay! The quality using those tiny pics was so lacking in my opinion, that I didn&#39;t even bother posting that test movie created using Frame By Frame. Boo! :(&lt;br /&gt;&lt;br /&gt;Essentially, both apps are more or less identical but I believe there are more sharing options in Frame X Frame versus Gorillacam (like uploading to YouTube, Facebook, etc.). Personally, I like to have flexibility with my work and as such I&#39;d rather have access to the full sized images. As you can see in the &lt;a href=&quot;http://www.youtube.com/watch?v=fCrioCWimv4&quot;&gt;video&lt;/a&gt;, there&#39;s a slow upwards pan done with Premiere which wouldn&#39;t have been possible using the smaller files... that is unless I were to resize them which could degrade the video quality or created a movie with dimensions even smaller than those pics. Yuck. But for those individuals who aren&#39;t necessarily going for quality but something quick and fun with little hassle, Frame X Frame would suffice I guess.&lt;br /&gt;&lt;br /&gt;So my choice will remain Gorillacam and I&#39;m glad the company hasn&#39;t taken it down from the iTunes App Store. The interface seems to act a little odd during screen or page transitions, but if it wasn&#39;t for my iPhone&#39;s depleting battery power, all thousand frames of this movie would have been shot perfectly. Speaking of which, when I tried using Frame X Frame to shoot the time lapse series (saving as images and not directly into a movie file) the app crashed before it reached 300 frames. Not cool if you&#39;re shooting time-lapse movies.&lt;br /&gt;&lt;br /&gt;I think I&#39;ll certainly be creating more time-lapse movies using my iPhone and I&#39;ll be more &lt;!--[if gte mso 9]&gt;&lt;xml&gt;  &lt;w:WordDocument&gt;   &lt;w:View&gt;Normal&lt;/w:View&gt;   &lt;w:Zoom&gt;0&lt;/w:Zoom&gt;   &lt;w:TrackMoves/&gt;   &lt;w:TrackFormatting/&gt;   &lt;w:PunctuationKerning/&gt;   &lt;w:ValidateAgainstSchemas/&gt;   &lt;w:SaveIfXMLInvalid&gt;false&lt;/w:SaveIfXMLInvalid&gt;   &lt;w:IgnoreMixedContent&gt;false&lt;/w:IgnoreMixedContent&gt;   &lt;w:AlwaysShowPlaceholderText&gt;false&lt;/w:AlwaysShowPlaceholderText&gt;   &lt;w:DoNotPromoteQF/&gt;   &lt;w:LidThemeOther&gt;EN-US&lt;/w:LidThemeOther&gt;   &lt;w:LidThemeAsian&gt;X-NONE&lt;/w:LidThemeAsian&gt;   &lt;w:LidThemeComplexScript&gt;X-NONE&lt;/w:LidThemeComplexScript&gt;   &lt;w:Compatibility&gt;    &lt;w:BreakWrappedTables/&gt;    &lt;w:SnapToGridInCell/&gt;    &lt;w:WrapTextWithPunct/&gt;    &lt;w:UseAsianBreakRules/&gt;    &lt;w:DontGrowAutofit/&gt;    &lt;w:SplitPgBreakAndParaMark/&gt;    &lt;w:DontVertAlignCellWithSp/&gt;    &lt;w:DontBreakConstrainedForcedTables/&gt;    &lt;w:DontVertAlignInTxbx/&gt;    &lt;w:Word11KerningPairs/&gt;    &lt;w:CachedColBalance/&gt;   &lt;/w:Compatibility&gt;   &lt;w:BrowserLevel&gt;MicrosoftInternetExplorer4&lt;/w:BrowserLevel&gt;   &lt;m:mathPr&gt;    &lt;m:mathFont m:val=&quot;Cambria Math&quot;/&gt;    &lt;m:brkBin m:val=&quot;before&quot;/&gt;    &lt;m:brkBinSub m:val=&quot;&amp;#45;-&quot;/&gt;    &lt;m:smallFrac m:val=&quot;off&quot;/&gt;    &lt;m:dispDef/&gt;    &lt;m:lMargin m:val=&quot;0&quot;/&gt;    &lt;m:rMargin m:val=&quot;0&quot;/&gt;    &lt;m:defJc m:val=&quot;centerGroup&quot;/&gt;    &lt;m:wrapIndent m:val=&quot;1440&quot;/&gt;    &lt;m:intLim m:val=&quot;subSup&quot;/&gt;    &lt;m:naryLim m:val=&quot;undOvr&quot;/&gt;   &lt;/m:mathPr&gt;&lt;/w:WordDocument&gt; &lt;/xml&gt;&lt;![endif]--&gt;&lt;!--[if gte mso 9]&gt;&lt;xml&gt;  &lt;w:LatentStyles DefLockedState=&quot;false&quot; DefUnhideWhenUsed=&quot;true&quot;   DefSemiHidden=&quot;true&quot; DefQFormat=&quot;false&quot; DefPriority=&quot;99&quot;   LatentStyleCount=&quot;267&quot;&gt;   &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;0&quot; SemiHidden=&quot;false&quot;    UnhideWhenUsed=&quot;false&quot; QFormat=&quot;true&quot; Name=&quot;Normal&quot;/&gt;   &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;9&quot; SemiHidden=&quot;false&quot;    UnhideWhenUsed=&quot;false&quot; QFormat=&quot;true&quot; Name=&quot;heading 1&quot;/&gt;   &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;9&quot; QFormat=&quot;true&quot; Name=&quot;heading 2&quot;/&gt;   &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;9&quot; QFormat=&quot;true&quot; Name=&quot;heading 3&quot;/&gt;   &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;9&quot; QFormat=&quot;true&quot; Name=&quot;heading 4&quot;/&gt;   &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;9&quot; QFormat=&quot;true&quot; Name=&quot;heading 5&quot;/&gt;   &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;9&quot; QFormat=&quot;true&quot; Name=&quot;heading 6&quot;/&gt;   &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;9&quot; QFormat=&quot;true&quot; Name=&quot;heading 7&quot;/&gt;   &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;9&quot; QFormat=&quot;true&quot; Name=&quot;heading 8&quot;/&gt;   &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;9&quot; QFormat=&quot;true&quot; Name=&quot;heading 9&quot;/&gt;   &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;39&quot; Name=&quot;toc 1&quot;/&gt;   &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;39&quot; Name=&quot;toc 2&quot;/&gt;   &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;39&quot; Name=&quot;toc 3&quot;/&gt;   &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;39&quot; Name=&quot;toc 4&quot;/&gt;   &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;39&quot; Name=&quot;toc 5&quot;/&gt;   &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;39&quot; Name=&quot;toc 6&quot;/&gt;   &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;39&quot; Name=&quot;toc 7&quot;/&gt;   &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;39&quot; Name=&quot;toc 8&quot;/&gt;   &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;39&quot; Name=&quot;toc 9&quot;/&gt;   &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;35&quot; QFormat=&quot;true&quot; Name=&quot;caption&quot;/&gt;   &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;10&quot; SemiHidden=&quot;false&quot;    UnhideWhenUsed=&quot;false&quot; QFormat=&quot;true&quot; Name=&quot;Title&quot;/&gt;   &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;1&quot; Name=&quot;Default Paragraph Font&quot;/&gt;   &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;11&quot; SemiHidden=&quot;false&quot;    UnhideWhenUsed=&quot;false&quot; QFormat=&quot;true&quot; Name=&quot;Subtitle&quot;/&gt;   &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;22&quot; SemiHidden=&quot;false&quot;    UnhideWhenUsed=&quot;false&quot; QFormat=&quot;true&quot; Name=&quot;Strong&quot;/&gt;   &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;20&quot; SemiHidden=&quot;false&quot;    UnhideWhenUsed=&quot;false&quot; QFormat=&quot;true&quot; Name=&quot;Emphasis&quot;/&gt;   &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;59&quot; SemiHidden=&quot;false&quot;    UnhideWhenUsed=&quot;false&quot; Name=&quot;Table Grid&quot;/&gt;   &lt;w:LsdException Locked=&quot;false&quot; UnhideWhenUsed=&quot;false&quot; Name=&quot;Placeholder Text&quot;/&gt;   &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;1&quot; SemiHidden=&quot;false&quot;    UnhideWhenUsed=&quot;false&quot; QFormat=&quot;true&quot; Name=&quot;No Spacing&quot;/&gt;   &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;60&quot; SemiHidden=&quot;false&quot;    UnhideWhenUsed=&quot;false&quot; Name=&quot;Light Shading&quot;/&gt;   &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;61&quot; SemiHidden=&quot;false&quot;    UnhideWhenUsed=&quot;false&quot; Name=&quot;Light List&quot;/&gt;   &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;62&quot; SemiHidden=&quot;false&quot;    UnhideWhenUsed=&quot;false&quot; Name=&quot;Light Grid&quot;/&gt;   &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;63&quot; SemiHidden=&quot;false&quot;    UnhideWhenUsed=&quot;false&quot; Name=&quot;Medium Shading 1&quot;/&gt;   &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;64&quot; SemiHidden=&quot;false&quot;    UnhideWhenUsed=&quot;false&quot; Name=&quot;Medium Shading 2&quot;/&gt;   &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;65&quot; SemiHidden=&quot;false&quot;    UnhideWhenUsed=&quot;false&quot; Name=&quot;Medium List 1&quot;/&gt;   &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;66&quot; SemiHidden=&quot;false&quot;    UnhideWhenUsed=&quot;false&quot; Name=&quot;Medium List 2&quot;/&gt;   &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;67&quot; SemiHidden=&quot;false&quot;    UnhideWhenUsed=&quot;false&quot; Name=&quot;Medium Grid 1&quot;/&gt;   &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;68&quot; SemiHidden=&quot;false&quot;    UnhideWhenUsed=&quot;false&quot; Name=&quot;Medium Grid 2&quot;/&gt;   &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;69&quot; SemiHidden=&quot;false&quot;    UnhideWhenUsed=&quot;false&quot; Name=&quot;Medium Grid 3&quot;/&gt;   &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;70&quot; SemiHidden=&quot;false&quot;    UnhideWhenUsed=&quot;false&quot; Name=&quot;Dark List&quot;/&gt;   &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;71&quot; SemiHidden=&quot;false&quot;    UnhideWhenUsed=&quot;false&quot; Name=&quot;Colorful Shading&quot;/&gt;   &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;72&quot; SemiHidden=&quot;false&quot;    UnhideWhenUsed=&quot;false&quot; Name=&quot;Colorful List&quot;/&gt;   &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;73&quot; SemiHidden=&quot;false&quot;    UnhideWhenUsed=&quot;false&quot; Name=&quot;Colorful Grid&quot;/&gt;   &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;60&quot; SemiHidden=&quot;false&quot;    UnhideWhenUsed=&quot;false&quot; Name=&quot;Light Shading Accent 1&quot;/&gt;   &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;61&quot; SemiHidden=&quot;false&quot;    UnhideWhenUsed=&quot;false&quot; Name=&quot;Light List Accent 1&quot;/&gt;   &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;62&quot; SemiHidden=&quot;false&quot;    UnhideWhenUsed=&quot;false&quot; Name=&quot;Light Grid Accent 1&quot;/&gt;   &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;63&quot; SemiHidden=&quot;false&quot;    UnhideWhenUsed=&quot;false&quot; Name=&quot;Medium Shading 1 Accent 1&quot;/&gt;   &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;64&quot; SemiHidden=&quot;false&quot;    UnhideWhenUsed=&quot;false&quot; Name=&quot;Medium Shading 2 Accent 1&quot;/&gt;   &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;65&quot; SemiHidden=&quot;false&quot;    UnhideWhenUsed=&quot;false&quot; Name=&quot;Medium List 1 Accent 1&quot;/&gt;   &lt;w:LsdException Locked=&quot;false&quot; UnhideWhenUsed=&quot;false&quot; Name=&quot;Revision&quot;/&gt;   &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;34&quot; SemiHidden=&quot;false&quot;    UnhideWhenUsed=&quot;false&quot; QFormat=&quot;true&quot; Name=&quot;List Paragraph&quot;/&gt;   &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;29&quot; SemiHidden=&quot;false&quot;    UnhideWhenUsed=&quot;false&quot; QFormat=&quot;true&quot; Name=&quot;Quote&quot;/&gt;   &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;30&quot; SemiHidden=&quot;false&quot;    UnhideWhenUsed=&quot;false&quot; QFormat=&quot;true&quot; Name=&quot;Intense Quote&quot;/&gt;   &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;66&quot; SemiHidden=&quot;false&quot;    UnhideWhenUsed=&quot;false&quot; Name=&quot;Medium List 2 Accent 1&quot;/&gt;   &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;67&quot; SemiHidden=&quot;false&quot;    UnhideWhenUsed=&quot;false&quot; Name=&quot;Medium Grid 1 Accent 1&quot;/&gt;   &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;68&quot; SemiHidden=&quot;false&quot;    UnhideWhenUsed=&quot;false&quot; Name=&quot;Medium Grid 2 Accent 1&quot;/&gt;   &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;69&quot; SemiHidden=&quot;false&quot;    UnhideWhenUsed=&quot;false&quot; Name=&quot;Medium Grid 3 Accent 1&quot;/&gt;   &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;70&quot; SemiHidden=&quot;false&quot;    UnhideWhenUsed=&quot;false&quot; Name=&quot;Dark List Accent 1&quot;/&gt;   &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;71&quot; SemiHidden=&quot;false&quot;    UnhideWhenUsed=&quot;false&quot; Name=&quot;Colorful Shading Accent 1&quot;/&gt;   &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;72&quot; SemiHidden=&quot;false&quot;    UnhideWhenUsed=&quot;false&quot; Name=&quot;Colorful List Accent 1&quot;/&gt;   &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;73&quot; SemiHidden=&quot;false&quot;    UnhideWhenUsed=&quot;false&quot; Name=&quot;Colorful Grid Accent 1&quot;/&gt;   &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;60&quot; SemiHidden=&quot;false&quot;    UnhideWhenUsed=&quot;false&quot; Name=&quot;Light Shading Accent 2&quot;/&gt;   &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;61&quot; SemiHidden=&quot;false&quot;    UnhideWhenUsed=&quot;false&quot; Name=&quot;Light List Accent 2&quot;/&gt;   &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;62&quot; SemiHidden=&quot;false&quot;    UnhideWhenUsed=&quot;false&quot; Name=&quot;Light Grid Accent 2&quot;/&gt;   &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;63&quot; SemiHidden=&quot;false&quot;    UnhideWhenUsed=&quot;false&quot; Name=&quot;Medium Shading 1 Accent 2&quot;/&gt;   &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;64&quot; SemiHidden=&quot;false&quot;    UnhideWhenUsed=&quot;false&quot; Name=&quot;Medium Shading 2 Accent 2&quot;/&gt;   &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;65&quot; SemiHidden=&quot;false&quot;    UnhideWhenUsed=&quot;false&quot; Name=&quot;Medium List 1 Accent 2&quot;/&gt;   &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;66&quot; SemiHidden=&quot;false&quot;    UnhideWhenUsed=&quot;false&quot; Name=&quot;Medium List 2 Accent 2&quot;/&gt;   &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;67&quot; SemiHidden=&quot;false&quot;    UnhideWhenUsed=&quot;false&quot; Name=&quot;Medium Grid 1 Accent 2&quot;/&gt;   &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;68&quot; SemiHidden=&quot;false&quot;    UnhideWhenUsed=&quot;false&quot; Name=&quot;Medium Grid 2 Accent 2&quot;/&gt;   &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;69&quot; SemiHidden=&quot;false&quot;    UnhideWhenUsed=&quot;false&quot; Name=&quot;Medium Grid 3 Accent 2&quot;/&gt;   &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;70&quot; SemiHidden=&quot;false&quot;    UnhideWhenUsed=&quot;false&quot; Name=&quot;Dark List Accent 2&quot;/&gt;   &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;71&quot; SemiHidden=&quot;false&quot;    UnhideWhenUsed=&quot;false&quot; Name=&quot;Colorful Shading Accent 2&quot;/&gt;   &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;72&quot; SemiHidden=&quot;false&quot;    UnhideWhenUsed=&quot;false&quot; Name=&quot;Colorful List Accent 2&quot;/&gt;   &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;73&quot; SemiHidden=&quot;false&quot;    UnhideWhenUsed=&quot;false&quot; Name=&quot;Colorful Grid Accent 2&quot;/&gt;   &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;60&quot; SemiHidden=&quot;false&quot;    UnhideWhenUsed=&quot;false&quot; Name=&quot;Light Shading Accent 3&quot;/&gt;   &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;61&quot; SemiHidden=&quot;false&quot;    UnhideWhenUsed=&quot;false&quot; Name=&quot;Light List Accent 3&quot;/&gt;   &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;62&quot; SemiHidden=&quot;false&quot;    UnhideWhenUsed=&quot;false&quot; Name=&quot;Light Grid Accent 3&quot;/&gt;   &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;63&quot; SemiHidden=&quot;false&quot;    UnhideWhenUsed=&quot;false&quot; Name=&quot;Medium Shading 1 Accent 3&quot;/&gt;   &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;64&quot; SemiHidden=&quot;false&quot;    UnhideWhenUsed=&quot;false&quot; Name=&quot;Medium Shading 2 Accent 3&quot;/&gt;   &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;65&quot; SemiHidden=&quot;false&quot;    UnhideWhenUsed=&quot;false&quot; Name=&quot;Medium List 1 Accent 3&quot;/&gt;   &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;66&quot; SemiHidden=&quot;false&quot;    UnhideWhenUsed=&quot;false&quot; Name=&quot;Medium List 2 Accent 3&quot;/&gt;   &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;67&quot; SemiHidden=&quot;false&quot;    UnhideWhenUsed=&quot;false&quot; Name=&quot;Medium Grid 1 Accent 3&quot;/&gt;   &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;68&quot; SemiHidden=&quot;false&quot;    UnhideWhenUsed=&quot;false&quot; Name=&quot;Medium Grid 2 Accent 3&quot;/&gt;   &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;69&quot; SemiHidden=&quot;false&quot;    UnhideWhenUsed=&quot;false&quot; Name=&quot;Medium Grid 3 Accent 3&quot;/&gt;   &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;70&quot; SemiHidden=&quot;false&quot;    UnhideWhenUsed=&quot;false&quot; Name=&quot;Dark List Accent 3&quot;/&gt;   &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;71&quot; SemiHidden=&quot;false&quot;    UnhideWhenUsed=&quot;false&quot; Name=&quot;Colorful Shading Accent 3&quot;/&gt;   &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;72&quot; SemiHidden=&quot;false&quot;    UnhideWhenUsed=&quot;false&quot; Name=&quot;Colorful List Accent 3&quot;/&gt;   &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;73&quot; SemiHidden=&quot;false&quot;    UnhideWhenUsed=&quot;false&quot; Name=&quot;Colorful Grid Accent 3&quot;/&gt;   &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;60&quot; SemiHidden=&quot;false&quot;    UnhideWhenUsed=&quot;false&quot; Name=&quot;Light Shading Accent 4&quot;/&gt;   &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;61&quot; SemiHidden=&quot;false&quot;    UnhideWhenUsed=&quot;false&quot; Name=&quot;Light List Accent 4&quot;/&gt;   &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;62&quot; SemiHidden=&quot;false&quot;    UnhideWhenUsed=&quot;false&quot; Name=&quot;Light Grid Accent 4&quot;/&gt;   &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;63&quot; SemiHidden=&quot;false&quot;    UnhideWhenUsed=&quot;false&quot; Name=&quot;Medium Shading 1 Accent 4&quot;/&gt;   &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;64&quot; SemiHidden=&quot;false&quot;    UnhideWhenUsed=&quot;false&quot; Name=&quot;Medium Shading 2 Accent 4&quot;/&gt;   &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;65&quot; SemiHidden=&quot;false&quot;    UnhideWhenUsed=&quot;false&quot; Name=&quot;Medium List 1 Accent 4&quot;/&gt;   &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;66&quot; SemiHidden=&quot;false&quot;    UnhideWhenUsed=&quot;false&quot; Name=&quot;Medium List 2 Accent 4&quot;/&gt;   &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;67&quot; SemiHidden=&quot;false&quot;    UnhideWhenUsed=&quot;false&quot; Name=&quot;Medium Grid 1 Accent 4&quot;/&gt;   &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;68&quot; SemiHidden=&quot;false&quot;    UnhideWhenUsed=&quot;false&quot; Name=&quot;Medium Grid 2 Accent 4&quot;/&gt;   &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;69&quot; SemiHidden=&quot;false&quot;    UnhideWhenUsed=&quot;false&quot; Name=&quot;Medium Grid 3 Accent 4&quot;/&gt;   &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;70&quot; SemiHidden=&quot;false&quot;    UnhideWhenUsed=&quot;false&quot; Name=&quot;Dark List Accent 4&quot;/&gt;   &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;71&quot; SemiHidden=&quot;false&quot;    UnhideWhenUsed=&quot;false&quot; Name=&quot;Colorful Shading Accent 4&quot;/&gt;   &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;72&quot; SemiHidden=&quot;false&quot;    UnhideWhenUsed=&quot;false&quot; Name=&quot;Colorful List Accent 4&quot;/&gt;   &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;73&quot; SemiHidden=&quot;false&quot;    UnhideWhenUsed=&quot;false&quot; Name=&quot;Colorful Grid Accent 4&quot;/&gt;   &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;60&quot; SemiHidden=&quot;false&quot;    UnhideWhenUsed=&quot;false&quot; Name=&quot;Light Shading Accent 5&quot;/&gt;   &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;61&quot; SemiHidden=&quot;false&quot;    UnhideWhenUsed=&quot;false&quot; Name=&quot;Light List Accent 5&quot;/&gt;   &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;62&quot; SemiHidden=&quot;false&quot;    UnhideWhenUsed=&quot;false&quot; Name=&quot;Light Grid Accent 5&quot;/&gt;   &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;63&quot; SemiHidden=&quot;false&quot;    UnhideWhenUsed=&quot;false&quot; Name=&quot;Medium Shading 1 Accent 5&quot;/&gt;   &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;64&quot; SemiHidden=&quot;false&quot;    UnhideWhenUsed=&quot;false&quot; Name=&quot;Medium Shading 2 Accent 5&quot;/&gt;   &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;65&quot; SemiHidden=&quot;false&quot;    UnhideWhenUsed=&quot;false&quot; Name=&quot;Medium List 1 Accent 5&quot;/&gt;   &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;66&quot; SemiHidden=&quot;false&quot;    UnhideWhenUsed=&quot;false&quot; Name=&quot;Medium List 2 Accent 5&quot;/&gt;   &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;67&quot; SemiHidden=&quot;false&quot;    UnhideWhenUsed=&quot;false&quot; Name=&quot;Medium Grid 1 Accent 5&quot;/&gt;   &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;68&quot; SemiHidden=&quot;false&quot;    UnhideWhenUsed=&quot;false&quot; Name=&quot;Medium Grid 2 Accent 5&quot;/&gt;   &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;69&quot; SemiHidden=&quot;false&quot;    UnhideWhenUsed=&quot;false&quot; Name=&quot;Medium Grid 3 Accent 5&quot;/&gt;   &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;70&quot; SemiHidden=&quot;false&quot;    UnhideWhenUsed=&quot;false&quot; Name=&quot;Dark List Accent 5&quot;/&gt;   &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;71&quot; SemiHidden=&quot;false&quot;    UnhideWhenUsed=&quot;false&quot; Name=&quot;Colorful Shading Accent 5&quot;/&gt;   &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;72&quot; SemiHidden=&quot;false&quot;    UnhideWhenUsed=&quot;false&quot; Name=&quot;Colorful List Accent 5&quot;/&gt;   &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;73&quot; SemiHidden=&quot;false&quot;    UnhideWhenUsed=&quot;false&quot; Name=&quot;Colorful Grid Accent 5&quot;/&gt;   &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;60&quot; SemiHidden=&quot;false&quot;    UnhideWhenUsed=&quot;false&quot; Name=&quot;Light Shading Accent 6&quot;/&gt;   &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;61&quot; SemiHidden=&quot;false&quot;    UnhideWhenUsed=&quot;false&quot; Name=&quot;Light List Accent 6&quot;/&gt;   &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;62&quot; SemiHidden=&quot;false&quot;    UnhideWhenUsed=&quot;false&quot; Name=&quot;Light Grid Accent 6&quot;/&gt;   &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;63&quot; SemiHidden=&quot;false&quot;    UnhideWhenUsed=&quot;false&quot; Name=&quot;Medium Shading 1 Accent 6&quot;/&gt;   &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;64&quot; SemiHidden=&quot;false&quot;    UnhideWhenUsed=&quot;false&quot; Name=&quot;Medium Shading 2 Accent 6&quot;/&gt;   &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;65&quot; SemiHidden=&quot;false&quot;    UnhideWhenUsed=&quot;false&quot; Name=&quot;Medium List 1 Accent 6&quot;/&gt;   &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;66&quot; SemiHidden=&quot;false&quot;    UnhideWhenUsed=&quot;false&quot; Name=&quot;Medium List 2 Accent 6&quot;/&gt;   &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;67&quot; SemiHidden=&quot;false&quot;    UnhideWhenUsed=&quot;false&quot; Name=&quot;Medium Grid 1 Accent 6&quot;/&gt;   &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;68&quot; SemiHidden=&quot;false&quot;    UnhideWhenUsed=&quot;false&quot; Name=&quot;Medium Grid 2 Accent 6&quot;/&gt;   &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;69&quot; SemiHidden=&quot;false&quot;    UnhideWhenUsed=&quot;false&quot; Name=&quot;Medium Grid 3 Accent 6&quot;/&gt;   &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;70&quot; SemiHidden=&quot;false&quot;    UnhideWhenUsed=&quot;false&quot; Name=&quot;Dark List Accent 6&quot;/&gt;   &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;71&quot; SemiHidden=&quot;false&quot;    UnhideWhenUsed=&quot;false&quot; Name=&quot;Colorful Shading Accent 6&quot;/&gt;   &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;72&quot; SemiHidden=&quot;false&quot;    UnhideWhenUsed=&quot;false&quot; Name=&quot;Colorful List Accent 6&quot;/&gt;   &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;73&quot; SemiHidden=&quot;false&quot;    UnhideWhenUsed=&quot;false&quot; Name=&quot;Colorful Grid Accent 6&quot;/&gt;   &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;19&quot; SemiHidden=&quot;false&quot;    UnhideWhenUsed=&quot;false&quot; QFormat=&quot;true&quot; Name=&quot;Subtle Emphasis&quot;/&gt;   &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;21&quot; SemiHidden=&quot;false&quot;    UnhideWhenUsed=&quot;false&quot; QFormat=&quot;true&quot; Name=&quot;Intense Emphasis&quot;/&gt;   &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;31&quot; SemiHidden=&quot;false&quot;    UnhideWhenUsed=&quot;false&quot; QFormat=&quot;true&quot; Name=&quot;Subtle Reference&quot;/&gt;   &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;32&quot; SemiHidden=&quot;false&quot;    UnhideWhenUsed=&quot;false&quot; QFormat=&quot;true&quot; Name=&quot;Intense Reference&quot;/&gt;   &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;33&quot; SemiHidden=&quot;false&quot;    UnhideWhenUsed=&quot;false&quot; QFormat=&quot;true&quot; Name=&quot;Book Title&quot;/&gt;   &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;37&quot; Name=&quot;Bibliography&quot;/&gt;   &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;39&quot; QFormat=&quot;true&quot; Name=&quot;TOC Heading&quot;/&gt;  &lt;/w:LatentStyles&gt; &lt;/xml&gt;&lt;![endif]--&gt;&lt;!--[if gte mso 10]&gt; &lt;style&gt; /* Style Definitions */  table.MsoNormalTable  {mso-style-name:&quot;Table Normal&quot;;  mso-tstyle-rowband-size:0;  mso-tstyle-colband-size:0;  mso-style-noshow:yes;  mso-style-priority:99;  mso-style-qformat:yes;  mso-style-parent:&quot;&quot;;  mso-padding-alt:0in 5.4pt 0in 5.4pt;  mso-para-margin-top:0in;  mso-para-margin-right:0in;  mso-para-margin-bottom:10.0pt;  mso-para-margin-left:0in;  line-height:115%;  mso-pagination:widow-orphan;  font-size:11.0pt;  font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;  mso-ascii-font-family:Calibri;  mso-ascii-theme-font:minor-latin;  mso-fareast-font-family:&quot;Times New Roman&quot;;  mso-fareast-theme-font:minor-fareast;  mso-hansi-font-family:Calibri;  mso-hansi-theme-font:minor-latin;  mso-bidi-font-family:&quot;Times New Roman&quot;;  mso-bidi-theme-font:minor-bidi;} &lt;/style&gt; &lt;![endif]--&gt;&lt;span style=&quot;font-family: &amp;quot;Times New Roman&amp;quot;,&amp;quot;serif&amp;quot;; font-size: 11.0pt; mso-ansi-language: EN-US; mso-bidi-language: AR-SA; mso-bidi-theme-font: minor-bidi; mso-fareast-font-family: Calibri; mso-fareast-language: EN-US; mso-fareast-theme-font: minor-latin;&quot;&gt;adventurous &lt;/span&gt;when selecting the locale. The movie you see below was shot through two glass window panes, hence the slight lack of detail and sharpness, and the view... well that&#39;s just looking out towards my backyard, so indeed nothing that spectacular. Although I always find the way the clouds move, evaporate, and appear from seemingly out of clear blue sky quite neat. As for my next Photography with Imre episode, I&#39;m still not too sure what topic I&#39;ll be selecting, but there are a few viewer requests I haven&#39;t done yet so it&#39;s not like I have no choices (but feel free to make a suggestion!). L8r!&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;iframe allowfullscreen=&quot;&quot; frameborder=&quot;0&quot; height=&quot;349&quot; src=&quot;http://www.youtube.com/embed/fCrioCWimv4&quot; width=&quot;560&quot;&gt;&lt;/iframe&gt;</content><link rel='replies' type='application/atom+xml' href='http://binarygraphite.blogspot.com/feeds/909526920705131745/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://binarygraphite.blogspot.com/2011/05/time-lapse-movie-using-iphone.html#comment-form' title='4 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/2670799581393776213/posts/default/909526920705131745'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/2670799581393776213/posts/default/909526920705131745'/><link rel='alternate' type='text/html' href='http://binarygraphite.blogspot.com/2011/05/time-lapse-movie-using-iphone.html' title='Time-lapse Movie Using an iPhone'/><author><name>Imre Z. Balint</name><uri>http://www.blogger.com/profile/07274685498773765133</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://img.youtube.com/vi/fCrioCWimv4/default.jpg" height="72" width="72"/><thr:total>4</thr:total></entry><entry><id>tag:blogger.com,1999:blog-2670799581393776213.post-9021890438695876049</id><published>2011-05-05T21:17:00.000-06:00</published><updated>2011-05-05T21:17:03.139-06:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="episode 36"/><category scheme="http://www.blogger.com/atom/ns#" term="photography with imre"/><category scheme="http://www.blogger.com/atom/ns#" term="time-lapse photography"/><title type='text'>Part 2: Time-lapse Photography - Photography with Imre - Episode 36</title><content type='html'>I couldn&#39;t be happier with how the &lt;a href=&quot;http://www.youtube.com/watch?v=rY79PdmkH7M&quot;&gt;time-lapse episode&lt;/a&gt; turned out. There&#39;s a lot of information in this show and I also have a few new and expanded details to add in this post. Don&#39;t forget to check out the Web Resources section below as well, because there are some really cool and awe inspiring time-lapse flicks to watch, amongst other cool sites to explore on the topic.&lt;br /&gt;&lt;br /&gt;&lt;b&gt;Intervalometers&lt;/b&gt;&lt;br /&gt;In my video I talked a little about intervalometers and the ability to purchase &quot;devices&quot; that can be hooked up to the camera. More specifically, these are essentially &quot;smart&quot; remote cable releases that can be setup to take shots at particular time intervals. Some manufacturers make their own and there are a variety of third party ones available too; &lt;a href=&quot;http://www.amazon.com/s/ref=nb_sb_ss_i_3_14?url=search-alias%3Daps&amp;amp;field-keywords=intervalometer&amp;amp;x=0&amp;amp;y=0&amp;amp;sprefix=intervalometer&quot;&gt;click here&lt;/a&gt; to see what&#39;s on Amazon for example. Since I haven&#39;t used any of these, I cannot recommend any models so be sure to do your own research on them.&lt;br /&gt;&lt;br /&gt;Many DSLRs can also be tethered to a computer and controlled via software. Again, some manufacturers have an intervalometer feature in their programs, while in other cases you can purchase third party packages. There is a also a third option for the code savvy DIY-ers out there, which is to download a software development toolkit (SDK) from the manufacturer (if available) and program one yourself. I recently downloaded the Olympus SDK and if time permits, I&#39;ll be trying my hand at it.&lt;br /&gt;&lt;br /&gt;&lt;b&gt;Choosing a Time Interval&lt;/b&gt;&lt;br /&gt;The time interval chosen will essentially set the pace for the time-lapse movie. In addition, depending on how long you planned your movie to be, the time interval might also determine how long a period is required to shoot the series of photographs. For example, if one chooses a slow pace for the movie with time intervals spanning two seconds and a movie length of 10 seconds, then at 30 frames per second (fps) one will need a total of 300 frames, so the time-lapse series will take a mere 10 minutes to shoot. On the other hand, let&#39;s say you want a time-lapse movie of the sun crossing the sky from rise to set in 10 seconds playback time. Well already you know that&#39;ll take a half of a full day to shoot, but let&#39;s do the math. Assuming that on this particular day the sun is &quot;up&quot; for 12 hours, here&#39;s what we need to know:&lt;br /&gt;&lt;ul&gt;&lt;li&gt;We already know that a 10 second long movie played back at 30 fps requires 300 frames&lt;/li&gt;&lt;li&gt;In 12 hours there 720 minutes (12 * 60 = 720)&lt;/li&gt;&lt;li&gt;We can divide the number of minutes by frames to get time interval needed for this shoot. Thus, 720 / 300 = 2.4 minutes between shoots or 144 seconds (or 2 minutes and 24 seconds); that&#39;s 25 photos in an hour&lt;/li&gt;&lt;/ul&gt;&lt;div&gt;One hopes that if you&#39;re shooting something this long you can leave the camera safely alone to do it&#39;s work, otherwise you might be in for a busy day! Anyway... I&#39;m sure you get the idea in regard to working out how many frames you need; quite simple math really.&lt;/div&gt;&lt;div&gt;&lt;br /&gt;&lt;/div&gt;&lt;div&gt;But what isn&#39;t that simple to determine necessarily is to get the right look for the subject you&#39;re shooting. This is why I deliberately varied the time intervals during the city skyline time-lapse movie seen in the show. By doing so, the apparent speed things move at depending on the interval used became fairly visible. For example, at 15 second intervals the clouds drifted noticeably faster across the sky than at 5 or 2.5 seconds. But in my opinion, the subject alone doesn&#39;t solely dictate what time span(s) should be used between exposures, because one also has to consider the audience for the video and in many cases the creative aspect. Maybe a producer wants to use a quick time-lapse clip between action scenes in a short film to denote a hectic, frantic pace or feeling of excitement. On the other hand, a short time interval will result in smoother motion and could present a calming or peaceful effect; can also show more detail since things are moving so quickly in a scene. My ultimate suggestion here is to watch many time-lapse movies made by others and see what it invokes you in and then start shooting various subjects to see what you get and like.&lt;/div&gt;&lt;br /&gt;&lt;b&gt;Acceleration and Deceleration&lt;/b&gt;&lt;br /&gt;I certainly haven&#39;t come across many time-lapse videos that use acceleration or deceleration, in other words, most I have seen use a constant time interval between each exposure throughout the whole movie. But nonetheless, when I have come upon it, the effect is quite cool.&lt;br /&gt;&lt;br /&gt;Basically there are two major ways to achieve this, one easy, and the other being a bit more involved. The easy method is simply to shoot a time-lapse series with a constant interval and then speed up or slow down the resulting movie in a video editor. That&#39;s it.&amp;nbsp;Or there&#39;s the more challenging method of varying the time intervals as time passes. Now a question does pop up. Does it make sense to bother varying the time intervals when you can do this without much fuss in an editor? Well perhaps some producers might feel that varying the time intervals keeps the movie &quot;real&quot;, while others might believe that it&#39;s more cost/time effective to use software. Whatever the case, here&#39;s my view which you might find interesting.&lt;br /&gt;&lt;br /&gt;If I were to accelerate a portion of a time-lapse movie then I would use a video editor. But for slowing things down to a crawl I would actually shorten the time intervals during shooting. Here&#39;s why. When you accelerate a video clip, the software basically drops frames in order to accomplish the effect. Another way of seeing this is that the visual difference between each consecutive frame becomes greater, thus motion will appear faster. If I was shooting a time-lapse series and making time intervals longer between each exposure to speed up the action, the end result will basically be identical because the difference between each consecutive image will be greater just as if the video were to be sped up using an editor. Essentially, I can save some time and effort by using the editor to get the same result.&lt;br /&gt;&lt;br /&gt;On the other hand, if you&#39;ve ever tried to slow down video using an editor, the motion generally becomes choppy or somewhat unnatural even with frame blending or other filters that are supposed to smooth out motion in such cases. This effect occurs because frames are reproduced multiple times in order to get that slow motion look. So to get natural and gradual decrease in speed, I would instead rely on reducing the time interval during the time-lapse shoot. This way, no frames would need to be doubled, tripled or whatever to get a reduction in speed.&lt;br /&gt;&lt;br /&gt;The bad part about this is that it requires some planning before the shoot and potentially manual operation. Please correct me if I&#39;m wrong, but I don&#39;t know of any intervalometers that can gradually increase or decrease intervals --although for us programming folk, we could tether the cam to a computer and write software to accomplish such a thing. But anyway, this may not be as bad as it sounds and here&#39;s a few steps you can follow:&lt;br /&gt;&lt;ul&gt;&lt;li&gt;Consider how long you want the deceleration to last. Let&#39;s use 3 seconds as an example; at 30 fps that would equal 90 frames.&lt;/li&gt;&lt;li&gt;This effect usually looks better if it&#39;s more in-your-face than subtle, so hopefully the time intervals you&#39;re starting with are fairly long. To continue this example, I&#39;ll start with 15 second gaps.&lt;/li&gt;&lt;li&gt;The next thing to consider is the time interval you are ending with. Let&#39;s say... 1 second.&lt;/li&gt;&lt;li&gt;In this particular example, we&#39;re dropping 14 seconds off our time (15 - 1 = 14 easy). I take the total number of frames, 90 and divide it by 14 which equals 6.4 that I will simply round to 6 to make life easier.&lt;/li&gt;&lt;li&gt;What that means is that every 6 frames there will be a 1 second decrease in the time interval between shots. So the interval between frames 1-6 will be 15 seconds, 7-14 will be 14 sec., 15-22 will be 13 sec. ... and so on until you reach frame 90.&lt;/li&gt;&lt;/ul&gt;&lt;div&gt;This might keep you a bit occupied for a while, but the end result should be a fairly gradual decrease in speed when the movie played back.&lt;/div&gt;&lt;div&gt;&lt;br /&gt;&lt;/div&gt;&lt;div&gt;&lt;b&gt;Tracking (Moving the Camera During Shooting)&lt;/b&gt;&lt;/div&gt;&lt;div style=&quot;margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;&quot;&gt;In the show I briefly discussed tracking, a sidewards motion of the camera, and if you check the Web Resources section below you&#39;ll find plenty of links to professional and DIY time-lapse dollies and tracks (along with some pretty wicked videos that were created using them; some&amp;nbsp;cinematography terminology links too). You&#39;ll probably notice that the videos tend to look more interesting if there are foreground elements fairly close to the camera, as those objects tend to create a stronger sense of depth and motion in the scene; perhaps keep that in mind if you&#39;re creating such footage. Maybe someday when I have more time I&#39;ll look into either building one of these units myself or getting one if it&#39;s not too expensive. And by the way, I&#39;m not affiliated with any manufacturers mentioned here; their websites are posted for further research and information.&lt;/div&gt;&lt;br /&gt;&lt;b&gt;Putting it All Together&lt;/b&gt;&lt;br /&gt;You might have noticed that I kept the part about putting a time-lapse movie together quite short in the video. If I was to present my version of how to do it, then I would be using Adobe After Effects or Premiere; those employing other packages would have to figure it out on their own anyway... which in my opinion is not very hard. With After Effects and Premiere, all you basically do is import the photos as an image sequence and then drag the clip to wherever you&#39;d like it in the timeline. Then to add some&amp;nbsp;pizazz&amp;nbsp;to the footage one can start applying various other effects like color grading and vignetting or whatever else. Applying those effects are easy... it&#39;s using them wisely and creatively that can be more challenging.&lt;br /&gt;&lt;br /&gt;I hope you have a lot of fun creating and watching your time-lapse movies. I certainly found a few surprises which I couldn&#39;t see when taking the shots, like those construction elevators running up and down the sides of skyscrapers being built and the motion of the crane on top of the building. I have no clue what to do for the next episode and not because I don&#39;t have any ideas, but too many! So perhaps I&#39;ll put it out to a vote on Facebook. L8r!&lt;br /&gt;&lt;br /&gt;&lt;b&gt;Web Resources&lt;/b&gt;&lt;br /&gt;&lt;div class=&quot;MsoNormal&quot;&gt;&lt;a href=&quot;http://en.wikipedia.org/wiki/Time-lapse&quot;&gt;http://en.wikipedia.org/wiki/Time-lapse&lt;/a&gt;&lt;/div&gt;&lt;div class=&quot;MsoNormal&quot;&gt;&lt;a href=&quot;http://www.digital-photography-school.com/an-introduction-to-time-lapse-photography&quot;&gt;http://www.digital-photography-school.com/an-introduction-to-time-lapse-photography&lt;/a&gt;&lt;/div&gt;&lt;div class=&quot;MsoNormal&quot;&gt;&lt;a href=&quot;http://en.wikipedia.org/wiki/Intervalometer&quot;&gt;http://en.wikipedia.org/wiki/Intervalometer&lt;/a&gt;&lt;/div&gt;&lt;div class=&quot;MsoNormal&quot;&gt;&lt;a href=&quot;http://www.mediacollege.com/video/shots/movement.html&quot;&gt;http://www.mediacollege.com/video/shots/movement.html&lt;/a&gt;&lt;/div&gt;&lt;div class=&quot;MsoNormal&quot;&gt;&lt;a href=&quot;http://www.youtube.com/watch?v=d1japIhKU9I&quot;&gt;http://www.youtube.com/watch?v=d1japIhKU9I&lt;/a&gt; - Great video on various filmmaking techniques&lt;/div&gt;&lt;div class=&quot;MsoNormal&quot;&gt;&lt;a href=&quot;http://fstoppers.com/could-this-be-the-longest-slider-video-ever&quot;&gt;http://fstoppers.com/could-this-be-the-longest-slider-video-ever&lt;/a&gt;&lt;/div&gt;&lt;div class=&quot;MsoNormal&quot;&gt;&lt;a href=&quot;http://nofilmschool.com/2011/03/adam-anthonys-the-maestro-creative/&quot;&gt;http://nofilmschool.com/2011/03/adam-anthonys-the-maestro-creative/&lt;/a&gt;&lt;/div&gt;&lt;div class=&quot;MsoNormal&quot;&gt;&lt;a href=&quot;http://nofilmschool.com/2010/12/how-to-create-time-lapse-dolly-hdr-shots/&quot;&gt;http://nofilmschool.com/2010/12/how-to-create-time-lapse-dolly-hdr-shots/&lt;/a&gt;&lt;br /&gt;&lt;a href=&quot;http://www.diyphotography.net/a-timelapse-rail-from-bbq-rotisserie-motor&quot;&gt;http://www.diyphotography.net/a-timelapse-rail-from-bbq-rotisserie-motor&lt;/a&gt;&lt;br /&gt;&lt;a href=&quot;http://cinematography.wonderhowto.com/corkboard/new-motion-cheap-motion-timelapse-dolly-0116184/&quot;&gt;http://cinematography.wonderhowto.com/corkboard/new-motion-cheap-motion-timelapse-dolly-0116184/&lt;/a&gt;&lt;br /&gt;&lt;a href=&quot;http://ditogear.com/&quot;&gt;http://ditogear.com/&lt;/a&gt;&lt;br /&gt;&lt;a href=&quot;http://www.instructables.com/id/Time-Lapse-Dolly/&quot;&gt;http://www.instructables.com/id/Time-Lapse-Dolly/&lt;/a&gt;&lt;br /&gt;&lt;a href=&quot;http://www.bmumford.com/photo/dolly/index.html&quot;&gt;http://www.bmumford.com/photo/dolly/index.html&lt;/a&gt;&lt;/div&gt;&lt;div class=&quot;MsoNormal&quot;&gt;&lt;a href=&quot;http://www.petapixel.com/2011/04/07/gorgeous-time-lapse-of-the-space-needle-in-seattle/&quot;&gt;http://www.petapixel.com/2011/04/07/gorgeous-time-lapse-of-the-space-needle-in-seattle/&lt;/a&gt;&lt;br /&gt;&lt;a href=&quot;http://www.youtube.com/user/canadianentropy&quot;&gt;http://www.youtube.com/user/canadianentropy&lt;/a&gt;&lt;/div&gt;&lt;div class=&quot;MsoNormal&quot;&gt;&lt;a href=&quot;http://www.youtube.com/watch?v=jSaBHyH1fTc&quot;&gt;http://www.youtube.com/watch?v=jSaBHyH1fTc&lt;/a&gt;&lt;br /&gt;&lt;a href=&quot;http://vimeo.com/23237102&quot;&gt;http://vimeo.com/23237102&lt;/a&gt;&lt;/div&gt;&lt;div class=&quot;MsoNormal&quot;&gt;&lt;a href=&quot;http://thecampsiteblog.com/2011/04/17/time-lapse-photography/&quot;&gt;http://thecampsiteblog.com/2011/04/17/time-lapse-photography/&lt;/a&gt;&lt;/div&gt;&lt;div class=&quot;MsoNormal&quot;&gt;&lt;a href=&quot;http://www.petapixel.com/2011/04/18/unreal-timelapse-of-the-milky-way/&quot;&gt;http://www.petapixel.com/2011/04/18/unreal-timelapse-of-the-milky-way/&lt;/a&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://binarygraphite.blogspot.com/feeds/9021890438695876049/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://binarygraphite.blogspot.com/2011/05/part-2-time-lapse-photography.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/2670799581393776213/posts/default/9021890438695876049'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/2670799581393776213/posts/default/9021890438695876049'/><link rel='alternate' type='text/html' href='http://binarygraphite.blogspot.com/2011/05/part-2-time-lapse-photography.html' title='Part 2: Time-lapse Photography - Photography with Imre - Episode 36'/><author><name>Imre Z. Balint</name><uri>http://www.blogger.com/profile/07274685498773765133</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-2670799581393776213.post-5453865207494452141</id><published>2011-05-02T17:48:00.000-06:00</published><updated>2011-05-02T17:48:48.114-06:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="episode 35"/><category scheme="http://www.blogger.com/atom/ns#" term="images online"/><category scheme="http://www.blogger.com/atom/ns#" term="infringement"/><category scheme="http://www.blogger.com/atom/ns#" term="photo copyright protection"/><title type='text'>Part 2: Photo Copyright Protection Tips - Photography with Imre - Episode 35</title><content type='html'>Perhaps the&amp;nbsp;&lt;a href=&quot;http://www.youtube.com/watch?v=Hsc_nSGmANM&quot;&gt;episode on copyright protection tips&lt;/a&gt; isn&#39;t the most visual, but for those not familiar with the various ways to protect the copyright on your images displayed online, this show was a good primer. In this post I&#39;ll just be adding new material not in the video.&lt;br /&gt;&lt;br /&gt;Before moving on and just like I pointed out in the show, I am not a lawyer or legal expert, so to be properly informed you should consult with a qualified intellectual property lawyer or legal expert in your area. Copyright laws usually differ depending on where you live, so keep that in mind as well.&lt;br /&gt;&lt;br /&gt;&lt;b&gt;Additional Thoughts about Digital Watermarking&lt;/b&gt;&lt;br /&gt;In the video I simply stated that using a digital watermark on your photographs is basically your choice; indeed it is. But many of you still might not be sure which type of watermarking, if any, you should utilize or would be best for you. So here are some additional considerations you could take into account:&lt;br /&gt;&lt;br /&gt;&lt;b&gt;No watermark:&lt;/b&gt;&amp;nbsp;If you are purest and like to show off your photos without any potentially distracting markings, then this is the choice for you. Obviously, the copyright of the image is still yours whether you have the notice there or not, and usually most people have text under the photo or on a legal page explicitly declaring the material is copyright and may not be reproduced without written permission. Those who might take your material without consent won&#39;t have much difficultly as there are no markings to remove, so I would recommend keeping the images at a fairly small size; this makes them more or less unsuitable for print reproduction at the least.&lt;br /&gt;&lt;br /&gt;&lt;b&gt;Visible watermarks:&lt;/b&gt;&amp;nbsp;If you&#39;ve seen any of my photos, you&#39;ll see this is the variety of watermark I use. Specifically, I keep the copyright symbol, my name and address of my YouTube channel in one of the corners of the image at a readable but not very intrusive size. Although I don&#39;t want my material used without my permission, I take the approach that I&#39;d rather not hide my shots behind what could be a very distracting message. In addition, my name and web address does promote me and my work, so you could consider putting your own web addy or company name on the photo. The only thing to keep in mind about this is that if you are sharing your pictures on various websites, some guidelines may prohibit you from using them, but I&#39;ve personally found this to be fairly rare.&lt;br /&gt;&lt;br /&gt;And as seen in the video, if you&#39;re more concerned about your work being stolen, you could use a larger water that is faded across the image. This certainly hides more of your work, but it&#39;s also considerable more difficult to remove without damaging the photo.&lt;br /&gt;&lt;br /&gt;&lt;b&gt;Hidden watermarks:&lt;/b&gt;&amp;nbsp;These sneaky methods of incorporating your mark could be used if you feel such a measure is necessary to protect your work, and allows you to use methods to prove the images are indeed yours. There are a few software companies that create such software and there are a couple of DIY methods too. I personally have mixed feelings on this. On one hand, I can&#39;t find anything &quot;wrong&quot; with doing this and it could be advantageous in various cases to prove the image(s) is/are yours. On the other hand, if someone in some far off country steals your photos then you&#39;re more or less out of luck unless you have lots of cash to burn just to take down a pic or two (even other methods can&#39;t really help in those cases). But I have a feeling that larger stock photo companies might employ this method; these organizations generally not only have the money, but several offices in various countries making it easier to handle such problems.&lt;br /&gt;&lt;br /&gt;&lt;b&gt;A Little More on Photo Sharing Websites&lt;/b&gt;&lt;br /&gt;There&#39;s not a lot more I want to add in this section, but it&#39;s worth mentioning that not all of us want to be so strict with our photos. If you&#39;re open to sharing under some circumstances, some sites like Flickr allow you to change the copyright status on your photos. Notably, you can select a &lt;a href=&quot;http://creativecommons.org/&quot;&gt;Creative Commons&lt;/a&gt; license, and you can read more about it by clicking that link (or in the Web Resources section below).&lt;br /&gt;&lt;br /&gt;For some photographers, a major benefit to allowing others to reproduce and use their work is to gain exposure (no pun intended). Keep in mind, there are literally hundreds of millions of photos on the World Wide Web and many of those pictures are can be quite alike. So imagine this. A major advertising firm comes along and sees your photo, but notices the strict copyright. They see another photographer&#39;s image that basically looks the same but there is a less restrictive license on it; one that would allow them legal and easy use of the picture. The firm selects the other photographer&#39;s shot, gives him/her credit and that photographer just might see a little increase in business. It&#39;s something I&#39;m personally considering because it&#39;s not like my shots are making much money unfortunately and more exposure (no pun intended again) would be nice. Hmm...&lt;br /&gt;&lt;br /&gt;&lt;b&gt;Copyright Protection Methods if Building Your Own Website&lt;/b&gt;&lt;br /&gt;If you&#39;ve decided to take the approach of displaying and even selling your photos on your own website, here are a few of my thoughts on that matter:&lt;br /&gt;&lt;br /&gt;&lt;ul&gt;&lt;li&gt;As mentioned in the video, you can still employ the tactics of adding watermarks if you wish and even embed your copyright info into the files. Also consider keeping the original image files off of the website unless there&#39;s a good reason to have them online and keep the previews around 1MP in size (about 1,000 pixels wide or high, whichever is greater).&lt;/li&gt;&lt;li&gt;Often times a copyright note, separate from the one on the image, is displayed under or somewhere near the photo. I also recommend adding a copyright notice on a legal page for example.&lt;/li&gt;&lt;li&gt;Although not foolproof, you could disable right-clicking via JavaScript, or there are some clever ways of using CSS and placing images on the background. But always keep in mind that if you can see an image, graphic, photo, or almost anything else on a website, there are ways of saving/copying that material.&lt;/li&gt;&lt;li&gt;Again, not foolproof, but the gallery could be created in Flash. This does bring up some issues though such as the potential difficultly/cost involved in creating one and compatibility with some mobile phones.&lt;/li&gt;&lt;/ul&gt;&lt;br /&gt;And that more or less sums it up. In the next few days I&#39;ll be working hard on the time-lapse post. L8r!&lt;br /&gt;&lt;br /&gt;&lt;b&gt;Web Resources&lt;/b&gt;&lt;br /&gt;&lt;a href=&quot;http://en.wikipedia.org/wiki/Digital_watermarking&quot;&gt;http://en.wikipedia.org/wiki/Digital_watermarking&lt;/a&gt;&lt;br /&gt;&lt;div class=&quot;MsoNormal&quot;&gt;&lt;a href=&quot;http://www.gimpdome.com/gimp-general-use/hidden-watermarks-in-gimp/&quot;&gt;http://www.gimpdome.com/gimp-general-use/hidden-watermarks-in-gimp/&lt;/a&gt;&lt;/div&gt;&lt;div class=&quot;MsoNormal&quot;&gt;&lt;a href=&quot;http://en.wikipedia.org/wiki/Digital_Millennium_Copyright_Act&quot;&gt;http://en.wikipedia.org/wiki/Digital_Millennium_Copyright_Act&lt;/a&gt;&lt;/div&gt;&lt;div class=&quot;MsoNormal&quot;&gt;&lt;a href=&quot;http://en.wikipedia.org/wiki/Copyright_Directive&quot;&gt;http://en.wikipedia.org/wiki/Copyright_Directive&lt;/a&gt;&lt;br /&gt;&lt;a href=&quot;http://creativecommons.org/&quot;&gt;http://creativecommons.org/&lt;/a&gt;&lt;/div&gt;&lt;div class=&quot;MsoNormal&quot;&gt;&lt;a href=&quot;http://www.copyright.gov/&quot;&gt;http://www.copyright.gov/&lt;/a&gt;&lt;/div&gt;&lt;div class=&quot;MsoNormal&quot;&gt;&lt;a href=&quot;http://www.cipo.ic.gc.ca/&quot;&gt;http://www.cipo.ic.gc.ca/&lt;/a&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://binarygraphite.blogspot.com/feeds/5453865207494452141/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://binarygraphite.blogspot.com/2011/05/part-2-photo-copyright-protection-tips.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/2670799581393776213/posts/default/5453865207494452141'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/2670799581393776213/posts/default/5453865207494452141'/><link rel='alternate' type='text/html' href='http://binarygraphite.blogspot.com/2011/05/part-2-photo-copyright-protection-tips.html' title='Part 2: Photo Copyright Protection Tips - Photography with Imre - Episode 35'/><author><name>Imre Z. Balint</name><uri>http://www.blogger.com/profile/07274685498773765133</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-2670799581393776213.post-966306732188740102</id><published>2011-04-30T21:23:00.000-06:00</published><updated>2011-04-30T21:23:22.275-06:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="episode 36"/><category scheme="http://www.blogger.com/atom/ns#" term="photography with imre"/><category scheme="http://www.blogger.com/atom/ns#" term="time-lapse photography"/><title type='text'>Time-lapse Photography - Photography with Imre - Episode 36</title><content type='html'>Well the highly anticipated &lt;a href=&quot;http://www.youtube.com/watch?v=rY79PdmkH7M&quot;&gt;time-lapse episode&lt;/a&gt; is done and ready to be enjoyed! This show turned out awesome and I&#39;m glad I put up with the crappy weather to do the time-lapse movie of city skyline for this program; it worked perfectly as an example. One day when I have more time and the weather is more cooperative, I&#39;ll go back to the hillside and do a proper one with a nice slow pan and likely using a two second interval. So do enjoy the show and now I have to write two blog posts as I haven&#39;t finished the copyright one yet! L8r!&lt;br /&gt;&lt;br /&gt;&lt;iframe allowfullscreen=&quot;&quot; frameborder=&quot;0&quot; height=&quot;349&quot; src=&quot;http://www.youtube.com/embed/rY79PdmkH7M&quot; width=&quot;560&quot;&gt;&lt;/iframe&gt;</content><link rel='replies' type='application/atom+xml' href='http://binarygraphite.blogspot.com/feeds/966306732188740102/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://binarygraphite.blogspot.com/2011/04/time-lapse-photography-photography-with.html#comment-form' title='2 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/2670799581393776213/posts/default/966306732188740102'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/2670799581393776213/posts/default/966306732188740102'/><link rel='alternate' type='text/html' href='http://binarygraphite.blogspot.com/2011/04/time-lapse-photography-photography-with.html' title='Time-lapse Photography - Photography with Imre - Episode 36'/><author><name>Imre Z. Balint</name><uri>http://www.blogger.com/profile/07274685498773765133</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://img.youtube.com/vi/rY79PdmkH7M/default.jpg" height="72" width="72"/><thr:total>2</thr:total></entry><entry><id>tag:blogger.com,1999:blog-2670799581393776213.post-3798317061691544583</id><published>2011-04-26T16:44:00.000-06:00</published><updated>2011-04-26T16:44:28.256-06:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="episode 35"/><category scheme="http://www.blogger.com/atom/ns#" term="images online"/><category scheme="http://www.blogger.com/atom/ns#" term="infringement"/><category scheme="http://www.blogger.com/atom/ns#" term="photo copyright protection"/><title type='text'>Photo Copyright Protection Tips - Photography with Imre - Episode 35</title><content type='html'>I was so excited after reading a viewer&#39;s message suggesting an episode on how photographers can protect their shots online; such an awesome topic! Awesome enough that I put off that poor time lapse show I&#39;ve been meaning to do now for ages!&lt;br /&gt;&lt;br /&gt;Keep your eyes peeled on the supplemental blog post as I&#39;ll have more information, especially about some precautions one can take when you build your own website, versus using a photo sharing one like Flickr. Enjoy and L8r!&lt;br /&gt;&lt;br /&gt;&lt;iframe allowfullscreen=&quot;&quot; frameborder=&quot;0&quot; height=&quot;349&quot; src=&quot;http://www.youtube.com/embed/Hsc_nSGmANM&quot; title=&quot;YouTube video player&quot; width=&quot;560&quot;&gt;&lt;/iframe&gt;</content><link rel='replies' type='application/atom+xml' href='http://binarygraphite.blogspot.com/feeds/3798317061691544583/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://binarygraphite.blogspot.com/2011/04/photo-copyright-protection-tips.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/2670799581393776213/posts/default/3798317061691544583'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/2670799581393776213/posts/default/3798317061691544583'/><link rel='alternate' type='text/html' href='http://binarygraphite.blogspot.com/2011/04/photo-copyright-protection-tips.html' title='Photo Copyright Protection Tips - Photography with Imre - Episode 35'/><author><name>Imre Z. Balint</name><uri>http://www.blogger.com/profile/07274685498773765133</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://img.youtube.com/vi/Hsc_nSGmANM/default.jpg" height="72" width="72"/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-2670799581393776213.post-3921695326667163476</id><published>2011-04-18T17:14:00.001-06:00</published><updated>2011-04-18T17:15:20.596-06:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="agreements"/><category scheme="http://www.blogger.com/atom/ns#" term="contracts"/><category scheme="http://www.blogger.com/atom/ns#" term="online store"/><category scheme="http://www.blogger.com/atom/ns#" term="photography business"/><title type='text'>Been a Little Quiet Lately... Running this Biz of Photography</title><content type='html'>A little too quiet if ya ask me! :P But I&#39;ve decided to quickly pop up in the form of a blog post --although I have a feeling most of you are waiting eagerly for a new Photography with Imre episode. Soon! I really do want to get&#39;er done! ... I&#39;ve been watching too many &lt;a href=&quot;http://en.wikipedia.org/wiki/Spaghetti_Western&quot;&gt;spaghetti westerns&lt;/a&gt; lately.&lt;br /&gt;&lt;br /&gt;So what has been keeping me so busy (other than old western flicks and playing &lt;a href=&quot;http://www.bioshock2game.com/&quot;&gt;Bioshock 2&lt;/a&gt; for hours on end)? A couple of years ago I used to have a website dedicated solely to my photography. It was a really simple HTML site with prints of my shots for sale using PayPal&#39;s shopping cart. But at the time I was up to my eyeballs in university classes and a regular day job, so when it came time to renew the domain, I just let it be.&lt;br /&gt;&lt;br /&gt;But with all the fun I&#39;ve been having with my &lt;a href=&quot;http://www.youtube.com/user/binarygraphite&quot;&gt;YouTube videos&lt;/a&gt; and a decent amount of traffic making it worth my while to do more with this venture, I recently redesigned my &lt;a href=&quot;http://www.imrezbalint.com/&quot;&gt;personal website&lt;/a&gt; by gearing it towards the &lt;a href=&quot;http://www.youtube.com/user/binarygraphite&quot;&gt;videos&lt;/a&gt; and &lt;a href=&quot;http://www.cdbaby.com/cd/IZB&quot;&gt;music&lt;/a&gt; I produce. In addition, I thought it would be nice to start selling my prints again, so for the past few of weeks I&#39;ve been developing my own shopping cart system using PHP (I would&#39;ve used ASP.NET but decent hosts can be pricey). Just before starting to write this blog post did I finally finish it, along with a lot of other things one might not at first consider. If you too are thinking about starting something like this, you might find this walk-through of what I did interesting. But as usual, here&#39;s the legal&amp;nbsp;spiel: although I&#39;m fairly well educated and have experience in the realm of business, I&#39;m not a lawyer or legal expert, so you should consult a qualified individual for advice applicable to your region and specialty. Ok posse, let&#39;s giddy up...&lt;br /&gt;&lt;br /&gt;&lt;b&gt;The Online Store&lt;/b&gt;&lt;br /&gt;I don&#39;t want to spend too much time here, but it&#39;s worth mentioning a few points to consider if you&#39;re thinking of selling your prints online. Now I happen to be a programmer so I could create the online store I wanted, but whether you program one yourself or get an off-the-shelf solution, there are a few universal things that come to mind:&lt;br /&gt;&lt;ul&gt;&lt;li&gt;The store should be easy to use and navigate for customers - There&#39;s nothing worse for a shopper to deal with than a buggy system or one with a difficult learning curve; not good for the reputation either.&lt;/li&gt;&lt;li&gt;The store should be easy for you to use - Not only will your customers be the ones utilizing your store, but so will you. Prints and descriptions don&#39;t upload themselves. Complicated or poorly designed systems might be wasting your time and in most cases, you&#39;d rather be selling than learning such a system.&lt;/li&gt;&lt;li&gt;Flexibility and customization - Again, I created my store so it fits perfectly into my site design, but some might have agreements that prevent you from changing certain aspects of it, while others might simply be too challenging to easily integrate for most. Branding is an important facet of business, so I&#39;d recommend selecting a store that you can customize to blend into your site. In regard to flexibility, many off-the-shelf solutions generally have far more features than you&#39;ll need, so hopefully you can find one where you can remove and ignore&amp;nbsp;undesirable&amp;nbsp;elements.&lt;/li&gt;&lt;/ul&gt;&lt;div&gt;When I designed my store, some key points I wanted was...&lt;/div&gt;&lt;div&gt;&lt;ul&gt;&lt;li&gt;The ability to use any type of product not just prints. I might consider selling my wood carvings someday, so by designing more openly, my store can accommodate almost any kind of product.&lt;/li&gt;&lt;li&gt;A simple search bar allowing for customers to filter for a specific category of product, by name in ascending or descending order and the ability to show a certain number of results per page.&lt;/li&gt;&lt;li&gt;The ability for customers to easily modify or remove products from the shopping cart.&lt;/li&gt;&lt;li&gt;A summary page before sending the transaction through to PayPal for processing; this gives people a chance to review their order just to be certain everything is the way they want it to be.&lt;/li&gt;&lt;li&gt;A verification checkbox to force customers to read and agree with the terms of my online store. This is a nice way to prevent some incidents where a person was too lazy to bother reading what the policies are before ordering.&lt;/li&gt;&lt;li&gt;Hit tracking for pages and specific products. This can be helpful to see trends and determine which prints are worth discontinuing and which ones should be promoted more, etc.&lt;/li&gt;&lt;li&gt;A simple administrative area where I can view, add, edit and delete the products in the store.&lt;/li&gt;&lt;/ul&gt;&lt;div&gt;I wouldn&#39;t say this was very difficult to program by any means; it certainly took more of my brain power to design and develope the iPhone game I released a while ago. But doing something like this is still a serious commitment of time and energy, even if you&#39;re going to integrate an existing solution. And for those of you seeking suggestions for online stores... I hate to say this but I actually don&#39;t have a clue what&#39;s out there. As a geeky programmer, I actually enjoy the challenge of building my own stuff, so I haven&#39;t really looked. Use the power of &lt;a href=&quot;http://www.google.ca/#hl=en&amp;amp;sugexp=gsqvh&amp;amp;xhr=t&amp;amp;q=online+store+software&amp;amp;cp=14&amp;amp;pf=p&amp;amp;sclient=psy&amp;amp;source=hp&amp;amp;aq=0&amp;amp;aqi=&amp;amp;aql=f&amp;amp;oq=online+store+s&amp;amp;pbx=1&amp;amp;fp=1608717c53d621a5&quot;&gt;Google&lt;/a&gt; my amigos.&lt;/div&gt;&lt;/div&gt;&lt;br /&gt;&lt;div style=&quot;margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;&quot;&gt;&lt;b&gt;Have a Plan!&lt;/b&gt;&lt;/div&gt;&lt;div style=&quot;margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;&quot;&gt;This is a really important area of running any business, not just an online store, and also helps with developing content such as a frequently asked questions (FAQ) page and legal agreements between you and your customers. There are lots of things to consider here and depending on what your preferences are this list might get a whole lot bigger:&lt;/div&gt;&lt;div style=&quot;margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;&quot;&gt;&lt;/div&gt;&lt;ul&gt;&lt;li&gt;Will you offer a warranty? If so, how will you handle such issues? What does your warranty cover? For how long? What might cause the warranty to be voided?&lt;/li&gt;&lt;li&gt;Will you offer customers the chance to return goods? If so, under what conditions? Any time limits? Can customers get a refund or exchange of goods? How will you handle tough customers or ones that have damaged goods?&lt;/li&gt;&lt;li&gt;If you sell a product, you&#39;ll likely need to get it to your customers, so remember shipping. What shipping methods will you use (e.g. postal service, couriers like FedEx)? What does it cost to ship your product? How about two products or more? What happens if your product is damaged by the shipping firm; how will you handle such issues?&lt;/li&gt;&lt;li&gt;It&#39;s also important to consider how you&#39;ll track orders that you&#39;ve gotten. It&#39;s nice to know if you&#39;re making a profit or if that new marketing campaign is worthwhile.&lt;/li&gt;&lt;/ul&gt;&lt;b&gt;The FAQ&lt;/b&gt;&lt;br /&gt;In an online store, you&#39;re not really there to converse with your customers and answer any questions or concerns they might have. This is where the FAQ page comes into play. If you take a look at &lt;a href=&quot;http://www.imrezbalint.com/store_faq.php&quot;&gt;mine&lt;/a&gt;, you&#39;ll see I&#39;ve covered several things like why I&#39;ve made prints available in only certain sizes, about my copyright, suggestions on frames, shipping, discounts, etc. In addition, a link to my contact page is clearly visible so that people can get in touch with me if they have questions or concerns not answered on the FAQ page.&lt;br /&gt;&lt;br /&gt;&lt;b&gt;The Terms of Sale&lt;/b&gt;&lt;br /&gt;In this day and age, legal agreements are all around us and no longer does it take a handshake or physical signature to be bound to one. Just by surfing most websites, you implicitly agree to how that organization may use your information and what liabilities they can be held accountable for if things go awry (usually very little!). As mentioned above, I placed a checkbox on my shopping cart page that must be selected in order for the transaction to continue. I&#39;ve never liked the approach of being shady with legal terms; I&#39;d rather put them right out there for everyone to see and as far as I&#39;m concerned this can help avoid problems down the road. So when customers on my store are ready to move on, they must check the box and it is my hope that they have actually bothered to read the terms, as well as understand and agree to them. In the case that a customer didn&#39;t bother to do so and an issue arises, it&#39;s very likely I would have the upper hand in a legal case... hopefully though, that will never happen.&lt;br /&gt;&lt;br /&gt;Not to sound overly protective or anything, but I&#39;d like to add that the content I wrote on my website is copyright and shouldn&#39;t be copied... not necessarily because it would be such a terrible thing, but rather for these reasons:&lt;br /&gt;&lt;ol&gt;&lt;li&gt;I wrote that material myself and although I believe it&#39;s perfectly legal, it&#39;s better to have a qualified lawyer write this kind of content.&lt;/li&gt;&lt;li&gt;If you write such material yourself (even if a lawyer does it for you), I firmly believe you&#39;ll have a much better feel and understanding of your own business. In other words, you can tailor make content that perfectly fits your website and/or company policies.&lt;/li&gt;&lt;li&gt;I also think that it&#39;s a great learning experience in regard to understanding how much can be involved with something so seemingly simple.&lt;/li&gt;&lt;/ol&gt;By no means is this an exhaustive post. Running a business is no small feat. I&#39;ve certainly learned a lot about this as I&#39;ve owned a company since 1995 and have two master&#39;s degrees in the field (MBA and Master of Project Management)... but I still have a lot to learn as it is! Anyway, at the least I hope you have found some use out of this post and I wish you good luck if you venture out on your own. And yes, soon I will be done the time lapse episode! L8r!</content><link rel='replies' type='application/atom+xml' href='http://binarygraphite.blogspot.com/feeds/3921695326667163476/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://binarygraphite.blogspot.com/2011/04/been-little-quiet-lately-running-this.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/2670799581393776213/posts/default/3921695326667163476'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/2670799581393776213/posts/default/3921695326667163476'/><link rel='alternate' type='text/html' href='http://binarygraphite.blogspot.com/2011/04/been-little-quiet-lately-running-this.html' title='Been a Little Quiet Lately... Running this Biz of Photography'/><author><name>Imre Z. Balint</name><uri>http://www.blogger.com/profile/07274685498773765133</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-2670799581393776213.post-8085343399107409661</id><published>2011-04-01T21:24:00.002-06:00</published><updated>2011-04-01T21:26:51.771-06:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="a note with imre"/><category scheme="http://www.blogger.com/atom/ns#" term="mandolin bridge adjustment"/><category scheme="http://www.blogger.com/atom/ns#" term="youtube"/><title type='text'>Part 2: Mandolin Bridge Adjustment - A Note with Imre</title><content type='html'>I just spent a little time contemplating what additional material I could include in this post, but I realized there is&#39;t a whole lot. After all, it&#39;s not very complicated to adjust the position of the bridge and I&#39;m quite satisfied with how my &lt;a href=&quot;http://www.youtube.com/watch?v=VNsf8SxgoMY&quot;&gt;video&lt;/a&gt; turned out, so I&#39;ll do a quick summary along with a note about string height. And before moving on I want to mention a couple of things. First, I&#39;m not a luthier (instrument builder) so the material below is based mostly on my research and second, if you don&#39;t feel comfortable adjusting things on your instrument then I recommend you seek out a professional who can do this. Also, do be careful if you choose to undertake this operation, because there is a chance you could damage the mandolin, especially the finish.&lt;br /&gt;&lt;br /&gt;I&#39;m a fan of numbered lists, so here&#39;s what I did to adjust the bridge on my mandolin, which, in case you&#39;re wondering, is an Epiphone MM-50:&lt;br /&gt;&lt;ol&gt;&lt;li&gt;Determine if you need to replace your strings. If they sound alright then by all means leave them on. In my case, I restrung my mandolin as the strings were quite old and sounded a bit dull. As mentioned in the video, if you need to restring then allow time for the new ones to adjust by playing&amp;nbsp;rigorously&amp;nbsp;for about an hour or letting the instrument sit for a few hours.&lt;/li&gt;&lt;li&gt;Loosen all of the strings to a point where the bridge can be moved around easily enough that it won&#39;t scratch the finish and yet stays put when not nudged.&lt;/li&gt;&lt;li&gt;At this point, you can not only shift the position of the whole bridge, but also the strings on the saddle (generally, the saddle is the raised portion on the bridge the strings run across; the bridge is the part touching the top of the instrument. But there are some mandolins where the bridge basically plays both roles and I&#39;ve seen this simply referred to as the bridge). As you saw in the video, I positioned each pair of strings into the middle of their respective sections (except for the bass pair as they kept slipping back into their original grooves).&lt;/li&gt;&lt;li&gt;Then I looked down the neck of my mandolin from the head to the tailpiece. This allowed me to quite easily see if the bridge and strings were roughly centered in comparison to the fret board. Plus, this is also a nice way to determine if the spacing between the strings&amp;nbsp;are even or not&amp;nbsp;(each string in a pair and distance between string pairs).&lt;/li&gt;&lt;li&gt;If the notes you&#39;re fretting get sharper (higher in pitch) then you need to shift the bridge down towards the tailpiece and if the notes get flatter (lower in pitch) then shift the bridge towards the head. Because thicker strings need to be a little longer to provide the correct intonation, you might very likely need to lower the bass side of the bridge.&lt;/li&gt;&lt;li&gt;Since it&#39;s difficult to know where exactly the bridge needs to be, you&#39;ll probably have to tune up, loosen the strings and shift the bridge a few times, but in the end I have a feeling you&#39;ll love the &quot;new&quot; sound. Now I would like to add that you might know what the scale length of your mandolin is, but based on my experience, that value might not be exactly right. For instance, the treble side of my bridge is about 13 7/8&quot; and the bass end is about 14 1/8&quot;, but according what I&#39;ve seen, Gibson/Epiphone mandolins have a scale length of 14&quot; (er... I&#39;ve also seen references to 13 7/8&quot; though).&lt;/li&gt;&lt;/ol&gt;&lt;div&gt;Now as you&#39;re adjusting the position of the bridge, you might also want to check the action and set that to a comfortable/appropriate level is needed (I left mine as is; was at a good height in my opinion). On most mandolin bridges there are two screws that can be turned on each end of the bridge, so when you&#39;re strings are loosened up, give them a spin if desired.&lt;/div&gt;&lt;div&gt;&lt;br /&gt;&lt;/div&gt;&lt;div&gt;That concludes this post. For those wondering where the photography is, fear not! The next episode will be on the topic of time lapse and is due for late next week or so. L8r!&lt;/div&gt;&lt;br /&gt;&lt;b&gt;Web Resources&lt;/b&gt;&lt;br /&gt;&lt;div class=&quot;MsoNormal&quot;&gt;&lt;a href=&quot;http://www.mandolincafe.com/forum/showthread.php?49760-Don-t-Understand-quot-scale-length-quot&quot;&gt;http://www.mandolincafe.com/forum/showthread.php?49760-Don-t-Understand-quot-scale-length-quot&lt;/a&gt;&lt;/div&gt;&lt;div class=&quot;MsoNormal&quot;&gt;&lt;a href=&quot;http://www.mandolin.org.uk/tips/bridge.php&quot;&gt;http://www.mandolin.org.uk/tips/bridge.php&lt;/a&gt;&lt;/div&gt;&lt;div class=&quot;MsoNormal&quot;&gt;&lt;a href=&quot;http://liteways.tripod.com/Mandolin/Mandolin.html&quot;&gt;http://liteways.tripod.com/Mandolin/Mandolin.html&lt;/a&gt;&lt;/div&gt;&lt;div class=&quot;MsoNormal&quot;&gt;&lt;a href=&quot;http://www.fretnotguitarrepair.com/repair/mandolin/bridge.php&quot;&gt;http://www.fretnotguitarrepair.com/repair/mandolin/bridge.php&lt;/a&gt;&lt;/div&gt;&lt;div class=&quot;MsoNormal&quot;&gt;&lt;a href=&quot;http://smart-instruments.com/gal95.html&quot;&gt;http://smart-instruments.com/gal95.html&lt;/a&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://binarygraphite.blogspot.com/feeds/8085343399107409661/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://binarygraphite.blogspot.com/2011/04/part-2-mandolin-bridge-adjustment-note.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/2670799581393776213/posts/default/8085343399107409661'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/2670799581393776213/posts/default/8085343399107409661'/><link rel='alternate' type='text/html' href='http://binarygraphite.blogspot.com/2011/04/part-2-mandolin-bridge-adjustment-note.html' title='Part 2: Mandolin Bridge Adjustment - A Note with Imre'/><author><name>Imre Z. Balint</name><uri>http://www.blogger.com/profile/07274685498773765133</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-2670799581393776213.post-993959575496776765</id><published>2011-03-28T22:09:00.000-06:00</published><updated>2011-03-28T22:09:31.978-06:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="a note with imre"/><category scheme="http://www.blogger.com/atom/ns#" term="mandolin bridge adjustment"/><category scheme="http://www.blogger.com/atom/ns#" term="youtube"/><title type='text'>Mandolin Bridge Adjustment - A Note with Imre</title><content type='html'>For whatever reason, this video was probably the slowest to upload on YouTube! Not a huge file either... must be a lazy Internet connection. Anyway, do check out the video if you&#39;re interested in reducing the amount of sharpness or flatness you might be getting while fretting notes on your mandolin. I&#39;m glad I got off my butt, put new strings on her and played with the bridge position until it became essentially perfect. I&#39;ll write more in a few days as I should be off to bed now! L8r!&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;iframe allowfullscreen=&quot;&quot; frameborder=&quot;0&quot; height=&quot;349&quot; src=&quot;http://www.youtube.com/embed/VNsf8SxgoMY&quot; title=&quot;YouTube video player&quot; width=&quot;560&quot;&gt;&lt;/iframe&gt;</content><link rel='replies' type='application/atom+xml' href='http://binarygraphite.blogspot.com/feeds/993959575496776765/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://binarygraphite.blogspot.com/2011/03/mandolin-bridge-adjustment-note-with.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/2670799581393776213/posts/default/993959575496776765'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/2670799581393776213/posts/default/993959575496776765'/><link rel='alternate' type='text/html' href='http://binarygraphite.blogspot.com/2011/03/mandolin-bridge-adjustment-note-with.html' title='Mandolin Bridge Adjustment - A Note with Imre'/><author><name>Imre Z. Balint</name><uri>http://www.blogger.com/profile/07274685498773765133</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://img.youtube.com/vi/VNsf8SxgoMY/default.jpg" height="72" width="72"/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-2670799581393776213.post-8053001168894436780</id><published>2011-03-25T19:47:00.000-06:00</published><updated>2011-03-25T19:47:17.571-06:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="episode 34"/><category scheme="http://www.blogger.com/atom/ns#" term="histogram"/><category scheme="http://www.blogger.com/atom/ns#" term="youtube"/><title type='text'>Part 2: The Histogram - Photography with Imre - Episode 34</title><content type='html'>I managed to produce the histogram episode quite quickly and overall it turned out well. I&#39;m not going to elaborate much here other than to discuss clipping a little more, along with presenting a method you can use to help train yourself in analyzing the histogram on your camera; especially useful for those of you new to this.&lt;br /&gt;&lt;br /&gt;&lt;b&gt;A Second Take on Clipping&lt;/b&gt;&lt;br /&gt;Now that I look back at my script, the segment on clipping could have been put more simply or at least in a different manner. First of all, if the dynamic range of a scene you are taking a picture of is greater than what the imaging sensor of the camera can handle, then the image can have clipping in the shadows, highlights or both regions. Unlike our eyes that can see a much broader range of tones, for a given exposure the camera can only capture a portion of that and this is why some dark areas of certain scenes turn out pure black on the photo and bright areas turn pure white. What is crucial to understand is that clipped areas are completely void of detail. Taking a standard three channel (red, green, blue) image file, all three channels either have 0 (zero) or 255 as their values (so R0, G0, B0 or R255, G255, B255). As long as one color channel has a different value (like R0, G1, B0), then some image information exists, which means there is a possibility to recover a bit of detail (often though, lightening very dark areas results in noise appearing and bright areas that are darkened can look somewhat unusual and washed out).&lt;br /&gt;&lt;br /&gt;Depending on the model of camera you have, you may be able to view a histogram in real-time (e.g. live view) or after the shot has been taken during playback or review mode. Signals (light in this case) below the signal-to-noise ratio of the sensor are clipped to black (in other words, there aren&#39;t enough photons filling up the photosite(s) to register above the noise level of the electronics) and if photosites on the sensor are saturated with photons&amp;nbsp;then we see blown highlights&amp;nbsp;(think of a bucket overflowing with water; you might try to put more water in, but the amount of water is &quot;clipped&quot; to whatever the bucket can hold).&lt;br /&gt;&lt;br /&gt;Many image editing programs also provide histograms. Clipping in most image editors refers to pixels with all color channels having either no data (all zeros) or being at full intensity (255). There&#39;s a really good definition given in the &lt;a href=&quot;http://help.adobe.com/en_US/Photoshop/11.0/WSF1B29B95-2419-4b50-A058-A5FE2D7E5E6F.html&quot;&gt;help file for Adobe Camera Raw&lt;/a&gt;; I love their use of &quot;overbright&quot; and &quot;overdark&quot;... gives me ideas for some horror story... &quot;the Overdark Lord was greater than evil itself.&quot; :P&lt;br /&gt;&lt;br /&gt;I&#39;d also like to clarify the use of file formats in this context. For example, if you take a picture and your camera is set to save the image as both an 8 bit JPEG file and a 14 bit Raw file, the tonal range of both file formats will be identical. Now you&#39;re probably thinking that&#39;s incorrect, but think about it this way. First of all, just because the camera is using a different file format does not mean it&#39;s using a different sensor. Unless you have a funky camera, only one sensor is used to capture the image and that sensor has a certain dynamic range (usually around five or six stops). Period. So the darkest and lightest points of either a JPEG or Raw file are essentially the same (I say &quot;essentially&quot; because JPEG files are processed by the camera, so for various reasons, like what the contrast setting is, the tonal range might be a little different).&lt;br /&gt;&lt;br /&gt;But why is it then that you can &quot;pull&quot; more image detail from a Raw file? I&#39;ll use this analogy. You have two perfectly identical loafs of bread; exactly the same size! One loaf is cut into ten slices, while the other is cut into 50 slices (and no funny business, the cuts don&#39;t waste material so your loaf doesn&#39;t change in size just because you have more slices). Now if you look at the two loafs of bread, they are still the same size --same tonal range-- but one has more detail because it was sliced into 50 pieces. Taking this back to actual images, an 8 bit file provides you with 256 (0-255) brightness levels to work with, wheres a 12 bit Raw file has 4096 levels and a 14 bit one has a whopping 16,384 levels. Because you have more data to massage, you have the ability to lighten up seemingly black areas or darken seemingly white zones, thus &quot;pulling&quot; out those wonderful previously hidden details. There is more great info on this if you check out the last link in the Web resources section.&lt;br /&gt;&lt;br /&gt;Anyway, I hope that clarifies the clipping segment of the video, especially where I said, &quot;&lt;span class=&quot;Apple-style-span&quot; style=&quot;font-family: &#39;Times New Roman&#39;, serif; font-size: 15px;&quot;&gt;an 8 bit per channel image can clip more easily, so-to-speak, than a 16 bit per channel image.&lt;/span&gt;&quot; Now you can see it means you have more data to play with in a 16 bit image versus an 8 bit one... my bad homies, didn&#39;t mean to be shiznitting with the down low.&lt;br /&gt;&lt;br /&gt;&lt;b&gt;A Little Self Training&lt;/b&gt;&lt;br /&gt;Ok. In the video I said I&#39;d write about a method you can use to help train yourself in understanding what the histogram on your camera is trying to tell you. On my own cameras, I&#39;ve consistently noticed that if the image seemingly appears properly exposed on the camera&#39;s display, they are actually underexposed when I view them on my computer monitor. Those images appearing a bit overexposed on the cam&#39;s screen are generally exposed properly. This is why using the histogram can be helpful, but for novice shooters it might be hard to relate what a well exposed histogram looks like. In addition, since virtually every photograph has a unique histogram, it takes a little bit of experience to gain that intuition about which one looks about right. So if you think you need a little help in this area, then feel free to follow the simple steps below:&lt;br /&gt;&lt;br /&gt;&lt;ol&gt;&lt;li&gt;Get out there and take some photos, but be methodical. First, if possible use a tripod as you&#39;ll need identical shots. Second, use the bracketing feature of your camera to take three shots varying the exposure by 0.7 (so you&#39;ll have one shot at -0.7, 0.0 and +0.7). If your camera only does half-stops, then use that and if by chance your cam does not have a bracketing feature, then adjust manually via EV compensation. At this point, ignore the histogram; all we want are three photos of a scene. Take a bunch of shots of various locations, some darker, some lighter... whatever.&lt;/li&gt;&lt;li&gt;Download the shots into your computer, but DO NOT delete the photos off the memory card.&lt;/li&gt;&lt;li&gt;Now open up a file on the computer and also display the same photo on your camera with the histogram feature.&lt;/li&gt;&lt;li&gt;And you&#39;re probably getting the idea now, but keep doing the same thing for each shot, each time comparing what the image on the computer monitor looks like in comparison with the one on the camera with it&#39;s histogram.&lt;/li&gt;&lt;/ol&gt;&lt;div&gt;By comparing what the photos looks like on the two devices, you&#39;ll start to get a feel for what histograms look like for well-exposed shots, along with those that didn&#39;t turn out.&lt;/div&gt;&lt;div&gt;&lt;br /&gt;&lt;/div&gt;&lt;br /&gt;As a final note I want to add that it appears I&#39;ve placed a great deal of emphasis on histograms, but keep in mind that you don&#39;t always need to use them and depending on what you&#39;re shooting they might not be that useful. In addition, it&#39;s not like the exposure has to be absolutely perfect or else the photo is junk. I personally don&#39;t necessarily believe there is such a thing as a perfect exposure to begin with, as our personal tastes or creativity will alter that definition and there&#39;s a fair amount of leverage to correct some issues in editors. Nonetheless, with some time and practice, I&#39;m sure most of you budding photogs will start to see the benefits to histograms and when they&#39;re worthy of employing.&lt;br /&gt;&lt;br /&gt;If all goes to plan, stay tuned for the next episode on time lapse photography. Happy shooting! L8r!&lt;br /&gt;&lt;br /&gt;&lt;b&gt;Web Resources&lt;/b&gt;&lt;br /&gt;&lt;br /&gt;&lt;div class=&quot;MsoNormal&quot;&gt;&lt;a href=&quot;http://www.cambridgeincolour.com/tutorials/histograms1.htm&quot;&gt;http://www.cambridgeincolour.com/tutorials/histograms1.htm&lt;/a&gt;&lt;/div&gt;&lt;div class=&quot;MsoNormal&quot;&gt;&lt;a href=&quot;http://www.cambridgeincolour.com/tutorials/histograms2.htm&quot;&gt;http://www.cambridgeincolour.com/tutorials/histograms2.htm&lt;/a&gt;&lt;/div&gt;&lt;div class=&quot;MsoNormal&quot;&gt;&lt;a href=&quot;http://www.luminous-landscape.com/tutorials/understanding-series/understanding-histograms.shtml&quot;&gt;http://www.luminous-landscape.com/tutorials/understanding-series/understanding-histograms.shtml&lt;/a&gt;&lt;/div&gt;&lt;div class=&quot;MsoNormal&quot;&gt;&lt;a href=&quot;http://www.photoxels.com/tutorial_histogram.html&quot;&gt;http://www.photoxels.com/tutorial_histogram.html&lt;/a&gt;&lt;/div&gt;&lt;div class=&quot;MsoNormal&quot;&gt;&lt;a href=&quot;http://www.dpreview.com/learn/?/key=histogram&quot;&gt;http://www.dpreview.com/learn/?/key=histogram&lt;/a&gt;&lt;/div&gt;&lt;div class=&quot;MsoNormal&quot;&gt;&lt;a href=&quot;http://help.adobe.com/en_US/Photoshop/11.0/WSfd1234e1c4b69f30ea53e41001031ab64-768ba.html&quot;&gt;http://help.adobe.com/en_US/Photoshop/11.0/WSfd1234e1c4b69f30ea53e41001031ab64-768ba.html&lt;/a&gt;&lt;/div&gt;&lt;div class=&quot;MsoNormal&quot;&gt;&lt;a href=&quot;http://www.dpreview.com/learn/?/key=tonal+range&quot;&gt;http://www.dpreview.com/learn/?/key=tonal+range&lt;/a&gt;&lt;/div&gt;&lt;div class=&quot;MsoNormal&quot;&gt;&lt;a href=&quot;http://www.chromasia.com/tutorials/online/curves/&quot;&gt;http://www.chromasia.com/tutorials/online/curves/&lt;/a&gt;&lt;/div&gt;&lt;div class=&quot;MsoNormal&quot;&gt;&lt;a href=&quot;http://en.wikipedia.org/wiki/Clipping_(photography)&quot;&gt;http://en.wikipedia.org/wiki/Clipping_(photography)&lt;/a&gt;&lt;/div&gt;&lt;div class=&quot;MsoNormal&quot;&gt;&lt;a href=&quot;http://en.wikipedia.org/wiki/Clipping_(signal_processing)&quot;&gt;http://en.wikipedia.org/wiki/Clipping_(signal_processing)&lt;/a&gt;&lt;/div&gt;&lt;div class=&quot;MsoNormal&quot;&gt;&lt;/div&gt;&lt;div class=&quot;MsoNormal&quot;&gt;&lt;a href=&quot;http://help.adobe.com/en_US/Photoshop/11.0/WSF1B29B95-2419-4b50-A058-A5FE2D7E5E6F.html&quot;&gt;http://help.adobe.com/en_US/Photoshop/11.0/WSF1B29B95-2419-4b50-A058-A5FE2D7E5E6F.html&lt;/a&gt;&lt;/div&gt;&lt;div class=&quot;MsoNormal&quot;&gt;&lt;a href=&quot;http://www.luminous-landscape.com/tutorials/understanding-series/u-raw-files.shtml&quot;&gt;http://www.luminous-landscape.com/tutorials/understanding-series/u-raw-files.shtml&lt;/a&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://binarygraphite.blogspot.com/feeds/8053001168894436780/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://binarygraphite.blogspot.com/2011/03/part-2-histogram-photography-with-imre.html#comment-form' title='2 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/2670799581393776213/posts/default/8053001168894436780'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/2670799581393776213/posts/default/8053001168894436780'/><link rel='alternate' type='text/html' href='http://binarygraphite.blogspot.com/2011/03/part-2-histogram-photography-with-imre.html' title='Part 2: The Histogram - Photography with Imre - Episode 34'/><author><name>Imre Z. Balint</name><uri>http://www.blogger.com/profile/07274685498773765133</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><thr:total>2</thr:total></entry><entry><id>tag:blogger.com,1999:blog-2670799581393776213.post-4379938765777782348</id><published>2011-03-22T15:57:00.000-06:00</published><updated>2011-03-22T15:57:38.031-06:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="episode 34"/><category scheme="http://www.blogger.com/atom/ns#" term="histogram"/><category scheme="http://www.blogger.com/atom/ns#" term="youtube"/><title type='text'>The Histogram - Photography with Imre - Episode 34</title><content type='html'>Well I managed to get this episode done fairly quickly in about 15 hours start to finish. Plus, I think it turned out to be a great primer for those who are not familiar with histograms. Supplemental post to follow in the next few days as usual!&lt;br /&gt;&lt;br /&gt;Um... yea I know I said I&#39;d do time lapse photography next, but well... ok I have no excuse! I&#39;ll try to make that the next show! L8r!&lt;br /&gt;&lt;br /&gt;&lt;iframe allowfullscreen=&quot;&quot; frameborder=&quot;0&quot; height=&quot;349&quot; src=&quot;http://www.youtube.com/embed/0U-xwC4AEcQ&quot; title=&quot;YouTube video player&quot; width=&quot;560&quot;&gt;&lt;/iframe&gt;</content><link rel='replies' type='application/atom+xml' href='http://binarygraphite.blogspot.com/feeds/4379938765777782348/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://binarygraphite.blogspot.com/2011/03/histogram-photography-with-imre-episode.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/2670799581393776213/posts/default/4379938765777782348'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/2670799581393776213/posts/default/4379938765777782348'/><link rel='alternate' type='text/html' href='http://binarygraphite.blogspot.com/2011/03/histogram-photography-with-imre-episode.html' title='The Histogram - Photography with Imre - Episode 34'/><author><name>Imre Z. Balint</name><uri>http://www.blogger.com/profile/07274685498773765133</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://img.youtube.com/vi/0U-xwC4AEcQ/default.jpg" height="72" width="72"/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-2670799581393776213.post-1472496128459904838</id><published>2011-03-14T20:15:00.000-06:00</published><updated>2011-03-14T20:15:52.534-06:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="birds in flight"/><category scheme="http://www.blogger.com/atom/ns#" term="photography"/><category scheme="http://www.blogger.com/atom/ns#" term="viewer question"/><title type='text'>Shooting Birds in Flight</title><content type='html'>I got a message from a subscriber of my YouTube channel today about taking photos of birds in flight. This individual expressed problems of getting a fast enough shutter speed, especially due to how cloud cover often blankets the location this person is from and reduces light intensity, which has resulted in some blurry shots. Hopefully my advice to follow will be of some assistance and those blurry shots will turn into some detailed and stunning captures of those featured creatures gliding gracefully through the air. To make this a more complete post about this topic, I&#39;ve added more detail about shooting birds in general. Please keep in mind too that these suggestions and techniques are what I tend to use and as such they may not work for everyone in every case. So always feel free to experiment.&lt;br /&gt;&lt;br /&gt;&lt;b&gt;Focusing&lt;/b&gt;&lt;br /&gt;One of the first steps to ensuring a nice sharp image is to get the scene/subject in focus. Birds swooshing through the air can make this somewhat more challenging, so here are a few suggestions I&#39;ll offer based on what the background is like.&lt;br /&gt;&lt;br /&gt;&lt;b&gt;Bird Against Clear Sky or Even Cloud Cover:&lt;/b&gt; The clear sky bit makes sense here; simply imagine a nice blue sky without any clouds. But by even cloud cover I mean a sky that is cloudy, but fairly evenly throughout; in other words there are no puffy or&amp;nbsp;wispy&amp;nbsp;clouds contrasting against a blue sky, but rather that dull light grey tone up everywhere you look.&lt;br /&gt;&lt;br /&gt;In cases like this there are a couple of modes you can try to get a sharp lock on your feathered subject. The first mode is to employ the center focusing dot on your camera, aim at the bird and start clicking the shutter button. Overall this method has worked fairly well for me, but I&#39;ve noticed some issues. It&#39;s hard enough as it is to track a flying creature, so I&#39;ve often ended up with the center focus dot on the sky next to the critter. Since there&#39;s nothing much the camera can focus on, the lens starts hunting unsuccessfully and by that time the bird is long out of focus and out of frame.&lt;br /&gt;&lt;br /&gt;Instead of using just that single dot, I&#39;ve instead found myself selecting all targets (or area focusing mode) more often for birding. Since the background is simple and lacks contrast, the bird wonderfully stands out against the evenly toned sky. So even if its off center, one of the those many focus points will register the bird and the focus should lock. Some sources say this mode is somewhat slower than just using a single dot, but in my experience --specifically in this case-- I&#39;ve found that point fairly moot (in cases where the subject and background are more complex, then indeed the system needs more time to focus... keeping in mind that time is generally very small, around one or two tenths of a second).&lt;br /&gt;&lt;br /&gt;&lt;b&gt;Busier Backgrounds:&lt;/b&gt; Things get more interesting when the background is busier. Take for example a bird flying against a scenic landscape (e.g. a forest, mountains) or city skyscrapers. In this case, area focusing mode may not be a great choice as the focus could very well be hit and miss... mostly miss. In such situations, I&#39;ve either gone back to using the single center dot for focusing and tried my best to follow the subject or have used manual focusing. Manual focusing is tricky on the fly but if a bird is at rest, like on a street light post, it&#39;s a&amp;nbsp;cinch&amp;nbsp;to perform. So when the fellow takes flight, you are already have perfect focus. Now this is not with its downside though, because if the bird flies towards or away from you, it may go out of focus. Therefore, one has to hope the bird flies more or less parallel to your position. I recommend trying out a few of these techniques and I&#39;m pretty certain you&#39;ll find one that you favor and works quite well.&lt;br /&gt;&lt;br /&gt;&lt;b&gt;Lens, Camera Mode and Settings&lt;/b&gt;&lt;br /&gt;Shooting birds can essentially be called a sub-category of action photography, so many of the considerations you find there can be applied here.&lt;br /&gt;&lt;br /&gt;&lt;b&gt;Lens:&lt;/b&gt;&amp;nbsp;It pretty much goes without saying, but with most photographs of this nature a long lens is required (unless you want tiny dark specks as birds). Thus, we&#39;re likely looking at a range of at least 300mm to 600mm or even larger if you have access to such equipment. A fast lens can be beneficial too, as less light loss will allow you to use faster shutter speeds in situations where, for example, cloud cover is blocking sunlight. On the other hand, shooting stopped-down a little, like around f/5.6, might yield slightly sharper images and a bit more depth of field (DOF), although that&#39;s not as critical; the distance most birds would be at means the DOF will be fairly large anyway. Even an aperture around f/8 will very likely provide a sufficiently blurred background, but as usual, take a few shots and adjust to your liking.&lt;br /&gt;&lt;br /&gt;&lt;b&gt;Shutter Speed and Mode:&lt;/b&gt;&amp;nbsp;Not only would the person who asked the birding question like to get sharp photos, but so would most of us when shooting these airborne lifeforms. Therefore, to ensure a quick enough shutter speed, I strongly recommend shutter priority or manual mode. With shutter priority, you can force the camera to use a specific shutter speed and the machine will adjust the aperture and sensitivity (if set to auto) accordingly in order to get a good exposure. For focal lengths of around 300mm, 1/500 of a second should freeze the action, but of course use 1/1000 or even 1/2000 if you&#39;re noticing that blur is still occurring or if you&#39;re using a lens with a longer focal length (... err, just because you&#39;re using a longer focal length lens doesn&#39;t mean you have to use a faster shutter speed, but if you&#39;re hand holding, it can help prevent hand-shake effects for some photographers).&lt;br /&gt;&lt;br /&gt;Now I also mentioned the use of manual mode, where you can force the camera to use whatever shutter speed and aperture you want. The advantage with this mode is that if you want the aperture to be something specific (e.g. you want f/5.6 because the lens is sharper in that range, or you want f/2.8 to ensure the lens stays wide open), then you can force the camera to entirely do your bidding.&lt;br /&gt;&lt;br /&gt;Whichever of these two modes you choose, you&#39;ll likely have to play with the numbers to get the right exposure on the bird; not too dark (details lost or too noisy when processed to be lighter) nor to light (loss of contrast and details washed out). In addition, don&#39;t be afraid of pushing the sensitivity higher up if needed if you&#39;re finding the exposure is too dark. Many cameras, even some models a few years old, still produce good quality images up to 1,600 ISO and if you shoot in RAW, you&#39;ll have a fair amount of control at your fingertips to eliminate much of that noise (or you might already have software/plug-ins dedicated to noise reduction). Of course if you want to keep noise at a minimum, then try either a larger aperture or slower shutter speed setting first.&lt;br /&gt;&lt;br /&gt;And before moving on, remember to use the high speed sequential shooting feature on your camera. Pressing the shutter button&amp;nbsp;repeatedly&amp;nbsp;while panning will make things more difficult than they need to be. This is also where traditional mirrored DSLRs still have a major advantage over the electronic viewfinder (EVF) types. Although the mirror slapping up momentarily blacks out the picture, you can still see the subject moving along quite clearly, whereas EVF cams generally show you the last photo taken for a split second.&lt;br /&gt;&lt;br /&gt;Funny how manufacturers haven&#39;t caught onto the idea that if you&#39;re in sequential shooting mode on an EVF type camera, why the heck not just keep showing the image as normal to the photographer? I mean think about... seeing the last image taken for a split second is basically useless, as it&#39;s not enough time to give the photos a good examination for anything in particular and it&#39;s of little to no help in keeping up with the subject in motion (especially for more unpredictable movement). Personally, and I have a feeling most photographers would agree with me, as long as I can trust that the machine is capturing images while I&#39;m pushing down the button (ok, show me a bloody red blinking dot in a&amp;nbsp;non-intrusive&amp;nbsp;spot), I don&#39;t need to see the screen blacking out or the last pic displayed momentarily; I&#39;m more than happy to review the results afterwards. And if any of you manufacturers out there implement my idea, I&#39;ll gladly let you know where you can make my royalty payments to! :)&lt;br /&gt;&lt;br /&gt;&lt;b&gt;Tripod/Monopod vs. Hand Holding:&lt;/b&gt;&amp;nbsp;Whether you choose to use a tripod/monopod or hand hold your camera plus lens is mostly up to you and is generally a personal choice. However, if you have a fairly long lens, it can become tiring to hold the thing for an hour or two, and panning along with the subject can be smoother (but perhaps not as flexible as hand holding).&lt;br /&gt;&lt;br /&gt;Almost any type of tripod can be used but certain types might have better results. For example, less expensive tripods with the head build-in might not allow fine control over tension and might not have a quick release plate, thus making removal of the camera more cumbersome and slow (e.g. maybe a quick change in position is needed to capture another subject or a bird in an usual location). On the other hand, more flexible tripods that can be fitted with various types of heads may be more to your liking. Perhaps a ball head can give you the freedom you need to quickly pan around with a single tension control, or a three-axis (aka three-way) head is more to your fancy as you can constrain the panning to a single plane (e.g. horizontal, thus keeping bobbing to a minimum; could help keep a certain composition too, as you wouldn&#39;t pan to high or low).&lt;br /&gt;&lt;br /&gt;A monopod may offer a more compact and lighter weight solution to help with panning and I&#39;ve certainly found them great to use, especially for horizontal movement as you can simply rotate the thing left or right. But adjusting the camera&#39;s gaze vertically is a bit unusual, as it can place one in an uncomfortable position.&lt;br /&gt;&lt;br /&gt;So that concludes my quick post on shooting birds in flight. There&#39;s certainly more information out there that could be applied, but I believe this is a good starting point for those interested in this subject matter. Good luck and happy shooting! L8r!&lt;br /&gt;&lt;br /&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;&lt;a href=&quot;http://www.flickr.com/photos/imrezsoltbalint/4941982827/&quot;&gt;&lt;img border=&quot;0&quot; height=&quot;426&quot; src=&quot;http://farm5.static.flickr.com/4097/4941982827_ae70e36c77_b_d.jpg&quot; width=&quot;640&quot; /&gt;&lt;/a&gt;&lt;/div&gt;&lt;br /&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;&lt;a href=&quot;http://www.flickr.com/photos/imrezsoltbalint/4938430397/&quot;&gt;&lt;img border=&quot;0&quot; height=&quot;426&quot; src=&quot;http://farm5.static.flickr.com/4118/4938430397_0fcaa47c84_b_d.jpg&quot; width=&quot;640&quot; /&gt;&lt;/a&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://binarygraphite.blogspot.com/feeds/1472496128459904838/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://binarygraphite.blogspot.com/2011/03/shooting-birds-in-flight.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/2670799581393776213/posts/default/1472496128459904838'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/2670799581393776213/posts/default/1472496128459904838'/><link rel='alternate' type='text/html' href='http://binarygraphite.blogspot.com/2011/03/shooting-birds-in-flight.html' title='Shooting Birds in Flight'/><author><name>Imre Z. Balint</name><uri>http://www.blogger.com/profile/07274685498773765133</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-2670799581393776213.post-4269293881019852136</id><published>2011-03-10T18:56:00.001-07:00</published><updated>2011-03-25T13:53:50.582-06:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="new look"/><category scheme="http://www.blogger.com/atom/ns#" term="personal website"/><category scheme="http://www.blogger.com/atom/ns#" term="web design"/><title type='text'>Check out the new look of my website!</title><content type='html'>Web design has never come that easily to me. It&#39;s unusual because I can certainly tell if a website looks professional and is well developed, but drawing something up that looks like some of those awesome sites out there... eeek!&lt;br /&gt;&lt;br /&gt;Nonetheless, I think I did fairly well with the redesign of my personal website; feel free to comment and let me know (be nice! LOL): &lt;a href=&quot;http://www.imrezbalint.com/&quot;&gt;imrezbalint.com&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;The &quot;old&quot; version of the site was a little simpler looking and concentrated more on my IT skills (programming, Web application development, etc.), and although I&#39;m not quitting that work I&#39;d rather emphasize my &quot;Photography with Imre&quot; series and other creative projects. As time goes on I&#39;ll be adding more resources to the site (i.e. more links and more useful content of my own creation), so at some point the website will become a virtual entertainment and educational hub. Considering it took me two (very full) days to do this, I actually have high hopes on this venture!&lt;br /&gt;&lt;br /&gt;Please feel free to make suggestions; anything can help! L8r!</content><link rel='replies' type='application/atom+xml' href='http://binarygraphite.blogspot.com/feeds/4269293881019852136/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://binarygraphite.blogspot.com/2011/03/check-out-new-look-on-my-website.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/2670799581393776213/posts/default/4269293881019852136'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/2670799581393776213/posts/default/4269293881019852136'/><link rel='alternate' type='text/html' href='http://binarygraphite.blogspot.com/2011/03/check-out-new-look-on-my-website.html' title='Check out the new look of my website!'/><author><name>Imre Z. Balint</name><uri>http://www.blogger.com/profile/07274685498773765133</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-2670799581393776213.post-5635485205172397259</id><published>2011-03-08T12:09:00.001-07:00</published><updated>2011-03-08T12:10:26.521-07:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="action photography"/><category scheme="http://www.blogger.com/atom/ns#" term="episode 33"/><category scheme="http://www.blogger.com/atom/ns#" term="youtube"/><title type='text'>Part 2: Intro to Action Photography - Photography with Imre - Episode 33</title><content type='html'>I already said it, but man did I have fun creating the &lt;a href=&quot;http://www.youtube.com/watch?v=vUd77mZgr1Y&quot;&gt;action photography episode&lt;/a&gt;! Gigantic topic though but hopefully the show gave people a good idea of what it&#39;s about. Speaking of which...&lt;br /&gt;&lt;br /&gt;&lt;b&gt;The Subject is Key&lt;/b&gt;&lt;br /&gt;... it is indeed all about the subject and I don&#39;t just mean you have to get the thing you&#39;re shooting in the frame. Since I hit up this subtopic quite thoroughly in the video I won&#39;t spend much time on it here, but I can&#39;t help emphasize it a little. Virtually everything such as the camera equipment you&#39;ll need for the shoot, the location you select, perhaps the time of day and camera settings will depend largely on the subject. In addition, some research might also improve the composition of the photographs. It&#39;s like the examples I provided in the video. Skateboarders doing tricks might look better with a wide angle lens, flash and a large depth of field (DOF) to capture cool moves, while certain motocross shots will be more impressive with the background motion blurred and a smaller DOF.&lt;br /&gt;&lt;br /&gt;Preparation also fits into this realm. Since action photography can encompass many different types of subjects, consider creating a checklist so important details don&#39;t slip the mind (especially if you&#39;re shooting for money). Be mindful if shooting at various events where a permit or permission might be required to photograph. Although laws differ from place to place and I&#39;m no legal expert so I recommend you ask someone qualified, generally speaking if you&#39;re on private property then you usually need some sort of permission. In some cases it&#39;s clearly allowed and nothing written is required, whereas I&#39;ve read some articles stating that certain sporting stadiums only allow focal lengths below a certain value (e.g. 200mm or less) and in some cases you need to be a VIP with an ID tag dangling around your neck.&lt;br /&gt;&lt;br /&gt;&lt;b&gt;Setting the Shutter Speed and Camera Modes&lt;/b&gt;&lt;br /&gt;In most action photography scenarios, the shutter speed is key to making the shot work. For example, if you need a very high shutter speed to completely freeze the action, then you&#39;ll likely be looking at something around 1/1000 of a second (I have visions of a speed boat race in my head with rooster tails flying out the back). If your camera is set to auto mode, the results will likely be unpredictable; simply said the camera will decide what shutter speed and aperture to use (I&#39;ll discuss sensitivity/ISO in a moment). So in some cases the action might be nicely frozen, but in others (perhaps due to lighting conditions) the detail might be blurred as the cam decides to slow the shutter in order to get the right exposure. Aperture priority may not be much help either (although it&#39;s worth mentioning that this mode might very well work for many cases, except in places where a very particular shutter speed is required or desired). Sure, you could open the lens as wide as it&#39;ll go, which would deliver more light to the sensor and help increase the shutter speed, but your DOF may be too small to your liking.&lt;br /&gt;&lt;br /&gt;So this is where shutter priority and full manual mode come into play. Let&#39;s examine some of the pros and cons to these modes:&lt;br /&gt;&lt;br /&gt;&lt;b&gt;Shutter Priority - Pros&lt;/b&gt;&lt;br /&gt;&lt;ul&gt;&lt;li&gt;You can set the shutter speed to almost anywhere you want&lt;/li&gt;&lt;li&gt;Camera will decide on using the appropriate aperture to get the right exposure&lt;/li&gt;&lt;/ul&gt;&lt;b&gt;Shutter Priority - Cons&lt;/b&gt;&lt;br /&gt;&lt;ul&gt;&lt;li&gt;Depending on the shutter speed set, the camera may not be able to produce a good exposure (e.g. aperture may not be adjustable to where needed; a shutter speed of 1/8000 may need the lens opened wider than it can go, thus underexposure results)&lt;/li&gt;&lt;li&gt;DOF might not be what you would like it to be as the camera manipulates the aperture&lt;/li&gt;&lt;/ul&gt;&lt;b&gt;Manual Mode - Pros&lt;/b&gt;&lt;br /&gt;&lt;ul&gt;&lt;li&gt;You are the master; you can basically adjust any setting to wherever you want on the camera&lt;/li&gt;&lt;li&gt;Excellent for specialized cases such as fireworks&lt;/li&gt;&lt;/ul&gt;&lt;b&gt;Manual Mode - Cons&lt;/b&gt;&lt;br /&gt;&lt;ul&gt;&lt;li&gt;To confirm exposure, either test shots must be taken or a light meter has to be used; one is a bit slow to setup and not everyone has a light meter&lt;/li&gt;&lt;li&gt;If sudden changes in lighting conditions occur, then the exposure settings need to be adjusted. Think of a cloudy sky and shooting that boat race. Everything might be ok when the sun is out, but when clouds obscure the sun, the drop in light intensity will likely result in an underexposed photo.&lt;/li&gt;&lt;li&gt;Might be tricky to setup if a novice&lt;/li&gt;&lt;/ul&gt;&lt;div&gt;The choice between shutter priority and manual mode must be made by you. As much as I&#39;d love to suggest something, the problem is that everything from the type of subject you&#39;re shooting, to lighting conditions and even personal preferences must be considered; there are simply too many factors. But with what I&#39;ve presented and some further research and experimentation on your own, I have a feeling you&#39;ll start to get a feel for it (seriously, experiment lots!).&lt;/div&gt;&lt;div&gt;&lt;br /&gt;&lt;/div&gt;&lt;div&gt;Now I&#39;d like to discuss sensitivity as it plays a significant part in getting the correct exposure. As with some other settings on your camera, you can leave ISO at automatic or set it yourself. Leaving it at auto means that the camera will decide when the sensitivity needs changing. There are some trains of thought on this as with anything, so I&#39;d recommend that you again experiment and discover how your camera behaves. Personally, I tend to set it myself, as I usually go for keeping the noise as low as possible. On the other hand, leaving it at auto may give you some extra flexibility. For example, if you&#39;re shooting in shutter priority mode, then the camera could set both the aperture and ISO to get the right exposure; this may overcome certain cases where an adjustment to aperture alone isn&#39;t enough (Think back to the example in the cons section of shutter priority. If the lens cannot be opened any wider then the ISO could be increased, perhaps making the sensor sensitive enough to light to get a good exposure at 1/8000 of a second).&lt;/div&gt;&lt;br /&gt;&lt;b&gt;It&#39;s in the Skills&lt;/b&gt;&lt;br /&gt;Having the right equipment and being able to push some buttons on the camera are only small parts to being an effective action photographer. In my opinion, the ability to &quot;feel&quot; the shot is another significant issue. In other words, the skill of the photographer to nail the composition of the shot and be able to anticipate what would work in regard to factors such as lighting, background and time (i.e. getting the right moment(s) to capture the images), amongst other things is key. I&#39;m the type of person to believe that some people have a natural ability to do this, while others can learn and hone their skills by practicing often. To at least provide something useful in this regard, I&#39;ve created a list below with a few things that might help you get started:&lt;br /&gt;&lt;br /&gt;&lt;ul&gt;&lt;li&gt;Practice panning the camera so you can follow subjects in motion. And don&#39;t just pan, take shots during the motion to get used to pressing the shutter button while doing this.&lt;/li&gt;&lt;li&gt;Sometimes it&#39;s convenient to shoot handheld versus using a tripod or monopod. Practice holding and taking shots with a large lens to get the feel for it, but keep in mind the focal length reciprocal rule, which works as follows. Let&#39;s take a 600mm lens, which in fractional terms is 600/1 (600 &quot;over&quot; 1). So the reciprocal would be 1/600... so to get a potentially blur free shot, use a shutter speed of at least 1/600 of a second. Of course you might need a faster or slower shutter speed in some cases, but it&#39;s a quick guideline to go by.&lt;/li&gt;&lt;li&gt;Try unusual angles and not just those from a high or low perspective, but consider banking or tilting the camera. Often you can better fill a frame with the subject and create more interesting shots with the horizon off-kilter.&lt;/li&gt;&lt;li&gt;If the possibility exists, experiment using a flash; either on your camera or remotely triggered in various locations.&lt;/li&gt;&lt;/ul&gt;&lt;div&gt;There would be so much more to write about, but I think I&#39;ll stop here and if anyone has questions or if I think of something useful, then I&#39;ll zero-in on that matter and create a new post.&lt;/div&gt;&lt;div&gt;&lt;br /&gt;&lt;/div&gt;&lt;div&gt;The next episode will be on time lapse photography as that topic had quite a few requests. L8r!&lt;/div&gt;&lt;br /&gt;&lt;b&gt;Web Resources&lt;/b&gt;&lt;br /&gt;&lt;a href=&quot;http://www.steephill.tv/photography/action-photography-tips.html&quot;&gt;http://www.steephill.tv/photography/action-photography-tips.html&lt;/a&gt;&lt;br /&gt;&lt;a href=&quot;http://photography.about.com/od/takingpictures/a/actionphoto.htm&quot;&gt;http://photography.about.com/od/takingpictures/a/actionphoto.htm&lt;/a&gt;&lt;br /&gt;&lt;a href=&quot;http://photo.net/learn/sports/overview&quot;&gt;http://photo.net/learn/sports/overview&lt;/a&gt;&lt;br /&gt;&lt;a href=&quot;http://www.digital-photography-school.com/aperture-and-shutter-priority-modes&quot;&gt;http://www.digital-photography-school.com/aperture-and-shutter-priority-modes&lt;/a&gt;</content><link rel='replies' type='application/atom+xml' href='http://binarygraphite.blogspot.com/feeds/5635485205172397259/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://binarygraphite.blogspot.com/2011/03/part-2-intro-to-action-photography.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/2670799581393776213/posts/default/5635485205172397259'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/2670799581393776213/posts/default/5635485205172397259'/><link rel='alternate' type='text/html' href='http://binarygraphite.blogspot.com/2011/03/part-2-intro-to-action-photography.html' title='Part 2: Intro to Action Photography - Photography with Imre - Episode 33'/><author><name>Imre Z. Balint</name><uri>http://www.blogger.com/profile/07274685498773765133</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-2670799581393776213.post-5643442379015015576</id><published>2011-02-27T15:45:00.001-07:00</published><updated>2011-02-27T15:46:22.310-07:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="behind the scenes"/><category scheme="http://www.blogger.com/atom/ns#" term="episodes"/><category scheme="http://www.blogger.com/atom/ns#" term="photography with imre"/><category scheme="http://www.blogger.com/atom/ns#" term="production"/><title type='text'>Anatomy of a &quot;Photography with Imre&quot; Episode</title><content type='html'>I thought I&#39;d write a &quot;behind the scenes&quot; post as I&#39;ve had some viewers ask various questions about how I produce my &lt;a href=&quot;http://www.youtube.com/user/binarygraphite&quot;&gt;&quot;Photography with Imre&quot; episodes&lt;/a&gt;; things like what camera I shoot with, software I use to edit the footage and how long it takes me to create a show. Now I&#39;ve answered those questions directly, but I think it would be more fun to go through the whole process. In general I stick quite closely to the order of steps presented below, although sometimes I break the rules if the situation merits it.&lt;br /&gt;&lt;br /&gt;&lt;b&gt;Hmm... ok! I think I&#39;ve got it!&lt;/b&gt;&lt;br /&gt;It almost goes without saying but the topic of the episode comes first. When I started my photography series I went straight for the basics; aperture, shutter speed and sensitivity. As time continued the choice of topics became more difficult to select and not because I was running out of them, but rather the contrary. I find that the more you learn, explore and poke and prod, the more there is to discover. As of writing, my most recent episode was about &lt;a href=&quot;http://www.youtube.com/watch?v=vUd77mZgr1Y&quot;&gt;action photography&lt;/a&gt;. Although I feel it&#39;s a good primer for those interested in the topic, virtually each and every subject under this umbrella could be further investigated. For example, photographing aircraft, fireworks and a basketball game could all be considered to be in the realm of action, but each subject has very different needs in regard to camera settings, human skill set needed (e.g. panning ability, good feel for composition on the fly, reflexes) and equipment requirements.&lt;br /&gt;&lt;br /&gt;I can also add that more commonly you wonderful viewers and fans out there are making the topic of choice easier through your suggestions and interactions on my various webpages. Keep&#39;em coming and I&#39;ll try keeping up!&lt;br /&gt;&lt;br /&gt;&lt;b&gt;Research, Research and More Research&lt;/b&gt;&lt;br /&gt;Once the topic for the next episode is selected, I begin the hunt for data and information. Although I might have a good understanding of certain subjects, I&#39;ve come to recognize two major patterns that frequently develop. The first is fairly evident in that certain types of information enlighten me on something I did not know, thus I can include such details in the video. But surprisingly often, the flow of the episode, or how/in what order I present the goods are changed. A couple of examples of this are the &lt;a href=&quot;http://www.youtube.com/watch?v=-8_SWJ_anAQ&quot;&gt;white balance&lt;/a&gt;&amp;nbsp;(WB) and &lt;a href=&quot;http://www.youtube.com/watch?v=X6yjMqDCp0s&quot;&gt;polarizing filters&lt;/a&gt; episodes. Even though I had a good understanding of WB and the Kelvin temperature scale, the black body radiator was both new and fascinating to me. As such I started off the episode with it instead of getting right into WB settings and when they should be used. Pretty much the same goes for the polarizing filters show. At first I wanted to present the effect the filter has and when they could be used, but I started with an explanation of how they work.&lt;br /&gt;&lt;br /&gt;Almost all of the materials I examine also end up in the &quot;Web Resources&quot; section of my supplemental blog posts. Some topics are far to vast to cover in great detail in a single episode, and some information is really cool but just isn&#39;t necessarily that important. So, those people interested in finding out more can peruse through those pages. Anything else that I usually add is from memory; having learned something ages ago from books/magazines or speaking with other photographers.&lt;br /&gt;&lt;br /&gt;&lt;b&gt;The Script&lt;/b&gt;&lt;br /&gt;The first few episodes I created were not scripted; just thought through and winged. Looking back, I wish I had taken it a little more seriously, but then again, I never imagined I&#39;d have over 1,100 subscribers and YouTube would ever make me a partner. But as I started to gain more viewers and topics became more challenging to discuss (and to reduce errors), scripting each show has become a standard.&lt;br /&gt;&lt;br /&gt;As with most styles of writing, I begin by creating a quick outline that allows me to see the overall flow of the episode; intro, topics to cover in order, ending. In addition, this begin a more recent development, I consider the style and personality the show will take on. Notably, in my &lt;a href=&quot;http://www.youtube.com/watch?v=KYPd5k2hW78&quot;&gt;HDRI episode&lt;/a&gt; I went to the Calgary Zoo to both capture the stills and the video, same idea for the &lt;a href=&quot;http://www.youtube.com/watch?v=qS7hDAswjdg&quot;&gt;IR program&lt;/a&gt; where I went to a lake, my &lt;a href=&quot;http://www.youtube.com/watch?v=dXNHDy-QEs8&quot;&gt;astrophotography show&lt;/a&gt; took place in space (Okay! Cartoon space!) and the &lt;a href=&quot;http://www.youtube.com/watch?v=vUd77mZgr1Y&quot;&gt;action photography video&lt;/a&gt; was done in a semi-comic book style, which also introduced another series I&#39;m working on. It takes me roughly a day to write one up start to finish.&lt;br /&gt;&lt;br /&gt;I could present my videos in a very methodical and lecture like manner, but for one, I believe that more entertaining programs help people enjoy the show and even learn better. Perhaps it&#39;s not true for everyone, but during my university days I certainly had a lot more fun and better experiences in classes where the instructor was energetic, engaging and had a sensor of humor. And two, I love to do creative things --used to make 2D/3D animation work for corporate videos and television many years ago-- so this gives me a nice way to express myself and exercise the brain matter.&lt;br /&gt;&lt;br /&gt;&lt;div style=&quot;margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;&quot;&gt;&lt;b&gt;Do you hear me now?&lt;/b&gt;&lt;/div&gt;&lt;div style=&quot;margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;&quot;&gt;One of the first things I do after writing the script is record the voice over or narration. In most cases, the video, graphics and even animations are timed in accordance with the text, so indeed, without having the audio to begin with could pose quite the challenge.&lt;/div&gt;&lt;div style=&quot;margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;&quot;&gt;&lt;br /&gt;&lt;/div&gt;&lt;div style=&quot;margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;&quot;&gt;My microphone of choice is the Olympus LS-10 (yes I know, I have a lot of Olympus things) and I use Adobe Soundbooth CS4 for editing, mainly to delete dead air between paragraphs, put segments together and maximize the volume. This whole process takes me around twenty to thirty minutes.&lt;/div&gt;&lt;br /&gt;&lt;b&gt;And... Action!&lt;/b&gt;&lt;br /&gt;The script for me is like a screenplay. Once I have that done I can begin shooting the photographs and footage needed for the episode; in some cases I already have pics to use, so I just browse through my collection and copy the ones I want into my episode project folder. Many of my vids also have various diagrams, graphics and animation to help explain the subject matter, so these too are created. I tend to favor Photoshop for editing my shots, Flash CS4 Professional for 2D animation, and a combination of Photoshop and Flash for the graphics work.&lt;br /&gt;&lt;br /&gt;I currently use my little Olympus E-P2 to shoot the video, generally with the kit lens, but for the first few episodes I employed the Casio EX-F1 (which I still use on rare occasions). Since many videos are just shot in my bedroom (don&#39;t get any ideas!) the window and&amp;nbsp;fluorescent&amp;nbsp;bulbs in the room provide enough light. However, if more is needed then I&#39;ll use my studio hot-light that has three 5000K fluorescent bulbs.&lt;br /&gt;&lt;br /&gt;This portion of production by far takes the longest time period to overcome. Episodes mostly comprised of video take the least time, as I simply shot and edit; let&#39;s a few hours. On the other hand, graphics and animation heavy shows can often take me two to five days to complete.&lt;br /&gt;&lt;br /&gt;&lt;b&gt;We&#39;ll fix it in post.&lt;/b&gt;&lt;br /&gt;Let&#39;s see... Audio recorded? Check. Video shot? Check. Graphics, animations, etc. done? Check! All that&#39;s left to do is mash the digital goodness together so it forms a nice cohesive program. Adobe Premiere is the editor I use. Not only do I use it to transition between clips, but frequently for simple animations too. In the&amp;nbsp;&lt;a href=&quot;http://www.youtube.com/watch?v=vUd77mZgr1Y&quot;&gt;action photography episode&lt;/a&gt;, the backgrounds and Richard Steel were high resolution images, which allowed me to scale them to various sizes and shift them around in order to give the appearance of movement. Combined with a few other effects like directional blur and fading, some simple, quick and nifty effects can be produced. I render out to 720P HD video and until recently I stuck with the WMV format, but from episode 33 onwards I&#39;ll be using H.264; much better quality and the video goes live much faster on YouTube. Total editing time usually runs me four to eight hours depending on how complex the show is.&lt;br /&gt;&lt;br /&gt;&lt;b&gt;That&#39;s a wrap!&lt;/b&gt;&lt;br /&gt;Once the video is uploaded I can sit back and relax until I produce the next show. One of these days when I manage to steal some free time, I&#39;ll tune my skills up with After Effects. I have a feeling that some of its features could speed up a process or two, especially since I&#39;m getting into more graphics heavy episodes and potentially a music video or two.&lt;br /&gt;&lt;br /&gt;Well off I run for now. Later in the first week of March I should hopefully get started on the supplemental post to action photography and shortly after that I&#39;ll be planning out the episode on time lapse photography. L8r!</content><link rel='replies' type='application/atom+xml' href='http://binarygraphite.blogspot.com/feeds/5643442379015015576/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://binarygraphite.blogspot.com/2011/02/anatomy-of-photography-with-imre.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/2670799581393776213/posts/default/5643442379015015576'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/2670799581393776213/posts/default/5643442379015015576'/><link rel='alternate' type='text/html' href='http://binarygraphite.blogspot.com/2011/02/anatomy-of-photography-with-imre.html' title='Anatomy of a &quot;Photography with Imre&quot; Episode'/><author><name>Imre Z. Balint</name><uri>http://www.blogger.com/profile/07274685498773765133</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><thr:total>0</thr:total></entry></feed>