<?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>Mesmer Lab &#187; plugin</title>
	<atom:link href="http://www.mesmerlab.com/tag/plugin/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.mesmerlab.com</link>
	<description>Tech and trends in web design+development.</description>
	<lastBuildDate>Tue, 22 Jun 2010 00:59:54 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.9</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>Wordpress Plugin: WP-Table Reloaded</title>
		<link>http://www.mesmerlab.com/wordpress-table-reloaded/</link>
		<comments>http://www.mesmerlab.com/wordpress-table-reloaded/#comments</comments>
		<pubDate>Thu, 22 Oct 2009 19:51:46 +0000</pubDate>
		<dc:creator>Jason</dc:creator>
				<category><![CDATA[WordPress]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[html]]></category>
		<category><![CDATA[plugin]]></category>
		<category><![CDATA[Usability]]></category>

		<guid isPermaLink="false">http://www.mesmerlab.com/?p=697</guid>
		<description><![CDATA[So I wanted to have a table with zebra stripes in a Wordpress installation. I found a quick and full-featured plugin that allows the stripes, plus so much more.
WP-Table Reloaded will let you import a table from a CSV, HTML or XML file. You can enter the cell data directly into the admin page. You [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://tobias.baethge.com/wordpress-plugins/wp-table-reloaded-english/"><img src="http://www.mesmerlab.com/wp-content/uploads/2009/10/wp-table-reloaded.jpg" alt="WP-Table Reloaded - Wordpress Plugin" title="WP-Table Reloaded - Wordpress Plugin" width="275" height="206" class="alignright size-full wp-image-700 postimage" /></a>So I wanted to have a table with zebra stripes in a Wordpress installation. I found a quick and full-featured plugin that allows the stripes, plus so much more.</p>
<p><a href="http://tobias.baethge.com/wordpress-plugins/wp-table-reloaded-english/">WP-Table Reloaded</a> will let you import a table from a CSV, HTML or XML file. You can enter the cell data directly into the admin page. You can swap column or row order with minimal effort. You can hide or show columns or rows.<span id="more-697"></span></p>
<h3>Extra Features</h3>
<p>But then there are extra features that really make this plugin shine. </p>
<ul>
<li>Alternating row colors:  	 Every second row will have an alternating background color.</li>
<li>Use Table Headline: 	The first row of your table will use the &lt;th&gt; tag.</li>
<li>Print Table Name: 	The Table Name will be written above the table in a &lt;h2&gt; tag.</li>
<li>Print Table Description: 	The Table Description will be written under the table.</li>
<li>Use Tablesorter: 	You may sort a table using the Tablesorter-jQuery-Plugin.</li>
</ul>
<p>I&#8217;m currently using this plugin on a website for a <a href="http://greenedgesprinklers.com/pricing/">sprinkler company in Houston, Texas</a>. Everything you see on the page is pretty much stock settings. There is one table for the service fees, since I didn&#8217;t want zebra stripes on a 2-row table. Then another table for the rest of the services.</p>
<p>I just wanted to give a quick nod to this well-rounded and very functional Wordpress plugin for implementing HTML tables. Thanks go to the author of this plugin. (Apparently this is his first WP plugin!)<!-- pingbacker_start --><br />
<h4>Related Blogs</h4>
<ul class='pc_pingback'>
<li><a href='http://www.boygeniusreport.com/2010/03/03/virgin-america-selects-html-over-flash-re-ignites-the-flash-vs-html-debate/'>Virgin America selects <b>HTML</b> over Flash, re-ignites the Flash vs <b>&#8230;</b></a></li>
<li><a href='http://coffeeonthekeyboard.com/bleach-html-sanitizer-and-auto-linker-for-django-344/'>Bleach, <b>HTML</b> sanitizer and auto-linker | Coffee on the Keyboard</a></li>
<li><a href='http://smallbiztrends.com/2010/03/google-more-local-more-social.html'>Google Goes More Local, Social With Results <b>Page</b> | Small Business <b>&#8230;</b></a></li>
<li><a href='http://webworkerdaily.com/2010/03/01/create-an-faq-page-for-colleagues-and-clients/'>Create an FAQ <b>Page</b> For Colleagues and Clients – WebWorkerDaily</a></li>
<li><a href='http://www.mobilemarketingwatch.com/nbc-mobile-olympics-takes-gold-with-87-million-page-views-5609/'>NBC Mobile Olympics Takes Gold With 87M <b>Page</b> Views : Mobile <b>&#8230;</b></a></li>
<li><a href='http://www.seoconsult.co.uk/SEOBlog/offpage-optimisation/set-up-your-off-page-seo-with-a-bang.html'>Set Up Your Off-<b>Page</b> SEO With a Bang | SEO Consult &#8211; Certified <b>&#8230;</b></a></li>
<li><a href='http://www.graphicstech.com/index.php/tampa-bay-internet-marketing-effective-landing-page-strategy/'>Why an Effective Landing <b>Page</b> is Needed to Complete Your Internet <b>&#8230;</b></a></li>
<li><a href='http://splashpage.mtv.com/2010/03/02/former-x-men-first-class-writer-josh-schwartz-explains-his-exit/'>Former &#39;X-Men: First Class&#39; Writer Josh Schwartz Explains His Exit</a></li>
<li><a href='http://benjamin.smedbergs.us/blog/2010-03-03/firefox-safe-from-plugin-crashes/'>Answers and Questions » Blog Archive » Firefox, Safe From <b>Plugin</b> <b>&#8230;</b></a></li>
<li><a href='http://www.catonmat.net/blog/vim-plugins-ragtag-allml-vim/'>Vim <b>Plugins</b> You Should Know About, Part VII: ragtag.vim (formerly <b>&#8230;</b></a></li>
<li><a href='http://www.1stwebdesigner.com/wordpress/basic-wordpress-plugins-every-blog/'>7 Must Have WordPress <b>Plugins</b> For Every Blog | Graphic and Web <b>&#8230;</b></a></li>
<li><a href='http://wordpress.tv/2009/11/13/john-hawkins-building-plugin-phx09/'>John Hawkins: Building a WordPress <b>Plugin</b> « WordPress.tv</a></li>
<li><a href='http://www.seodenver.com/mad-mimi/'>Mad Mimi <b>Plugin</b> for WordPress | Denver SEO Blog</a></li>
<li><a href='http://johnhaydon.com/2010/03/embed-seo-automation-wordpress-blog-posts/'>WordPress SEO Simplified With Scribe <b>Plugin</b></a></li>
<li><a href='http://thomas.apestaart.org/log/?p=1159'>thomas.apestaart.org » N900 Facebook <b>plugin</b> problems</a></li>
<li><a href='http://wordcast.bitwiremedia.com/2010/03/03/plugin-picks-2-google-analyticator/'><b>Plugin</b> Picks 2: Google Analyticator | WordCast &#8211; BBlogging news <b>&#8230;</b></a></li>
<li><a href='http://lifestreamblog.com/custom-php-lifestream-script-built-atop-wordpress-plugin/'>Custom PHP Lifestream Script Built Atop Wordpress <b>Plugin</b> <b>&#8230;</b></a></li>
<li><a href='http://www.rapidownloads.net/games/battlefield-bad-company-2-reloaded-28/'>Battlefield.Bad.Company.2-<b>RELOADED</b></a></li>
<li><a href='http://gadget-reviews.org/longhorn-reloaded-logon-for-vista/'>Gadget Reviews: longhorn <b>reloaded</b> logon for vista | Gadget Reviews -</a></li>
<li><a href='http://mafiaweb.org/2010/03/alone-in-the-dark-reloaded/'>Alone In The Dark <b>RELOADED</b></a></li>
</ul>
<p><!-- pingbacker_end --></p>
]]></content:encoded>
			<wfw:commentRss>http://www.mesmerlab.com/wordpress-table-reloaded/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Update: WordPress Plugin Tweet This</title>
		<link>http://www.mesmerlab.com/update-wordpress-plugin-tweet-this/</link>
		<comments>http://www.mesmerlab.com/update-wordpress-plugin-tweet-this/#comments</comments>
		<pubDate>Mon, 02 Feb 2009 17:46:47 +0000</pubDate>
		<dc:creator>Jason</dc:creator>
				<category><![CDATA[WordPress]]></category>
		<category><![CDATA[plugin]]></category>
		<category><![CDATA[social]]></category>
		<category><![CDATA[Twitter]]></category>
		<category><![CDATA[Web Design]]></category>

		<guid isPermaLink="false">http://www.mesmerlab.com/?p=278</guid>
		<description><![CDATA[I recently added Tweet This to my site, a plugin for WordPress that enables your visitors to easily post a link to your article in their Twitter stream. The key point here, easier is better. One-click goodness will surely get your articles into the Twitterverse.
The plugin was updated yesterday with many more admin features along [...]]]></description>
			<content:encoded><![CDATA[<p>I recently added <a href="http://wordpress.org/extend/plugins/tweet-this/">Tweet This</a> to my site, a plugin for WordPress that enables your visitors to easily post a link to your article in their Twitter stream. The key point here, easier is better. One-click goodness will surely get your articles into the Twitterverse.</p>
<p>The plugin was updated yesterday with many more admin features along with options for Digg This, Plunk This and Ping This links. You can see all four at the bottom of this article.</p>
<p>A very welcome addition is customization of how the text is sent to Twitter. The default is &#8216;[URL] [TITLE]&#8216; but I followed <a href="http://www.johnchow.com/tweet-this-blog-post-wordpress-plugin/">John Chow&#8217;s</a> lead and modified mine to &#8216;Reading @mesmerlab [TITLE] [URL]&#8216;. I had to modify the plugin code itself when I first installed it.</p>
<p>Thanks go out to Richard X. Thripp for this great upgrade!</p>
]]></content:encoded>
			<wfw:commentRss>http://www.mesmerlab.com/update-wordpress-plugin-tweet-this/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>Add Custom Fonts to your WordPress Site</title>
		<link>http://www.mesmerlab.com/add-custom-fonts-to-your-wordpress-site/</link>
		<comments>http://www.mesmerlab.com/add-custom-fonts-to-your-wordpress-site/#comments</comments>
		<pubDate>Thu, 29 Jan 2009 23:57:31 +0000</pubDate>
		<dc:creator>Jason</dc:creator>
				<category><![CDATA[Tutorials]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[font]]></category>
		<category><![CDATA[javascript]]></category>
		<category><![CDATA[plugin]]></category>
		<category><![CDATA[Web Design]]></category>
		<category><![CDATA[WordPress]]></category>

		<guid isPermaLink="false">http://www.mesmerlab.com/?p=247</guid>
		<description><![CDATA[In the old days if you wanted to have a non-standard font on your site that was viewable by your visitors, you would need to provide a download link so they could add the custom font onto their computer. This was a little clunky, but it allowed a better user experience and would help mesh [...]]]></description>
			<content:encoded><![CDATA[<p><img src="http://www.mesmerlab.com/wp-content/uploads/2009/01/main-image.png" alt="main-image" title="main-image" width="282" height="182" class="alignright size-full wp-image-262" style="float:right;margin:0 0 20px 20px;border:1px solid #333;padding:10px;" />In the old days if you wanted to have a non-standard font on your site that was viewable by your visitors, you would need to provide a download link so they could add the custom font onto their computer. This was a little clunky, but it allowed a better user experience and would help mesh your design together. One can only handle so much Verdana and Arial each day.</p>
<p>Fast-forward about 10 years. There have been great strides in font technology on the web.<span id="more-247"></span> The first well-known solution was <a href="http://en.wikipedia.org/wiki/Scalable_Inman_Flash_Replacement">sIFR</a>, a Flash-based solution that converted your text into a .swf file which is viewable by most modern browsers. Adding a custom font became a little easier. However, the coding required made these sites a little sluggish and needed javascript and Flash to be enabled.</p>
<p>Of course most of the good stuff on the web these days requires javascript, but that still meant sIFR needed Flash. An alternative that uses pure code and no proprietary filetypes came along, called <a href="http://facelift.mawhorter.net/">FLIR</a>. Now this solution lets your site break free of the Flash requirement. It does however require PHP to be installed on your web host. This isn&#8217;t a huge obstacle since most commercial host companies offer PHP scripting.</p>
<p>Now to the good stuff concerning WordPress users. The guys over at HostScope.com have developed a <a href="http://www.hostscope.com/wordpress-plugins/ttftitles-wordpress-plugin/">plugin that achieves FLIR goodness</a> in an easy admin interface. I use this plugin to carry over the custom font in my logo to the sidebar headings on the right.</p>
<h3>Step 1: Installation</h3>
<p><a href="http://wordpress.org/extend/plugins/ttftitles/">Download</a>, install and activate TTFTitles.</p>
<h3>Step 2: Uploading Fonts</h3>
<p>Navigate to the Appearance section of your WordPress admin. You&#8217;ll find the TTF Titles section under this heading. Go to the Fonts link and upload your custom font. </p>
<h3>Step 3: Creating Styles</h3>
<p><img src="http://www.mesmerlab.com/wp-content/uploads/2009/01/styles-300x195.png" alt="styles" title="styles" width="300" height="195" class="alignright size-medium wp-image-264" style="float:right;margin:0 0 20px 20px;border:1px solid #333;padding:10px;" />Navigate to the Styles section of the TTF Titles admin. You can adjust how your custom font will be viewed from here. I have a specific style for my sidebar and one for the &#8216;Leave a Comment&#8217; element that is in the content section. I believe the plugin uses PNG-8 because you must designate a background color. The green background of the sidebar style did not look appealing on the white of the content section. I&#8217;d love for the author to update the plugin to use PNG-24, allowing for a style to be used anywhere.</p>
<h3>Step 4: The Code</h3>
<p>Applying the styles to your site is relatively easy, even for those who don&#8217;t know PHP. For instance, in the second sidebar on the right, the title code used to be&#8230;</p>
<blockquote><pre><code>&lt;h3&gt;Recent Articles&lt;/h3&gt;</code></pre>
</blockquote>
<p>To render the title with my font I simply wrap the text with a little PHP like this&#8230;</p>
<blockquote><pre><code>&lt;h3&gt;<span style="color:red;"><strong>&lt;?php the_ttftext("</strong></span>Recent Articles<span style="color:red;"><strong>"); ?&gt;</strong></span>&lt;/h3&gt;</code></pre>
</blockquote>
<p>Use the following code when adding the functionality to a WordPress variable.</p>
<blockquote><pre><code>&lt;?php get_bloginfo('name'); ?&gt;
... turns into ...
 &lt;?php <span style="color:red;"><strong>the_ttftext(</strong></span>get_bloginfo('name')<span style="color:red;"><strong>)</strong></span>; ?&gt;</code></pre>
</blockquote>
<p>The previous implementations assume you&#8217;re using the style set as default. To use a different style like I have for my comment section you would code as follows.</p>
<blockquote><pre><code>&lt;?php the_ttftext("Leave a Comment"<span style="color:red;"><strong>, true, "Opus on white", ""</strong></span>); ?&gt;</code></pre>
</blockquote>
<p>This pulls in the name of your custom style in the third parameter. The last parameter is for alterations to the style, similar to inline styles in CSS. I can designate a different color, font size, or any other available attributes.</p>
<p>So now you can have more control over the user experience by adding custom fonts. Let me know how you&#8217;ve implemented this on your site.<!-- pingbacker_start --><br />
<h4>Related Blogs</h4>
<ul class='pc_pingback'></ul>
<p><!-- pingbacker_end --></p>
]]></content:encoded>
			<wfw:commentRss>http://www.mesmerlab.com/add-custom-fonts-to-your-wordpress-site/feed/</wfw:commentRss>
		<slash:comments>50</slash:comments>
		</item>
		<item>
		<title>FireScope: The SitePoint Reference Tool for Firebug</title>
		<link>http://www.mesmerlab.com/firescope-the-sitepoint-reference-tool-for-firebug/</link>
		<comments>http://www.mesmerlab.com/firescope-the-sitepoint-reference-tool-for-firebug/#comments</comments>
		<pubDate>Wed, 28 Jan 2009 11:44:57 +0000</pubDate>
		<dc:creator>Jason</dc:creator>
				<category><![CDATA[Web Tech]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[firebug]]></category>
		<category><![CDATA[firefox]]></category>
		<category><![CDATA[html]]></category>
		<category><![CDATA[plugin]]></category>
		<category><![CDATA[reference]]></category>
		<category><![CDATA[sitepoint]]></category>

		<guid isPermaLink="false">http://www.mesmerlab.com/?p=235</guid>
		<description><![CDATA[SitePoint has released FireScope, a browser plugin for Firefox that puts an HTML and CSS reference only a click away.
After installation, just do the typical &#8216;inspect element&#8217; action and you&#8217;ll see the new &#8216;Reference&#8217; tab. Click the tab and you&#8217;ll see information about the element you chose plus any attributes that are defined for that [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://tools.sitepoint.com/firescope/" target="_blank"><img alt="" src="http://tools.sitepoint.com/firescope/images/firescope-logo.jpg" title="Firescope logo" class="alignnone" width="300" height="100" style="float:right;margin:0 0 20px 20px;border:1px solid #333;padding:10px;" /></a><a href="http://www.sitepoint.com/">SitePoint</a> has released <a href="http://tools.sitepoint.com/firescope/" target="_blank">FireScope</a>, a browser plugin for Firefox that puts an HTML and CSS reference only a click away.</p>
<p>After installation, just do the typical &#8216;inspect element&#8217; action and you&#8217;ll see the new &#8216;Reference&#8217; tab. Click the tab and you&#8217;ll see information about the element you chose plus any attributes that are defined for that element. You&#8217;ll see information about the element, what browsers support it, and a &#8216;more&#8217; link to the <a href="http://reference.sitepoint.com/" target="_blank">reference section</a> on SitePoint&#8217;s website.</p>
<p>I have always respected SitePoint for being a leader in almost everything related to web development. They have published books on a wide variety of internet technologies and continually push out new content. I&#8217;m sure this new plugin will help spread their knowledge to more web developers.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.mesmerlab.com/firescope-the-sitepoint-reference-tool-for-firebug/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
