<?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>Bookworm &#187; Web Design</title>
	<atom:link href="http://bookworm.pilcrow.biz/category/web-design/feed/" rel="self" type="application/rss+xml" />
	<link>http://bookworm.pilcrow.biz</link>
	<description>Writing about reading</description>
	<lastBuildDate>Fri, 17 Apr 2009 11:04:48 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.1</generator>
		<item>
		<title>Introducing Bookworm 8</title>
		<link>http://bookworm.pilcrow.biz/2008/06/28/introducing-bookworm-8/</link>
		<comments>http://bookworm.pilcrow.biz/2008/06/28/introducing-bookworm-8/#comments</comments>
		<pubDate>Sat, 28 Jun 2008 22:51:33 +0000</pubDate>
		<dc:creator>Julie</dc:creator>
				<category><![CDATA[Blogging]]></category>
		<category><![CDATA[Web Design]]></category>

		<guid isPermaLink="false">http://bookworm.pilcrow.biz/?p=428</guid>
		<description><![CDATA[<p>Hey, if you&#8217;re reading this in a feed reader click on the link and come see my new theme!</p>
<p>Yeah, I&#8217;m a restless soul, always looking for change and variety. I suffer from wanderlust, and I can never be happy with the same blogskin for more than a few months. This new version of Bookworm has bright colors, a one hundred percent liquid layout AND rounded corners (requiring a little extra markup but who cares), and an old-fashioned sidebar with everthing in it. Although I do prefer the cleaner look of blogs that have links &#38; archives tucked away on separate pages, or sidebars down on the bottom, I&#8217;ve reluctantly come to the conclusion that it really is better to have that stuff where people can see it right away. (Do you agree? Disagree?)</p>
<p><a href="http://bookworm.pilcrow.biz/2008/06/28/introducing-bookworm-8/" class="more-link">Read more on Introducing Bookworm 8&#8230;</a></p>
]]></description>
			<content:encoded><![CDATA[<p>Hey, if you&#8217;re reading this in a feed reader click on the link and come see my new theme!</p>
<p>Yeah, I&#8217;m a restless soul, always looking for change and variety. I suffer from wanderlust, and I can never be happy with the same blogskin for more than a few months. This new version of Bookworm has bright colors, a one hundred percent liquid layout AND rounded corners (requiring a little extra markup but who cares), and an old-fashioned sidebar with everthing in it. Although I do prefer the cleaner look of blogs that have links &amp; archives tucked away on separate pages, or sidebars down on the bottom, I&#8217;ve reluctantly come to the conclusion that it really is better to have that stuff where people can see it right away. (Do you agree? Disagree?)</p>
<p>I&#8217;ve also done a bit of housekeeping. I finally updated my blogroll to include some of the amazing bloggers I&#8217;ve discovered via the Salon and Weekly Geeks. I wish that list could be dynamically generated from my feed reader so that any time I subscribe to a blog it would automatically get listed here, too. Anyone know if that&#8217;s possible?</p>
<p>Anyway, I&#8217;d love your feedback on the new design. I work on a Mac and I have to do all my Internet Explorer testing via <a href="http://browsercam.com">browsercam</a>, which works pretty well but could be better. lt would be great if any of you IE users, especially IE 6 users (according to my stats that&#8217;s about 20% of you), could let me know if anything looks weird. And then go <a href="http://www.mozilla.com/en-US/firefox/">download Firefox</a>. Let&#8217;s see if we can get that percentage down to zero! :)</p>
]]></content:encoded>
			<wfw:commentRss>http://bookworm.pilcrow.biz/2008/06/28/introducing-bookworm-8/feed/</wfw:commentRss>
		<slash:comments>12</slash:comments>
		</item>
		<item>
		<title>Self-publishing a children&#8217;s book</title>
		<link>http://bookworm.pilcrow.biz/2007/08/20/self-publishing-a-childrens-book/</link>
		<comments>http://bookworm.pilcrow.biz/2007/08/20/self-publishing-a-childrens-book/#comments</comments>
		<pubDate>Mon, 20 Aug 2007 16:46:25 +0000</pubDate>
		<dc:creator>Julie</dc:creator>
				<category><![CDATA[Print Design]]></category>
		<category><![CDATA[Web Design]]></category>

		<guid isPermaLink="false">http://bookworm.pilcrow.biz/2007/08/20/self-publishing-a-childrens-book/</guid>
		<description><![CDATA[<p>About a year ago, my friend Leland asked me if he could borrow my scanner. He had written a children&#8217;s story, he explained, and his then-11yo son Mekiah had illustrated it. He wanted to scan the pictures so that he could get the book printed. A bit more discussion, and the next thing I knew, <em>can I borrow your scanner</em> had turned into <em>will you design my book</em>. <span id="more-325"></span></p>
<p><a href="http://bookworm.pilcrow.biz/2007/08/20/self-publishing-a-childrens-book/" class="more-link">Read more on Self-publishing a children&#8217;s book&#8230;</a></p>
]]></description>
			<content:encoded><![CDATA[<p>About a year ago, my friend Leland asked me if he could borrow my scanner. He had written a children&#8217;s story, he explained, and his then-11yo son Mekiah had illustrated it. He wanted to scan the pictures so that he could get the book printed. A bit more discussion, and the next thing I knew, <em>can I borrow your scanner</em> had turned into <em>will you design my book</em>. <span id="more-325"></span></p>
<p>We started by scanning the illustrations. Mekiah had drawn them in pencil, then used a lightbox to trace them over with ink. However, the pictures were not all the same size, and some had visible pencil or eraser marks. Leland and I spent a lot of time tweaking, resizing, and cleaning up the images. This was a good test of my Photoshop skills because with Leland sitting right next to me I felt like I had to be quick and efficient as well as accurate. I felt pretty smug when it occurred to me that I could get rid of a lot of the eraser marks simply by adjusting brightness and contrast.</p>
<p>Then we fired up InDesign and set up the master pages for the book. My font choice, <a href="http://www.myfonts.com/fonts/agfa/bell-mt/" title="See for yourself!">Bell</a>, was practically a no-brainer. Bell is perhaps my all-time favorite serif font, but I don&#8217;t find very many uses for it. It&#8217;s a little too quirky and beautiful for everyday use, and not as legible as I would like in smaller sizes. However, it&#8217;s perfectly suited for a children&#8217;s book, not just because of the larger size, but also because it&#8217;s reminiscent of Century Schoolbook, the quintessential children&#8217;s book font. Furthermore, the story partly takes place under the sea, and I thought that Bell&#8217;s elegant curves would reflect that very well.</p>
<p>Then the fun <em>really</em> began. Mekiah had worked with a professional artist, Anne Phillips, when he created the drawings. Leland, Anne, and I spent several afternoons crowded around my Mac, working out the composition of each page. Anne was fantastic. I learned so much from her. For the first time, I got to see Illustrator&#8217;s dreaded Pen Tool wielded by an expert. Not to mention a ton of keyboard shortcuts. And *cough* I showed her a couple of things in InDesign, too. Best of all, though, was the realization that the professional artist and I were speaking the same language and using the same methods &#8212; confirmation that my laboriously-acquired knowledge was legit.</p>
<p>And the most exciting moment of all? Leland might disagree, but for me, it was placing the bar code image on the back cover. I think it wasn&#8217;t until then that I really believed that there was going to be a real, true, actual book. Oh my goodness!</p>
<p>Throughout this process, of course, we were in contact with the printer, <a href="http://www.bangprinting.com/" title="Link to Bang website">Bang Printing</a>. We had some ups and downs along the way, for example, when there was some confusion about whether the book would be landscape- or portrait-oriented, and then when there was some confusion about whether the pages were supposed to be 10 or 10.5 inches wide. On the whole, however, I enjoyed working with them. They answered our questions quickly and helpfully, they finished the job on time, and the book looks great!</p>
<p><img src="http://pilcrow.biz/recent/shark.jpg" height="273" width="452" /></p>
<p>And what about the story? Well, I&#8217;ll tell you this: I think <em>The Boy and the Shark</em> is terrific. Kids and grownups seem to like it equally. It&#8217;s a fairy tale. It has sharks. And it was inspired by a historical event. Very cool.</p>
<p>We just recently went live with <a href="http://ogamopublishing.com" title="Link to Ogamo website">the companion website</a>. Among other things, it describes the self-publishing process from his perspective. So, if you found this post interesting, you might want to check out his site, too.</p>
<h4>Lessons learned:</h4>
<ul>
<li>Rudiments of the Pen Tool and some keyboard shortcuts.</li>
<li>Regarding the printer, get <em>everything</em> in writing. Send &#8220;just to confirm the details of our recent conversation&#8221; emails after <em>every</em> phone call.</li>
<li>Do not sneer at self-published books. If Leland had gone the traditional route (he didn&#8217;t even consider it) there is <em>no way</em> he would have had this level of control over the finished product.</li>
</ul>
]]></content:encoded>
			<wfw:commentRss>http://bookworm.pilcrow.biz/2007/08/20/self-publishing-a-childrens-book/feed/</wfw:commentRss>
		<slash:comments>5</slash:comments>
		</item>
		<item>
		<title>Introducing Bookworm 6.0</title>
		<link>http://bookworm.pilcrow.biz/2007/07/31/introducing-bookworm-60/</link>
		<comments>http://bookworm.pilcrow.biz/2007/07/31/introducing-bookworm-60/#comments</comments>
		<pubDate>Tue, 31 Jul 2007 20:17:25 +0000</pubDate>
		<dc:creator>Julie</dc:creator>
				<category><![CDATA[Blogging]]></category>
		<category><![CDATA[Web Design]]></category>

		<guid isPermaLink="false">http://bookworm.pilcrow.biz/2007/07/31/introducing-bookworm-60/</guid>
		<description><![CDATA[<p>Time for a new look, eh? The old one was starting to feel dingy and claustrophobic. It still needs a few tweaks, so I hope you&#8217;ll bear with me for a day or two until the dust settles.</p>
<p><a href="http://bookworm.pilcrow.biz/2007/07/31/introducing-bookworm-60/" class="more-link">Read more on Introducing Bookworm 6.0&#8230;</a></p>
]]></description>
			<content:encoded><![CDATA[<p>Time for a new look, eh? The old one was starting to feel dingy and claustrophobic. It still needs a few tweaks, so I hope you&#8217;ll bear with me for a day or two until the dust settles.</p>
<p>In honor of the new theme I thought it would be fun to take a trip down memory lane, for those of you who have been reading this since the beginning (hi, Mom). And if you haven&#8217;t, maybe you&#8217;d like to see the old designs anyway.</p>
<p><span id="more-320"></span></p>
<h3>Bookworm 1.0</h3>
<p>I started blogging in December 2004 at Blogger, using the canned template called Scribe &#8212; the one that looks like old parchment. But of course I could never be satisfied with someone else&#8217;s design and I think it was around April or May of 2005 that I made my first custom skin. I kept the basic layout of Scribe intact because CSS positioning was way beyond me at the time, but I <em>was</em> able to tweak some canned clip art into a cute header. If you were around back then, you may recall the discussion about what color her socks should be. You know, except for the corner elements, I still like this one a lot.</p>
<p><img src="http://bookworm.pilcrow.biz/images/bookworm1.jpg" title="Header image" alt="Header image" height="140" width="500" /></p>
<h3>Bookworm 2.0</h3>
<p>Then I discovered <a href="http://www.sxc.hu/index.phtml">stock.xchng</a>. Wow, free stock photography! In one fell swoop I went from warm and casual to cool and formal:</p>
<p><img src="http://bookworm.pilcrow.biz/images/bookworm2.jpg" /></p>
<h3>Bookworm 3.0</h3>
<p>I kept Bookworm 2 for quite a while. Then one day I was mucking around in the template, I forget why, and somehow I accidentally deleted it. I recreated it as best I could, but was never completely satisfied with Bookworm 2.1. Plus, I wanted to go back to warm and casual, which is more my style anyway. So I created Bookworm 3 with an Edward Gorey-ish font in shades of pistachio ice cream.</p>
<p><img src="http://bookworm.pilcrow.biz/images/bookworm3.gif" height="100" width="542" /></p>
<p>Come to think of it, that blogskin is still &#8220;live&#8221;; you can see it <a href="http://thebookworm.blogspot.com/">here</a>.</p>
<h3>Bookworm 4.0</h3>
<p>Then I switched over to WordPress. If I recall correctly, my first theme here was Bookworm 3.1 &#8212; Edward Gorey in pistachio ice cream &#8212; rebuilt on top of the WP default theme.</p>
<p>Bookworm 4 came soon after. It was a pretty radical departure for me. One thing that has always bugged me about so many blogs (including my own) is great big long sidebars. They contain too much information and it&#8217;s just plain distracting. And blogs with <em>two</em> sidebars? Oh, don&#8217;t <em>even</em> get me started. So, for Bookworm 4 my goal was to have <em>no sidebar at all</em>. Just the posts, in a liquid layout with plenty of white space around it. And I stuck all the sidebar stuff down at the bottom. The header looked roughly like this:</p>
<p><img src="http://bookworm.pilcrow.biz/images/bookworm4.jpg" height="127" width="500" /></p>
<h3>Bookworm 5.0</h3>
<p>I really liked the Bookworm 4 layout, but no one else did. Maybe it was too weird. I dunno. In any case, it didn&#8217;t last very long. I bowed under pressure and went back to a typical fixed-width layout with the Burne-Jones painting.</p>
<p><img src="http://bookworm.pilcrow.biz/images/bookworm5.jpg" height="242" width="500" /></p>
<h3>Bookworm 6.0</h3>
<p>Now I&#8217;ve come back to casual clip art again. This one was canned too, but I brightened up the colors and made her hair look more like mine. Here&#8217;s the original. (Come to think of it, it&#8217;s a pretty fair representation of what my hair <em>would</em> look like if it were long and there was even the tiniest amount of moisture in the air. Which is why I wear it short.)</p>
<p><img src="http://bookworm.pilcrow.biz/images/bookworm6orig.jpg" height="202" width="300" /></p>
<p>What pleases me most about Bookworm 6 is that &#8212; remember what I said about sidebars? Well <em>this</em> time I put all that stuff on separate pages. So now I have a lean, clean, non-distracting sidebar, and you have easy access to links and archives if you&#8217;re interested.</p>
]]></content:encoded>
			<wfw:commentRss>http://bookworm.pilcrow.biz/2007/07/31/introducing-bookworm-60/feed/</wfw:commentRss>
		<slash:comments>12</slash:comments>
		</item>
		<item>
		<title>Introducing Leslie Ford</title>
		<link>http://bookworm.pilcrow.biz/2007/07/18/introducing-leslie-ford/</link>
		<comments>http://bookworm.pilcrow.biz/2007/07/18/introducing-leslie-ford/#comments</comments>
		<pubDate>Wed, 18 Jul 2007 12:18:59 +0000</pubDate>
		<dc:creator>Julie</dc:creator>
				<category><![CDATA[Web Design]]></category>

		<guid isPermaLink="false">http://bookworm.pilcrow.biz/2007/07/18/introducing-leslie-ford/</guid>
		<description><![CDATA[<p>I had the devil of a time keeping this photography website under wraps while I was working on it. Leslie&#8217;s work is simply stunning, and I am <em>so</em> excited to share it with you now that we&#8217;ve gone &#8220;live.&#8221; Here&#8217;s a screenshot showing a single photo, but do <a href="http://leslieford.net" title="Link to photography website">visit the site</a> to see the whole show.</p>
<p><a href="http://bookworm.pilcrow.biz/2007/07/18/introducing-leslie-ford/" class="more-link">Read more on Introducing Leslie Ford&#8230;</a></p>
]]></description>
			<content:encoded><![CDATA[<p>I had the devil of a time keeping this photography website under wraps while I was working on it. Leslie&#8217;s work is simply stunning, and I am <em>so</em> excited to share it with you now that we&#8217;ve gone &#8220;live.&#8221; Here&#8217;s a screenshot showing a single photo, but do <a href="http://leslieford.net" title="Link to photography website">visit the site</a> to see the whole show.</p>
<p><span id="more-315"></span></p>
<p><img src="http://bookworm.pilcrow.biz/images/leslieford.jpg" title="Screenshot of website" alt="Screenshot of website" height="338" width="452" /></p>
<p>Developing the site was a blast. Leslie is a lovely person and a joy to work with. And she&#8217;s a Photoshop expert. She knew exactly how she wanted the site to look, right down to the specific rgb formulas for the image borders and text. She resized and optimized all the images herself, too. All I had to do was write the code. :)</p>
<p>The biggest issue we chewed over during the development phase was whether to give the site a fixed-width layout or keep it liquid. Our main concern was the home (gallery) page that shows thumbnails of all the photos. With a liquid layout and a wider screen you might be able to see four or five images in a row. Nice to use up all the available screen space. And nice to know that there would never be a horizontal scrollbar. On the other hand, with a fixed-width layout we could precisely regulate the order of the images. It would be a shame, for example, if Before and After didn&#8217;t end up side by side:</p>
<p><img src="http://bookworm.pilcrow.biz/images/before-n-after.jpg" title="before and after shots of sprouting potatoes" alt="before and after shots of sprouting potatoes" height="279" width="480" /></p>
<p>We did finally decide to go with the liquid layout, but it was a close call. This is what I <strike>love</strike> <strike>hate</strike> <strike>love</strike> <strike>hate</strike> love about the web. There are <em>never</em> any answers. It&#8217;s all a giant balancing act.</p>
<p>I will be rolling out a couple more new projects very soon, so stay tuned. And meanwhile (gotta plug it again), I hope you&#8217;ll pay a visit to <a href="http://leslieford.net" title="Link to Leslie Ford website">leslieford.net</a>.</p>
]]></content:encoded>
			<wfw:commentRss>http://bookworm.pilcrow.biz/2007/07/18/introducing-leslie-ford/feed/</wfw:commentRss>
		<slash:comments>5</slash:comments>
		</item>
		<item>
		<title>Lordy, Lordy, look who&#8217;s . . .</title>
		<link>http://bookworm.pilcrow.biz/2006/12/30/lordy-lordy-look-whos/</link>
		<comments>http://bookworm.pilcrow.biz/2006/12/30/lordy-lordy-look-whos/#comments</comments>
		<pubDate>Sat, 30 Dec 2006 18:10:05 +0000</pubDate>
		<dc:creator>Julie</dc:creator>
				<category><![CDATA[Children's Books]]></category>
		<category><![CDATA[Reading]]></category>
		<category><![CDATA[Web Design]]></category>

		<guid isPermaLink="false">http://bookworm.pilcrow.biz/2006/12/30/lordy-lordy-look-whos/</guid>
		<description><![CDATA[<p>Golly gee, where does the time go? It&#8217;s been more than a month since I last blogged or visited others. A busy month with lots of work, assorted stomach and upper respiratory ailments, and the holiday fest that includes Hanukah, Christmas, and a bunch of birthdays. Including mine. Lordy, Lordy, now I&#8217;m, uh, thirty-nine and four quarters. :)</p>
<p><a href="http://bookworm.pilcrow.biz/2006/12/30/lordy-lordy-look-whos/" class="more-link">Read more on Lordy, Lordy, look who&#8217;s . . &#8230;.</a></p>
]]></description>
			<content:encoded><![CDATA[<p>Golly gee, where does the time go? It&#8217;s been more than a month since I last blogged or visited others. A busy month with lots of work, assorted stomach and upper respiratory ailments, and the holiday fest that includes Hanukah, Christmas, and a bunch of birthdays. Including mine. Lordy, Lordy, now I&#8217;m, uh, thirty-nine and four quarters. :)</p>
<p>Work is going very well. I finished a couple of blogs (<a href="http://www.somewhereoverthepond.blogspot.com/">here</a> and <a href="http://elswhere.blogspot.com/">here</a>) and also <a href="http://www.trianglebirthnetwork.org/">this website</a>, which was a lot of fun. Also finished a project that included a logo, letterhead, and four flyers for a nonprofit group in town &#8212; I&#8217;m doing their website too and I&#8217;ll post a link when it&#8217;s ready.</p>
<p>Steve and I did get to go out on a date this month. We went to see the new James Bond movie, <em>Casino Royale</em>. It was SOOOO good! I think it just might be the best Bond movie of them all. Why? Because it was truest to the spirit of the original books. I read every single one of &#8216;em when I was, oh, 14 or so. (Thanks, Mom!) Like the &#8220;real&#8221; James, the one in the movie was not quite so suave, but <em>very</em> strong in the steely-gazed cold-blooded-killer department. James Bond was my first literary crush and I admit I still have fond feelings&#8230; ;)</p>
<p><em>Casino Royale</em> fits in very well with the general trend I&#8217;ve noticed in the last few years &#8212; maybe it started with Harry Potter &#8212; the trend of making movies that are very faithful to the original book. A trend of which I wholeheartedly approve! To this day I am angry about certain movies that don&#8217;t do justice to the original. <em>Mary Poppins</em> springs to mind immediately. A fine movie, but bears no relation whatsoever to the book. (Any other fans of The Dancing Cow out there?) <em>The Wizard of Oz</em>, alas, is another. Why did they have to make it all just a dream?</p>
<p>Speaking of <em>The Wizard of Oz</em>, Lena has finished the Laura Ingalls books and moved on to the Oz books. I read a bunch of &#8216;em when I was in second grade, too. I wasn&#8217;t a huge fan, but my friend was, so I kept on reading. But Lena seems to like them, and if nothing else I&#8217;m glad she&#8217;s getting exposed to the cool Art Deco illustrations.</p>
<p>And I managed to do some reading this month, too. I&#8217;m well into my reread of <em>Brothers K</em> &#8212; and, happily, the edition I&#8217;ve got is a <a href="http://bookworm.pilcrow.biz/category/penguin-classics/">Penguin Classic</a>, though ahead of schedule because I&#8217;m still technically in the A&#8217;s. This is only the second time I&#8217;ve read it. The first was back in college. I and my roommate walked around in a daze for weeks, muttering to each other: &#8220;<em>Alyosha!</em>&#8221; and &#8220;<em>One onion!</em>&#8221; Anyway, if you haven&#8217;t read it, please do. It&#8217;s positively&#8230;lush!</p>
<p>Also did <a href="http://bookworm.pilcrow.biz/2005/12/11/its-beginning-to-look-a-lot-like-christmas/">my annual reread</a> of <em>The Dark is Rising</em>, in honor of the Christmas season. I almost skipped it this year, because we&#8217;ve had NO SNOW. Temps in the mid-40&#8242;s. Green and brown everywhere. But such is the power of the printed word, once I started reading everything around me disappeared and there I was, shivering in Lady Greythorne&#8217;s mansion along with all the rest of the villagers.</p>
<p>I&#8217;m so happy to be back at my blog! I think I&#8217;ll end this post with a quote from Emily Dickinson. Can&#8217;t tell a lie: I didn&#8217;t just happen to know this; I got it off my new &#8220;The Reading Woman&#8221; calendar (Thanks, Joey!) &#8212; my new calendar which has many fine pictures of women reading but none of which are Katie Lewis &#8212; and of course the word frigate caught my eye immediately. Here it is:</p>
<blockquote class="poem"><p>There is no frigate like a book to take us lands away</p>
<p>Nor any coursers like a page of prancing poetry</p></blockquote>
<p>Cheers, and Happy New Year to you all!</p>
]]></content:encoded>
			<wfw:commentRss>http://bookworm.pilcrow.biz/2006/12/30/lordy-lordy-look-whos/feed/</wfw:commentRss>
		<slash:comments>6</slash:comments>
		</item>
	</channel>
</rss>

