<?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>roastlechon &#187; Design Gibberish</title>
	<atom:link href="http://roastlechon.com/category/design-gibberish/feed/" rel="self" type="application/rss+xml" />
	<link>http://roastlechon.com</link>
	<description>This Filipino Guy&#039;s Playground</description>
	<lastBuildDate>Tue, 02 Aug 2011 18:57:11 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.2.1</generator>
		<item>
		<title>Work Update</title>
		<link>http://roastlechon.com/2009/02/17/work-update/</link>
		<comments>http://roastlechon.com/2009/02/17/work-update/#comments</comments>
		<pubDate>Wed, 18 Feb 2009 04:30:27 +0000</pubDate>
		<dc:creator>Noel Madali</dc:creator>
				<category><![CDATA[Design Gibberish]]></category>
		<category><![CDATA[General Blogging]]></category>
		<category><![CDATA[Site Updates]]></category>
		<category><![CDATA[Tutorials]]></category>

		<guid isPermaLink="false">http://roastlechon.com/2009/02/17/work-update/</guid>
		<description><![CDATA[Life is good, work is busy.  I recently finished the Sentinel website, which you can visit here.  My reason for redesigning is because of the deadline for the Online Pacemaker.  My redesign and coding really gave me a boost in experience as I get better and better.  My current project is hooking up Google Calendar [...]]]></description>
			<content:encoded><![CDATA[<p>Life is good, work is busy.  I recently finished the Sentinel website, which you can visit <a title="The Sentinel" href="http://ksusentinel.com">here</a>.  My reason for redesigning is because of the deadline for the <a href="http://www.studentpress.org/acp/contests.html#opm">Online Pacemaker</a>.  My redesign and coding really gave me a boost in experience as I get better and better.  My current project is hooking up Google Calendar to WordPress for an Event System that people can subscribe to and view, which is something that many people have tried to do.  The problem has been ongoing with a few people having it partially working while others are still waiting for a foolproof system.  I tried almost every plugin on my local MAMP server to no avail.. except for one that most people don&#8217;t seem to know?<span id="more-248"></span></p>
<p><a href="http://www.blueace.nl/wooglecal/">WoogleCal</a><br />
WoogleCal seemed like it would be a winner in its simplicity and function.  The plugin would require an RSS feed from Google Calendar (which is easy to get), and just post it into any part of a WordPress template.  However, the plugin wasn&#8217;t available to download. Fail.</p>
<p><a href="http://code.google.com/p/wpng-calendar/">wpng-calendar</a><br />
This plugin allows for integration of Google Calendar to a WordPress blog through ways I don&#8217;t really know&#8230;  I do know that it uses Widgets and Ajax features that I particularly do not like to use.  There wasn&#8217;t even an option to post it into a template (not that I know of atleast).  The only thing I have against widgets is that I do not know how to implement them into custom templates (like ones I make).  I do not want to use widgets also inpart to the loss of functionality and customizing that can be accomplished through XHTML and CSS.</p>
<p><strong>RSS Aggregator Method</strong><br />
I categorized this into a section because it utilizes various RSS Feed Aggregators to post Google Calendar in some format.<br />
<a href="http://feedburner.google.com">FeedBurner&#8217;s BuzzBoost</a> feature plus adding paramaters to Google Calendar&#8217;s XML URL makes it a top choice, though not one I particularly like.  The code FeedBurner gives you is javascript, which is partially okay, but I prefer a php style list sorta thing like most decent WordPress plugins give you.<br />
Basically, you add:</p>
<blockquote><p>?orderby=starttime&amp;sortorder=ascending&amp;futureevents=true&amp;singleevents=true&amp;max-results=10</p></blockquote>
<p>to the end of your Calendar Address XML URL</p>
<blockquote><p>http://www.google.com/calendar/feeds/soggn9gp245h3vkrsfgq6m3330%40group.calendar.google.com/public/basic</p></blockquote>
<p>The end result is something like this:</p>
<blockquote><p>http://www.google.com/calendar/feeds/soggn9gp245h3vkrsfgq6m3330%40group.calendar.google.com/public/basic?orderby=starttime&amp;sortorder=ascending&amp;futureevents=true&amp;singleevents=true&amp;max-results=10</p></blockquote>
<p>If you do not have a FeedBurner account, (which was recently acquired by Google) go get one.  When you add a feed, add the one that you just combined together.  Now, you can use the FeedBurner&#8217;s BuzzBoost by going to your Feed, click the tab for &#8220;Publicized&#8221; and click the sidebar link for &#8220;BuzzBoost.&#8221;  Activate the service, and edit the necessary fields.</p>
<p>If the javascript isn&#8217;t to your liking, the next one might float your boat.</p>
<p><strong>Here is one that I think ranks up top as well..</strong><br />
<a href="http://wordpress.org/extend/plugins/rss-import/">RSSImport by Frank Bueltge</a><br />
This one fits the need perfectly.  I was slightly skeptical when I first saw the plugin but it works correctly.  Simply use the php code given, type in the FeedBurner address for the Feed address, edit how many items, and etc.  One thing to note is that the URL with the parameters added to the Google XML URL has a limit of 10; you would need to go back and change it to fit the limit, or remove it and use the one from the plugin.  I think the only downside of the plugin was that it didn&#8217;t display the descriptions, when, and where correctly (in which case most other RSS plugins have failed in).</p>
<p><strong>The end all of solutions for Google Calendar to WordPress</strong><br />
There&#8217;s a twist, and its pretty funny how I overlooked it.  The best method to have correctly formatted events displayed is using the ICS or ICal URL and import that to WordPress.  Again with more plugins!  I tested almost every ICal to WordPress plugin relatively well, and while some may seem well featured, most plugins got the cut.</p>
<p>I will share with you the one I used however. <img src='http://roastlechon.com/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /><br />
This one is by <a href="http://wordpress.org/extend/plugins/ical-events/">Daniel Westermann-Clark</a>, you can click on the name to get to the plugin.</p>
<p>The readme inside the download has all the detailed information on how to add it, format it, etc.  The plugin is completely underrated for what it can achieve, and through using it, you get correctly formatted dates (even customizable date formats), information, the works..</p>
<p>I&#8217;ll go over how to use it later.  In the meantime, have fun with it!</p>
<div class="zemanta-pixie"><img class="zemanta-pixie-img" src="http://img.zemanta.com/pixy.gif?x-id=e99d3eac-56e1-4b6d-a02b-e0559243f156" alt="" /></div>
]]></content:encoded>
			<wfw:commentRss>http://roastlechon.com/2009/02/17/work-update/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>I jumped the gun and made a redesign anyway!</title>
		<link>http://roastlechon.com/2009/02/09/i-jumped-the-gun-and-made-a-redesign-anyway/</link>
		<comments>http://roastlechon.com/2009/02/09/i-jumped-the-gun-and-made-a-redesign-anyway/#comments</comments>
		<pubDate>Tue, 10 Feb 2009 00:50:23 +0000</pubDate>
		<dc:creator>Noel Madali</dc:creator>
				<category><![CDATA[Design Gibberish]]></category>
		<category><![CDATA[General Blogging]]></category>
		<category><![CDATA[Site Updates]]></category>
		<category><![CDATA[Uncategorized]]></category>

		<guid isPermaLink="false">http://roastlechon.com/2009/02/09/i-jumped-the-gun-and-made-a-redesign-anyway/</guid>
		<description><![CDATA[Haha, so yeah&#8230; I did say I was going to post a design after i recoup my designer&#8217;s block, but it turns out that I am back. The design was sorta simple yet went back to my own tastes with various inspirations elsewhere. I do like simplicity, and I think simplicity fits me well. I [...]]]></description>
			<content:encoded><![CDATA[<p>Haha, so yeah&#8230;  I did say I was going to post a design after i recoup my designer&#8217;s block, but it turns out that I am back.</p>
<p>The design was sorta simple yet went back to my own tastes with various inspirations elsewhere.  I do like simplicity, and I think simplicity fits me well.  I would like to try out various other styles of design like the very artsy vintage, grunge styles, and vectorish modernish.</p>
<p>They should have a class specifically for web design styles, haha.  Then again, there might be stuff already made for that and I wouldn&#8217;t even know.</p>
<p>So today I completely neglected the fact I had a math exam in calculus.  I stayed up all night until 5am doing my website and formatting my portfolio to be displayed.</p>
<p>I still have not come up with a great work flow that covers the creative aspect as well as the organized format of a web design portfolio.  If you don&#8217;t know what I mean, I am talking about what to do when you create a finished product or work, such as a wallpaper.  How would you display it for the world to see on a website?  More specifically, would you keep copies of your wallpaper in an archive on your external hard disk (like me) and make a copy specifically for your website to distribute?</p>
<p>Also, how do people go about making thumbnails?  Thumbnails are really a pain&#8230;  This is true for even different sizes of print material.</p>
<p>As you can also see, I have updated my portfolio.  You can see my various works I have finished.  I think I will update it to have titles and general information on the works.</p>
<p>And I must not forget my resume..</p>
]]></content:encoded>
			<wfw:commentRss>http://roastlechon.com/2009/02/09/i-jumped-the-gun-and-made-a-redesign-anyway/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Instructions for a Class Assignment</title>
		<link>http://roastlechon.com/2009/02/02/instructions-for-a-class-assignment/</link>
		<comments>http://roastlechon.com/2009/02/02/instructions-for-a-class-assignment/#comments</comments>
		<pubDate>Mon, 02 Feb 2009 07:37:35 +0000</pubDate>
		<dc:creator>Noel Madali</dc:creator>
				<category><![CDATA[Design Gibberish]]></category>
		<category><![CDATA[General Blogging]]></category>
		<category><![CDATA[School Things]]></category>

		<guid isPermaLink="false">http://roastlechon.com/2009/02/02/instructions-for-a-class-assignment/</guid>
		<description><![CDATA[I am still doing homework, as you can see&#8230; This time its for my IS2040 class (Web Development I). I would like to argue the name of &#8220;Web Development&#8221; as the class title, as we do not do &#8220;development&#8221; for the web. Instead we do design for the web, but perhaps it can also be [...]]]></description>
			<content:encoded><![CDATA[<p>I am still doing homework, as you can see&#8230;  This time its for my IS2040 class (Web Development I).  I would like to argue the name of &#8220;Web Development&#8221; as the class title, as we do not do &#8220;development&#8221; for the web.  Instead we do design for the web, but perhaps it can also be argued that its the development of design for the web, in which we learn the process of designing websites (DADI).</p>
<p>On to my rant, the question is number 5 from page 61-62 from the book &#8220;Principles of Web Design.&#8221;</p>
<p>5. Find a Web site that you think needs improvements in its design.</p>
<p style="padding-left: 30px;">a. Print two pages from the site.<br />
b. Make copies of the originals, and set the originals aside.<br />
c. Using scissors, cut the main elements of each page.  Rearrange the elements and paste them in a design you believe improves the site.<br />
d. Compare and contrast the original with your improved design.</p>
<p>Now, about those instructions&#8230;  For one, its a waste of paper.  Two, websites that do need improvement need major overhauls in content (eg. pages that scroll so far that you can&#8217;t even see the scroll bar).  Three, cutting and pasting elements won&#8217;t do much to improve the design, since most websites that really need improvement need better content organization.</p>
<p>For better instructions to improve the question, I would see something like: Choose a website that needs improvement and sketch out a layout using some graphic elements and/or content from the site.</p>
<p>Back to work. End.</p>
]]></content:encoded>
			<wfw:commentRss>http://roastlechon.com/2009/02/02/instructions-for-a-class-assignment/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>New Bling</title>
		<link>http://roastlechon.com/2008/02/02/new-bling/</link>
		<comments>http://roastlechon.com/2008/02/02/new-bling/#comments</comments>
		<pubDate>Sat, 02 Feb 2008 15:32:36 +0000</pubDate>
		<dc:creator>Noel Madali</dc:creator>
				<category><![CDATA[Design Gibberish]]></category>
		<category><![CDATA[General Blogging]]></category>
		<category><![CDATA[Site Updates]]></category>
		<category><![CDATA[add this]]></category>
		<category><![CDATA[digg it]]></category>
		<category><![CDATA[general]]></category>
		<category><![CDATA[internet]]></category>
		<category><![CDATA[roastlechon]]></category>
		<category><![CDATA[status]]></category>
		<category><![CDATA[update]]></category>

		<guid isPermaLink="false">http://roastlechon.com/2008/02/02/new-bling/</guid>
		<description><![CDATA[As you can see, I had alot of time on my hand.  So much time that I went ahead and compressed many elements on the website to fit for quick scanning and viewing.  Maybe you&#8217;ll like it, maybe you won&#8217;t. Anyway, new stuff you&#8217;ll find is the new Add this feature at the bottom of [...]]]></description>
			<content:encoded><![CDATA[<p>As you can see, I had alot of time on my hand.  So much time that I went ahead and compressed many elements on the website to fit for quick scanning and viewing.  Maybe you&#8217;ll like it, maybe you won&#8217;t.</p>
<p>Anyway, new stuff you&#8217;ll find is the new <a href="http://addthis.com" title="Add This">Add this</a> feature at the bottom of every post.  This will allow you to submit currently viewed posts to popular social bookmarking sites like <a href="http://del.ici.ous" title="delicious">del.ici.ous</a>, <a href="http://diggit.com" title="digg it">digg it</a>, etc.</p>
<p><span id="more-122"></span></p>
<p>Other things that are new are the recent comments.  This allows people to view the most recent commented posts and see who commented them. A similar feature below that are the popular post list.  The plugin generates a list of popular posts, with the top one being the most popular, based on trackbacks, comments, views, clicks, etc.  I actually have no idea how it works, but it seems accurate in my opinion.</p>
<p>In other news, I got the website to be significantly viewable on Internet Explorer 6, which is  sad in a way due to the fact that people still use that horrible piece of crap.  At school, it is very sad that we still use that horrible piece of crap, though we spend hundreds of thousands of dollars on expensive printers.</p>
<p>I&#8217;ll post a guide on installing Firefox along with the best web optimized plugins, including how to increase the speed of your DSL/Cable, as soon as I have the time.</p>
]]></content:encoded>
			<wfw:commentRss>http://roastlechon.com/2008/02/02/new-bling/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Domain Name Purchase&#8230;  And the History of my Inspiration</title>
		<link>http://roastlechon.com/2006/08/02/domain-name-purchase-and-the-history-of-my-inspiration/</link>
		<comments>http://roastlechon.com/2006/08/02/domain-name-purchase-and-the-history-of-my-inspiration/#comments</comments>
		<pubDate>Thu, 03 Aug 2006 02:02:04 +0000</pubDate>
		<dc:creator>Noel Madali</dc:creator>
				<category><![CDATA[Design Gibberish]]></category>
		<category><![CDATA[General Blogging]]></category>

		<guid isPermaLink="false">http://roastlechon.com/?p=4</guid>
		<description><![CDATA[My second ever domain.. I actually had a domain when I was little, back in the DBZ craze and what not.  I still remember those old websites like &#8220;dbgtn.com&#8221; and &#8220;dbgt.com.&#8221;  How I got into this design mess?  Its a long story, but so will this post be.   So back to the story, back in [...]]]></description>
			<content:encoded><![CDATA[<p>My second ever domain.. I actually had a domain when I was little, back in the DBZ craze and what not.  I still remember those old websites like &#8220;dbgtn.com&#8221; and &#8220;dbgt.com.&#8221;  How I got into this design mess?  Its a long story, but so will this post be.   So back to the story, back in the day, Dragon Ball Z was where everything was at. </p>
<p>I made a couple of DBZ websites on <a title="Yahoo! Geocities" href="http://www.geocities.com" target="_blank">Geocities</a>, yes that mess.  I did some checking on my old websites, and guess what? They are still there.  One of them was &#8220;<a title="Xeo DBZ" href="http://wwwgeocities.com/xeodbz/" target="_blank">Xeo DBZ</a>,&#8221; but.. they deleted it.. Darn them Geocities people.. Anyways, I made my many websites <span id="more-4"></span>using Frontpage, Notepad, and Internet Explorer.  My layout designs were based off of old Photoshop techniques, tables (yes tables..), and iFrames.  I was still into DBZ for a couple of years-months, but how did I really get into this design mess?  After clicking into one of my DBZ inspirational sites, I saw that the layout was actually created by this guy named &#8220;<a title="Chris Dang" href="http://www.cdang.com/" target="_blank">Chris Dang</a>,&#8221; his original website &#8220;Halovision&#8221; had stopped production I believe.  I clicked on some links on his website, which lead me to many more design websites with the same style to different varieties of styles.</p>
<p>With this much inspiration, I decided to make myself different things on Photoshop.  But not knowing how, I looked up some tutorials, which in turn led me to making different wallpapers.  Slowly building up my portfolio, I gained a vast knowledge of Photoshop skills and different taste in design. </p>
<p>So from then and now, I had gone off of web designing, waiting for some sort of inspiration, but when I came back, I found out that tables, were no longer necessary.  Entering the world of CSS, I stumbled upon a website called &#8220;<a title="CSS Reboot" href="http://www.cssreboot.com" target="_blank">CSS Reboot</a>.&#8221;  Most of the websites their had these strange validation links, and when I clicked on it, they said &#8220;Fully Validated HTML,&#8221; I was like, &#8220;WOOOWW (Not really, but I was impressed that people care about their coding).&#8221; </p>
<p>Stumbling upon multiple layouts, I could not see the use of CSS.  But with the help of Firefox&#8217;s Developer Tools, I disabled CSS, revealing the organization and the complexity of CSS.  Everything in a list, is actually IN a list.  And content is organized with certain tags and such.  I noticed that my knowledge of CSS is somewhat above average, but the websites I saw were well beyond average.  Starting to code in CSS, I had a rough transition in Dreamweaver.  Currently, I am able to visionize a design and organize how the coding will look like, but back then, I couldn&#8217;t code without looking at a few tutorials.</p>
<p>Now that I am here where I am today, with my second purchased domain, I can blog on here forever, and speaking of which, I still have to do my school work.. Haha.</p>
]]></content:encoded>
			<wfw:commentRss>http://roastlechon.com/2006/08/02/domain-name-purchase-and-the-history-of-my-inspiration/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

