<?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>Typocracy.net &#187; html</title>
	<atom:link href="http://typocracy.net/tag/html/feed/" rel="self" type="application/rss+xml" />
	<link>http://typocracy.net</link>
	<description>Print &#38; Web design, Photography of Bryan Volz</description>
	<lastBuildDate>Fri, 03 Feb 2012 22:15:15 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	
		<item>
		<title>Martin Financial Group</title>
		<link>http://typocracy.net/2011/10/martin-financial-group/</link>
		<comments>http://typocracy.net/2011/10/martin-financial-group/#comments</comments>
		<pubDate>Fri, 07 Oct 2011 18:17:31 +0000</pubDate>
		<dc:creator>bryan</dc:creator>
				<category><![CDATA[web design]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[html]]></category>
		<category><![CDATA[louisville]]></category>
		<category><![CDATA[small business]]></category>
		<category><![CDATA[web]]></category>

		<guid isPermaLink="false">http://typocracy.net/?p=603</guid>
		<description><![CDATA[Website design and front end coding for Martin Financial Group. Also helped do a little art direction with the photography, shot by Wes Keeton. Skill used: Project Management Content Strategy Web Design (Photoshop CS5) HTML, CSS, JS (hand coded in Coda)]]></description>
			<content:encoded><![CDATA[<p>Website design and front end coding for Martin Financial Group. Also helped do a little art direction with the photography, shot by Wes Keeton.</p>
<h3>Skill used:</h3>
<ul>
<li>Project Management</li>
<li>Content Strategy</li>
<li>Web Design (Photoshop CS5)</li>
<li>HTML, CSS, JS (hand coded in Coda)</li>
</ul>
<div id="attachment_634" class="wp-caption alignleft" style="width: 160px"><a href="http://typocracy.net/wp-content/uploads/2011/10/Screen-shot-2011-10-07-at-2.06.29-PM.jpg"><img class="size-thumbnail wp-image-634" title="Martin Financial Homepage" src="http://typocracy.net/wp-content/uploads/2011/10/Screen-shot-2011-10-07-at-2.06.29-PM-150x150.jpg" alt="Martin Financial Group Homepage" width="150" height="150" /></a><p class="wp-caption-text">Martin Financial Homepage</p></div>
<div id="attachment_635" class="wp-caption alignleft" style="width: 160px"><a href="http://typocracy.net/wp-content/uploads/2011/10/Screen-shot-2011-10-07-at-2.06.38-PM.jpg"><img class="size-thumbnail wp-image-635" title="Martin Financial Homepage slide" src="http://typocracy.net/wp-content/uploads/2011/10/Screen-shot-2011-10-07-at-2.06.38-PM-150x150.jpg" alt="Martin Financial Homepage slide" width="150" height="150" /></a><p class="wp-caption-text">Martin Financial slide</p></div>
<div id="attachment_636" class="wp-caption alignleft" style="width: 160px"><a href="http://typocracy.net/wp-content/uploads/2011/10/Screen-shot-2011-10-07-at-2.06.46-PM.jpg"><img class="size-thumbnail wp-image-636" title="Martin Financial - Company Info" src="http://typocracy.net/wp-content/uploads/2011/10/Screen-shot-2011-10-07-at-2.06.46-PM-150x150.jpg" alt="Martin Financial - Company Info" width="150" height="150" /></a><p class="wp-caption-text">Martin Financial - Company Info</p></div>
<div id="attachment_637" class="wp-caption alignleft" style="width: 160px"><a href="http://typocracy.net/wp-content/uploads/2011/10/Screen-shot-2011-10-07-at-2.06.54-PM.jpg"><img class="size-thumbnail wp-image-637" title="Martin Financial - Investment Advisors" src="http://typocracy.net/wp-content/uploads/2011/10/Screen-shot-2011-10-07-at-2.06.54-PM-150x150.jpg" alt="Martin Financial - Investment Advisors" width="150" height="150" /></a><p class="wp-caption-text">Martin Financial - Investment Advisors</p></div>
]]></content:encoded>
			<wfw:commentRss>http://typocracy.net/2011/10/martin-financial-group/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Baptist Milestone</title>
		<link>http://typocracy.net/2011/01/baptist-milestone/</link>
		<comments>http://typocracy.net/2011/01/baptist-milestone/#comments</comments>
		<pubDate>Sat, 29 Jan 2011 17:52:59 +0000</pubDate>
		<dc:creator>bryan</dc:creator>
				<category><![CDATA[misc]]></category>
		<category><![CDATA[ajax]]></category>
		<category><![CDATA[CMS]]></category>
		<category><![CDATA[coding]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[html]]></category>
		<category><![CDATA[photoshop]]></category>
		<category><![CDATA[php]]></category>
		<category><![CDATA[psd]]></category>
		<category><![CDATA[web design]]></category>
		<category><![CDATA[wordpress]]></category>

		<guid isPermaLink="false">http://typocracy.net/?p=497</guid>
		<description><![CDATA[I haven&#8217;t been in the habit of updating this blog&#8230; ever. But I wanted to mark the launch of the new Baptist East Milestone Wellness Center site. I recently helped Jay Lane Media finish up this project, which had seen several iterations and developers. Due to a heap of varying circumstances, the previous developers were [...]]]></description>
			<content:encoded><![CDATA[<div id="attachment_499" class="wp-caption alignright" style="width: 310px"><a href="http://baptistmilestone.com/" target="_blank"><img class="size-medium wp-image-499" title="Milestone Screen shot (launch)" src="http://typocracy.net/wp-content/uploads/2011/01/Screen-shot-2011-01-29-at-12.38.29-PM-300x255.jpg" alt="Baptist Milestone.com Screen Shot" width="300" height="255" /></a><p class="wp-caption-text">Baptist Milestone.com</p></div>
<p>I haven&#8217;t been in the habit of updating this blog&#8230; ever. But I wanted to mark the launch of the new <a href="http://baptistmilestone.com/" target="_blank">Baptist East Milestone Wellness Center </a>site.</p>
<p>I recently helped <a href="http://www.jaylane.com/" target="_blank">Jay Lane Media</a> finish up this project, which had seen several iterations and developers. Due to a heap of varying circumstances, the previous developers were unable to complete the site to the needs of the client. So I stepped in to help wrap everything up and finally launch this site which had been in progress for over a year.</p>
<p>While a considerable amount of code was in place, including versions of the now-live class scheduler, there was still a lot of work to be done. Among which was:</p>
<ul>
<li>Speed optimizations</li>
<li>Transition of many elements such as the homepage from static images to readable, accessible, editable text</li>
<li>Outline of a upgrade path as well as definition of which CMS utilites would be left accessible to the end client and which would only be accessible to the admin</li>
<li>Security upgrades</li>
<li>Rebuild several forms to match updated functionality requirements</li>
<li>Cross-browser testing</li>
<li>Provide a client-updatable system for controlling their personal trainer listings and other staff</li>
<li>Rewrite parts of the class scheduler to allow interface options such as a weekly listing of classes</li>
</ul>
<p><strong>Some features of the site:</strong></p>
<ul>
<li><em>Event Scheduler</em> &#8211; filterable via AJAX, added Weekly tab, updated design to match client&#8217;s needs</li>
<li><em>Membership Form</em> &#8211; input data, receive customized printable trial membership card</li>
<li>Section-specific <em>collapsed navigation</em> &#8211; you don&#8217;t need to see all 500 subpages of other child or grandchild pages in the same category. Doesn&#8217;t sound like much, but WordPress can make this a little bit of a pain at times.</li>
<li><em>Customized backend</em> &#8211; thanks to manipulation of theme&#8217;s functions.php file</li>
<li><em>Security and speed optimizations</em> via minification and .htaccess manipulation</li>
</ul>
<p><strong>Tech used: </strong>Photoshop CS5, Espresso, CSS3, HTML5, Javascript<strong>/</strong>JQuery/AJAX<strong>, </strong>MySQL, WordPress, PHP</p>
<hr />
<a href="http://typocracy.net/wp-content/uploads/2011/11/milestone_trainers.jpg"><img class="aligncenter" title="milestone_trainers" src="http://typocracy.net/wp-content/uploads/2011/11/milestone_trainers-155x300.jpg" alt="Baptist Milestone personal trainers page" width="155" height="300" /></a><a href="http://typocracy.net/wp-content/uploads/2011/11/milestone_schedule.jpg"><img class="aligncenter" title="milestone_schedule" src="http://typocracy.net/wp-content/uploads/2011/11/milestone_schedule-123x300.jpg" alt="Baptist Milestone Sortable Schedule page" width="123" height="300" /></a></p>
<hr />
<p><strong>TL;DR:</strong> Redid a bunch of existing work and added increased functionality, working both from designer&#8217;s PDFs and my own design elements, for both content pages and dynamic forms and content areas.</p>
]]></content:encoded>
			<wfw:commentRss>http://typocracy.net/2011/01/baptist-milestone/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Stepping Stone Software site launch</title>
		<link>http://typocracy.net/2010/03/stepping-stone-software-site-launch/</link>
		<comments>http://typocracy.net/2010/03/stepping-stone-software-site-launch/#comments</comments>
		<pubDate>Thu, 11 Mar 2010 19:45:55 +0000</pubDate>
		<dc:creator>bryan</dc:creator>
				<category><![CDATA[web design]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[html]]></category>
		<category><![CDATA[photoshop]]></category>
		<category><![CDATA[psd]]></category>

		<guid isPermaLink="false">http://www.typocracy.net/?p=417</guid>
		<description><![CDATA[I just found out that a quickie site that I designed back in October/November 2008 just launched&#8230; at the end of February 2010. It is a site for Stepping Stone Software, a product by Bluegrass.net. Stepping Stone is a web-based management system for Foster Care centers. It allows them to manage those under their care, [...]]]></description>
			<content:encoded><![CDATA[<div id="attachment_418" class="wp-caption alignleft" style="width: 160px"><a href="http://www.steppingstonesoftware.net/"><img class="size-thumbnail wp-image-418" title="SteppingStoneScreenShot" src="http://www.typocracy.net/wp-content/uploads/2010/03/Screen-shot-2010-03-11-at-2.43.40-PM-150x150.jpg" alt="" width="150" height="150" /></a><p class="wp-caption-text">Stepping Stone Software</p></div>
<p>I just found out that a quickie site that I designed back in October/November 2008 just launched&#8230; at the end of February 2010. It is a site for <a href="http://www.steppingstonesoftware.net/">Stepping Stone Software</a>, a product by Bluegrass.net. Stepping Stone is a web-based management system for Foster Care centers. It allows them to manage those under their care, adoption procedures, medical considerations, and much more. Good luck to BGN in launching this product!</p>
]]></content:encoded>
			<wfw:commentRss>http://typocracy.net/2010/03/stepping-stone-software-site-launch/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Security Innovations</title>
		<link>http://typocracy.net/2010/01/security-innovations/</link>
		<comments>http://typocracy.net/2010/01/security-innovations/#comments</comments>
		<pubDate>Fri, 15 Jan 2010 22:43:13 +0000</pubDate>
		<dc:creator>bryan</dc:creator>
				<category><![CDATA[web design]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[css 3]]></category>
		<category><![CDATA[flash]]></category>
		<category><![CDATA[html]]></category>
		<category><![CDATA[html 5]]></category>
		<category><![CDATA[javascript]]></category>
		<category><![CDATA[php]]></category>
		<category><![CDATA[SEO]]></category>

		<guid isPermaLink="false">http://www.typocracy.net/?p=319</guid>
		<description><![CDATA[Security Innovations has received a new site. Validation for HTML 5, some CSS 3 add-ons (which unfortunately are the only thing preventing validation), and built w/ PHP]]></description>
			<content:encoded><![CDATA[<div id="attachment_320" class="wp-caption alignright" style="width: 160px"><a href="http://www.securityinnovationsohio.com/"><img class="size-thumbnail wp-image-320" title="Screen shot 2010-01-15 at 5.10.46 PM" src="http://www.typocracy.net/wp-content/uploads/2010/01/Screen-shot-2010-01-15-at-5.10.46-PM-150x150.jpg" alt="" width="150" height="150" /></a><p class="wp-caption-text">Security Innovations</p></div>
<p><a href="http://www.securityinnovationsohio.com/" target="_blank">Security Innovations</a>, a surveillance and security firm in Ohio, has received a new site. Validation for HTML 5, some CSS 3 add-ons (which unfortunately are the only thing preventing validation), and built w/ PHP, the new site is available for you to view at anytime. It uses a little javascript for the rotating banner on the homepage, and has some flash animations on some of the interior pages. Videos are embedded on the Video page utilizing Flowplayer.</p>
]]></content:encoded>
			<wfw:commentRss>http://typocracy.net/2010/01/security-innovations/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

