<?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/"
	xmlns:georss="http://www.georss.org/georss" xmlns:geo="http://www.w3.org/2003/01/geo/wgs84_pos#" xmlns:media="http://search.yahoo.com/mrss/"
	>

<channel>
	<title>FluteBrarian</title>
	<atom:link href="http://flutebrarian.wordpress.com/feed/" rel="self" type="application/rss+xml" />
	<link>http://flutebrarian.wordpress.com</link>
	<description>Librarian by day; flutist by night - and web design for variety</description>
	<lastBuildDate>Sun, 21 Apr 2013 01:21:19 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.com/</generator>
<cloud domain='flutebrarian.wordpress.com' port='80' path='/?rsscloud=notify' registerProcedure='' protocol='http-post' />
<image>
		<url>http://s2.wp.com/i/buttonw-com.png</url>
		<title>FluteBrarian</title>
		<link>http://flutebrarian.wordpress.com</link>
	</image>
	<atom:link rel="search" type="application/opensearchdescription+xml" href="http://flutebrarian.wordpress.com/osd.xml" title="FluteBrarian" />
	<atom:link rel='hub' href='http://flutebrarian.wordpress.com/?pushpress=hub'/>
		<item>
		<title>Publishing on Demand</title>
		<link>http://flutebrarian.wordpress.com/2013/04/17/publishing-on-demand/</link>
		<comments>http://flutebrarian.wordpress.com/2013/04/17/publishing-on-demand/#comments</comments>
		<pubDate>Thu, 18 Apr 2013 02:46:04 +0000</pubDate>
		<dc:creator>flutebrarian</dc:creator>
				<category><![CDATA[Librarianship]]></category>
		<category><![CDATA[Publishing]]></category>
		<category><![CDATA[historical society]]></category>
		<category><![CDATA[Oral history]]></category>
		<category><![CDATA[publish on demand]]></category>

		<guid isPermaLink="false">http://flutebrarian.wordpress.com/?p=109</guid>
		<description><![CDATA[It&#8217;s been quite a while since my last post and for good reason. I&#8217;ve entered into the world of self-publishing, or, publish-on-demand. I am president of our local historical society and as such was looking for a way to share some of the history of our community in a way that wouldn&#8217;t 1) break our [...]<img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=flutebrarian.wordpress.com&#038;blog=1378625&#038;post=109&#038;subd=flutebrarian&#038;ref=&#038;feed=1" width="1" height="1" />]]></description>
				<content:encoded><![CDATA[<p>It&#8217;s been quite a while since my last post and for good reason. I&#8217;ve entered into the world of self-publishing, or, publish-on-demand.</p>
<p>I am president of our local historical society and as such was looking for a way to share some of the history of our community in a way that wouldn&#8217;t 1) break our small and meager bank account, or 2) force us to find a dry place to store 1,000+ copies of something that might not sell very well.</p>
<p>So, as I was browsing the help screens at Amazon.com one day, I stumbled onto a related service called <a title="CreateSpace" href="http://createspace.com" target="_blank">CreateSpace</a>.</p>
<p>I had experience in laying out documents, indexing, and editing and fortunately, we have a top-notch graphics layout person on our board. So I found a suitable manuscript in our archives on the <a title="Alliance As I Knew It" href="https://www.createspace.com/3764004" target="_blank">reminiscences of someone who grew up in Alliance, Ohio in the late 1800s</a> and the project began.</p>
<p>CreateSpace has a variety of layouts and options available and templates to use in Microsoft Word. I added several photographs from the historical files to enhance the narration. The process of uploading the correct format of PDF (I didn&#8217;t even realize there was more than one!) was the biggest challenge but once that occurred, the rest of the process was easy.</p>
<p>I was able to order a proof copy before unleashing it to the public which really helped to see what the final product would look like. Another great feature was being able to order copies directly from CreateSpace for sale by our organization. We added a link to the CreateSpace store on our website and the title also became available through Amazon.com. This alleviated the need for us to mail copies to remote persons (I hate packaging things for the mail).</p>
<p>We had a big launch party and sold almost all our copies at that event. We have been able to order small shipments since then and sell them before ordering more. It was so much fun, I&#8217;ve just finished our second book &#8211; this time a local history cookbook. I&#8217;m waiting the approval of the project even as I type.</p>
<br />  <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/flutebrarian.wordpress.com/109/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/flutebrarian.wordpress.com/109/" /></a> <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=flutebrarian.wordpress.com&#038;blog=1378625&#038;post=109&#038;subd=flutebrarian&#038;ref=&#038;feed=1" width="1" height="1" />]]></content:encoded>
			<wfw:commentRss>http://flutebrarian.wordpress.com/2013/04/17/publishing-on-demand/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	
		<media:content url="http://1.gravatar.com/avatar/18ca6afd773e731cb5ccf017b768f110?s=96&#38;d=identicon&#38;r=G" medium="image">
			<media:title type="html">flutebrarian</media:title>
		</media:content>
	</item>
		<item>
		<title>BuzzBoost</title>
		<link>http://flutebrarian.wordpress.com/2011/05/25/buzzboost/</link>
		<comments>http://flutebrarian.wordpress.com/2011/05/25/buzzboost/#comments</comments>
		<pubDate>Thu, 26 May 2011 00:19:17 +0000</pubDate>
		<dc:creator>flutebrarian</dc:creator>
				<category><![CDATA[Web Design]]></category>
		<category><![CDATA[BuzzBoost]]></category>
		<category><![CDATA[Feedburner]]></category>
		<category><![CDATA[HTML]]></category>
		<category><![CDATA[rss feeds]]></category>
		<category><![CDATA[scripts]]></category>

		<guid isPermaLink="false">http://flutebrarian.wordpress.com/?p=106</guid>
		<description><![CDATA[A bizarre name to be sure, but it saved me a ton of work. The task at hand was to make an easy way for the golf group to post updates to their website for rain info, meetings, etc. without messing with the HTML and web pages on the site. I will be setting up [...]<img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=flutebrarian.wordpress.com&#038;blog=1378625&#038;post=106&#038;subd=flutebrarian&#038;ref=&#038;feed=1" width="1" height="1" />]]></description>
				<content:encoded><![CDATA[<p>A bizarre name to be sure, but it saved me a ton of work.</p>
<p>The task at hand was to make an easy way for the golf group to post updates to their website for rain info, meetings, etc. without messing with the HTML and web pages on the site. I will be setting up a blog for them but we wanted the info to go into the actual website and not make the members go to the blog for the info.</p>
<p>Google to the rescue (again).</p>
<p>I had heard of Feedburner but never thought I needed to use it. But I discovered that Google now owns Feedburner. Great! I didn&#8217;t need to register for yet another account on the web. So I logged in and added FluteBrarian to the feed list. After a little searching of the help files, I discovered a &#8220;publicize&#8221; tab and a service called BuzzBoost.</p>
<p>After filling out a few customization fields, my script code was generated and I was able to plug it directly into the HTML for the page. Couldn&#8217;t have been easier (unless I had discovered it sooner <img src='http://s1.wp.com/wp-includes/images/smilies/icon_wink.gif' alt=';)' class='wp-smiley' /> </p>
<br />  <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/flutebrarian.wordpress.com/106/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/flutebrarian.wordpress.com/106/" /></a> <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=flutebrarian.wordpress.com&#038;blog=1378625&#038;post=106&#038;subd=flutebrarian&#038;ref=&#038;feed=1" width="1" height="1" />]]></content:encoded>
			<wfw:commentRss>http://flutebrarian.wordpress.com/2011/05/25/buzzboost/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	
		<media:content url="http://1.gravatar.com/avatar/18ca6afd773e731cb5ccf017b768f110?s=96&#38;d=identicon&#38;r=G" medium="image">
			<media:title type="html">flutebrarian</media:title>
		</media:content>
	</item>
		<item>
		<title>Ahhh, Springtime&#8230;</title>
		<link>http://flutebrarian.wordpress.com/2011/05/19/ahhh-springtime/</link>
		<comments>http://flutebrarian.wordpress.com/2011/05/19/ahhh-springtime/#comments</comments>
		<pubDate>Thu, 19 May 2011 20:26:57 +0000</pubDate>
		<dc:creator>flutebrarian</dc:creator>
				<category><![CDATA[Web Design]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[JavaScript]]></category>
		<category><![CDATA[php]]></category>
		<category><![CDATA[programming]]></category>

		<guid isPermaLink="false">http://flutebrarian.wordpress.com/?p=104</guid>
		<description><![CDATA[Ahhh, Springtime. A time when a girl&#8217;s thoughts turn to &#8230; golf! I was recently contacted to create a website for a regional women&#8217;s golf club. Since I&#8217;m not one who has ever hit a golf ball beyond the mini-putt course, I went into student mode and learned all about handicaps, team play, and standing [...]<img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=flutebrarian.wordpress.com&#038;blog=1378625&#038;post=104&#038;subd=flutebrarian&#038;ref=&#038;feed=1" width="1" height="1" />]]></description>
				<content:encoded><![CDATA[<p>Ahhh, Springtime. A time when a girl&#8217;s thoughts turn to &#8230; golf!</p>
<p>I was recently contacted to create a website for a regional women&#8217;s golf club. Since I&#8217;m not one who has ever hit a golf ball beyond the mini-putt course, I went into student mode and learned all about handicaps, team play, and standing rules.</p>
<p>But even though I know very little about the game, I enjoy the beauty of the lush grass courses on which the game is played. How about rotating pictures of the various clubs in the league? They liked the idea.</p>
<p>I was thinking in terms of a small rotating gallery done with a JavaScript file I had used several times before. No, they&#8217;d rather have a full header for the page fading in and out of the various clubs.</p>
<p>Time to search for a new script.</p>
<p>At first I found a<a title="Random Rotating php Images" href="http://sonspring.com/journal/easy-random-css-backgrounds" target="_blank"> php script</a> that randomly changed the background image every time the page was refreshed or reloaded. This was a snap to put in place &#8211; download php, create image directory, put all images and php in this directory, point the CSS file to the script and you&#8217;re done. You can add and delete images without having to alter any code in the script, CSS, or HTML.</p>
<p>But it didn&#8217;t fade in and out. So back to the drawing board and this time a new JavaScript.</p>
<p>This time, I found an image cross fader from<a title="Image Cross Fader" href="http://slayeroffice.com/code/imageCrossFade/xfade2.html" target="_blank"> slayeroffice.com</a>. Although it wasn&#8217;t as straightforward as the php script, it was much more robust and the images fade in and out quite nicely. And changing the setTimeout value from 1000 to 5000 increased the fading time between images from 1 second to 5 seconds so one doesn&#8217;t get dizzy from the changing golf course images.</p>
<p>There are two CSS files and one JavaScript file to download. The images to be used are listed one after another in the HTML file where the fading images are to appear. So, there is more maintenance involved if the images are added or deleted.</p>
<p>But the client likes it, and that&#8217;s what counts.</p>
<br />  <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/flutebrarian.wordpress.com/104/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/flutebrarian.wordpress.com/104/" /></a> <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=flutebrarian.wordpress.com&#038;blog=1378625&#038;post=104&#038;subd=flutebrarian&#038;ref=&#038;feed=1" width="1" height="1" />]]></content:encoded>
			<wfw:commentRss>http://flutebrarian.wordpress.com/2011/05/19/ahhh-springtime/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	
		<media:content url="http://1.gravatar.com/avatar/18ca6afd773e731cb5ccf017b768f110?s=96&#38;d=identicon&#38;r=G" medium="image">
			<media:title type="html">flutebrarian</media:title>
		</media:content>
	</item>
		<item>
		<title>How to REALLY Experience Beethoven</title>
		<link>http://flutebrarian.wordpress.com/2011/02/13/how-to-really-experience-beethoven/</link>
		<comments>http://flutebrarian.wordpress.com/2011/02/13/how-to-really-experience-beethoven/#comments</comments>
		<pubDate>Sun, 13 Feb 2011 14:51:16 +0000</pubDate>
		<dc:creator>flutebrarian</dc:creator>
				<category><![CDATA[Music Performances]]></category>
		<category><![CDATA[music]]></category>
		<category><![CDATA[orchestra]]></category>

		<guid isPermaLink="false">http://flutebrarian.wordpress.com/?p=98</guid>
		<description><![CDATA[Last night the Tuscarawas Philharmonic performed Beethoven&#8217;s Ninth Symphony to a near capacity crowd. And I had the best seat in the house. You see, I am the principal flute and sit dead center in the orchestra. You have never experienced this monument of music unless you have participated in it. And with my location [...]<img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=flutebrarian.wordpress.com&#038;blog=1378625&#038;post=98&#038;subd=flutebrarian&#038;ref=&#038;feed=1" width="1" height="1" />]]></description>
				<content:encoded><![CDATA[<p>Last night the Tuscarawas Philharmonic performed Beethoven&#8217;s Ninth Symphony to a near capacity crowd.</p>
<p>And I had the best seat in the house. You see, I am the principal flute and sit dead center in the orchestra.</p>
<p>You have never experienced this monument of music unless you have participated in it. And with my location on stage, I had all the strings in front of me, the winds surrounding me, and the 140-voice chorus and soloists behind me. The result &#8211; incredible.</p>
<p>The quartet solo in the finale transferred me to another dimension, especially when Patty Boehm floated up to the high B so effortlessly. This was by far the best quartet that we have ever had perform with us.</p>
<p>So, chalk up another stupendous performance as part of our 75th anniversary season. Next year, Carmina Burana. Beethoven will have to wait another 5 years for our 80th year.</p>
<br />  <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/flutebrarian.wordpress.com/98/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/flutebrarian.wordpress.com/98/" /></a> <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=flutebrarian.wordpress.com&#038;blog=1378625&#038;post=98&#038;subd=flutebrarian&#038;ref=&#038;feed=1" width="1" height="1" />]]></content:encoded>
			<wfw:commentRss>http://flutebrarian.wordpress.com/2011/02/13/how-to-really-experience-beethoven/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	
		<media:content url="http://1.gravatar.com/avatar/18ca6afd773e731cb5ccf017b768f110?s=96&#38;d=identicon&#38;r=G" medium="image">
			<media:title type="html">flutebrarian</media:title>
		</media:content>
	</item>
		<item>
		<title>Why Not to Let Your Domain Name Expire</title>
		<link>http://flutebrarian.wordpress.com/2011/02/03/why-not-to-let-your-domain-name-expire/</link>
		<comments>http://flutebrarian.wordpress.com/2011/02/03/why-not-to-let-your-domain-name-expire/#comments</comments>
		<pubDate>Fri, 04 Feb 2011 03:07:15 +0000</pubDate>
		<dc:creator>flutebrarian</dc:creator>
				<category><![CDATA[Domain Names]]></category>
		<category><![CDATA[domains]]></category>
		<category><![CDATA[skill building]]></category>
		<category><![CDATA[websites]]></category>

		<guid isPermaLink="false">http://flutebrarian.wordpress.com/?p=95</guid>
		<description><![CDATA[What a day. A new client of mine expressed concern that their domain name had expired and their website was down. The frantic client had become the &#8220;accidental website manager&#8221; with no information about where the domain was registered. After a whois search, I determined the DNS owner and proceeded to make some calls. The [...]<img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=flutebrarian.wordpress.com&#038;blog=1378625&#038;post=95&#038;subd=flutebrarian&#038;ref=&#038;feed=1" width="1" height="1" />]]></description>
				<content:encoded><![CDATA[<p>What a day. A new client of mine expressed concern that their domain name had expired and their website was down. The frantic client had become the &#8220;accidental website manager&#8221; with no information about where the domain was registered. After a whois search, I determined the DNS owner and proceeded to make some calls.</p>
<p>The whois record stated gloom and doom (it had expired in early December) &#8211; &#8220;Pending delete restorable&#8221; , &#8220;Registrant ID: Domain-Resale&#8221;, and &#8220;Registrant Name: Pending renewal or deletion&#8221;. What did all this mean?</p>
<p>I learned that after a domain name expires, the owner has a grace period of 30 days to easily reclaim and renew the domain name. Beyond that, there is a 5 or so day period when the domain name goes into a redemption period. You can still get the name back fairly easily, but it will cost you.</p>
<p>Well, it&#8217;s been 60 days or so since it expired. The name was deleted from the domain name administrator&#8217;s database and returned to the registrar for the whole Internet. Oh great.</p>
<p>Fast forward about three phone calls and visits to as many registrar&#8217;s websites. Each one seemed to get harder to navigate and the friendly toll-free numbers began to disappear like the treeline of a tall mountain.</p>
<p>Finally, in desperation, I returned to the original DNS administrator&#8217;s toll-free line and found a helpful soul on the other end of the line.</p>
<p>He gave me a couple options:</p>
<ul>
<li>Pay the steep redemption fee and they would do all the legwork with the forms</li>
<li>Backorder the domain and bid on it with the hopes of getting the name back</li>
</ul>
<p>After conversing with the tech about the pros and cons, I decided to not gamble with the client&#8217;s domain name and take the first option. He told me there were no guarantees with either option, but the former would likely take as few as 6 or 7 days while the latter would only become available when the name was formally released to the public.</p>
<p>In either case, the client is still going to be without their site for at least a couple more weeks.</p>
<p>Moral of the story: Keep track of your sites. Record where they are registered with expiration dates. If you don&#8217;t set up automatic renewals, then make sure you keep the contact person&#8217;s email address current.</p>
<br />  <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/flutebrarian.wordpress.com/95/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/flutebrarian.wordpress.com/95/" /></a> <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=flutebrarian.wordpress.com&#038;blog=1378625&#038;post=95&#038;subd=flutebrarian&#038;ref=&#038;feed=1" width="1" height="1" />]]></content:encoded>
			<wfw:commentRss>http://flutebrarian.wordpress.com/2011/02/03/why-not-to-let-your-domain-name-expire/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	
		<media:content url="http://1.gravatar.com/avatar/18ca6afd773e731cb5ccf017b768f110?s=96&#38;d=identicon&#38;r=G" medium="image">
			<media:title type="html">flutebrarian</media:title>
		</media:content>
	</item>
		<item>
		<title>Gallery Complete</title>
		<link>http://flutebrarian.wordpress.com/2011/01/30/gallery-complete/</link>
		<comments>http://flutebrarian.wordpress.com/2011/01/30/gallery-complete/#comments</comments>
		<pubDate>Mon, 31 Jan 2011 03:56:58 +0000</pubDate>
		<dc:creator>flutebrarian</dc:creator>
				<category><![CDATA[Web Design]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[design links]]></category>
		<category><![CDATA[gallery]]></category>

		<guid isPermaLink="false">http://flutebrarian.wordpress.com/?p=92</guid>
		<description><![CDATA[With a little bit of tweaking, the galleries are now complete. Using only CSS techniques for the main hover of the thumbnails and display of the images, one can temporarily view the full-sized image without having to click to another page. If the image is too large to be viewed, a little JavaScript allows the [...]<img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=flutebrarian.wordpress.com&#038;blog=1378625&#038;post=92&#038;subd=flutebrarian&#038;ref=&#038;feed=1" width="1" height="1" />]]></description>
				<content:encoded><![CDATA[<p>With a little bit of tweaking, the galleries are now complete. Using only CSS techniques for the main hover of the thumbnails and display of the images, one can temporarily view the full-sized image without having to click to another page. If the image is too large to be viewed, a little JavaScript allows the viewer to click on the image and &#8220;set&#8221; it in the viewing space to scroll up and down to study it.</p>
<p>Not bad.</p>
<p>The only thing I don&#8217;t like is that very small originals look mammoth in comparison to really large originals since they are all set for the same width for display on screen. I may play with that some more before all is said and done.</p>
<p>You can see the results of the project at <a title="Temporary site for Steve McCallum" href="http://www.flutebrarian.com/mccallum/" target="_blank">www.flutebrarian.com/mccallum/</a> and clicking on one of the Paintings buttons or the Prints button. Please note this is the temporary work-in-progress site, not the final site.</p>
<br />  <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/flutebrarian.wordpress.com/92/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/flutebrarian.wordpress.com/92/" /></a> <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=flutebrarian.wordpress.com&#038;blog=1378625&#038;post=92&#038;subd=flutebrarian&#038;ref=&#038;feed=1" width="1" height="1" />]]></content:encoded>
			<wfw:commentRss>http://flutebrarian.wordpress.com/2011/01/30/gallery-complete/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	
		<media:content url="http://1.gravatar.com/avatar/18ca6afd773e731cb5ccf017b768f110?s=96&#38;d=identicon&#38;r=G" medium="image">
			<media:title type="html">flutebrarian</media:title>
		</media:content>
	</item>
		<item>
		<title>Gallery in Progress</title>
		<link>http://flutebrarian.wordpress.com/2011/01/08/gallery-in-progress/</link>
		<comments>http://flutebrarian.wordpress.com/2011/01/08/gallery-in-progress/#comments</comments>
		<pubDate>Sat, 08 Jan 2011 22:20:44 +0000</pubDate>
		<dc:creator>flutebrarian</dc:creator>
				<category><![CDATA[Web Design]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[design links]]></category>
		<category><![CDATA[gallery]]></category>
		<category><![CDATA[programming]]></category>

		<guid isPermaLink="false">http://flutebrarian.wordpress.com/?p=89</guid>
		<description><![CDATA[Progress is being made on the image galleries for artist Steven McCallum&#8217;s updated website. Following the detailed tutorial for this technique at &#8220;How to Create a Photographic Gallery Using CSS&#8221; I have managed to get this far: The thumbnails have moved from the right side of the gallery to the left; the thumbnails are displayed [...]<img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=flutebrarian.wordpress.com&#038;blog=1378625&#038;post=89&#038;subd=flutebrarian&#038;ref=&#038;feed=1" width="1" height="1" />]]></description>
				<content:encoded><![CDATA[<p>Progress is being made on the image galleries for artist Steven McCallum&#8217;s updated website. Following the detailed tutorial for this technique at <a href="http://www.webreference.com/programming/css_gallery" target="_blank">&#8220;How to Create a Photographic Gallery Using CSS&#8221;</a> I have managed to get this far:</p>
<div id="attachment_90" class="wp-caption aligncenter" style="width: 310px"><img class="size-medium wp-image-90" title="gallery" src="http://flutebrarian.files.wordpress.com/2011/01/gallery.jpg?w=300&#038;h=167" alt="Beginning of Painting Gallery" width="300" height="167" /><p class="wp-caption-text">The opening screen of the painting gallery</p></div>
<p>The thumbnails have moved from the right side of the gallery to the left; the thumbnails are displayed in a scrolling overflow div; the titles and information for the paintings are moved to the top of the large image; and a default image explaining how to view the images has been added to the background of the image viewer.</p>
<p>The next steps include resizing all the files and renaming them to web-friendly formats (no spaces, all lower case).</p>
<p>One final tweak that I will try is to allow clicking on the thumbnails so that one can scroll up and down the screen if the enlarged image is too tall for the screen. This technique was discussed in an online forum on <a href="http://www.webdeveloper.com/forum/showthread.php?t=239279" target="_blank">Webdeveloper.com</a>.</p>
<p>Stay tuned!</p>
<br />  <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/flutebrarian.wordpress.com/89/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/flutebrarian.wordpress.com/89/" /></a> <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=flutebrarian.wordpress.com&#038;blog=1378625&#038;post=89&#038;subd=flutebrarian&#038;ref=&#038;feed=1" width="1" height="1" />]]></content:encoded>
			<wfw:commentRss>http://flutebrarian.wordpress.com/2011/01/08/gallery-in-progress/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	
		<media:content url="http://1.gravatar.com/avatar/18ca6afd773e731cb5ccf017b768f110?s=96&#38;d=identicon&#38;r=G" medium="image">
			<media:title type="html">flutebrarian</media:title>
		</media:content>

		<media:content url="http://flutebrarian.files.wordpress.com/2011/01/gallery.jpg?w=300" medium="image">
			<media:title type="html">gallery</media:title>
		</media:content>
	</item>
		<item>
		<title>Creating a Gallery Using CSS</title>
		<link>http://flutebrarian.wordpress.com/2011/01/03/creating-a-gallery-using-css/</link>
		<comments>http://flutebrarian.wordpress.com/2011/01/03/creating-a-gallery-using-css/#comments</comments>
		<pubDate>Tue, 04 Jan 2011 03:19:52 +0000</pubDate>
		<dc:creator>flutebrarian</dc:creator>
				<category><![CDATA[Web Design]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[gallery]]></category>

		<guid isPermaLink="false">http://flutebrarian.wordpress.com/?p=86</guid>
		<description><![CDATA[My next project is a website for an artist. He wants to showcase his paintings and prints so I&#8217;d like to do this without programming and keeping the number of pages utilized to a minimum. I found this example: How to Create a Photographic Gallery Using CSS which I had successfully used for the Kiwanis [...]<img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=flutebrarian.wordpress.com&#038;blog=1378625&#038;post=86&#038;subd=flutebrarian&#038;ref=&#038;feed=1" width="1" height="1" />]]></description>
				<content:encoded><![CDATA[<p>My next project is a website for an artist. He wants to showcase his paintings and prints so I&#8217;d like to do this without programming and keeping the number of pages utilized to a minimum. I found this example: <a href="http://www.webreference.com/programming/css_gallery/">How to Create a Photographic Gallery Using CSS</a> which I had successfully used for the <a title="Kiwanis Photo Gallery" href="http://www.alliancekiwanis.org/photos.html" target="_blank">Kiwanis site</a> but it will need to be tweaked severely to make it conform to the rest of the newly designed site.</p>
<p>I hope to keep a log here of the process of transforming the look of the original here. Time will tell&#8230;</p>
<br />  <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/flutebrarian.wordpress.com/86/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/flutebrarian.wordpress.com/86/" /></a> <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=flutebrarian.wordpress.com&#038;blog=1378625&#038;post=86&#038;subd=flutebrarian&#038;ref=&#038;feed=1" width="1" height="1" />]]></content:encoded>
			<wfw:commentRss>http://flutebrarian.wordpress.com/2011/01/03/creating-a-gallery-using-css/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	
		<media:content url="http://1.gravatar.com/avatar/18ca6afd773e731cb5ccf017b768f110?s=96&#38;d=identicon&#38;r=G" medium="image">
			<media:title type="html">flutebrarian</media:title>
		</media:content>
	</item>
		<item>
		<title>Working for Google (without leaving Ohio)</title>
		<link>http://flutebrarian.wordpress.com/2010/12/19/working-for-google-without-leaving-ohio/</link>
		<comments>http://flutebrarian.wordpress.com/2010/12/19/working-for-google-without-leaving-ohio/#comments</comments>
		<pubDate>Sun, 19 Dec 2010 15:03:13 +0000</pubDate>
		<dc:creator>flutebrarian</dc:creator>
				<category><![CDATA[Librarianship]]></category>
		<category><![CDATA[Web Design]]></category>
		<category><![CDATA[sabbatical]]></category>
		<category><![CDATA[skill building]]></category>
		<category><![CDATA[training]]></category>

		<guid isPermaLink="false">http://flutebrarian.wordpress.com/?p=82</guid>
		<description><![CDATA[For the past 17 months, my real job work week has been reduced from 40 to 30 hours due to State budgetary issues. Many viewed it as a hardship but I viewed it as an opportunity and have enjoyed every minute of it. It was like working for Google, or getting a sabbatical. Employees at [...]<img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=flutebrarian.wordpress.com&#038;blog=1378625&#038;post=82&#038;subd=flutebrarian&#038;ref=&#038;feed=1" width="1" height="1" />]]></description>
				<content:encoded><![CDATA[<p>For the past 17 months, my real job work week has been reduced from 40 to 30 hours due to State budgetary issues. Many viewed it as a hardship but I viewed it as an opportunity and have enjoyed every minute of it. It was like working for Google, or getting a sabbatical.</p>
<p>Employees at Google are encouraged to take 20% of their work week to work on personal projects. This gives the employee the freedom to explore new territories, technologies, and ideas that will ultimately help Google develop new products and keep the employees from burning out.</p>
<p>Academics have also had sabbaticals available to them for these very same reasons.</p>
<p>However, in the public library field, this is unheard of.</p>
<p>So, with the opportunity to have 20% of my work week free for other pursuits, I took advantage of it to hone my web design skills and officially start a side business &#8211; <a title="Flutebrarian Web Design, LLC" href="http://www.flutebrarian.com" target="_blank">Flutebrarian Web Design, LLC</a>.</p>
<p>I took online courses in MySQL, web form design, PHP, web analytics, and more advanced CSS. The MySQL and PHP are still rather shaky, but I have managed to set up a couple of databases and get coding in place to actually make them work over the web. And one is for my day job (<a title="Gifts and Memorials for Rodman Public Library" href="http://www.rodmanlibrary.com/rpl/gifts/search.htm" target="_blank">Gift and Memorials database</a>)</p>
<p>After 27 years as a professional librarian, it was definitely time for a sabbatical. I return to my 40-hour work week on Jan. 3 with new and expanded tools in my belt. I guess I&#8217;ll have to leave the cat at home, though.</p>
<br />  <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/flutebrarian.wordpress.com/82/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/flutebrarian.wordpress.com/82/" /></a> <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=flutebrarian.wordpress.com&#038;blog=1378625&#038;post=82&#038;subd=flutebrarian&#038;ref=&#038;feed=1" width="1" height="1" />]]></content:encoded>
			<wfw:commentRss>http://flutebrarian.wordpress.com/2010/12/19/working-for-google-without-leaving-ohio/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	
		<media:content url="http://1.gravatar.com/avatar/18ca6afd773e731cb5ccf017b768f110?s=96&#38;d=identicon&#38;r=G" medium="image">
			<media:title type="html">flutebrarian</media:title>
		</media:content>
	</item>
		<item>
		<title>And There I Stood with My Piccolo</title>
		<link>http://flutebrarian.wordpress.com/2010/08/01/and-there-i-stood-with-my-piccolo/</link>
		<comments>http://flutebrarian.wordpress.com/2010/08/01/and-there-i-stood-with-my-piccolo/#comments</comments>
		<pubDate>Sun, 01 Aug 2010 20:20:36 +0000</pubDate>
		<dc:creator>flutebrarian</dc:creator>
				<category><![CDATA[Generalities]]></category>
		<category><![CDATA[memoirs]]></category>
		<category><![CDATA[musicians]]></category>
		<category><![CDATA[reminiscences]]></category>

		<guid isPermaLink="false">http://flutebrarian.wordpress.com/?p=74</guid>
		<description><![CDATA[No, this isn&#8217;t about me and my piccolo playings of the summer concert season. But about a book that I&#8217;ve been waiting to read for probably 30 years since I first heard about it during a Legion Band concert. I was playing piccolo in the American Legion Band of the Tonawandas (NY) and the piece [...]<img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=flutebrarian.wordpress.com&#038;blog=1378625&#038;post=74&#038;subd=flutebrarian&#038;ref=&#038;feed=1" width="1" height="1" />]]></description>
				<content:encoded><![CDATA[<p>No, this isn&#8217;t about me and my piccolo playings of the summer concert season. But about a book that I&#8217;ve been waiting to read for probably 30 years since I first heard about it during a Legion Band concert.</p>
<p>I was playing piccolo in the American Legion Band of the Tonawandas (NY) and the piece on the program was selections from my all-time favorite musical <em>The Music Man</em> by Meredith Willson. Our announcer, Brad Steiger, always came up with the most interesting tidbits of musical trivia to introduce the pieces on the program. During this concert, I learned that Meredith Willson had not only composed two truly wonderful musicals (<em>The Unsinkable Molly Brown</em> being the other) but he had also played piccolo with the Sousa Band.</p>
<p>And the title of his autobiography was, you guessed it, <em>And There I Stood with My Piccolo.</em></p>
<p>The tome had been long out of print since its publication in 1948 and a copy was not to be found. So I kinda forgot about tracking it down although it remained in the back of my mind for all these years.</p>
<p>Until July 3rd when I heard the Blossom Festival Band play under the direction of Loras Schissel and he told a story about Willson which ended with &#8220;and there I stood with my piccolo.&#8221; So the pursuit began again.</p>
<p>This time, I was armed with tools that didn&#8217;t exist 30 years ago &#8211; the Internet, Amazon.com, an iPhone, and most importantly, SearchOhio. On the way home from the concert, I got out the iPhone, headed over to Amazon.com and discovered that the book had been republished in 2009 by the University of Minnesota Press. But before I took out my credit card I thought I&#8217;d give the libraries another shot.</p>
<p>So, off I went to SearchOhio, a borrowing network of public libraries in Ohio offering over 10 million volumes. Lo and behold, there was ONE copy of the original edition at the Toledo-Lucas County Public Library. I immediately ordered it and in a few days, I was finally reading the memoirs.</p>
<p>I learned more about Willson than I ever realized &#8211; not only did he play with Sousa&#8217;s band for several years, he also played principal flute with the New York Philharmonic, studied with Georges Barrere, and became one of the top composers and conductors for radio programs in the &#8217;30s and &#8217;40s.</p>
<p>The reminiscences read like a veritable who&#8217;s who of musical circles and Hollywood celebrities. It&#8217;s a great look at the humble life of a kid from Mason City, Iowa who got started with a mail order flute and took off for New York City to make his fortune. Not content to just play in orchestras and bands, he headed for San Francisco to take a stab at radio and landed in Los Angeles to finally host his own musical radio show. He most definitely had a knack for landing in the right place at the right time.</p>
<br />  <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/flutebrarian.wordpress.com/74/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/flutebrarian.wordpress.com/74/" /></a> <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=flutebrarian.wordpress.com&#038;blog=1378625&#038;post=74&#038;subd=flutebrarian&#038;ref=&#038;feed=1" width="1" height="1" />]]></content:encoded>
			<wfw:commentRss>http://flutebrarian.wordpress.com/2010/08/01/and-there-i-stood-with-my-piccolo/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	
		<media:content url="http://1.gravatar.com/avatar/18ca6afd773e731cb5ccf017b768f110?s=96&#38;d=identicon&#38;r=G" medium="image">
			<media:title type="html">flutebrarian</media:title>
		</media:content>
	</item>
	</channel>
</rss>
