<?xml version="1.0" encoding="UTF-8"?>
<?xml-stylesheet type="text/xsl" media="screen" href="/~d/styles/rss2full.xsl"?><?xml-stylesheet type="text/css" media="screen" href="http://feeds.feedburner.com/~d/styles/itemcontent.css"?><rss 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:feedburner="http://rssnamespace.org/feedburner/ext/1.0" version="2.0">

<channel>
	<title>Shiny Toy Robots</title>
	
	<link>http://shinytoyrobots.com</link>
	<description>Web Design Blog</description>
	<lastBuildDate>Thu, 09 Feb 2012 14:12:11 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.1</generator>
<xhtml:meta xmlns:xhtml="http://www.w3.org/1999/xhtml" name="robots" content="noindex" />
		<atom10:link xmlns:atom10="http://www.w3.org/2005/Atom" rel="self" type="application/rss+xml" href="http://feeds.feedburner.com/shinytoyrobots" /><feedburner:info uri="shinytoyrobots" /><atom10:link xmlns:atom10="http://www.w3.org/2005/Atom" rel="hub" href="http://pubsubhubbub.appspot.com/" /><item>
		<title>Expect No Benefits From paper.li</title>
		<link>http://feedproxy.google.com/~r/shinytoyrobots/~3/q1tcchrVAyw/</link>
		<comments>http://shinytoyrobots.com/2012/02/expect-no-benefits-from-paper-li/#comments</comments>
		<pubDate>Thu, 09 Feb 2012 14:12:11 +0000</pubDate>
		<dc:creator>Robin</dc:creator>
				<category><![CDATA[Social Media Stuff]]></category>
		<category><![CDATA[aggregators]]></category>
		<category><![CDATA[paper.li]]></category>

		<guid isPermaLink="false">http://shinytoyrobots.com/?p=353</guid>
		<description><![CDATA[It happens every day or two, whether I&#8217;m sending a tweet about my own blog post, or sharing something interesting I&#8217;ve found elsewhere. A few minutes after my own tweet, I&#8217;ll get referenced in a reply. The article I tweeted has been aggregated by someone&#8217;s paper.li site. Unlike most backlinks, I expect no benefits from... <a class="heavier" href="http://shinytoyrobots.com/2012/02/expect-no-benefits-from-paper-li/">[read more]</a>]]></description>
			<content:encoded><![CDATA[<p>It happens every day or two, whether I&#8217;m sending a tweet about my own blog post, or sharing something interesting I&#8217;ve found elsewhere. A few minutes after my own tweet, I&#8217;ll get referenced in a reply. The article I tweeted has been aggregated by someone&#8217;s paper.li site. Unlike most backlinks, I expect no benefits from paper.li.</p>
<h2>The idea is interesting</h2>
<p>paper.li touts itself as a service for creating your own newspaper website. You can set topics, pull in stories, and publish a &#8220;daily newspaper&#8221; around the subject matter you want. All the stories are pulled together into a newspaper-look design, and published.</p>
<p>Nice idea. Removes the barriers to entry for publishing news, current events and opinion, whatever your area of interest.</p>
<h2>The implementation is poor</h2>
<p>paper.li doesn&#8217;t know what it is. That lack of focus means it fails across the board.</p>
<h3>It isn&#8217;t an effective aggregator</h3>
<p>If I set various keywords and let paper.li search, it&#8217;ll come up with a full list of articles to populate my site. It&#8217;ll categorize them&#8230;kind of accurately. It&#8217;ll pull in items of no real interest, and leave out other items that might be &#8220;on topic&#8221; but miss a vital keyword.</p>
<p>If I want to look at aggregated recent articles on a certain topic, there are a multitude of services out there which are more effective. They&#8217;re more effective in pulling in the initial aggregation, but they also give me more power to further refine my search.</p>
<h3>It isn&#8217;t an effective newspaper</h3>
<p>A good newspaper isn&#8217;t just an aggregation of all the latest stories. Newspapers are a powerful medium; whether online or offline, because the stories they gather are curated. Curating the content means that topics of importance are effectively highlighted. Less relevant pieces are reduced in prominence or discarded altogether.</p>
<p>A newspaper that&#8217;s created automatically isn&#8217;t really a newspaper, and doesn&#8217;t work.</p>
<h3>It isn&#8217;t an effective traffic driver</h3>
<p>I&#8217;d like to see some statistics on paper.li traffic. I know that the web content I create has been referenced multiple times, on multiple people&#8217;s paper.li sites. I can&#8217;t remember ever seeing analytics that suggest any of those links has brought traffic back to my site.</p>
<p>That trend seems to continue regardless of whether the story is featured prominently on the paper.li site or not, or whether the paper.li publisher has tens of thousands of Twitter followers. It leads me to wonder whether  individual paper.li sites have any significant visitor numbers.</p>
<h2>Better to do one thing well</h2>
<p>If you want to read an aggregation of content based on your interests, there are good options. iGoogle, Yahoo or MSN personal homepages. They all let you set topics and bring in aggregated content based on searches and keywords.</p>
<p>If you want to curate your own collection of content more actively then use an RSS aggregator like Google Reader. Choose the feeds that you want to sign up to. Categorize and sort them. Check in daily.</p>
<p>If you want to highlight great articles for others, share them on Twitter, Facebook, Google+ and other social networks. Write articles on your site that link to that external content. Show that you&#8217;re not just recommending something that was automatically aggregated, but something that you&#8217;ve read and rated yourself.</p>
<p>Do you think that paper.li has any strong benefits? Are there better alternative services for this kind of thing?</p>
<p>&nbsp;</p>
<img src="http://feeds.feedburner.com/~r/shinytoyrobots/~4/q1tcchrVAyw" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://shinytoyrobots.com/2012/02/expect-no-benefits-from-paper-li/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		<feedburner:origLink>http://shinytoyrobots.com/2012/02/expect-no-benefits-from-paper-li/</feedburner:origLink></item>
		<item>
		<title>Design Inspiration Through Artistic Engagement</title>
		<link>http://feedproxy.google.com/~r/shinytoyrobots/~3/CONvLkwHizU/</link>
		<comments>http://shinytoyrobots.com/2012/01/design-inspiration-through-artistic-engagement/#comments</comments>
		<pubDate>Sun, 29 Jan 2012 05:10:10 +0000</pubDate>
		<dc:creator>Robin</dc:creator>
				<category><![CDATA[Design Trends]]></category>
		<category><![CDATA[Social Media Stuff]]></category>
		<category><![CDATA[bridget roach]]></category>
		<category><![CDATA[design inspiration]]></category>
		<category><![CDATA[physical media]]></category>

		<guid isPermaLink="false">http://shinytoyrobots.com/?p=339</guid>
		<description><![CDATA[It&#8217;s great to find art that you love. It&#8217;s always inspiring as a designer. One of the great things about the development of social media is that it allows consumers and artists to engage more closely. Artists can reach out more easily to those interested in their art. Consumers can find out more about the... <a class="heavier" href="http://shinytoyrobots.com/2012/01/design-inspiration-through-artistic-engagement/">[read more]</a>]]></description>
			<content:encoded><![CDATA[<p>It&#8217;s great to find art that you love. It&#8217;s always inspiring as a designer. One of the great things about the development of social media is that it allows consumers and artists to engage more closely. Artists can reach out more easily to those interested in their art. Consumers can find out more about the art they love. Online artistic engagement benefits both parties.</p>
<h2>I need more walls!</h2>
<p>On Halloween I went to a party at <a href="http://artworkstrenton.com/">Artworks</a> in Trenton. There was a lot of great art there, all available to buy. I fell in love with a piece called &#8220;Bride of Frankenstein&#8221;. I&#8217;m running out of space on my apartment walls, but I bought it anyway and found a place for it, because it&#8217;s a cool piece.</p>
<p>I always love finding awesome art, it&#8217;s always an inspiration to me. I love it for its own sake, but also think about which aspects I can incorporate into my digital media and web design.</p>
<h2>Finding out more</h2>
<p><a href="http://shinytoyrobots.com/wp-content/uploads/2012/01/20120128-marilyn.jpg"><img class="alignnone size-full wp-image-341" title="Great piece of Marilyn Monroe, by Bridget Roach" src="http://shinytoyrobots.com/wp-content/uploads/2012/01/20120128-marilyn.jpg" alt="Great piece of Marilyn Monroe, by Bridget Roach" width="560" height="214" /></a></p>
<p>The piece is by an artist called Bridget Roach. I wanted to find out more about her work, but I couldn&#8217;t find much information online. So I was really pleased a few weeks later when Bridget found me on Facebook! Just as I wanted to know more about the artist, she wanted to find out more about the person who bought her art.</p>
<p>Before the wider advent of social media, it would have been a lot more difficult for either of us to find each other. Now the tools exist for us to develop a greater engagement.</p>
<h2>The wider benefits</h2>
<p>In this case it means i&#8217;ve found a local artist whose work I really love. It&#8217;s vibrant and powerful, and in a great style. I can enjoy the art for its own sake and also be inspired for my work. I&#8217;ve also found other artists that Bridget engages with, e.g. by seeing posts on her Facebook wall, and seen more great art I wouldn&#8217;t otherwise have seen.</p>
<p>Bridget&#8217;s at the very least found a new fan. I definitely want to invest in more of her work. She&#8217;s also found a cheerleader, because I want to tell others about her talent. Some of my friends have already started following here on Facebook.</p>
<p>I&#8217;m hoping that at some point she might also have found a collaborator, because i&#8217;d love to come up with a project to integrate her art with my web design (Oh, and Bridget, you should have your own website!!).</p>
<h2>Encouraging collaboration</h2>
<p>I wanted to highlight how social media can benefit me as a designer. It&#8217;s easy to talk in generalities about social media, but speaking personally is more powerful.</p>
<p>As an art fan and a designer, I found a great artist with inspirational work. I hope the engagement will benefit both parties in future. It doesn&#8217;t have to be art and design, though. It could be anything.</p>
<p>Social media engagement can be used to develop encounters that originally started offline, and turn them into longer term relationships. Social media is a tool to build engagement, but remember it doesn&#8217;t always have to start and finish in the online medium.</p>
<img src="http://feeds.feedburner.com/~r/shinytoyrobots/~4/CONvLkwHizU" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://shinytoyrobots.com/2012/01/design-inspiration-through-artistic-engagement/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		<feedburner:origLink>http://shinytoyrobots.com/2012/01/design-inspiration-through-artistic-engagement/</feedburner:origLink></item>
		<item>
		<title>New Job, New Inspiration, And Viggle!</title>
		<link>http://feedproxy.google.com/~r/shinytoyrobots/~3/nJaVTR77tIk/</link>
		<comments>http://shinytoyrobots.com/2012/01/new-job-new-inspiration-and-viggle/#comments</comments>
		<pubDate>Wed, 25 Jan 2012 16:59:25 +0000</pubDate>
		<dc:creator>Robin</dc:creator>
				<category><![CDATA[Social Media Stuff]]></category>
		<category><![CDATA[careers]]></category>
		<category><![CDATA[social tv]]></category>
		<category><![CDATA[viggle]]></category>

		<guid isPermaLink="false">http://shinytoyrobots.com/?p=329</guid>
		<description><![CDATA[Today&#8217;s the third day of an exciting new job for me. At the end of last week I left TerraCycle for an great opportunity at Function(x), Inc. They&#8217;re a very cool company with a great vision. You&#8217;ll probably be hearing a lot about them today as their first app, Viggle, is due to hit the... <a class="heavier" href="http://shinytoyrobots.com/2012/01/new-job-new-inspiration-and-viggle/">[read more]</a>]]></description>
			<content:encoded><![CDATA[<p>Today&#8217;s the third day of an exciting new job for me. At the end of last week I left <a href="http://terracycle.com">TerraCycle</a> for an great opportunity at <a href="http://functionxinc.com">Function(x), Inc</a>. They&#8217;re a very cool company with a great vision. You&#8217;ll probably be hearing a lot about them today as their first app, <a href="http://viggle.com">Viggle</a>, is due to hit the Apple App Store.</p>
<h2>Moving on, moving up</h2>
<p>I had a good time working at TerraCycle for nearly two years. Designing and implementing the front end web experience for a growing global company was great for my professional development. When I first heard about the Web Engineer role at Function(x), however, I had to pursue it. It&#8217;s a great step forward in my career.</p>
<p>I&#8217;m working at a dynamic digital entertainment company with a great product. I&#8217;m excited to be involved during the early stages. Excited to be working to build a great core team of front end developers. I&#8217;ll be stretching my design implementation skills and improving my management and strategic abilities.</p>
<h2>A product that excites</h2>
<p>During my first couple of interviews with Function(x) they couldn&#8217;t tell me about what they were working on. When I first got to see Viggle in action it made me even more enthusiastic about the company. I was really happy last week <a href="http://bit.ly/znFiLc">when news about Viggle broke publicly</a>, because it meant I could start telling people about it!</p>
<p>Jeff Bullas wrote yesterday about <a href="http://jeffbullas.visibli.com/share/wFSj8K">why social media will disappear</a>. Despite the extravagant title to his article, his underlying point is well made. The future development of social media isn&#8217;t likely to be as a standalone service. The next stage for social media is closer and closer integration into other forms of media.</p>
<p>Viggle, the loyalty points and rewards program for watching TV, takes that evolution a step forward. It seamlessly integrates the TV watching experience with the sharing and discussion of social media&#8230;and it gives its users tangible rewards. It&#8217;s a very cool product.</p>
<h2>New challenges</h2>
<p>New challenges are important. They keep me motivated to push myself and develop my skills. Challenges stop me from getting complacent. From what I&#8217;ve seen at Function(x) so far, complacency certainly isn&#8217;t going to be an issue!</p>
<p>It&#8217;s important to work for a company whose vision I&#8217;m invested in. I have a strong belief in what Function(x) are trying to achieve, and in their future success. Investing in that vision means that I&#8217;m going to be motivated to push myself. I&#8217;m not only going to benefit Function(x) with that motivation, I&#8217;m going to make great forward strides myself.</p>
<p>&nbsp;</p>
<img src="http://feeds.feedburner.com/~r/shinytoyrobots/~4/nJaVTR77tIk" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://shinytoyrobots.com/2012/01/new-job-new-inspiration-and-viggle/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		<feedburner:origLink>http://shinytoyrobots.com/2012/01/new-job-new-inspiration-and-viggle/</feedburner:origLink></item>
		<item>
		<title>Social Media And Customer Service – When Do You Criticize Publicly?</title>
		<link>http://feedproxy.google.com/~r/shinytoyrobots/~3/mOp9R7HEelc/</link>
		<comments>http://shinytoyrobots.com/2012/01/social-media-and-customer-service-when-do-you-criticize-publicly/#comments</comments>
		<pubDate>Wed, 18 Jan 2012 17:11:03 +0000</pubDate>
		<dc:creator>Robin</dc:creator>
				<category><![CDATA[Random Thoughts]]></category>
		<category><![CDATA[Social Media Stuff]]></category>
		<category><![CDATA[customer service]]></category>
		<category><![CDATA[social media etiquette]]></category>

		<guid isPermaLink="false">http://shinytoyrobots.com/?p=319</guid>
		<description><![CDATA[It&#8217;s very easy for a company to quickly fall victim to online criticism. An accusation of illegal activity, or even just bad customer service, can quickly go viral. It seems that social media criticism is the first method used when there&#8217;s a problem, rather than contacting another company directly. A public outcry can provoke a... <a class="heavier" href="http://shinytoyrobots.com/2012/01/social-media-and-customer-service-when-do-you-criticize-publicly/">[read more]</a>]]></description>
			<content:encoded><![CDATA[<p>It&#8217;s very easy for a company to quickly fall victim to online criticism. An accusation of illegal activity, or even just bad customer service, can quickly go viral. It seems that social media criticism is the first method used when there&#8217;s a problem, rather than contacting another company directly. A public outcry can provoke a rapid response, but is it the most professional way of going about things? What&#8217;s the relationship between social media and customer service?</p>
<h2>Immediately escalating the issue</h2>
<p>An interesting story this week was <a href="http://bit.ly/AoWGSE">Google Kenya&#8217;s improper access of the database of a local company</a>, Mocality. Google workers used Mocality&#8217;s business directory to try and sell a competing service to Kenyan businesses.</p>
<p>This issue became a big story because Mocality set up a &#8220;sting&#8221; operation to gather a lot of data and proof about Google&#8217;s activities in Kenya. After collecting all this information, they wrote an <a href="http://bit.ly/wbGEL6">extensive blog post detailing the issue</a>, and that post subsequently spread across social media before being picked up by traditional press.</p>
<p>Mocality apparently didn&#8217;t choose to contact Google directly regarding the issue. They also didn&#8217;t contact the local authorities (given that their allegations were about illegal practices). They took a social media route to make their allegations and spread them as widely as possible. It caused a lot of criticism of Google, a quick response from that company admitting the malpractice by their Kenyan team, an apology to Mocality and a promise to immediately investigate the issue further. A win for Mocality.</p>
<h2>Public allegations vs private queries</h2>
<p>If I have an issue with a company then my first thought is to contact them directly. The Mocality situation is an extreme example, but even if it&#8217;s merely a case of poor customer service the idea of contacting customer support directly seems to be becoming less common. It&#8217;s common to see widespread Twitter or Facebook memes highlighting poor customer service or other unfortunate activities by companies; forcing them to respond to a public outcry.</p>
<p>There are advantages to acting in this way.</p>
<ul>
<li>A widespread public outcry forces the offending company to respond</li>
<li>It provides an opportunity for other people who&#8217;ve had similar problems to speak with a single voice</li>
<li>The public nature of the criticism often forces a company to provide greater recompense so that they&#8217;re seen to be taking the problem seriously</li>
</ul>
<p>There&#8217;s also a downside.</p>
<ul>
<li>A genuine accident or oversight can become &#8220;proof&#8221; of deliberate action</li>
<li>The seriousness of an issue can become extremely exaggerated or inaccurate</li>
<li>A company can become tarred for something outside of their direct control (the action of an individual, the behavior of a subsidiary, etc)</li>
</ul>
<h2>Gossip as a means of provoking action</h2>
<p>Social media provides an opportunity to gossip on a global scale. I know that a strong allegation, particularly against a big company (because people always like taking big names down a notch!), can get a lot of traction online. It seems to me, however, that social media is a good avenue to redress problems if a company <strong>doesn&#8217;t</strong> respond to a direct communication effectively.</p>
<p>If I receive poor customer service from Amazon, then my first task is going to be contacting Amazon and attempting to resolve the issue. If Amazon deal poorly with my customer support request, then I might start talking about my bad experience through social media.</p>
<p>Social media is incredibly powerful in giving consumers a wider voice, and ensuring that their concerns and difficulties can be escalated. Should that come after other avenues have been exhausted, or is social media a legitimate first choice when demanding a response from another company?</p>
<img src="http://feeds.feedburner.com/~r/shinytoyrobots/~4/mOp9R7HEelc" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://shinytoyrobots.com/2012/01/social-media-and-customer-service-when-do-you-criticize-publicly/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		<feedburner:origLink>http://shinytoyrobots.com/2012/01/social-media-and-customer-service-when-do-you-criticize-publicly/</feedburner:origLink></item>
		<item>
		<title>Losing Focus On SOPA – Lamar Smith’s Violation Doesn’t Matter</title>
		<link>http://feedproxy.google.com/~r/shinytoyrobots/~3/xwM-eOPiwuA/</link>
		<comments>http://shinytoyrobots.com/2012/01/losing-focus-on-sopa-lamar-smiths-violation-doesnt-matter/#comments</comments>
		<pubDate>Fri, 13 Jan 2012 16:28:47 +0000</pubDate>
		<dc:creator>Robin</dc:creator>
				<category><![CDATA[Random Thoughts]]></category>
		<category><![CDATA[Social Media Stuff]]></category>
		<category><![CDATA[internet censorship]]></category>
		<category><![CDATA[lamar smith]]></category>
		<category><![CDATA[sopa]]></category>

		<guid isPermaLink="false">http://shinytoyrobots.com/?p=305</guid>
		<description><![CDATA[I&#8217;ve been really disheartened the last day or so to see Twitter and other social media talking about the minor copyright violation by Lamar Smith. It&#8217;s a distraction from the campaign against the Stop Online Piracy Act (SOPA). It&#8217;s been great to see stories of sites like Reddit confirming an 18th January blackout in protest against... <a class="heavier" href="http://shinytoyrobots.com/2012/01/losing-focus-on-sopa-lamar-smiths-violation-doesnt-matter/">[read more]</a>]]></description>
			<content:encoded><![CDATA[<p>I&#8217;ve been really disheartened the last day or so to see Twitter and other social media talking about the minor copyright violation by Lamar Smith. It&#8217;s a distraction from the campaign against the Stop Online Piracy Act (SOPA). It&#8217;s been great to see stories of sites like Reddit confirming an 18th January blackout in protest against the legislation, and the likes of Google and Facebook considering it. So why are we losing focus on SOPA by pointlessly addressing a trivial issue instead?</p>
<h2>The bill&#8217;s important, not the person</h2>
<p>OK, here&#8217;s the story. The author of SOPA, Lamar Smith, <a href="http://www.vice.com/read/lamar-smith-sopa-copyright-whoops">was accused of copyright violation himself</a>. A pre-SOPA version of his website uses a Creative Commons licensed <a href="http://www.flickr.com/photos/oxherder/4189641199/sizes/l/in/pool-89888984@N00/">image by DJ Schulte</a> without correctly attributing the photographer. Cue every single SOPA related Tweet turning into a link to this article, as if it was some kind of silver bullet.</p>
<p>Instead of continuing to focus on SOPA, its huge flaws and dangers to free speech and a creative, entrepreneurial web, the argument&#8217;s suddenly been reduced to &#8220;look, Lamar Smith is a bad guy!&#8221; Everybody is talking about a mistaken copyright violation. Which means that everybody has <strong>stopped</strong> talking about what matters.</p>
<p>Lamar Smith could be the greatest paragon of virtue in Washington and SOPA would still be a terrible piece of legislation. It <strong>doesn&#8217;t matter</strong> whether he&#8217;s a hypocrite for the mistake on his website. All the focus on this issue merely distracts from SOPA itself.</p>
<h2>It makes the opposition look small-minded</h2>
<p>Here are two arguments against SOPA;</p>
<blockquote><p>It&#8217;s a seriously flawed piece of legislation that will negatively impact American business and undermine free speech.</p></blockquote>
<p>or&#8230;</p>
<blockquote><p>Lamar Smith is a hypocrite.</p></blockquote>
<p>I know which I find a more powerful motivator to oppose the legislation.</p>
<p>The triviality of using a minor &#8220;gotcha&#8221; moment as a focus of the anti-SOPA argument makes people think the issue itself is trivial. It&#8217;s not even a great proof of hypocrisy. &#8220;Congressman&#8217;s web designers make minor error in not attributing credit to otherwise free photograph&#8221;. Not exactly a Watergate moment.</p>
<h2>Trying to censor the internet isn&#8217;t enough?</h2>
<p>SOPA can certainly be stopped. If huge websites like Facebook and Google shut down then it&#8217;ll be a huge news story. These are sites used by the general public, rather than sites whose audience is more likely to be more heavily involved in digital/social media issues. The argument against SOPA is strong in terms of constitutional rights of free speech and in terms of potentially negative economic impact.</p>
<p><strong>They&#8217;re trying to censor the internet</strong>. It&#8217;s an argument that people can understand, and which can be used to bring pressure to stop the legislation. Why waste that by instead talking about a picture that Lamar Smith used to have on his website?</p>
<img src="http://feeds.feedburner.com/~r/shinytoyrobots/~4/xwM-eOPiwuA" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://shinytoyrobots.com/2012/01/losing-focus-on-sopa-lamar-smiths-violation-doesnt-matter/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		<feedburner:origLink>http://shinytoyrobots.com/2012/01/losing-focus-on-sopa-lamar-smiths-violation-doesnt-matter/</feedburner:origLink></item>
		<item>
		<title>Paying Twice? Online Versus Offline Font Support</title>
		<link>http://feedproxy.google.com/~r/shinytoyrobots/~3/-5Bz-8x64I8/</link>
		<comments>http://shinytoyrobots.com/2012/01/paying-twice-online-versus-offline-font-support/#comments</comments>
		<pubDate>Tue, 10 Jan 2012 14:00:47 +0000</pubDate>
		<dc:creator>Robin</dc:creator>
				<category><![CDATA[Design Trends]]></category>
		<category><![CDATA[font support]]></category>
		<category><![CDATA[typekit]]></category>
		<category><![CDATA[typography]]></category>

		<guid isPermaLink="false">http://shinytoyrobots.com/?p=282</guid>
		<description><![CDATA[It&#8217;s no great surprise that typography is one of the most important aspects of web design. Over the last couple of years the options for effectively displaying a wide variety of fonts in different ways have grown enormously. Yet the current options for typography in web design cause problems when it comes to the question... <a class="heavier" href="http://shinytoyrobots.com/2012/01/paying-twice-online-versus-offline-font-support/">[read more]</a>]]></description>
			<content:encoded><![CDATA[<p>It&#8217;s no great surprise that typography is one of the most important aspects of web design. Over the last couple of years the options for effectively displaying a wide variety of fonts in different ways have grown enormously. Yet the current options for typography in web design cause problems when it comes to the question of online versus offline font support.</p>
<h2>Using fonts in web design</h2>
<p>Used to be that web designers were limited to seven or eight standard fonts. These fonts were the only ones which had a relatively universal level of support across different platforms and operating systems. There weren&#8217;t many other web safe options.</p>
<p>Various interim options such as sIFR and Cufon provided designers with additional options, displaying a wider variety of fonts. These options had serious limitations, however. Loading times could be slow, text might be non-selectable, they could be awkward to install.</p>
<p>More recently, the universal adoption of <em>@font-face</em> has meant that theoretically designers can use any typeface on a website. All they need to do is host that font on the same server as the site,. They no longer have to rely on a visitor having the font on their own computer. CSS3 further provides greater options for altering the appearance of the fonts themselves (e.g. <em>text-shadow</em>). The technology is there.</p>
<h2>The problems of licensing</h2>
<p>While the technology is there to render any font on a website, the capacity to do so is seriously limited by the failure of font licensing to keep up with technological advancements. When a web designer uses <em>@font-face</em> to store a font on their server, it&#8217;s relatively easy for a technologically savvy user to be able to find&#8230;and download&#8230;that font file.</p>
<h3>Protecting intellectual property</h3>
<p>From a font provider&#8217;s point of view, that&#8217;s the same as illegally distributing the font. For perfectly legitimate reasons, font creators don&#8217;t want their font files to be available in this way. They want to protect their intellectual property, and therefore many commercial fonts specifically forbid using that font with <em>@font-face</em>.</p>
<h3>Online font libraries as a solution</h3>
<p>There are a couple of really good options to address the issue of font licensing. Online font libraries like <a href="http://typekit.com">Typekit</a> or <a href="http://www.google.com/webfonts">Google Web Fonts</a> provide access to a wide range of fonts. They store these fonts in their own libraries, and allow users (either free or via a paid subscription) to access these libraries with a small piece of code. They utilize <em>@font-face</em> capability in a way which web designers can use both technically and legally.</p>
<h2>The issue of wider branding</h2>
<p>Online libraries are great. I use Typekit all the time. But for a business on a limited budget, and looking to make their website an integral part of their overall brand, there are some potential limitations.</p>
<p>Branding is more than just a website. It includes a wide range of physical media, too. Logos, business cards, letterheads, flyers, etc. Online font libraries don&#8217;t give any help when it comes to using those fonts outside of a web page. This isn&#8217;t an issue with free fonts provided by these libraries, but they often have limited character sets or limitations on commercial use. Commercial fonts often remain the best design option.</p>
<h3>Except you might have to pay twice</h3>
<p>Let&#8217;s say a company wants to use the font Atrament.</p>
<p>If they buy the font directly from a source like <a href="http://new.myfonts.com/">MyFonts</a> they can use the font for physical media, but they can&#8217;t use it online (because they&#8217;d have to upload the font to their server to use <em>@font-face</em> and the license likely forbids this).</p>
<p>If they buy a portfolio subscription to Typekit they can use the font on their website, but they don&#8217;t have any capacity to use it offline.</p>
<p>To get the universal use of the font necessary for their online and offline branding, they have to pay for both options.</p>
<p>To buy all 10 weights and styles of Atrament on MyFonts is $339. A portfolio subscription on Typekit is $49.99 a year. While this might not seem like a huge amount of money, for a small or new business every penny can count. Having to pay twice in order to gain universal use of a single font is just another additional expense.</p>
<h2>Future solutions</h2>
<p>Even services like Typekit are still interim options. The long term solution will likely be the Web Open Font Format (WOFF). This file format allows fonts to be hosted on a server, and usable with @font-face, but in a compressed, encoded manner which resolves the licensing problems.</p>
<p>While WOFF is supported in the latest versions of all major browsers, Internet Explorer only started offering full support with the recent version 9. With the extensive use of earlier versions of IE likely to continue for at least a few more years, WOFF doesn&#8217;t provide sufficiently universal support.</p>
<p>In the meantime web designers will have to continue using imperfect methods. These methods, increasingly advanced and convenient to use as they are, still create a division between online and offline font support.</p>
<img src="http://feeds.feedburner.com/~r/shinytoyrobots/~4/-5Bz-8x64I8" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://shinytoyrobots.com/2012/01/paying-twice-online-versus-offline-font-support/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		<feedburner:origLink>http://shinytoyrobots.com/2012/01/paying-twice-online-versus-offline-font-support/</feedburner:origLink></item>
		<item>
		<title>Hire A Website Designer – You Need One</title>
		<link>http://feedproxy.google.com/~r/shinytoyrobots/~3/zZ6jGwJXuGw/</link>
		<comments>http://shinytoyrobots.com/2012/01/hire-a-website-designer-you-need-one/#comments</comments>
		<pubDate>Mon, 09 Jan 2012 16:29:33 +0000</pubDate>
		<dc:creator>Robin</dc:creator>
				<category><![CDATA[Random Thoughts]]></category>
		<category><![CDATA[content management]]></category>
		<category><![CDATA[responding]]></category>
		<category><![CDATA[web design]]></category>
		<category><![CDATA[wordpress]]></category>

		<guid isPermaLink="false">http://shinytoyrobots.com/?p=267</guid>
		<description><![CDATA[Sometimes I come across a blog post that just annoys me because it&#8217;s inaccurate and misleading. Today I read &#8220;Don&#8217;t Hire A Website Designer &#8211; You Don&#8217;t Need One&#8220;, and it inspired me to write a response. Even a small business owner with a limited budget can get a lot of benefit from hiring a... <a class="heavier" href="http://shinytoyrobots.com/2012/01/hire-a-website-designer-you-need-one/">[read more]</a>]]></description>
			<content:encoded><![CDATA[<p>Sometimes I come across a blog post that just annoys me because it&#8217;s inaccurate and misleading. Today I read &#8220;<a href="http://comluv.com/don%E2%80%99t-hire-a-website-designer%E2%80%94you-don%E2%80%99t-need-one/">Don&#8217;t Hire A Website Designer &#8211; You Don&#8217;t Need One</a>&#8220;, and it inspired me to write a response. Even a small business owner with a limited budget can get a lot of benefit from hiring a good website designer.</p>
<h2>Yes, WordPress is great</h2>
<p>The article argues that WordPress, as a free content management system with downloadable themes, makes it completely unnecessary for small businesses to hire a website designer.</p>
<p>WordPress is great. It makes hosting and administering a professional website easy and accessible. There&#8217;s lots of free support out there in the form of the WordPress codex, forums and blog posts. It&#8217;s the most popular content management system out there for very good reasons.</p>
<p>But a content management system is what makes a website work&#8230;it isn&#8217;t a website in itself.</p>
<h2>Those &#8216;tricksy&#8217; website designers</h2>
<p>The biggest flaw in <a href="https://twitter.com/#!/wordpresswb">Mitz Pantic</a>&#8216;s argument is the suggestion that custom design has no benefit over a downloaded WordPress theme (commercial or free).</p>
<blockquote><p>But you don’t need to customize your layout beyond adding your company logo (which you can do from the WordPress menu). Any professional-quality layout, like those included with WordPress, will put your customers and clients at ease. Spending extra money to create a custom layout won’t attract new customers or increase your sales—it’ll just waste your money on something you don’t need.</p></blockquote>
<p>This is dead wrong.</p>
<p>There are great WordPress themes out there. Many of them are really high quality, and can be a great way to get started. They can give you a solid, professional looking website, with some customization options to brand the site, but it&#8217;s very difficult to make it truly &#8220;yours&#8221;.</p>
<p>The suggestion that there aren&#8217;t significant potential benefits in a custom design is really misleading. Spending extra money to create a custom layout <strong>can</strong> attract new customers and it <strong>can</strong> increase your sales and conversions. Sure, you don&#8217;t <strong>need</strong> to customize your layout beyond adding your company logo, but you&#8217;re hardly differentiating yourself from the crowd if that&#8217;s all you do.</p>
<h2>The advantages of great web design</h2>
<ul>
<li>A genuinely unique look and feel to your site (not a cookie cutter approach)</li>
<li>Real &#8220;ownership&#8221; of your brand and design</li>
<li>Calls to action specific to your customers</li>
<li>Bespoke options and functionality that might not be available as part of a theme</li>
<li>Strong code structure that naturally gives solid SEO</li>
<li>A web designer who can answer your questions and give you honest feedback and advice</li>
</ul>
<p>No theme, however exceptional, can provide all of these benefits. <a href="https://twitter.com/#!/garyvee">Gary Vaynerchuck</a> in his awesome book &#8216;<a href="http://amzn.to/yoPNhx">Crush It!</a>&#8216; points out that getting custom web design is a possible exception to his general rule that anyone can start their own business without the need for financial investment.</p>
<h2>Make an informed decision</h2>
<p>I&#8217;m not criticizing WordPress themes. Many of them are genuinely great, and they <strong>can</strong> provide a really strong foundation for a new business, at a reasonable price.</p>
<blockquote><p>Of course if you are a big wig with a big budget then you cannot go wrong with a customized designed website, but for the average person, see the cheap and stress free way to get a website.</p></blockquote>
<p>What frustrated me about the article was the implication that custom web design is only for these &#8220;big wigs&#8221;, and that web designers were likely to unethically pass off an existing theme as their own design work. Neither of these accusations is universally, or even commonly, true.</p>
<p>One of the huge benefits of open source (and free) content management systems like WordPress is that they&#8217;ve made great web design accessible and affordable. You don&#8217;t need to pay for a bespoke content management system (and, indeed, you absolutely shouldn&#8217;t). A good web designer can help you differentiate yourself while still using a free platform. Often for a very reasonable price.</p>
<p>Custom web design will cost you more than using a free or commercial theme. Good custom web design will also provide a lot of additional benefits. If you choose to go with a theme, then that&#8217;s great. It might well be the best option for your business. Make it an informed choice, not a choice based on the false impression that a generic theme is indistinguishable from great custom design.</p>
<img src="http://feeds.feedburner.com/~r/shinytoyrobots/~4/zZ6jGwJXuGw" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://shinytoyrobots.com/2012/01/hire-a-website-designer-you-need-one/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		<feedburner:origLink>http://shinytoyrobots.com/2012/01/hire-a-website-designer-you-need-one/</feedburner:origLink></item>
		<item>
		<title>Physical Media Still Means More</title>
		<link>http://feedproxy.google.com/~r/shinytoyrobots/~3/KMbE0w1reFY/</link>
		<comments>http://shinytoyrobots.com/2012/01/physical-media-still-means-more/#comments</comments>
		<pubDate>Thu, 05 Jan 2012 03:35:02 +0000</pubDate>
		<dc:creator>Robin</dc:creator>
				<category><![CDATA[Random Thoughts]]></category>
		<category><![CDATA[design inspiration]]></category>
		<category><![CDATA[physical media]]></category>

		<guid isPermaLink="false">http://shinytoyrobots.com/?p=259</guid>
		<description><![CDATA[Yesterday I read a great article asking whether the traditional business card is dead. I don&#8217;t think so. In many ways I think it&#8217;s more important than ever. In an age of web and technology, the impact  of physical media can be incredibly powerful. Physical media still means more. The attraction of luxury Twenty years... <a class="heavier" href="http://shinytoyrobots.com/2012/01/physical-media-still-means-more/">[read more]</a>]]></description>
			<content:encoded><![CDATA[<p>Yesterday I read a great article asking <a href="http://www.webdesignerdepot.com/2012/01/is-the-traditional-business-card-dead/">whether the traditional business card is dead</a>. I don&#8217;t think so. In many ways I think it&#8217;s more important than ever. In an age of web and technology, the impact  of physical media can be incredibly powerful. Physical media still <strong>means</strong> more.</p>
<h2>The attraction of luxury</h2>
<p>Twenty years ago, an item like a business card was a necessity. It was the only way to effectively pass on your information to a potential business partner. Business cards were generally pretty plain; name, company and contact details. They were of functional importance.</p>
<p>People might collect hundreds or thousands of cards and put them in a rolodex. Today I collect hundreds or thousands of URLs and put them into my bookmarks. Those bookmarks are often lost and forgotten in the clutter, just like those cards in a rolodex often were.</p>
<p>My reliance now is more on websites and social media profiles. When so much of my interaction is online, it&#8217;s easy to give someone a link to follow. It&#8217;s functional, but because it&#8217;s so functional, it&#8217;s also boring.</p>
<p>A physical business card is more powerful now by virtue of being unnecessary. If it&#8217;s not a necessity then it&#8217;s a luxury. When I&#8217;m given a luxury (however trivial), I remember who gave it to me. I&#8217;m likely to examine it at least once, and to keep it.</p>
<h2>Rarity and the personal touch</h2>
<p>The premise applies to far more than just business cards. Think how powerful receiving a hand written letter from a friend can be. It doesn&#8217;t happen very often these days. I remember what&#8217;s rare and what&#8217;s unusual far more than something I experience on a daily basis.</p>
<p>Beyond rarity, physical media can also suggest a personal touch. The information in a letter could just as easily be conveyed in an email. That someone took the time to write a letter by hand, find a stamp and mail it, makes me feel important. By providing me with something physical, that person showed they cared.</p>
<p>A good demonstration of this is the relative failure of e-cards to replace physical greetings cards. Like most people, I only send greetings cards to family and close friends, people I genuinely care for. An e-card just doesn&#8217;t cut it.</p>
<h2>A tactile experience</h2>
<p>I like to buy art. I have various framed prints, but my favorite pieces are created with oil or acrylic, on canvas. They have physical dimensions, texture, even scent. It makes them more vibrant and powerful for me.</p>
<p>I always feel more connected to something that I can touch. It&#8217;s why I still do as much work as possible with pen and paper, even if the final result is going to be something digital. It&#8217;s also why, however crowded my shelves become, I&#8217;m always buying new books and never a Kindle or Nook. It&#8217;s why every drug store you go to has a booth where you can print out your digital photos!</p>
<h2>Keep it feeling special</h2>
<p>I can&#8217;t replicate most of the properties of physical media in a website. I still try to remember and replicate some of the <strong>qualities</strong>. The best websites <strong>feel</strong> luxurious, rather than merely functional. They&#8217;re unusual, and therefore rare. They make me as a visitor feel personally important. They look to incorporate texture or depth.</p>
<p>Imperfect as the imitation might be, incorporating those qualities into website design is an acknowledgment of the vital impact and importance of physical media.</p>
<img src="http://feeds.feedburner.com/~r/shinytoyrobots/~4/KMbE0w1reFY" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://shinytoyrobots.com/2012/01/physical-media-still-means-more/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		<feedburner:origLink>http://shinytoyrobots.com/2012/01/physical-media-still-means-more/</feedburner:origLink></item>
		<item>
		<title>Right-to-Left Language Localization in Rails Web Design</title>
		<link>http://feedproxy.google.com/~r/shinytoyrobots/~3/l6K0HlMVl7A/</link>
		<comments>http://shinytoyrobots.com/2011/12/right-to-left-language-localization-in-rails-web-design/#comments</comments>
		<pubDate>Thu, 22 Dec 2011 16:45:11 +0000</pubDate>
		<dc:creator>Robin</dc:creator>
				<category><![CDATA[Coding Issues]]></category>
		<category><![CDATA[Solving Problems]]></category>
		<category><![CDATA[hebrew web design]]></category>
		<category><![CDATA[localization]]></category>
		<category><![CDATA[new sites]]></category>

		<guid isPermaLink="false">http://shinytoyrobots.com/?p=249</guid>
		<description><![CDATA[One of the more interesting and challenging web design tasks I&#8217;ve faced recently was the TerraCycle Israel website. A Hebrew website features a script and language I have no knowledge of, and a visual site alignment that&#8217;s a mirror image of what I&#8217;m used to. I&#8217;ve launched many websites in various languages, but this was... <a class="heavier" href="http://shinytoyrobots.com/2011/12/right-to-left-language-localization-in-rails-web-design/">[read more]</a>]]></description>
			<content:encoded><![CDATA[<p>One of the more interesting and challenging web design tasks I&#8217;ve faced recently was the <a href="http://terracycle.co.il">TerraCycle Israel</a> website. A Hebrew website features a script and language I have no knowledge of, and a visual site alignment that&#8217;s a mirror image of what I&#8217;m used to. I&#8217;ve launched many websites in various languages, but this was the first experience of a complex right-to-left language site, and implementing that localization in Rails.</p>
<p>All my previous international website deployments have shared certain similarities; they all use Latin script and lettering, western European languages, and the left-to-right visual alignment that I&#8217;m used to as a native English speaker.</p>
<p>Even in situations where I&#8217;m not sure of the particular wording or translation of content, I&#8217;ve always been in a position to know &#8220;this looks OK&#8221; or &#8220;there&#8217;s something wrong&#8221; when viewing a site that&#8217;s in staging.</p>
<h2>Resolving local problems in a universal template</h2>
<p>The challenge for the Israel site was to maintain our universal Rails code structure while allowing for the far wider degree of customization necessary to display a right-to-left aligned site in a non-Latin script. The added difficulty&#8230;I speak zero Hebrew!</p>
<p>The pay-off was significant. Creating increased flexibility within the code base provides a solid foundation for deployment of other websites with right-to-left, non-Latin language types (e.g. Arabic, Urdu or Japanese), in addition to the Israeli launch.</p>
<p>I asked TerraCycle&#8217;s Israeli team to make some initial translations and add some Hebrew content pages to provide a basic foundation for me to work from. It also let them look at the site and tell me what looked weird or needed changing. Without that initial content I wasn&#8217;t even in a position to guess effectively what might be needed.</p>
<p>The broad strokes were relatively simple. I added <a title="Using Configuration Options for Rails Web Design" href="http://shinytoyrobots.com/2011/12/using-configuration-options-for-rails-web-design/">behavior configurations</a> that administrators could set on a site wide basis. The Rails code then checked for this configuration when loading certain parts of the site. It defaulted the HTML document to right-to-left, and also loaded a specific right-to-left stylesheet.</p>
<p>These configuration options also enabled the site to utilize different CSS classes (while still utilizing as much of the master stylesheet as possible), or sometimes loaded HTML in a different order.</p>
<p>E.g. the search bar in the site header needed to be styled slightly differently, and so checks if the configuration &#8220;<em>:right_to_left</em>&#8221; is true or not. It assigns different CSS classes to the <em>input</em> elements based on the results of that check.</p>
<pre>&lt;aside id="header-search"&gt;
  &lt;% if config[:right_to_left] == "true"%&gt;

    &lt;% form_tag(search_brigades_url, :method =&gt; 'get') do %&gt;
      &lt;%= submit_tag t('header.search'), :class =&gt; 'search-submit custom-font big-edges-leftonly' %&gt;
      &lt;%= text_field_tag :query, value = t('header.search'), :class =&gt; 'small-query-box big-edges-rightonly' %&gt;
    &lt;% end %&gt;

  &lt;% else %&gt;

    &lt;% form_tag(search_brigades_url, :method =&gt; 'get') do %&gt;
      &lt;%= submit_tag t('header.search'), :class =&gt; 'search-submit custom-font big-edges-rightonly' %&gt;
      &lt;%= text_field_tag :query, value = t('header.search'), :class =&gt; 'small-query-box big-edges-leftonly' %&gt;
    &lt;% end %&gt;

  &lt;% end %&gt;

&lt;/aside&gt;&lt;!-- #header-search --&gt;</pre>
<h2>The devil is in the details</h2>
<p>These changes put us on the right track in terms of moving sidebars, displaying page text content and other major aspects of the site. But things are never that simple. Lists and forms needed to be styled more specifically, and even simple issues such as graphical icons of an arrow pointing to the right needed to be reset to a mirror image.</p>
<p>Even more complex were changes to certain jQuery calculations. E.g. on the <a href="http://terracycle.net/points">Points</a> page of the TerraCycle site, the dynamic sidebar pulls an <em>aside</em> from the main content on a hover event. It clones and repositions it as a replacement for the default sidebar, and then dynamically calculates an offset to allow for the sidebar to scroll down the page with the user; all of these calculations needed to be updated.</p>
<p>Despite these challenges, the right-to-left specific stylesheet is less than 8k in size (a result, I think, of the strength of the base framework CSS and the flexibility offered by the use of absolute positioning). The right-to-left jQuery file is also about 90% identical to the English language default.</p>
<h2>The importance of working with local teams</h2>
<p>What became very clear was that localization of this type required far more hands-on time with staff in Israel. For most new country setups I provide the country lead a website administration document, allow them to get on with translation and configuration, and provide on-call support as necessary.</p>
<p>In this case, the last two weeks of the project saw me spending three or four hours on the phone to Israel on a near daily basis, talking through translations and design aspects. We needed to do this because I could make the changes, but I couldn&#8217;t recognize whether the changes were correct. Our Israel team needed to give me the Hebrew text, an explanation of the layout, and immediate feedback on the changes on the staging site.</p>
<p>My Skype chat history is filled with lines of text that I can&#8217;t read, but which is successfully integrated into the site!</p>
<h2>Providing future flexibility</h2>
<p>Website localization is more than mere translation, but a shared script, alignment and generally common norms of layout and content meant that the configuration of previous Latin-based language sites was smooth. The difference in scope of localization for a non-Latin language site was really driven home during the Israel site deployment.</p>
<p>The process has been a success. TerraCycle Israel shares exactly the same code structure as other TerraCycle sites. I didn&#8217;t need to use Flash, with all the strengths that underpin TerraCycle&#8217;s complex web system.</p>
<p>I think the Israel site looks great (I&#8217;ve fallen in love with Hebrew from a typographical design aspect). As a longer term bonus, the template for all TerraCycle sites can now switch to a right-to-left language with a single configuration option, a massive bonus when moving into other markets.</p>
<img src="http://feeds.feedburner.com/~r/shinytoyrobots/~4/l6K0HlMVl7A" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://shinytoyrobots.com/2011/12/right-to-left-language-localization-in-rails-web-design/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		<feedburner:origLink>http://shinytoyrobots.com/2011/12/right-to-left-language-localization-in-rails-web-design/</feedburner:origLink></item>
		<item>
		<title>Using Configuration Options for Rails Web Design</title>
		<link>http://feedproxy.google.com/~r/shinytoyrobots/~3/Bt_rgQ-yw3U/</link>
		<comments>http://shinytoyrobots.com/2011/12/using-configuration-options-for-rails-web-design/#comments</comments>
		<pubDate>Tue, 06 Dec 2011 22:30:16 +0000</pubDate>
		<dc:creator>Robin</dc:creator>
				<category><![CDATA[Coding Issues]]></category>
		<category><![CDATA[behavior gem]]></category>
		<category><![CDATA[content management]]></category>
		<category><![CDATA[rails]]></category>
		<category><![CDATA[web design]]></category>

		<guid isPermaLink="false">http://shinytoyrobots.com/?p=233</guid>
		<description><![CDATA[One of the challenges when creating a universal structure that will apply to multiple websites is providing flexibility of configuration options. Each of the 18 TerraCycle websites run on the same Rails 2.3 structure, allowing development to continue on a single codebase. Providing options for configuring settings outside of the source code is important, because... <a class="heavier" href="http://shinytoyrobots.com/2011/12/using-configuration-options-for-rails-web-design/">[read more]</a>]]></description>
			<content:encoded><![CDATA[<p>One of the challenges when creating a universal structure that will apply to multiple websites is providing flexibility of configuration options. Each of the 18 TerraCycle websites run on the same Rails 2.3 structure, allowing development to continue on a single codebase. Providing options for configuring settings outside of the source code is important, because although the structure is universal, every website has different needs.</p>
<p>These configuration options aren&#8217;t just for content and application settings, they can provide a lot of flexibility for aspects of front-end Rails web design too.</p>
<h2>The behavior gem</h2>
<p>For basic site wide configuration options, the TerraCycle website uses <a href="http://pabcas.com/feeling/behavior-a-rails-gem-plugin-for-storing-application-configuration-in-the-database"><em>behavior</em>; a Rails gem/plugin for storing application configuration</a>. It&#8217;s part of an overall attempt to incorporate as many content management options as possible into the overall TerraCycle web application, and focuses on overall application settings.</p>
<p>Some basic uses of the <em>behavior</em> gem include setting the Google Analytics code on a site by site basis, defining which language videos are shown on the front page, and activating or deactivating menu options across the site. But it also provides me with more options for implementing styling and aesthetic changes specific to different sites.</p>
<h2>The advantage of flexible options</h2>
<p>Setting up the <em>behavior</em> gem is easy. After installation (<a href="https://github.com/paulca/behavior">instructions at github</a>), the <em>config/behavior.yml</em> file provides wide ranging flexibility for setting up different types of configuration options. You can set up strings, integers, passwords, text, decimals, select options or booleans quickly and easily, and have them available for configuration by site administrators.</p>
<p>A simple example might be creating a configuration option to show the Facebook &#8216;like&#8217; button on the site, which is easily done by adding the following to the <em>config/behavior.yml</em> file;</p>
<pre>fb_like:
  name: Show facebook 'like' button?
  default: true
  type: boolean</pre>
<p>We can then use a simple <em>if</em> statement in the view file;</p>
<pre>&lt;% if config[:fb_link] == "true" %&gt;
  Do stuff here
&lt;% end %&gt;</pre>
<p>The site will simply check the database to see if the <em>fb_link</em> is set to true, and if so it will display the content inside the <em>if</em> statement.</p>
<h2>Configuring for Rails web design</h2>
<p>In addition to showing or hiding elements, or adding user configurable data such as a Google Analytics code to the site, the configuration options also give me flexibility for styling purposes.</p>
<h3>Simply styling an element</h3>
<p>A very simple use might be to assign an additional class to an element, which is then referenced in the global stylesheet. On the TerraCycle site there is a &#8216;Sign up&#8217; button in the drop down navigation menu. By default this uses a larger, bolder font than other drop down menu links, but we realized that for some languages this meant that the text was too large and overran the button&#8217;s container.</p>
<p>I created a configuration option <em>menu_signupbutton_style</em> as a boolean option on the <em>config/behavior.yml</em>. This is set to true by default. The code in the view partial then reads;</p>
<pre>&lt;li class="sub-1&lt;% if config[:menu_signupbutton_style] == "true" %&gt; casual-font" id="nav-signup&lt;% end %&gt;"&gt;
  List item content here
&lt;/li&gt;</pre>
<p>By default the list item is assigned the class of &#8220;<em>casual font</em>&#8221; and the id of &#8220;<em>nav-signup</em>&#8220;, but these can be turned off in order to remove the specialized styling for that link.</p>
<h2>Complex rearrangement of elements</h2>
<p>A far more complex use of the <em>behavior</em> configuration on the TerraCycle site is the implementation of right-to-left layout and styling, as used on the <a href="http://terracycle.co.il">TerraCycle Israel</a> site, which is in Hebrew. There is still only a single option in <em>config/behavior.yml</em>;</p>
<pre>right_to_left:
  name: Right to left language active?
  default: false
  type: boolean</pre>
<p>&#8230;but there are a multitude of calls throughout the view files which determine whether this option is active or not, and rearrange code structure or assign additional styling depending on the context. In this way, we have a strong basic structure for any right-to-left language site we launch, simply through changing a single option from &#8216;false&#8217; to &#8216;true&#8217;.</p>
<h2>Frameworks need flexibility</h2>
<p>Any web framework, whether Rails based, or otherwise, needs to try and provide as much flexibility as possible within the overall structure. It is possible to make a &#8220;one size fits all&#8221; solution for what may be multiple similar sites, but users and/or administrators need to have the capacity to make necessary changes. There are a number of different options in Rails to do this, and Rails 3 deals with this flexibility better on a native level than Rails 2.3.</p>
<p>Despite the size and complexity of the TerraCycle website, the simple application of the <em>behavior</em> gem has provided a lot of options not just for application settings, but also for Rails web design options.</p>
<img src="http://feeds.feedburner.com/~r/shinytoyrobots/~4/Bt_rgQ-yw3U" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://shinytoyrobots.com/2011/12/using-configuration-options-for-rails-web-design/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		<feedburner:origLink>http://shinytoyrobots.com/2011/12/using-configuration-options-for-rails-web-design/</feedburner:origLink></item>
	</channel>
</rss>

