<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Daggle &#187; Flickr</title>
	<atom:link href="http://daggle.com/category/flickr/feed" rel="self" type="application/rss+xml" />
	<link>http://daggle.com</link>
	<description>Danny Sullivan&#039;s Personal Blog</description>
	<lastBuildDate>Fri, 18 May 2012 23:12:18 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.2.1</generator>
		<item>
		<title>Flickr&#8217;s Big Fail On Creative Common&#8217;s Attribution Guidelines</title>
		<link>http://daggle.com/flickr-fail-on-creative-commons-attribution-691</link>
		<comments>http://daggle.com/flickr-fail-on-creative-commons-attribution-691#comments</comments>
		<pubDate>Mon, 01 Jun 2009 04:06:29 +0000</pubDate>
		<dc:creator>Danny Sullivan</dc:creator>
				<category><![CDATA[Flickr]]></category>
		<category><![CDATA[Internet]]></category>

		<guid isPermaLink="false">http://daggle.com/?p=691</guid>
		<description><![CDATA[Creative Commons is supposed to be this great way for people to license out their works to others. But it&#8217;s annoyed me for ages how lame it is in practice, when it comes to Flickr. Let&#8217;s say I want a picture of a car to use on my commercial blog. Using the Flickr Advanced Search [...]]]></description>
			<content:encoded><![CDATA[<p></p><p>Creative Commons is supposed to be this great way for people to license out their works to others. But it&#8217;s annoyed me for ages how lame it is in practice, when it comes to <a href="http://www.flickr.com/">Flickr</a>.</p>
<p>Let&#8217;s say I want a picture of a car to use on my commercial blog. Using the <a href="http://www.flickr.com/search/advanced/">Flickr Advanced Search</a> page, I enter &#8220;car&#8221; and select the &#8220;Only search within Creative Commons-licensed content&#8221; and tick the &#8220;Find content to use commercially&#8221; option:</p>
<p><a title="Flickr's Creative Commons Search by dannysullivan, on Flickr" href="http://www.flickr.com/photos/dannysullivan/3583586931/"><img src="http://farm3.static.flickr.com/2483/3583586931_57cbb51e0b.jpg" alt="Flickr's Creative Commons Search" width="500" height="109" /></a></p>
<p>In the results, I find this really cool picture of an old Desoto:</p>
<p><a title="Finding Attribution Info On Flickr by dannysullivan, on Flickr" href="http://www.flickr.com/photos/dannysullivan/3583587279/"><img src="http://farm3.static.flickr.com/2461/3583587279_60733d0cfd.jpg" alt="Finding Attribution Info On Flickr" width="500" height="460" /></a></p>
<p>Notice the big red arrow pointing to the description. There&#8217;s nothing here that tells me how this work is licensed or how to attribute it.</p>
<p>Well, elsewhere on the photo&#8217;s <a href="http://www.flickr.com/photos/drown/218784366/">page</a> at Flickr is this:</p>
<p><a title="Flickr's CC Attribution Link by dannysullivan, on Flickr" href="http://www.flickr.com/photos/dannysullivan/3583587341/"><img src="http://farm4.static.flickr.com/3621/3583587341_9a0822ba21_o.jpg" alt="Flickr's CC Attribution Link" width="183" height="51" /></a></p>
<p>Now, I can&#8217;t even read those icons, much less know what they&#8217;re supposed to mean at a glance. But that&#8217;s OK, because it&#8217;s fairly obvious that the &#8220;Some rights reserved&#8221; text is a link that might tell me more. So I click on it, getting this <a href="http://creativecommons.org/licenses/by-sa/2.0/deed.en">page</a>:</p>
<p><a title="Creative Common's Licenese by dannysullivan, on Flickr" href="http://www.flickr.com/photos/dannysullivan/3583587751/"><img src="http://farm4.static.flickr.com/3326/3583587751_971db67209.jpg" alt="Creative Common's Licenese" width="500" height="392" /></a></p>
<p>Well, kumbaya! Look at that feel-good stamp. &#8220;Approved For Free Cultural Works.&#8221; I feel so collectively good. This kind soul is saying anyone can use their photo using this license, as long as:</p>
<blockquote><p>You attribute the work in the manner specified by the author or licensor (but not in any way that suggests that they endorse you or your use of the work).</p>
</blockquote>
<p>Um, so where&#8217;s the attribution manner &#8220;specified&#8221; on that photo? Remember me pointing at the picture description? There was no &#8220;manner&#8221; of attribution indicated there. Am I supposed to:</p>
<ul>
<li>List the URL where I got the picture from in text (say if I use on a slide)</li>
<li>Link to the URL of the photo page (if I use online)</li>
<li>Use the photographer&#8217;s Flickr name (if I use online or elsewhere)</li>
<li>Use the photographer&#8217;s real name (assuming I can figure it out; that&#8217;s not always easy)</li>
<li>Assume since no attribution was specified, no attribution is required?</li>
</ul>
<p>I&#8217;ve seen the first four methods used, and I&#8217;m sure there are other variations people have come up with, since many CC licensed pictures under Share Alike fail to specify how they should be attributed (for instance, the first 10 &#8220;Share Alike&#8221; pictures I found in a <a href="http://www.flickr.com/search/?q=car&amp;l=comm&amp;ct=0&amp;adv=1">car</a> search at Flickr had no attribution info on their photo pages).</p>
<p>Even when you do get attribution, things aren&#8217;t always clear. For example, TechCrunch took heat today for using some images without attribution.</p>
<p>Mark Lobo wasn&#8217;t happy when TechCrunch used one of his images from <a href="http://www.flickr.com/photos/g205/441858611/">here</a> in this <a href="http://www.techcrunch.com/2009/05/29/the-walking-dead-yahoo-360-officially-closes-again/">story</a> without the specified attribution (<a href="http://www.marklobo.com.au/">Mark Lobo Photography</a>):</p>
<p><a title="Zombies Attribution Request by dannysullivan, on Flickr" href="http://www.flickr.com/photos/dannysullivan/3583588023/"><img src="http://farm3.static.flickr.com/2479/3583588023_4d83e5ca70.jpg" alt="Zombies Attribution Request" width="500" height="450" /></a></p>
<p>See how I&#8217;ve pointed to his attribution guidelines? Pretty straight-forward, right? Well, did Mark just want that exact text used, or did he also want to have a link to his site with that exact text? Are the rules different if used in an offline manner, where no link could be provided?</p>
<p>After some tweets, a credit was added, which seems to have made Mark happy, even though the attribution doesn&#8217;t match what he specified:</p>
<p><a title="Photo Credit At TechCrunch by dannysullivan, on Flickr" href="http://www.flickr.com/photos/dannysullivan/3584395276/"><img src="http://farm4.static.flickr.com/3565/3584395276_ebdc6bf4b5_o.jpg" alt="Photo Credit At TechCrunch" width="238" height="36" /></a></p>
<p>The TechCrunch link says only &#8220;Mark Lobo,&#8221; not &#8220;Mark Logo Photography,&#8221; and it points to the photo page on Flickr, rather than Mark&#8217;s photography site of http://www.marklobo.com.au/, which he specifiies.</p>
<p>TechCrunch is also a commerical site, and the picture was originally licensed for non-commercial work. But it&#8217;s pretty clear from Mark&#8217;s <a href="http://twitter.com/MarkLobo/status/1986924113">tweet</a> that he&#8217;s good with the usage now. Still, you can see how things can be confusing.</p>
<p>Here&#8217;s another example where even with detailed information, things can still be confusing. Michael Gray <a href="http://twitter.com/graywolf/status/1985080941">called</a> TechCrunch out on another <a href="http://www.flickr.com/photos/cubicleman/393788467/">photo</a> used without attribution in this <a href="http://www.techcrunch.com/2009/04/01/comcasts-ondemand-reaches-11-billion-views-nearly-twice-the-number-of-itunes-music-downloads/">story</a>.</p>
<p>In the picture&#8217;s description, it says simply &#8220;comcast van.&#8221; Underneath it, the first comment is from the photographer, who&#8217;s quite detailed and flexible in his attribution request:</p>
<blockquote><p>I&#8217;ve presented it here under a Creative Commons license.  You can use it but you need to present a photo credit and shouldn&#8217;t go photoshopping it into something else or use it to sell something.</p>
<p>The attribution can simply be a text photo credit that is a hyperlink back here &#8211; that&#8217;s what Gawker Media sites do for the pictures they use from their flickr pools.</p>
</blockquote>
<p>TechCrunch (I guess eventually) went with naming him and a link back to the photo. But the &#8220;attribution can be&#8221; part of his guidelines implies that attribution could be something else.</p>
<p>Flickr&#8217;s a major place where people seek Creative Common images. It shouldn&#8217;t be guesswork to figure out where attribution guidelines are (in the description? in the comments?). Both photographers and publishers wanting to use their works need Flickr to help expand what are proper, standard guidelines for attribution.</p>
<p>That brings me to the big uproar over the Obama White House photos that went up on Flickr with a licensing description that caused some people to think they weren&#8217;t in the public domain. They always were in the public domain &#8212; it was just that Flickr <a href="http://www.readwriteweb.com/archives/why_obamas_flickr_photos_arent_in_the_public_domai.php">didn&#8217;t have</a> the right type of licensing option to show this when they were uploaded. But having the wrong license didn&#8217;t somehow pull them out of the public domain. It just gave some people the wrong impression they weren&#8217;t public.</p>
<p>That&#8217;s all fixed now. Flickr&#8217;s got a US Government Works license that <a href="http://www.wired.com/epicenter/2009/05/flickr-creates-new-license-for-white-house-photos/">now shows up</a>. Meanwhile, over at the White House, they&#8217;re using Creative Commons to cover material that the public shares with them. The White House copyright page <a href="http://www.whitehouse.gov/copyright/">tells you</a>:</p>
<p style="padding-left: 30px;">Except where otherwise noted, third-party content on this site is licensed under a <a class="thickbox external" rel="license" href="http://www.whitehouse.gov/copyright/#TB_inline?height=220&amp;width=370&amp;inlineId=tb_external">Creative Commons Attribution 3.0 License</a>. Visitors to this website agree to grant a non-exclusive, irrevocable, royalty-free license to the rest of the world for their submissions to <a rel="cc:attributionURL" href="http://www.whitehouse.gov/">Whitehouse.gov</a> under the <a class="thickbox external" rel="license" href="http://www.whitehouse.gov/copyright/#TB_inline?height=220&amp;width=370&amp;inlineId=tb_external">Creative Commons Attribution 3.0 License</a>.</p>
<p>Click on that license, and you&#8217;re told:</p>
<p><a title="White House Creative Common's Licenese by dannysullivan, on Flickr" href="http://www.flickr.com/photos/dannysullivan/3584404062/"><img src="http://farm4.static.flickr.com/3344/3584404062_e8f3545bdd.jpg" alt="White House Creative Common's Licenese" width="500" height="345" /></a></p>
<p>Cool! The White House has some specific info on their license that I wish Flickr photos could have. How&#8217;d they do that?</p>
<p>Well, hit the <a href="http://creativecommons.org/">Creative Commons site</a>, and you&#8217;ll see that if you make a license there, it allows you to embed specific attribution information into your license:</p>
<p><a title="Creative Common Attribution Options by dannysullivan, on Flickr" href="http://www.flickr.com/photos/dannysullivan/3583597789/"><img src="http://farm4.static.flickr.com/3322/3583597789_a086aa8976.jpg" alt="Creative Common Attribution Options" width="500" height="299" /></a></p>
<p>Flickr should tap into this. It should prompt you to add that type of information into a unique license for each photo, perhaps pre-populating the license with information you can fill out once (say your name, your web site and so on).</p>
<p>Still, you can see there are further issues. It&#8217;s great that the White House says shared images can be reused with attribution by linking to the White House. But what if you&#8217;re using the image offline? Is text enough? I&#8217;m guessing so, but it probably should say.</p>
]]></content:encoded>
			<wfw:commentRss>http://daggle.com/flickr-fail-on-creative-commons-attribution-691/feed</wfw:commentRss>
		<slash:comments>21</slash:comments>
		</item>
		<item>
		<title>Adding A Flickr Photo Stream To My Blog</title>
		<link>http://daggle.com/adding-a-flickr-photo-stream-to-my-blog-183</link>
		<comments>http://daggle.com/adding-a-flickr-photo-stream-to-my-blog-183#comments</comments>
		<pubDate>Sat, 02 Sep 2006 12:13:43 +0000</pubDate>
		<dc:creator>Danny Sullivan</dc:creator>
				<category><![CDATA[Flickr]]></category>
		<category><![CDATA[Internet]]></category>
		<category><![CDATA[Photos]]></category>

		<guid isPermaLink="false">http://daggle.com/wordpress/?p=183</guid>
		<description><![CDATA[.flickr_badge_image {text-align:center !important;} .flickr_badge_image img {border: 1px solid black !important;} When I first launched my personal blog, I meant to have a few photos at the top rotating in. I didn&#8217;t use Flickr then, nor did I ever get photos in place by uploading them to my own server. I finally got picturelicious tonight, thanks [...]]]></description>
			<content:encoded><![CDATA[<p></p><style type="text/css">
.flickr_badge_image {text-align:center !important;}
.flickr_badge_image img {border: 1px solid black !important;}
</style>
<table cellpadding="0" cellspacing="10" border="0" id="flickr_badge_wrapper">
<tr>
<td>
<script type="text/javascript" src="http://www.flickr.com/badge_code_v2.gne?count=5&#038;display=random&#038;size=s&#038;layout=h&#038;source=user_tag&#038;user=26286356%40N00&#038;tag=photostream"></script></p>
<td>
</tr>
</table>
<p>When I first <a href="http://daggle.com/050219-201400.html">launched</a> my<br />
personal blog, I meant to have a few photos at the top<br />
rotating in. I didn&#8217;t use Flickr then, nor did I ever get photos in place by<br />
uploading them to my own server.  I finally got picturelicious tonight,<br />
thanks to Chris Person&#8217;s great tutorial,<br />
<a href="http://www.pearsonified.com/2006/03/how_to_add_a_styled_flickr_pho.php"><br />
Add a Styled Flickr Photo Stream to Your Blog</a>.</p>
<p>I came across his guide when I was looking for some new designs for my blog<br />
here and for the <a href="http://dailysearchcast.com/">Daily SearchCast</a>,<br />
plus a few other little projects I&#8217;m doing. I thought of blogs with looks I<br />
liked, and Aaron&#8217;s <a href="http://www.seobook.com/">SEO Book</a> was one of<br />
them. Chris did Aaron&#8217;s blog, I <a href="http://www.seobook.com/about.shtml"><br />
learned</a>, so I headed over to <a href="http://www.pearsonified.com/">Chris&#8217;s<br />
place</a> and found the tutorial.</p>
<p>Here are a few tips from my experience tonight, if you decide to dive in.</p>
<p><span id="more-183"></span></p>
<p>In Step 2, Chris tells you to get your Flickr badge using a link that&#8217;s<br />
pretty prominent in the screenshot he shows. That link seems to have done in the<br />
wake of Flickr&#8217;s &quot;gamma&quot; redesign in<br />
<a href="http://blog.flickr.com/flickrblog/2006/05/alpha_beta_gamm.html">May</a>.</p>
<p>Hunting through the help files, I finally found the<br />
<a href="http://flickr.com/badge_new.gne">Flickr Badge</a> page. Then I<br />
continued on with his steps. When I got to the style part, it sort of freaked me<br />
out, even with him simplifying stuff. Part of the problem is that Flickr throws<br />
a bunch of styles at you that actually are commented out and not used, as best I<br />
can tell. You can use them, if you<br />
know what to do. If you don&#8217;t, it&#8217;s just scary crud.</p>
<p>I&#8217;ll get back to that, but I found myself more interested in the process of<br />
choosing what to feed to the stream than styling it up. Using the badge maker,<br />
you can decide to show ALL your public photos, just some that are tagged in<br />
certain categories or those from a specific set.</p>
<p>At first, I just grabbed photos from my<br />
<a href="http://flickr.com/photos/dannysullivan/sets/72157594233413316/">SES San<br />
Jose 2006 set</a>. Then I wanted more. I didn&#8217;t want all my public photos,<br />
however. Some of them are pictures I&#8217;ve put up to illustrate things, rather than<br />
fun ones of people. As a solution, I created a new tag:<br />
<a href="http://flickr.com/photos/dannysullivan/tags/photostream/">photostream</a>.<br />
Anything I thought would be cool to show in my photostream got tagged this way.<br />
Flickr&#8217;s rocking Organize feature that <a href="http://www.davidnaylor.co.uk/"><br />
Dave Naylor</a> turned me on to made it easy to quickly add this tag to a bunch<br />
of my photos.</p>
<p>Down the line, this also means it&#8217;s possible to easily make photo streams for<br />
different pages. Next time I do a post on a topic where I also have a lot of<br />
photos, I&#8217;ll create a stream just for pictures tagged with that topic.</p>
<p>When you make the stream, Flickr lets you choose 1, 3, 5 or 10 pictures.<br />
Well, I wanted 7. No problem. It was pretty easy to figure out the coding.<br />
You&#8217;ve got one key line like this, which I&#8217;ve broken into the key elements.</p>
<blockquote>
<p>http://www.flickr.com/badge_code_v2.gne?<br />
count=7<br />
&amp;display=random<br />
&amp;size=s<br />
&amp;layout=h<br />
&amp;source=user_tag<br />
&amp;user=26286356%40N00<br />
&amp;tag=photostream</p>
</blockquote>
<p>I used the badge maker to generate it initially with 5 photos, then I changed<br />
the number next to count= to 7, and that was it. It doesn&#8217;t look like you can<br />
have more than 10 pictures, but by changing the number, you should be able to<br />
get whatever count you want between 1 and 10.</p>
<p>I originally went with thumbnails, like this:</p>
<style type="text/css">
.flickr_badge_image img {border: 1px solid black !important;}
</style>
<table cellpadding="0" cellspacing="10" border="0" id="flickr_badge_wrapper">
<tr>
<td>
<script type="text/javascript" src="http://www.flickr.com/badge_code_v2.gne?count=5&#038;display=random&#038;size=t&#038;layout=h&#038;source=user_tag&#038;user=26286356%40N00&#038;tag=photostream"></script></p>
<td>
</tr>
</table>
<p>Then I changed my mind. The problem was that it looked great when everything<br />
was horizontal. But the vertical pictures made it hard to fit neatly alongside<br />
my logo (if you don&#8217;t see any, try refreshing this page. Pictures are randomly<br />
selected each time).</p>
<p>That&#8217;s why I shifted over to a square display. It made everything nice and<br />
neat (Frank Gruber at <a href="http://www.somewhatfrank.com/">Somewhat Frank</a> does<br />
this as well &#8212; another site with a nice design I like, especially that big fat<br />
feed icon and subscribe box in the right-hand corner).</p>
<p>Of course, what would be great is if Flickr had a way to let me quickly sort<br />
and only show horizontal photos automatically. Looking quickly, I didn&#8217;t seen an<br />
option to do this. Moreover, the batch editing in the Organizer makes everything<br />
into squares. It&#8217;s impossible to use that to quickly remove any vertical pics out<br />
of your photostream. Here&#8217;s wishing for the feature in the future.</p>
<p>The last step of the badge maker lets you do some customization of the box<br />
holding your pictures. Annoyingly, you can&#8217;t drop the Flickr logo as part of<br />
this. Hey, I went Pro. Don&#8217;t make me have to remove it manually!</p>
<p>OK, so you have to. It&#8217;s pretty easy. In fact, like Chris (but far less<br />
skillfully and knowledgably), I dumped a ton of the crud coming out of the<br />
generator.</p>
<p>The pictures in this post above basically rely on this old fashioned table<br />
and one style element:</p>
<pre><font size="1">&lt;style type=&quot;text/css&quot;&gt;
.flickr_badge_image img {border: 1px solid black !important;}
&lt;/style&gt;
&lt;table cellpadding=&quot;0&quot; cellspacing=&quot;10&quot; border=&quot;0&quot; id=&quot;flickr_badge_wrapper&quot;&gt;
&lt;tr&gt;
&lt;td&gt;
&lt;script type=&quot;text/javascript&quot; src=&quot;http://www.flickr.com/badge_code_v2.gne?
count=5&amp;display=random&amp;size=t&amp;layout=h&amp;source=user_tag&amp;user=26286356%40N00
&amp;tag=photostream&quot;&gt;&lt;/script&gt;
&lt;td&gt;
&lt;/tr&gt;
&lt;/table&gt;</font></pre>
<p>Maybe there&#8217;s more that could go, and yes yes, I know I should<br />
be making tableless tables with CSS. CSS rocks. It awesome. And someday, I&#8217;ll<br />
have time to play with it more. Until then, I&#8217;ll hire Chris &#8212; if he wasn&#8217;t so<br />
damn busy!</p>
]]></content:encoded>
			<wfw:commentRss>http://daggle.com/adding-a-flickr-photo-stream-to-my-blog-183/feed</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
	</channel>
</rss>

