<?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>smgink.com &#187; design</title>
	<atom:link href="http://smgink.com/tag/design/feed/" rel="self" type="application/rss+xml" />
	<link>http://smgink.com</link>
	<description>Welcome to SMGInk</description>
	<lastBuildDate>Fri, 05 Mar 2010 20:20:04 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0.1</generator>
		<item>
		<title>Make facebook your own</title>
		<link>http://smgink.com/blog/make-facebook-your-own/</link>
		<comments>http://smgink.com/blog/make-facebook-your-own/#comments</comments>
		<pubDate>Fri, 05 Mar 2010 19:51:55 +0000</pubDate>
		<dc:creator>SMG</dc:creator>
				<category><![CDATA[blog]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[custom]]></category>
		<category><![CDATA[design]]></category>
		<category><![CDATA[facebook]]></category>
		<category><![CDATA[fbml]]></category>
		<category><![CDATA[html]]></category>
		<category><![CDATA[social media]]></category>

		<guid isPermaLink="false">http://smgink.com/?p=163</guid>
		<description><![CDATA[It&#8217;s no secret that Facebook has become a huge player on the social media circuit. In fact, it&#8217;s the biggest player out there at the moment, and that, of course, means you need to be there right? If you have any kind of business or organization you probably have (or are thinking of having I [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://smgink.com/wp-content/uploads/2010/02/250px-FanBox.png"><img src="http://smgink.com/wp-content/uploads/2010/02/250px-FanBox-e1265992589964.png" alt="" title="250px-FanBox" width="243" height="161" class="alignleft size-medium wp-image-178" /></a>
<p>It&#8217;s no secret that Facebook has become a huge player on the social media circuit. In fact, it&#8217;s the biggest player out there at the moment, and that, of course, means you need to be there right?</p>
<p>If you have any kind of business or organization you probably have (or are thinking of having I hope) a Facebook fan page. That&#8217;s great, but did you know that you can also customize your facebook page to make it more personal? Here&#8217;s how:</p>
<p>The first thing you must do is make sure you have a personal account linked to the fan page you wish to customize, and make that personal account an administrator. Once that&#8217;s done you will be able to activate applications on your page.</p>
<p>The app that we are interested in is called static FBML &#8211; FBML is an acronym for Facebook Markup Language. What <em>exactly</em> is that, I hear you ask. Well, here&#8217;s how the developer describes it:<br />
<em><strong>&#8220;FBML is an evolved subset of HTML with some elements removed, and others which have been added that are specific to Facebook.&#8221;</strong></em><br />
The important thing about that as far as we are concerned is that we can use HTML to customize our fan pages. FBML is capable of all sorts of other trickery too, but for now let&#8217;s just stick to the html aspects of it.</p>
<p><a href="http://smgink.com/wp-content/uploads/2010/03/fbml.jpg"><img src="http://smgink.com/wp-content/uploads/2010/03/fbml.jpg" alt="fbml" title="fbml" width="631" height="215" class="aligncenter size-full wp-image-194" /></a></p>
<p>The maximum width you should try and use for your page should be 520px for it to fit properly (500px tends to be just right).</p>
<p>Css rules can also be applied to your pages. It&#8217;s important, however, to make sure you call them from an external stylesheet using
<pre>&lt;link rel="stylesheet" type="text/css" href="linktoyourcss.css" &gt;</pre>
<p>The use of an external stylesheet ensures compatibility across all browsers</p>
<p>So, here&#8217;s the steps needed to get your static fbml tab up and running.</p>
<ul>
<li>You edit your FBML tab from the edit page link located underneath your logo on the wall page.</li>
<li> Scroll down to and click on &#8220;edit&#8221; on the FBML app.</li>
<li>Change the box title to something more relevant to your business/organization. Unless of course your business is called fbml, in which case you can leave it the way it is!</li>
<li>Add your css link, and your html</li>
<li>click save changes</li>
</ul>
<p>Pretty simple stuff right.</p>
<p>You should now have an extra tab on your page titled, well, whatever you decided to title it.<br />
<div id="attachment_195" class="wp-caption aligncenter" style="width: 307px"><a href="http://smgink.com/wp-content/uploads/2010/03/new_tab.jpg"><img src="http://smgink.com/wp-content/uploads/2010/03/new_tab.jpg" alt="new fbml tab" title="new_tab" width="297" height="174" class="size-full wp-image-195" /></a><p class="wp-caption-text">The new FBML tab</p></div><br />
 If you don&#8217;t see your tab go back to edit page, and under fbml click on application settings. Make sure that the option for tab says added, rather than just available. The order of this tab can also be rearranged to some extent on your wall simply by dragging it.</p>
<p>The final thing you need to do is make this tab the default landing page for new visitors to your page. You do this by clicking on <strong>&#8220;Wall settings&#8221;</strong>, and under the <strong>&#8220;default landing tab for everyone else&#8221;</strong> option change it to your new tab.</p>
<div id="attachment_196" class="wp-caption aligncenter" style="width: 591px"><a href="http://smgink.com/wp-content/uploads/2010/03/landing_tab.jpg"><img src="http://smgink.com/wp-content/uploads/2010/03/landing_tab.jpg" alt="default landing tab settings" title="landing_tab" width="581" height="375" class="size-full wp-image-196" /></a><p class="wp-caption-text">The default Landing Tab</p></div>
<p>It is also possible to make a feature for the sidebar using the same application, except this time you would only want it to be 180px wide.</p>
<p>Need more info? All you have to do is ask&#8230;</p>
]]></content:encoded>
			<wfw:commentRss>http://smgink.com/blog/make-facebook-your-own/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Business Card Concept</title>
		<link>http://smgink.com/blog/business-card-concept/</link>
		<comments>http://smgink.com/blog/business-card-concept/#comments</comments>
		<pubDate>Sat, 20 Feb 2010 03:45:21 +0000</pubDate>
		<dc:creator>SMG</dc:creator>
				<category><![CDATA[blog]]></category>
		<category><![CDATA[business]]></category>
		<category><![CDATA[cards]]></category>
		<category><![CDATA[concepts]]></category>
		<category><![CDATA[design]]></category>
		<category><![CDATA[graphics]]></category>
		<category><![CDATA[image]]></category>

		<guid isPermaLink="false">http://smgink.com/?p=180</guid>
		<description><![CDATA[So I was messing around trying to come up with a nice elegant design for my next set of business cards&#8230;actually, it would be my first set, but that&#8217;s irrelevant, when it suddenly dawned on me that elegance is what everyone aims for with business cards. So, thought me, time for a different approach. Well, [...]]]></description>
			<content:encoded><![CDATA[<p>So I was messing around trying to come up with a nice elegant design for my next set of business cards&#8230;actually, it would be my first set, but that&#8217;s irrelevant, when it suddenly dawned on me that elegance is what everyone aims for with business cards. So, thought me, time for a different approach.</p>
<p>Well, apparently it was a day of dawns inside my head, because it also dawned on me that a lot of times business cards are used for writing stuff on. hmmmm&#8230;..well, if that&#8217;s what&#8217;s gonna happen to my cards anyway, why not just go ahead and facilitate that.</p>
<p>So, without further ado I present to you my next(first) set of business cards:</p>
<div id="attachment_181" class="wp-caption aligncenter" style="width: 453px"><a href="http://smgink.com/wp-content/uploads/2010/02/bus_cards.jpg"><img src="http://smgink.com/wp-content/uploads/2010/02/bus_cards.jpg" alt="smgink business cards" title="bus_cards" width="443" height="350" class="size-full wp-image-181" /></a><p class="wp-caption-text">SmginK Business Cards</p></div>
]]></content:encoded>
			<wfw:commentRss>http://smgink.com/blog/business-card-concept/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Valid Design &#8211; What does that mean?</title>
		<link>http://smgink.com/blog/valid-design-what-does-that-mean/</link>
		<comments>http://smgink.com/blog/valid-design-what-does-that-mean/#comments</comments>
		<pubDate>Sat, 11 Apr 2009 01:33:58 +0000</pubDate>
		<dc:creator>SMG</dc:creator>
				<category><![CDATA[blog]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[design]]></category>
		<category><![CDATA[tableless]]></category>
		<category><![CDATA[validation]]></category>
		<category><![CDATA[xhtml]]></category>

		<guid isPermaLink="false">http://smgink.com/?p=142</guid>
		<description><![CDATA[A lot of designers mention valid design, and it sounds great when dropped into conversation: &#8220;nice weather we&#8217;re having isn&#8217;t it?&#8221; &#8220;yes, beautiful&#8221; &#8220;talking of beautiful, did you know all my designs are valid&#8221;. Ok, it&#8217;s pretty improbable that the conversation would go exactly like that, but it does still beg the question, what does [...]]]></description>
			<content:encoded><![CDATA[<p><img src="http://smgink.com/wp-content/uploads/2009/04/code.gif" alt="code" title="code" width="317" height="225" class="alignleft size-full wp-image-154" />
<p>A lot of designers mention valid design, and it sounds great when dropped into conversation:<br />
&#8220;nice weather we&#8217;re having isn&#8217;t it?&#8221;<br />
&#8220;yes, beautiful&#8221;<br />
&#8220;talking of beautiful, did you know all my designs are valid&#8221;.<br />
Ok, it&#8217;s pretty improbable that the conversation would go <em>exactly</em> like that, but it does still beg the question, what does valid design really mean.</p>
<p>Well, generally speaking, when web authors or designers talk about having a valid design, or a valid website,they&#8217;re talking about one of two things, and sometimes both things at the same time:</p>
<ul>
<li><a href="http://en.wikipedia.org/wiki/Cascading_Style_Sheets" title="css wikipedia explanation">Cascading Style Sheets (CSS)</a></li>
<li><a href="http://en.wikipedia.org/wiki/XHTML" title="xhtml wikipedia explanation">(X)HTML</a></li>
</ul>
<p>Let&#8217;s take those two items one at a time. First the CSS:</p>
<p>CSS are, basically, what control the &#8220;look&#8221; or aesthetics of a website.</p>
<p>It used to be that the design of a website was achieved through the complicated use of <a href="http://en.wikipedia.org/wiki/Table_(HTML)#Tables" title="tables wikipedia explanation">tables</a>. These tables would be nested together to create a design, and although it worked, it was a cumbersome process which involved a huge amount of coding, was complex even for minor changes to a website&#8217;s design, caused large server loads, and basically was never meant to be used that way in the first place.</p>
<p>Enter Cascading Style Sheets. CSS seperated the design elements of a website from the rest of the code, allowing for more streamlined coding, less server load, and seperation of content and aesthetics. Nowadays the only time you <em>should</em> see a designer using tables is for data that needs to be presented in a tabular format.</p>
<p>Blah, blah, blah. What does all this have to do with being valid though? Well, the <acronym title="World Wide Web Consortium">W3C</acronym> implements and maintains standards for CSS (currently CSS level II). In order for a website to be valid, it should conform to the standards set out by the W3C. There is, at the moment, a slight controversy with this however. CSS level III is (and has been for a while) in the works, with many advanced features which simply are not possible with CSS level II. The better browsers already have some limited support for some of these features, but they are in proprietary format, and until CSS III becomes the official standard, any website using these proprietary CSS level III features will fail validation. In fact, because of the css rounded corners I use on this very site it will not <a href="http://jigsaw.w3.org/css-validator/validator?uri=http%3A%2F%2Fsmgink.com%2F&#038;profile=css21&#038;usermedium=all&#038;warning=1&#038;lang=en" title="CSS validator">validate</a>!</p>
<p>Ok, on to the second part, the <acronym title="(extensible) hypertext markup language">(x)html</acronym>. html, and it&#8217;s modern day counterpart xhtml, are the building blocks of websites. It&#8217;s the code that&#8217;s used to tell your browser what goes where, headings, emphasized text, blockquotes,links, etc.</p>
<p>It is important that html, and especially xhtml, is well formed and coded correctly so that browsers interpret it correctly. If a web document is improperly coded things may not appear the way the author intended them to be presented. The best way to think of this is in the same terms as your native language. While it is possible to get by with misspelled words or malformed sentences it is, at some point, going to become a problem. This also holds true with the language of html and xhtml. Again, the validation of html and xhtml are both undertaken by the w3c. In this instance I can safely say this site does pass <a href="http://validator.w3.org/check?verbose=1&#038;uri=http%3A%2F%2Fsmgink.com%2F">validation</a>.</p>
]]></content:encoded>
			<wfw:commentRss>http://smgink.com/blog/valid-design-what-does-that-mean/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
	</channel>
</rss>
