<?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/" version="2.0">

<channel>
	<title>Rick Markus | Web Developer, Chicago » Rick Markus | Web Developer, Chicago</title>
	
	<link>http://www.rickmarkus.com</link>
	<description>Freelance web developer based in the Windy City.</description>
	<lastBuildDate>Mon, 30 Jan 2012 22:38:36 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.1</generator>
		<atom10:link xmlns:atom10="http://www.w3.org/2005/Atom" rel="self" type="application/rss+xml" href="http://feeds.feedburner.com/rickmarkus" /><feedburner:info xmlns:feedburner="http://rssnamespace.org/feedburner/ext/1.0" uri="rickmarkus" /><atom10:link xmlns:atom10="http://www.w3.org/2005/Atom" rel="hub" href="http://pubsubhubbub.appspot.com/" /><feedburner:emailServiceId xmlns:feedburner="http://rssnamespace.org/feedburner/ext/1.0">rickmarkus</feedburner:emailServiceId><feedburner:feedburnerHostname xmlns:feedburner="http://rssnamespace.org/feedburner/ext/1.0">http://feedburner.google.com</feedburner:feedburnerHostname><item>
		<title>Introducing the Markus theme for Tumblr</title>
		<link>http://www.rickmarkus.com/blog/introducing-the-markus-theme-for-tumblr/</link>
		<comments>http://www.rickmarkus.com/blog/introducing-the-markus-theme-for-tumblr/#comments</comments>
		<pubDate>Mon, 30 Jan 2012 22:38:36 +0000</pubDate>
		<dc:creator>Rick</dc:creator>
				<category><![CDATA[Blog]]></category>
		<category><![CDATA[Theme]]></category>
		<category><![CDATA[Tumblr]]></category>

		<guid isPermaLink="false">http://www.rickmarkus.com/?p=113</guid>
		<description><![CDATA[If you are a fan of simple, clean, easily customizable templates, you will enjoy the Markus theme. The free theme allows users to quickly change colors, headlines and fonts. The theme is also optimized for Disqus comments, Twitter, Flickr and Google Analytics. A full demo is available at markustheme.tumblr.com, but it&#8217;s stripped of most bells [...]]]></description>
			<content:encoded><![CDATA[<p><img src="http://www.rickmarkus.com/wp-content/uploads/2012/01/markustheme-660x501.jpg" alt="Markus Theme" title="Markus Theme" width="660" height="501" class="alignnone size-large wp-image-114" /></p>
<p>If you are a fan of simple, clean, easily customizable templates, you will enjoy the Markus theme. </p>
<p>The free theme allows users to quickly change colors, headlines and fonts.</p>
<p>The theme is also optimized for Disqus comments, Twitter, Flickr and Google Analytics.</p>
<p>A full demo is available at <a href="http://markustheme.tumblr.com/" title="Markus Theme for Tumblr" target="_blank">markustheme.tumblr.com</a>, but it&#8217;s stripped of most bells and whistles.</p>
<p>The best way to get the full experience is to <a href="http://www.tumblr.com/theme/33631" title="Install the Markus Theme" target="_blank">install it yourself</a>.</p>
<p>Feel free to leave questions and comments below.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.rickmarkus.com/blog/introducing-the-markus-theme-for-tumblr/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Site fully integrated with WordPress</title>
		<link>http://www.rickmarkus.com/blog/site-fully-integrated-with-wordpress/</link>
		<comments>http://www.rickmarkus.com/blog/site-fully-integrated-with-wordpress/#comments</comments>
		<pubDate>Tue, 03 Jan 2012 21:12:00 +0000</pubDate>
		<dc:creator>Rick</dc:creator>
				<category><![CDATA[Blog]]></category>
		<category><![CDATA[Theme]]></category>
		<category><![CDATA[WordPress]]></category>

		<guid isPermaLink="false">http://www.rickmarkus.com/?p=108</guid>
		<description><![CDATA[After polishing up my custom WordPress theme this morning, I happy to report that this site is now backed by the WordPress CMS. I built Rick Markus 1.0 from scratch to mirror the look of the site when it was ran solely on HTML and PHP files, so returning visitors might not notice much of [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.rickmarkus.com/wp-content/uploads/2012/01/ricktheme.jpg"><img src="http://www.rickmarkus.com/wp-content/uploads/2012/01/ricktheme.jpg" alt="Rick Markus Theme" title="Rick Markus Theme" width="660" height="219" class="alignnone size-full wp-image-109" /></a></p>
<p>After polishing up my custom WordPress theme this morning, I happy to report that this site is now backed by the WordPress CMS.</p>
<p>I built Rick Markus 1.0 from scratch to mirror the look of the site when it was ran solely on HTML and PHP files, so returning visitors might not notice much of a difference.</p>
<p>It&#8217;s fulfilling to break away from pre-made themes, especially considering the popularity of WordPress around the Web.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.rickmarkus.com/blog/site-fully-integrated-with-wordpress/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>How to use JavaScript in WordPress pages, posts</title>
		<link>http://www.rickmarkus.com/blog/how-to-use-javascript-in-wordpress-pages-posts/</link>
		<comments>http://www.rickmarkus.com/blog/how-to-use-javascript-in-wordpress-pages-posts/#comments</comments>
		<pubDate>Wed, 14 Dec 2011 17:30:44 +0000</pubDate>
		<dc:creator>Rick</dc:creator>
				<category><![CDATA[Blog]]></category>
		<category><![CDATA[JavaScript]]></category>
		<category><![CDATA[WordPress]]></category>

		<guid isPermaLink="false">http://webwell.org/?p=39</guid>
		<description><![CDATA[Because WordPress tries to clean up raw code entered on pages or posts under default settings, it will take your JavaScript code and break it. Therefore, the first thing you have to do is make sure those "features" are disabled:

<ul>
	<li>In your dashboard go to Users, choose your profile and then check "Disable the visual editor when writing."</li>
</ul>

Next, you have to install a plugin that lets you choose to keep your page in it's raw code form. I chose <a href="http://plugins.trac.wordpress.org/wiki/TextControl" title="Text Control plugin" target="_blank">Text Control</a>, as recommended in the WordPress codex. Note: There seems to be a newer version (2.3) if you choose to install the plugin from inside the WP dashboard, but I couldn't get it to work properly.

<ul>
	<li>Install Text Control.</li>
	<li>Go to the page you want to include JavaScript on and make sure there's a saved version/draft. The plugin options may not appear in the backend of the individual page until there is a saved version.</li>
	<li>From Text Control's two drop-down menus, choose "No Formatting" and "No Character Encoding".</li>
</ul>]]></description>
			<content:encoded><![CDATA[<p>Because WordPress tries to clean up raw code entered on pages or posts under default settings, it will take your JavaScript code and break it. Therefore, the first thing you have to do is make sure those &#8220;features&#8221; are disabled:</p>
<ul>
<li>In your dashboard go to Users, choose your profile and then check &#8220;Disable the visual editor when writing.&#8221;</li>
</ul>
<p>Next, you have to install a plugin that lets you choose to keep your page in it&#8217;s raw code form. I chose <a href="http://plugins.trac.wordpress.org/wiki/TextControl" title="Text Control plugin" target="_blank">Text Control</a>, as recommended in the WordPress codex. Note: There seems to be a newer version (2.3) if you choose to install the plugin from inside the WP dashboard, but I couldn&#8217;t get it to work properly.</p>
<ul>
<li>Install Text Control.</li>
<li>Go to the page you want to include JavaScript on and make sure there&#8217;s a saved version/draft. The plugin options may not appear in the backend of the individual page until there is a saved version.</li>
<li>From Text Control&#8217;s two drop-down menus, choose &#8220;No Formatting&#8221; and &#8220;No Character Encoding&#8221;. <span id="more-39"></span></li>
</ul>
<p>Next you have to create a JavaScript file and upload it to your server. Put all of the JavaScript defining code in that file. All functions and variable creations go in in there.</p>
<p>So for instance, if you have the following code:</p>
<pre>&lt;script type="text/javascript" charset="utf-8"&gt;

	function myFunc() {
	sum = 5 + 10;
	return sum;

	}

	myFunc();

&lt;/script&gt;</pre>
<p>You would put this in a .js file:</p>
<pre>	function myFunc() {
	sum = 5 + 10;
	return sum;

	}</pre>
<ul>
<li>Upload your JavaScript code to the server. I put mine in a folder called &#8220;scripts&#8221;.</li>
<li>Finally, call to your javascript to run from inside your WordPress page.</li>
</ul>
<p>Following the above example, we would post the following code into the WordPress page we want to run the JavaScript:</p>
<pre>&lt;script type="text/javascript" src="http://www.yourdomain.com/scripts/yourjavascriptfile.js"&gt;&lt;/script&gt;
&lt;script type="text/javascript"&gt;
&lt;!--
myFunc();
//--&gt;&lt;/script&gt;&lt;/pre&gt;</pre>
<p>&#8220;myfunc();&#8221; is the call to action that fires up your JavaScript code from the .js file.</p>
<p>That should do it!</p>
]]></content:encoded>
			<wfw:commentRss>http://www.rickmarkus.com/blog/how-to-use-javascript-in-wordpress-pages-posts/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Washington Spectator</title>
		<link>http://www.rickmarkus.com/projects/washington-spectator/</link>
		<comments>http://www.rickmarkus.com/projects/washington-spectator/#comments</comments>
		<pubDate>Sun, 23 Oct 2011 16:55:58 +0000</pubDate>
		<dc:creator>Rick</dc:creator>
				<category><![CDATA[Projects]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[HTML]]></category>
		<category><![CDATA[Slice]]></category>

		<guid isPermaLink="false">http://webwell.org/?p=63</guid>
		<description><![CDATA[Coded the publication's front page and article page in HTML and CSS.]]></description>
			<content:encoded><![CDATA[<p><em>Coded the publication&#8217;s front page and article page in HTML and CSS.</em></p>
<p>The Washington Spectator has yet to launch the redesign. I will post a graphic example once they release the new look.</p>
<p><a href="http://www.washingtonspectator.org/" title="The Washington Spectator" target="_blank">The Washington Spectator</a> describes itself as a &#8220;feisty bi-weekly bulletin&#8221; which gives &#8220;independent-minded readers behind-the-scenes insight into significant news that is ignored by the corporate media.&#8221;</p>
]]></content:encoded>
			<wfw:commentRss>http://www.rickmarkus.com/projects/washington-spectator/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Independent Living Solutions LLC</title>
		<link>http://www.rickmarkus.com/projects/independent-living-solutions-llc/</link>
		<comments>http://www.rickmarkus.com/projects/independent-living-solutions-llc/#comments</comments>
		<pubDate>Wed, 21 Sep 2011 16:50:23 +0000</pubDate>
		<dc:creator>Rick</dc:creator>
				<category><![CDATA[Projects]]></category>
		<category><![CDATA[WordPress]]></category>

		<guid isPermaLink="false">http://webwell.org/?p=54</guid>
		<description><![CDATA[Built the site using WordPress.]]></description>
			<content:encoded><![CDATA[<p><em>Built the site using WordPress.</em></p>
<p>Independent Living Solutions provides home safety assessments for aging individuals in Columbus, Ohio, who wish to stay in their homes as long into advanced age as possible.</p>
<p><a href="http://www.independentlivingsolutions.net/" title="IndependentLivingSolutions.net" target="_blank">See it live</a></p>
<p><a href="http://www.rickmarkus.com/wp-content/uploads/2011/12/independentlivingsolutions.jpg"><img src="http://www.rickmarkus.com/wp-content/uploads/2011/12/independentlivingsolutions-660x750.jpg" alt="Independent Living Solutions LLC" title="Independent Living Solutions LLC" width="660" height="750" class="alignnone size-large wp-image-55" /></a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.rickmarkus.com/projects/independent-living-solutions-llc/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Pollen Records</title>
		<link>http://www.rickmarkus.com/projects/pollen-records/</link>
		<comments>http://www.rickmarkus.com/projects/pollen-records/#comments</comments>
		<pubDate>Tue, 30 Aug 2011 16:16:17 +0000</pubDate>
		<dc:creator>Rick</dc:creator>
				<category><![CDATA[Projects]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[HTML]]></category>
		<category><![CDATA[Slice]]></category>

		<guid isPermaLink="false">http://webwell.org/?p=51</guid>
		<description><![CDATA[Coded a promotional page announcing Eleven's new CD using HTML and CSS.]]></description>
			<content:encoded><![CDATA[<p><em>Coded a promotional page announcing Eleven&#8217;s new CD using HTML and CSS.</em></p>
<p>Eleven is a hard rock band from Los Angeles.</p>
<p><a href="http://www.rickmarkus.com/wp-content/uploads/2011/12/pollenrecords.jpg"><img src="http://www.rickmarkus.com/wp-content/uploads/2011/12/pollenrecords-660x648.jpg" alt="Eleven Promo" title="Eleven Promo" width="660" height="648" class="alignnone size-large wp-image-52" /></a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.rickmarkus.com/projects/pollen-records/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Embed RSS feeds into your WordPress page or post</title>
		<link>http://www.rickmarkus.com/blog/embed-rss-feeds-into-your-wordpress-page-or-post/</link>
		<comments>http://www.rickmarkus.com/blog/embed-rss-feeds-into-your-wordpress-page-or-post/#comments</comments>
		<pubDate>Mon, 08 Aug 2011 16:56:33 +0000</pubDate>
		<dc:creator>Rick</dc:creator>
				<category><![CDATA[Blog]]></category>
		<category><![CDATA[RSS]]></category>
		<category><![CDATA[WordPress]]></category>

		<guid isPermaLink="false">http://webwell.org/?p=33</guid>
		<description><![CDATA[If you are running a WordPress powered web site, and you would like to add an RSS feed to a page or post, your life just got a lot easier.

Forget <a href="http://pipes.yahoo.com/pipes/" title="Yahoo! Pipes" target="_blank">Yahoo! Pipes</a>, or Google modules or <a href="http://www.rssinclude.com/" title="RSSinclude" target="_blank">RSSinclude</a>. There's an WordPress plugin called <a href="http://wordpress.org/extend/plugins/embed-rss/" title="Embed RSS" target="_blank">Embed RSS</a> that is all you need.]]></description>
			<content:encoded><![CDATA[<p>If you are running a WordPress powered website, and you would like to add an RSS feed to a page or post, your life just got a lot easier.</p>
<p>Forget <a href="http://pipes.yahoo.com/pipes/" title="Yahoo! Pipes" target="_blank">Yahoo! Pipes</a>, or Google modules or <a href="http://www.rssinclude.com/" title="RSSinclude" target="_blank">RSSinclude</a>. There&#8217;s an WordPress plugin called <a href="http://wordpress.org/extend/plugins/embed-rss/" title="Embed RSS" target="_blank">Embed RSS</a> that is all you need.</p>
<p>It places a button up in your post/page editing links that lets you enter an RSS feed on the fly. You can choose the number of items posted and whether to include post content, author or dates published. The drop down menu appears to limit users to posting 1-20 or 100 links, but if you edit the number in HTML view, you can choose mid range output, like 50 links.</p>
<p>This plugin would have saved me some time, but it hid from me quite well over the past month.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.rickmarkus.com/blog/embed-rss-feeds-into-your-wordpress-page-or-post/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Ohio Newspaper Association</title>
		<link>http://www.rickmarkus.com/projects/ohio-newspaper-association/</link>
		<comments>http://www.rickmarkus.com/projects/ohio-newspaper-association/#comments</comments>
		<pubDate>Sat, 06 Aug 2011 15:45:52 +0000</pubDate>
		<dc:creator>Rick</dc:creator>
				<category><![CDATA[Projects]]></category>
		<category><![CDATA[WordPress]]></category>

		<guid isPermaLink="false">http://webwell.org/?p=25</guid>
		<description><![CDATA[Built OhionNews.org from the ground up using WordPress.]]></description>
			<content:encoded><![CDATA[<p><em>Built OhionNews.org from the ground up using WordPress.</em></p>
<p>ONA is the trade association for more than 250 Ohio daily and weekly newspapers and more than 150 Web sites.</p>
<p><a href="http://www.ohionews.org" title="Ohio Newspaper Association" target="_blank">See it live</a></p>
<p><a href="http://www.rickmarkus.com/wp-content/uploads/2011/12/ohionews.jpg"><img src="http://www.rickmarkus.com/wp-content/uploads/2011/12/ohionews-660x1487.jpg" alt="OhioNews.org" title="OhioNews.org" width="660" height="1487" class="alignnone size-large wp-image-46" /></a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.rickmarkus.com/projects/ohio-newspaper-association/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Make your WordPress blog printer-friendly without plugins</title>
		<link>http://www.rickmarkus.com/blog/hey-whats-up/</link>
		<comments>http://www.rickmarkus.com/blog/hey-whats-up/#comments</comments>
		<pubDate>Mon, 18 Jul 2011 20:56:36 +0000</pubDate>
		<dc:creator>Rick</dc:creator>
				<category><![CDATA[Blog]]></category>
		<category><![CDATA[Printer-Friendly]]></category>
		<category><![CDATA[WordPress]]></category>

		<guid isPermaLink="false">http://webwell.org/?p=7</guid>
		<description><![CDATA[After using the <a href="http://wordpress.org/extend/plugins/printfriendly/" title="Print Friendly and PDF Button" target="_blank">Print Friendly and PDF Button</a> plugin for a recent Wordpress re-theme, I discovered one major flaw: embedded Google ads.

Otherwise, the plugin runs smoothly. Although I didn't like the print popup box's green color (which isn't quickly changed in settings), I considered removing the ads legitimately with the plugin's <a href="http://www.printfriendly.com/pro" title="Ad Removal Fee" target="_blank">ad-removal fee</a> ($4 a month).

I also tried some <a href="http://www.quickonlinetips.com/archives/2010/03/printer-friendly-wordpress-plugins/" title="Top 5 print friendly plugins?" target="_blank">other print friendly plugins</a>, but liked them even less.]]></description>
			<content:encoded><![CDATA[<p>After using the <a title="Print Friendly and PDF Button" href="http://wordpress.org/extend/plugins/printfriendly/" target="_blank">Print Friendly and PDF Button</a> plugin for a recent WordPress re-theme, I discovered one major flaw: embedded Google ads.</p>
<p>Most clients will reject third-party ads on their site. Otherwise, the plugin runs smoothly. Although I didn&#8217;t like the print popup box&#8217;s green color (which isn&#8217;t quickly changed in settings), I considered removing the ads legitimately with the plugin&#8217;s <a title="Ad Removal Fee" href="http://www.printfriendly.com/pro" target="_blank">ad-removal fee</a> ($4 a month).</p>
<p>I also tried some <a title="Top 5 print friendly plugins?" href="http://www.quickonlinetips.com/archives/2010/03/printer-friendly-wordpress-plugins/" target="_blank">other print friendly plugins</a>, but liked them even less. <span id="more-7"></span></p>
<p>Luckily, WordPress has this great <a title="Styling for Print" href="http://codex.wordpress.org/Styling_for_Print" target="_blank">&#8220;how to&#8221; codex</a> for setting up your own printer-friendly styling via CSS. It walks you through it pretty nicely, although I noticed some repetitive code in their final example of printer-friendly CSS.</p>
<p>Depending on the WordPress theme you are using, the code you need could end up quite different than this, but here&#8217;s what I ended up using for PageLines&#8217; <a title="Pagelines WhiteHousePro" href="http://www.pagelines.com/demos/whitehousepro/" target="_blank">WhiteHousePro3</a> theme:</p>
<pre>/* Print Style Sheet */
@media print {
body {background:white;
font-size:10pt;
margin:0 }
#header { height:75px;
font-size: 24pt;
color:black }
#content { margin-left:0;
float:none;
width:auto;
color:black;
font-size:12pt }
#maincontent a { font-weight:normal;
color:black;
text-decoration:underline }
#contentcontainer { display:block }
#contentborder { display:block }
#comments { display:none }
#commentform { display:none }
#sidebar { display:none }
.post-footer { display:none }
#footer { display:none }
#widgets{ display:none }
#wrapper { display:block }
#nav { display:none }
#subnav { display:none }
#header { display:none }
#grandchildnav { display:none }
#overview { display:none }
#searchform { display:none }
#sidesearch { display:none }
#morefoot { display:none }
#searchsubmit{ display:none }
#welcome { display:none }
#fcolumns_container { display:none }
#subfoot { display:none }
#cred { display:none }
#calendar-wrap { display:none }
#wp-calendar { display:none }
#caption { display:none }
h1, h2, h3, h4, h5, h6 { page-break-after:avoid;
page-break-inside:avoid }
img { page-break-inside:avoid;
page-break-after:avoid; }
blockquote, table, pre { page-break-inside:avoid }
ul, ol, dl  { page-break-before:avoid }
img { display:none }
.right { float: right; }
.left { float: left }
margin: 0 7px 2px 0;
display: inline; }
img { display:none }
}</pre>
<p>I opted to remove the images from printing in the above example.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.rickmarkus.com/blog/hey-whats-up/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

