<?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>Freedom of Software &#187; Websites</title>
	<atom:link href="http://freedomofsoftware.org/category/websites/feed/" rel="self" type="application/rss+xml" />
	<link>http://freedomofsoftware.org</link>
	<description></description>
	<lastBuildDate>Mon, 06 Feb 2012 08:30:22 +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>Happy New Year!</title>
		<link>http://freedomofsoftware.org/2010/12/happy-new-years/</link>
		<comments>http://freedomofsoftware.org/2010/12/happy-new-years/#comments</comments>
		<pubDate>Sat, 01 Jan 2011 06:30:05 +0000</pubDate>
		<dc:creator>Braydon</dc:creator>
				<category><![CDATA[Websites]]></category>

		<guid isPermaLink="false">http://braydon.com/blog/?p=1237</guid>
		<description><![CDATA[It&#8217;s finally over! 2010 is no longer! Say it ain&#8217;t so! Here is a recap of some of the best sites we&#8217;ve developed over the last year! The Sounds of VTech &#8211; At what first was a project writing a &#8230; <a href="http://freedomofsoftware.org/2010/12/happy-new-years/">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<h2>It&#8217;s finally over! 2010 is no longer! Say it ain&#8217;t so! Here is a recap of some of the best sites we&#8217;ve developed over the last year!</h2>
<ul>
<li><strong><a href="http://music.vtechphones.com/">The Sounds of VTech</a></strong> &#8211; At what first was a project writing a video plugin for WordPress for their existing website. This spring we had the chance to redevelop their website with many great improvements; including updates to their video quality, adding an audio player, and adding sections to more easily browser through all of their archived multimedia!
<li><strong><a href="http://phthalo.com">Phthalo</a></strong> &#8211; This has been one of the most complicated websites we have built, and the first of a new kind &#8212; a community website! It has many other great features such as continuous navigation while being able to listen to audio!
<li><strong><a href="http://walldogs.net">Walldogs</a></strong> &#8211; A one of a kind website that is almost entirely HTML, CSS, and JavaScript, but it is far from not being advanced. The video feature on this website work for both HTML5 and Flash, and is also viewable from mobile devices minus video features. It has started a new phase of intensive JavaScript development!
<li><strong><a href="http://flying-a-garage.com/">Flying A Garage</a></strong> &#8211; This website is characterized by it&#8217;s large archive of images for automobiles. It&#8217;s part of an ongoing portfolio series.
<li><strong><a href="http://joyyoon.com/">Joy Yoon</a></strong> &#8211; This was our first website to begin to use custom post types in WordPress, as well as using custom types on the web! It&#8217;s another portfolio website, and will characterize many websites coming in the year 2011.
</ul>
<h2>Plus updates to the websites</h2>
<ul>
<li><strong><a href="http://mochilla.com/">Mochilla</a></strong> &#8211; Optimizations for higher traffic. We added an events section, video improvements. We also wrote a lottery application for a ticket giveaway! We are also in the works of a redesign and development that will be launching in spring of 2011!
<li><strong><a href="http://poobah.com/">Poo-Bah</a></strong> &#8211; Over the year we have added small improvements over all. We&#8217;ve added a sound player, a live feed, video features, bug fixes and more!
</ul>
]]></content:encoded>
			<wfw:commentRss>http://freedomofsoftware.org/2010/12/happy-new-years/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>In collaboration with Product Etcetera in San Diego, California: We&#8217;ve just launched the Flying-A-Garage.com website!</title>
		<link>http://freedomofsoftware.org/2010/12/in-collaboration-with-product-etcetera-in-san-diego-california-weve-just-launched-the-flying-a-garage-com-website-happy-new-years/</link>
		<comments>http://freedomofsoftware.org/2010/12/in-collaboration-with-product-etcetera-in-san-diego-california-weve-just-launched-the-flying-a-garage-com-website-happy-new-years/#comments</comments>
		<pubDate>Sat, 01 Jan 2011 04:32:19 +0000</pubDate>
		<dc:creator>Braydon</dc:creator>
				<category><![CDATA[Websites]]></category>

		<guid isPermaLink="false">http://braydon.com/blog/?p=1222</guid>
		<description><![CDATA[There are over 2,000 images available for viewing on the website. The entire website compressed is 3.5Gigs Design Direction: Product Etcetera]]></description>
			<content:encoded><![CDATA[<p><center>
<p>There are over 2,000 images available for viewing on the website. The entire website compressed is 3.5Gigs</p>
<p></center></p>
<p><center><a href="http://flying-a-garage.com"><img src="http://braydon.com/blog/wp-content/uploads/2010/12/Homepage-e1293855536890.png" alt="" title="Homepage" width="500" height="262" class="aligncenter size-full wp-image-1225" /></a></center><br />
<center>
<p>Design Direction: <a href="http://productetcetera.com/" class="person">Product Etcetera</a></p>
<p></center></p>
]]></content:encoded>
			<wfw:commentRss>http://freedomofsoftware.org/2010/12/in-collaboration-with-product-etcetera-in-san-diego-california-weve-just-launched-the-flying-a-garage-com-website-happy-new-years/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Phthalo.com Launched</title>
		<link>http://freedomofsoftware.org/2010/11/phthalo-com-launched/</link>
		<comments>http://freedomofsoftware.org/2010/11/phthalo-com-launched/#comments</comments>
		<pubDate>Mon, 22 Nov 2010 05:23:07 +0000</pubDate>
		<dc:creator>Braydon</dc:creator>
				<category><![CDATA[Websites]]></category>
		<category><![CDATA[Phthalo]]></category>
		<category><![CDATA[Wordpress]]></category>

		<guid isPermaLink="false">http://braydon.com/blog/?p=1087</guid>
		<description><![CDATA[After three months of development the Phthalo.com (the electronic music label) website is live and streaming! Visit Phthalo.com Design Direction: Ashley &#038; Aris Features include: An alternative JavaScript based URL system, so that audio is able to play in the &#8230; <a href="http://freedomofsoftware.org/2010/11/phthalo-com-launched/">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<p>After three months of development the Phthalo.com (the electronic music label) website is live and streaming! Visit <a href="http://phthalo.com/">Phthalo.com</a></p>
<p><center><a href="http://phthalo.com/"><img src="http://braydon.com/blog/wp-content/uploads/2010/11/homepage-e1290402877417.png" alt="" title="homepage" width="500" height="299" class="alignnone size-full wp-image-1088" /></a><br />
<em>Design Direction: <strong><a href="http://www.goteama.com/" class="person">Ashley &#038; Aris</a></strong></em></center></p>
<p><strong>Features include:<br />
</strong>
<ul>
<li>An alternative JavaScript based URL system, so that audio is able to play in the background while navigating the entire site!
<li>Heavy use of JavaScript for status updates, post publishing, uploading, page retrieval, behaviors.
<li>Custom post types for albums and streams in WordPress.
<li>Multiple levels of custom user capability roles defined.
<li> Synchronization with other websites.
</ul>
]]></content:encoded>
			<wfw:commentRss>http://freedomofsoftware.org/2010/11/phthalo-com-launched/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>SaegerMediaGroup.com Finally Updated!</title>
		<link>http://freedomofsoftware.org/2010/09/saegermediagroup-com-finally-updated/</link>
		<comments>http://freedomofsoftware.org/2010/09/saegermediagroup-com-finally-updated/#comments</comments>
		<pubDate>Fri, 10 Sep 2010 20:07:09 +0000</pubDate>
		<dc:creator>Braydon</dc:creator>
				<category><![CDATA[Websites]]></category>

		<guid isPermaLink="false">http://braydon.com/blog/?p=1023</guid>
		<description><![CDATA[So over a year ago I jumped into a project doing some development to improve the usability of the Drupal CMS interface for Saeger Media Group, and after a long dramatic wait, the update has gone live! They had an &#8230; <a href="http://freedomofsoftware.org/2010/09/saegermediagroup-com-finally-updated/">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<p>So over a year ago I jumped into a project doing some development to improve the usability of the Drupal CMS interface for <a href="http://saegermediagroup.com">Saeger Media Group</a>, and after a long dramatic wait, the update has gone live! They had an existing Drupal site, and the interface required a lot of insider knowledge of how the system works to be able to edit it. <em>So I wrote two modules to add two new node types, and each with their own custom editor interface! </em></p>
<p><center><img src="http://braydon.com/blog/wp-content/uploads/2010/09/Screenshot-16-e1284143488480.png" alt="" title="Screenshot-16" width="500" height="257" class="alignnone size-full wp-image-1047" /></p>
<p><em>Adding an Event</em></p>
<p></center></p>
<p><center><img src="http://braydon.com/blog/wp-content/uploads/2010/09/Screenshot-17-e1284143466996.png" alt="" title="Screenshot-17" width="500" height="257" class="alignnone size-full wp-image-1046" /></p>
<p><em>Adding/Editing the Landing Page Slideshow</em></p>
<p></center></p>
<p>The plugins were written to create the node types using the Drupal API rather than using the Drupal CMS interface as much as possible. I dislike the UI of Drupal as a CMS, now things could have improved I haven&#8217;t stayed completely up-to-date with Drupal, but there are realistic benefits in the way that WordPress has emphasized creating an admin interface that is separate from the site. Separating form handling makes themes easier to develop, so there is less of a barrier of entrance for designers to get their hands into the CSS/HTML to fine-tune the layout. WordPress also has a stabilized user interface so that technical support and documentation remains similar among many sites, also lowering the barrier of entrance and in-depth knowledge required to edit the website. While the idealistic side of be knows that in-place editing, integrating the admin interface with the front-end interface, is more efficient and gives opportunities for higher degrees of finesse because it&#8217;s quicker to switch between edit and view, the realistic side of me knows that being able to edit the site without intensive training is important, and without intensiveness development. WordPress cares about lowering the barrier of entrance, and so it is my preferred choice!</p>
<p><center><a href="http://saegermediagroup.com/"><img src="http://braydon.com/blog/wp-content/uploads/2010/09/saegermediagroup-e1284143379223.png" alt="" title="saegermediagroup" width="500" height="335" class="alignnone size-full wp-image-1025" /></a></p>
<p><em><a href="http://saegermediagroup.com/">SaegerMediaGroup.com</a> Landing Page</em></p>
<p></center></p>
<p><center><img src="http://braydon.com/blog/wp-content/uploads/2010/09/Screenshot-18-e1284148809126.png" alt="" title="Screenshot-18" width="500" height="336" class="alignnone size-full wp-image-1072" /></p>
<p><em><a href="http://saegermediagroup.com/weworkfor/schematic">Schematic Client Page</a></em></p>
<p></center></p>
]]></content:encoded>
			<wfw:commentRss>http://freedomofsoftware.org/2010/09/saegermediagroup-com-finally-updated/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>&#8216;WordPress 3.0&#8242; + &#8216;Custom Post Types UI&#8217; Theme for JoyYoon.com</title>
		<link>http://freedomofsoftware.org/2010/09/wordpress-3-0-custom-post-types-ui-theme-for-joyyoon-com/</link>
		<comments>http://freedomofsoftware.org/2010/09/wordpress-3-0-custom-post-types-ui-theme-for-joyyoon-com/#comments</comments>
		<pubDate>Thu, 09 Sep 2010 23:16:28 +0000</pubDate>
		<dc:creator>Braydon</dc:creator>
				<category><![CDATA[Websites]]></category>

		<guid isPermaLink="false">http://braydon.com/blog/?p=888</guid>
		<description><![CDATA[Art Direction: Alexander Mitchell Development: Braydon Fuller Website: JoyYoon.com Features Multiple Post Types Non-destructive Image Watermarking Custom Font Lightbox 2 Facebook Interfacing Plugins Used Custom Post Type UI This plugin provides an easy to use interface to create and administer &#8230; <a href="http://freedomofsoftware.org/2010/09/wordpress-3-0-custom-post-types-ui-theme-for-joyyoon-com/">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<p><center><a href="http://joyyoon.com/"><img src="http://braydon.com/blog/wp-content/uploads/2010/07/Screenshot-9-e1280531083104.png" alt="" title="Screenshot-9" width="500" height="321" class="alignnone size-full wp-image-905" /></a><br />
<em>Art Direction: <strong><a href="http://www.floatingworldarts.com/" class="person">Alexander Mitchell</a></strong><br />
Development: <strong><a href="http://braydon.com/" class="person">Braydon Fuller</a></strong><br />
Website: <strong><a href="http://joyyoon.com/">JoyYoon.com</a></strong><br />
</em><br />
</center></p>
<div style="text-align:center;">
<h4>Features</h4>
<p>Multiple Post Types<br />
Non-destructive Image Watermarking<br />
Custom Font<br />
Lightbox 2<br />
Facebook Interfacing
</p></div>
<h4>Plugins Used</h4>
<p><a href="http://wordpress.org/extend/plugins/custom-post-type-ui/ ">Custom Post Type UI</a> This plugin provides an easy to use interface to create and administer custom post types and taxonomies in WordPress. This plugin is created for WordPress 3.0. <em>Author: <a class="person" href="http://webdevstudios.com/">WebDevStudios</a></em></p>
<p><a href="http://wordpress.org/extend/plugins/lightbox-2/">Lightbox 2</a> Used to overlay images on the current page. It works by placing an image with a link to a larger image. Series of images turn will be navigable via the Lightbox via next and back buttons. The Lightbox features titles and captions for each image. <em>Authors: <span class="person">Rupert Morris</span>, <a class="person" href="http://www.huddletogether.com/projects/lightbox2/">Lokesh Dhakar</a>, and <a class="person" href="http://atastypixel.com/">Michael Tyson</a></em></p>
<p><a href="http://wordpress.org/extend/plugins/simple-facebook-connect/">Simple Facebook Connect</a> A series of plugins that let you add any sort of Facebook Connect functionality you like to a WordPress blog. This lets you have an integrated site without a lot of coding, and still letting you customize it exactly the way you&#8217;d like. <em>Author: <a class="person" href="http://profiles.wordpress.org/users/Otto42/">Otto</a></em></p>
<p><a href="http://wordpress.org/extend/plugins/wordbook/">Wordbook</a> This plugin allows you to cross-post your blog posts to your Facebook Wall. Your Facebook ‘Wall’ will show your most recent blog posts. <em>Author: <a href="http://www.tsaiberspace.net/blog/" class="person">Robert Tsai</a></em></p>
<h3>Update</h3>
<p>Initially we were using the Custom Post Type UI to create the gallery post type, however a custom interface was needed to more easily handle image attachments for a post. We put together a plugin that adds a Gallery post type with it&#8217;s own post editor, and adjusted the theme files to work with it.</p>
<p><center><img src="http://braydon.com/blog/wp-content/uploads/2010/09/Screenshot-15-e1284073804417.png" alt="" title="Screenshot-15" width="500" height="258" class="alignnone size-full wp-image-1032" /></center></p>
<p><br/><br/><br/></p>
]]></content:encoded>
			<wfw:commentRss>http://freedomofsoftware.org/2010/09/wordpress-3-0-custom-post-types-ui-theme-for-joyyoon-com/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

