<?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>The Pink Crow&#187; gallery &#8211; page  at The Pink Crow</title> <atom:link href="http://thepinkcrow.com/tag/gallery/feed/" rel="self" type="application/rss+xml" /><link>http://thepinkcrow.com</link> <description>Front-end design that stands out.</description> <lastBuildDate>Sun, 09 May 2010 20:58:53 +0000</lastBuildDate> <generator>http://wordpress.org/?v=abc</generator> <language>en</language> <sy:updatePeriod>hourly</sy:updatePeriod> <sy:updateFrequency>1</sy:updateFrequency> <item><title>KarenLuk.net, an illustration gallery in WordPress</title><link>http://thepinkcrow.com/portfolio/karenluk-net-an-illustration-gallery-in-wordpress/</link> <comments>http://thepinkcrow.com/portfolio/karenluk-net-an-illustration-gallery-in-wordpress/#comments</comments> <pubDate>Sat, 28 Feb 2009 21:57:37 +0000</pubDate> <dc:creator>Rachel Nabors</dc:creator> <category><![CDATA[Portfolio]]></category> <category><![CDATA[Accessibility]]></category> <category><![CDATA[cms]]></category> <category><![CDATA[gallery]]></category> <category><![CDATA[Illustrator]]></category> <category><![CDATA[karen luk]]></category> <category><![CDATA[nextgen gallery]]></category> <category><![CDATA[semantic markup]]></category> <category><![CDATA[wordpress]]></category><guid
isPermaLink="false">http://thepinkcrow.com/?p=164</guid> <description><![CDATA[When Karen Luk asked me to design a gallery site for her with a CMS to help organize her artwork, I jumped at the chance to help a fellow artist. But there were some interesting conditions: under no circumstances could the site look like it was powered by WordPress, and she needed it all done in time for a looming convention!]]></description> <content:encoded><![CDATA[<p><a
href="http://karenluk.net">Karen Luk</a> is a fantastic illustrator on the West Coast who sometimes dabbles in comics. She asked me to design a site for her with a CMS that would help her organize her artwork and post the occasional press release or convention appearance announcement. But under no circumstances could the site <em>look</em> like it had a CMS sticking out of its backside. She wanted a look that was minimal, clean, modern, sophisticated. She wanted prospective clients to see her artwork and her heritage, not another Wordpress blog. And she needed it all done in time for a looming convention!</p><div
id="attachment_166" class="wp-caption aligncenter" style="width: 560px"><a
href="http://thepinkcrow.com/wp-content/uploads/2009/06/karenluk.png"><img
class="size-full wp-image-166" title="KarenLuk.net" src="http://thepinkcrow.com/wp-content/uploads/2009/06/karenluk.png" alt="A screenshot of Karen Luk's WordPress based illustration gallery site." width="550" height="372" /></a><p
class="wp-caption-text">A screenshot of Karen Luk&#39;s WordPress-based illustration gallery site.</p></div><p>We decided to use with <a
href="http://wordpress.org">WordPress</a> as a backend solution, because Karen was already familiar with its controls, veteran blogger that she is. The artwork and comics pages would be handled by <a
href="http://alexrabe.boelinger.com/wordpress-plugins/nextgen-gallery/">Alex Rabe&#8217;s NextGEN Gallery Plugin</a>. The front page would need a custom template while the blog posts were renamed &#8220;announcements&#8221; and scooted off to the News section. And as always, I optimized the code for accessibility, both human and search engine. The design lent itself to clean, semantic markup.</p><p>I snapped the site together, and it was up and running in time for her to pass out business cards with its URL at the convention.</p><p>All in all, this was a fun little project, and it was great to have the chance to help out a fellow illustrator under the burden of a looming deadline. I frequently visit her site to see what she&#8217;s uploaded. <a
href="http://karenluk.net">Now go check out her work!</a></p><cite>This article and more by Rachel Nabors at <a
href="http://thepinkcrow.com">The Pink Crow</a>.</cite>Share and Enjoy:<a
rel="nofollow"  href="mailto:?subject=KarenLuk.net%2C%20an%20illustration%20gallery%20in%20WordPress&amp;body=http%3A%2F%2Fthepinkcrow.com%2Fportfolio%2Fkarenluk-net-an-illustration-gallery-in-wordpress%2F" title="email"><img
src="http://thepinkcrow.com/wp-content/plugins/sociable/images/email_link.png" title="email" alt="KarenLuk.net, an illustration gallery in WordPress email link" class="sociable-hovers" /></a> <a
rel="nofollow"  href="http://www.designfloat.com/submit.php?url=http%3A%2F%2Fthepinkcrow.com%2Fportfolio%2Fkarenluk-net-an-illustration-gallery-in-wordpress%2F&amp;title=KarenLuk.net%2C%20an%20illustration%20gallery%20in%20WordPress" title="Design Float"><img
src="http://thepinkcrow.com/wp-content/plugins/sociable/images/designfloat.png" title="Design Float" alt="Design Float" class="sociable-hovers" /></a> <a
rel="nofollow"  href="" title="TwitThis"><img
src="http://thepinkcrow.com/wp-content/plugins/sociable/images/" title="TwitThis" alt="TwitThis" class="sociable-hovers" /></a> <a
rel="nofollow"  href="http://www.stumbleupon.com/submit?url=http%3A%2F%2Fthepinkcrow.com%2Fportfolio%2Fkarenluk-net-an-illustration-gallery-in-wordpress%2F&amp;title=KarenLuk.net%2C%20an%20illustration%20gallery%20in%20WordPress" title="StumbleUpon"><img
src="http://thepinkcrow.com/wp-content/plugins/sociable/images/stumbleupon.png" title="StumbleUpon" alt="StumbleUpon" class="sociable-hovers" /></a> <a
rel="nofollow"  href="http://digg.com/submit?phase=2&amp;url=http%3A%2F%2Fthepinkcrow.com%2Fportfolio%2Fkarenluk-net-an-illustration-gallery-in-wordpress%2F&amp;title=KarenLuk.net%2C%20an%20illustration%20gallery%20in%20WordPress&amp;bodytext=When%20Karen%20Luk%20asked%20me%20to%20design%20a%20gallery%20site%20for%20her%20with%20a%20CMS%20to%20help%20organize%20her%20artwork%2C%20I%20jumped%20at%20the%20chance%20to%20help%20a%20fellow%20artist.%20But%20there%20were%20some%20interesting%20conditions%3A%20under%20no%20circumstances%20could%20the%20site%20look%20like%20it%20was%20powered%20by%20WordPress%2C%20and%20she%20needed%20it%20all%20done%20in%20time%20for%20a%20looming%20convention%21" title="Digg"><img
src="http://thepinkcrow.com/wp-content/plugins/sociable/images/digg.png" title="Digg" alt="Digg" class="sociable-hovers" /></a> <a
rel="nofollow"  href="http://delicious.com/post?url=http%3A%2F%2Fthepinkcrow.com%2Fportfolio%2Fkarenluk-net-an-illustration-gallery-in-wordpress%2F&amp;title=KarenLuk.net%2C%20an%20illustration%20gallery%20in%20WordPress&amp;notes=When%20Karen%20Luk%20asked%20me%20to%20design%20a%20gallery%20site%20for%20her%20with%20a%20CMS%20to%20help%20organize%20her%20artwork%2C%20I%20jumped%20at%20the%20chance%20to%20help%20a%20fellow%20artist.%20But%20there%20were%20some%20interesting%20conditions%3A%20under%20no%20circumstances%20could%20the%20site%20look%20like%20it%20was%20powered%20by%20WordPress%2C%20and%20she%20needed%20it%20all%20done%20in%20time%20for%20a%20looming%20convention%21" title="del.icio.us"><img
src="http://thepinkcrow.com/wp-content/plugins/sociable/images/delicious.png" title="del.icio.us" alt="del.icio.us" class="sociable-hovers" /></a> <a
rel="nofollow"  href="" title="Ma.gnolia"><img
src="http://thepinkcrow.com/wp-content/plugins/sociable/images/" title="Ma.gnolia" alt="Ma.gnolia" class="sociable-hovers" /></a> <a
rel="nofollow"  href="http://www.facebook.com/share.php?u=http%3A%2F%2Fthepinkcrow.com%2Fportfolio%2Fkarenluk-net-an-illustration-gallery-in-wordpress%2F&amp;t=KarenLuk.net%2C%20an%20illustration%20gallery%20in%20WordPress" title="Facebook"><img
src="http://thepinkcrow.com/wp-content/plugins/sociable/images/facebook.png" title="Facebook" alt="Facebook" class="sociable-hovers" /></a> <a
rel="nofollow"  href="http://www.linkedin.com/shareArticle?mini=true&amp;url=http%3A%2F%2Fthepinkcrow.com%2Fportfolio%2Fkarenluk-net-an-illustration-gallery-in-wordpress%2F&amp;title=KarenLuk.net%2C%20an%20illustration%20gallery%20in%20WordPress&amp;source=The+Pink+Crow+Front-end+design+that+stands+out.&amp;summary=When%20Karen%20Luk%20asked%20me%20to%20design%20a%20gallery%20site%20for%20her%20with%20a%20CMS%20to%20help%20organize%20her%20artwork%2C%20I%20jumped%20at%20the%20chance%20to%20help%20a%20fellow%20artist.%20But%20there%20were%20some%20interesting%20conditions%3A%20under%20no%20circumstances%20could%20the%20site%20look%20like%20it%20was%20powered%20by%20WordPress%2C%20and%20she%20needed%20it%20all%20done%20in%20time%20for%20a%20looming%20convention%21" title="LinkedIn"><img
src="http://thepinkcrow.com/wp-content/plugins/sociable/images/linkedin.png" title="LinkedIn" alt="LinkedIn" class="sociable-hovers" /></a> <a
rel="nofollow"  href="http://www.google.com/bookmarks/mark?op=edit&amp;bkmk=http%3A%2F%2Fthepinkcrow.com%2Fportfolio%2Fkarenluk-net-an-illustration-gallery-in-wordpress%2F&amp;title=KarenLuk.net%2C%20an%20illustration%20gallery%20in%20WordPress&amp;annotation=When%20Karen%20Luk%20asked%20me%20to%20design%20a%20gallery%20site%20for%20her%20with%20a%20CMS%20to%20help%20organize%20her%20artwork%2C%20I%20jumped%20at%20the%20chance%20to%20help%20a%20fellow%20artist.%20But%20there%20were%20some%20interesting%20conditions%3A%20under%20no%20circumstances%20could%20the%20site%20look%20like%20it%20was%20powered%20by%20WordPress%2C%20and%20she%20needed%20it%20all%20done%20in%20time%20for%20a%20looming%20convention%21" title="Google Bookmarks"><img
src="http://thepinkcrow.com/wp-content/plugins/sociable/images/googlebookmark.png" title="Google Bookmarks" alt="Google Bookmarks" class="sociable-hovers" /></a> <a
rel="nofollow"  href="http://technorati.com/faves?add=http%3A%2F%2Fthepinkcrow.com%2Fportfolio%2Fkarenluk-net-an-illustration-gallery-in-wordpress%2F" title="Technorati"><img
src="http://thepinkcrow.com/wp-content/plugins/sociable/images/technorati.png" title="Technorati" alt="Technorati" class="sociable-hovers" /></a><br/><br/>]]></content:encoded> <wfw:commentRss>http://thepinkcrow.com/portfolio/karenluk-net-an-illustration-gallery-in-wordpress/feed/</wfw:commentRss> <slash:comments>0</slash:comments> </item> <item><title>Subculture of One v3.0</title><link>http://thepinkcrow.com/portfolio/subculture/</link> <comments>http://thepinkcrow.com/portfolio/subculture/#comments</comments> <pubDate>Wed, 03 Dec 2008 00:49:14 +0000</pubDate> <dc:creator>Rachel Nabors</dc:creator> <category><![CDATA[Portfolio]]></category> <category><![CDATA[Comic Book]]></category> <category><![CDATA[Etsy]]></category> <category><![CDATA[gallery]]></category> <category><![CDATA[Golden Ratio]]></category> <category><![CDATA[Illustrator]]></category> <category><![CDATA[Social Networking Sites]]></category> <category><![CDATA[Subculture of One]]></category><guid
isPermaLink="false">http://thepinkcrow.com/?p=66</guid> <description><![CDATA[Before I built The Pink Crow, I had just one site called Subculture of One. Previously, Subculture of One was just a place where I kept links to all my old gURL.com comics, blogs, social networking sites and a newsletter, but once I started making sites full time, I tried to integrate that part of my work into the new site.... with mixed results.]]></description> <content:encoded><![CDATA[<p>Before I built The Pink Crow, I had just one site called <a
href="http://subcultureofone.com">Subculture of One</a>. Previously, Subculture of One was just a place where I kept <a
href="http://subcultureofone.com/comics">links to all my old gURL.com comics</a>, blogs, social networking sites and a newsletter, but once I started making sites full time, I tried to integrate that part of my work into the new site&#8230;. with mixed results.</p><p><a
href="http://subcultureofone.com"><img
class="aligncenter size-full wp-image-65" title="subcultureofone" src="http://thepinkcrow.com/wp-content/uploads/2008/12/subcultureofone.jpg" alt="Subculture of One v3.0 subcultureofone" width="480" height="300" /></a></p><p>I kept the old &#8220;black and white and red all over&#8221; color scheme, and on the front page I mixed in an image of my alter ego off one of my business cards. The site had previously been coded in substandard CSS, and by now I knew better. At one point, I really wanted to show off, so I decided to make the layout, get this, based on the golden ratio and fluid (meaning it expands and contracts with the size of the user&#8217;s browser window&#8211;very tricky to do right while maintaining control over how things flow on the page).</p><p>I used grainy zip-tone and halftone screens to reinforce my comic book roots and made all my social networking sites much more easy to find, with links on each page or in context-sensitive places.</p><p>I wanted to build in my own gallery, but I didn&#8217;t like the Gallery2.2 script&#8217;s heavy reliance on table-based layout. Tired of gutting tables from my <a
href="/portfolio/rubifruit-exchange/">previous Rubifruit project</a>, I nixed the the idea completely and linked to <a
href="http://rachelthegreat.deviantart.com">my preexisting DeviantArt account</a> instead, which is good because DeviantArt is more socially active than a static on-site gallery and encourages through-traffic, but bad because I have absolutely no control over its layout nor is DeviantArt very &#8220;socially aware&#8221; (very few widgets that hook into other sites).</p><p>I also let go of my customize osCommerce shopping cart that I built way back when for <a
href="http://www.etsy.com/shop.php?user_id=5199063">an etsy shop</a>. I figured etsy would offer more through-traffic, and thought it was worth a change, especially since I had made so many friends on etsy already.</p><h2>A Commercial Approach</h2><p>I tried to play up my skills as an illustrator and web designer on the new site instead of just promoting my comics, which are no longer the focus of my career. But according to Google analytics reports, people are getting lost when looking for just the comics. I have decided that Subculture of One cannot serve to both promote my comics and my web design. Thus, I made this site, The Pink Crow. I fully plan to overhaul Subculture of One once again, this time returning it to a more comics-focused theme.</p><cite>This article and more by Rachel Nabors at <a
href="http://thepinkcrow.com">The Pink Crow</a>.</cite>Share and Enjoy:<a
rel="nofollow"  href="mailto:?subject=Subculture%20of%20One%20v3.0&amp;body=http%3A%2F%2Fthepinkcrow.com%2Fportfolio%2Fsubculture%2F" title="email"><img
src="http://thepinkcrow.com/wp-content/plugins/sociable/images/email_link.png" title="email" alt="Subculture of One v3.0 email link" class="sociable-hovers" /></a> <a
rel="nofollow"  href="http://www.designfloat.com/submit.php?url=http%3A%2F%2Fthepinkcrow.com%2Fportfolio%2Fsubculture%2F&amp;title=Subculture%20of%20One%20v3.0" title="Design Float"><img
src="http://thepinkcrow.com/wp-content/plugins/sociable/images/designfloat.png" title="Design Float" alt="Design Float" class="sociable-hovers" /></a> <a
rel="nofollow"  href="" title="TwitThis"><img
src="http://thepinkcrow.com/wp-content/plugins/sociable/images/" title="TwitThis" alt="TwitThis" class="sociable-hovers" /></a> <a
rel="nofollow"  href="http://www.stumbleupon.com/submit?url=http%3A%2F%2Fthepinkcrow.com%2Fportfolio%2Fsubculture%2F&amp;title=Subculture%20of%20One%20v3.0" title="StumbleUpon"><img
src="http://thepinkcrow.com/wp-content/plugins/sociable/images/stumbleupon.png" title="StumbleUpon" alt="StumbleUpon" class="sociable-hovers" /></a> <a
rel="nofollow"  href="http://digg.com/submit?phase=2&amp;url=http%3A%2F%2Fthepinkcrow.com%2Fportfolio%2Fsubculture%2F&amp;title=Subculture%20of%20One%20v3.0&amp;bodytext=Before%20I%20built%20The%20Pink%20Crow%2C%20I%20had%20just%20one%20site%20called%20Subculture%20of%20One.%20Previously%2C%20Subculture%20of%20One%20was%20just%20a%20place%20where%20I%20kept%20links%20to%20all%20my%20old%20gURL.com%20comics%2C%20blogs%2C%20social%20networking%20sites%20and%20a%20newsletter%2C%20but%20once%20I%20started%20making%20sites%20full%20time%2C%20I%20tried%20to%20integrate%20that%20part%20of%20my%20work%20into%20the%20new%20site....%20with%20mixed%20results." title="Digg"><img
src="http://thepinkcrow.com/wp-content/plugins/sociable/images/digg.png" title="Digg" alt="Digg" class="sociable-hovers" /></a> <a
rel="nofollow"  href="http://delicious.com/post?url=http%3A%2F%2Fthepinkcrow.com%2Fportfolio%2Fsubculture%2F&amp;title=Subculture%20of%20One%20v3.0&amp;notes=Before%20I%20built%20The%20Pink%20Crow%2C%20I%20had%20just%20one%20site%20called%20Subculture%20of%20One.%20Previously%2C%20Subculture%20of%20One%20was%20just%20a%20place%20where%20I%20kept%20links%20to%20all%20my%20old%20gURL.com%20comics%2C%20blogs%2C%20social%20networking%20sites%20and%20a%20newsletter%2C%20but%20once%20I%20started%20making%20sites%20full%20time%2C%20I%20tried%20to%20integrate%20that%20part%20of%20my%20work%20into%20the%20new%20site....%20with%20mixed%20results." title="del.icio.us"><img
src="http://thepinkcrow.com/wp-content/plugins/sociable/images/delicious.png" title="del.icio.us" alt="del.icio.us" class="sociable-hovers" /></a> <a
rel="nofollow"  href="" title="Ma.gnolia"><img
src="http://thepinkcrow.com/wp-content/plugins/sociable/images/" title="Ma.gnolia" alt="Ma.gnolia" class="sociable-hovers" /></a> <a
rel="nofollow"  href="http://www.facebook.com/share.php?u=http%3A%2F%2Fthepinkcrow.com%2Fportfolio%2Fsubculture%2F&amp;t=Subculture%20of%20One%20v3.0" title="Facebook"><img
src="http://thepinkcrow.com/wp-content/plugins/sociable/images/facebook.png" title="Facebook" alt="Facebook" class="sociable-hovers" /></a> <a
rel="nofollow"  href="http://www.linkedin.com/shareArticle?mini=true&amp;url=http%3A%2F%2Fthepinkcrow.com%2Fportfolio%2Fsubculture%2F&amp;title=Subculture%20of%20One%20v3.0&amp;source=The+Pink+Crow+Front-end+design+that+stands+out.&amp;summary=Before%20I%20built%20The%20Pink%20Crow%2C%20I%20had%20just%20one%20site%20called%20Subculture%20of%20One.%20Previously%2C%20Subculture%20of%20One%20was%20just%20a%20place%20where%20I%20kept%20links%20to%20all%20my%20old%20gURL.com%20comics%2C%20blogs%2C%20social%20networking%20sites%20and%20a%20newsletter%2C%20but%20once%20I%20started%20making%20sites%20full%20time%2C%20I%20tried%20to%20integrate%20that%20part%20of%20my%20work%20into%20the%20new%20site....%20with%20mixed%20results." title="LinkedIn"><img
src="http://thepinkcrow.com/wp-content/plugins/sociable/images/linkedin.png" title="LinkedIn" alt="LinkedIn" class="sociable-hovers" /></a> <a
rel="nofollow"  href="http://www.google.com/bookmarks/mark?op=edit&amp;bkmk=http%3A%2F%2Fthepinkcrow.com%2Fportfolio%2Fsubculture%2F&amp;title=Subculture%20of%20One%20v3.0&amp;annotation=Before%20I%20built%20The%20Pink%20Crow%2C%20I%20had%20just%20one%20site%20called%20Subculture%20of%20One.%20Previously%2C%20Subculture%20of%20One%20was%20just%20a%20place%20where%20I%20kept%20links%20to%20all%20my%20old%20gURL.com%20comics%2C%20blogs%2C%20social%20networking%20sites%20and%20a%20newsletter%2C%20but%20once%20I%20started%20making%20sites%20full%20time%2C%20I%20tried%20to%20integrate%20that%20part%20of%20my%20work%20into%20the%20new%20site....%20with%20mixed%20results." title="Google Bookmarks"><img
src="http://thepinkcrow.com/wp-content/plugins/sociable/images/googlebookmark.png" title="Google Bookmarks" alt="Google Bookmarks" class="sociable-hovers" /></a> <a
rel="nofollow"  href="http://technorati.com/faves?add=http%3A%2F%2Fthepinkcrow.com%2Fportfolio%2Fsubculture%2F" title="Technorati"><img
src="http://thepinkcrow.com/wp-content/plugins/sociable/images/technorati.png" title="Technorati" alt="Technorati" class="sociable-hovers" /></a><br/><br/>]]></content:encoded> <wfw:commentRss>http://thepinkcrow.com/portfolio/subculture/feed/</wfw:commentRss> <slash:comments>0</slash:comments> </item> </channel> </rss>
<!-- Performance optimized by W3 Total Cache. Learn more: http://www.w3-edge.com/wordpress-plugins/

Minified using disk
Page Caching using disk (user agent is rejected)
Database Caching 13/37 queries in 0.065 seconds using disk

Served from: thepinkcrow.com @ 2010-09-10 19:31:28 -->