<?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/" xmlns:feedburner="http://rssnamespace.org/feedburner/ext/1.0" version="2.0"><channel><title>Pippin's Pages</title> <link>http://pippinspages.com</link> <description>{ Coding everyday keeps the bugs away }</description> <lastBuildDate>Wed, 07 Dec 2011 22:09:26 +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/pippinspages/XXtm" /><feedburner:info uri="pippinspages/xxtm" /><atom10:link xmlns:atom10="http://www.w3.org/2005/Atom" rel="hub" href="http://pubsubhubbub.appspot.com/" /><feedburner:browserFriendly></feedburner:browserFriendly><item><title>Better Related Posts Widget</title><link>http://pippinspages.com/wordpress/better-related-posts-widget/</link> <comments>http://pippinspages.com/wordpress/better-related-posts-widget/#comments</comments> <pubDate>Sat, 06 Aug 2011 16:38:40 +0000</pubDate> <dc:creator>Pippin Williamson</dc:creator> <category><![CDATA[Plugins]]></category> <category><![CDATA[Wordpress]]></category> <category><![CDATA[custom post types]]></category> <category><![CDATA[related]]></category> <category><![CDATA[wordpress plugin]]></category><guid isPermaLink="false">http://pippinspages.com/?p=2120</guid> <description><![CDATA[This plugin provides an advanced widget that allows you to display similar, or related, posts in any widgetized sidebar. Related posts are selected using tags, categories, or any custom taxonomy. When searching for related posts, the widget will choose posts &#8230; <a href="http://pippinspages.com/wordpress/better-related-posts-widget/">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description> <content:encoded><![CDATA[<p>This plugin provides an advanced widget that allows you to display similar, or related, posts in any widgetized sidebar.</p><p>Related posts are selected using tags, categories, or any custom taxonomy. When searching for related posts, the widget will choose posts that share between 1-3 like terms with the currently viewed post.</p><p><span id="more-2120"></span><br /> Works with all custom post types!</p><h3>Features:</h3><ul><li>12 Options to configure on a per-widget basis</li><li>Multiple instances of the same widget</li><li>Widget Title</li><li>Display related post titles</li><li>Option to display the post authors</li><li>Option to show post publication dates</li><li>Option to show post comment counts</li><li>Option to show post text excerpts</li><li>Option to control the length of the post excerpt</li><li>Option to show post thumbnails</li><li>Ability to control size of post thumbnails</li><li>Ability to set float of post thumbnails</li><li>Choose the number of related items to show</li><li>Select the taxonomy on which to relate posts</li><li>Widget shown only on single post pages</li></ul><p>This widget has been built with the best coding standards and should fit seamlessly into any WordPress theme.</p><h3>Video Demonstration</h3><p><iframe src="http://www.screenr.com/embed/4xds" width="600" height="366" frameborder="0"></iframe></p><h3>Download Plugin</h3><div class="button_small"><h5 class="regcase"><a href="http://codecanyon.net/item/better-related-posts-widget/427853?ref=mordauk" title="button">Download</a></h5></div><h4 class='related-posts-header'>Related Posts</h4><ul class="related-posts-list"><li class="related-post"><a href="http://pippinspages.com/wordpress/easy-content-types-for-wordpress/">Easy Content Types Plugin for WordPress</a> <span class="related-post-date timestamp">Wed 20 Apr 2011</span></li><li class="related-post"><a href="http://pippinspages.com/wordpress/email-notifications-for-wordpress-announcements/">Email Notifications for WordPress Announcements</a> <span class="related-post-date timestamp">Wed 06 Oct 2010</span></li><li class="related-post"><a href="http://pippinspages.com/tutorials/publish-action-hook-for-custom-post-types/">Publish Action Hook for Custom Post Types</a> <span class="related-post-date timestamp">Thu 30 Sep 2010</span></li></ul>]]></content:encoded> <wfw:commentRss>http://pippinspages.com/wordpress/better-related-posts-widget/feed/</wfw:commentRss> <slash:comments>2</slash:comments> </item> <item><title>Hastings First United Methodist</title><link>http://pippinspages.com/portfolio/hastings-first-united-methodist/</link> <comments>http://pippinspages.com/portfolio/hastings-first-united-methodist/#comments</comments> <pubDate>Tue, 19 Jul 2011 19:49:49 +0000</pubDate> <dc:creator>Pippin Williamson</dc:creator> <category><![CDATA[Portfolio]]></category> <category><![CDATA[Websites Portfolio]]></category><guid isPermaLink="false">http://pippinspages.com/?p=2108</guid> <description><![CDATA[Client: Hastings First United Methodist Church Project Type: Custom designed WordPress site with an emphasis on content management Related Posts]]></description> <content:encoded><![CDATA[<p><strong>Client</strong>: Hastings First United Methodist Church<br /> Project Type: Custom designed WordPress site with an emphasis on content management</p><h4 class='related-posts-header'>Related Posts</h4><ul class="related-posts-list"></ul>]]></content:encoded> <wfw:commentRss>http://pippinspages.com/portfolio/hastings-first-united-methodist/feed/</wfw:commentRss> <slash:comments>0</slash:comments> </item> <item><title>UroMatrix Medical</title><link>http://pippinspages.com/portfolio/uromatrix-medical/</link> <comments>http://pippinspages.com/portfolio/uromatrix-medical/#comments</comments> <pubDate>Thu, 30 Jun 2011 20:50:42 +0000</pubDate> <dc:creator>Pippin Williamson</dc:creator> <category><![CDATA[Portfolio]]></category> <category><![CDATA[Websites Portfolio]]></category><guid isPermaLink="false">http://pippinspages.com/?p=2100</guid> <description><![CDATA[Client: UroMatrix Medical Project Type: Custom WordPress Design, Development, e-Commerce Related Posts]]></description> <content:encoded><![CDATA[<p><strong>Client</strong>: <a href="http://uromatrix.com">UroMatrix Medical</a><br /> Project Type: Custom WordPress Design, Development, e-Commerce</p><h4 class='related-posts-header'>Related Posts</h4><ul class="related-posts-list"></ul>]]></content:encoded> <wfw:commentRss>http://pippinspages.com/portfolio/uromatrix-medical/feed/</wfw:commentRss> <slash:comments>0</slash:comments> </item> <item><title>Add Scripts and Styles to Specific Admin Pages Only</title><link>http://pippinspages.com/tutorials/add-scripts-and-styles-to-specific-admin-pages-only/</link> <comments>http://pippinspages.com/tutorials/add-scripts-and-styles-to-specific-admin-pages-only/#comments</comments> <pubDate>Thu, 30 Jun 2011 20:33:54 +0000</pubDate> <dc:creator>Pippin Williamson</dc:creator> <category><![CDATA[jQuery]]></category> <category><![CDATA[Tutorials]]></category> <category><![CDATA[WordPress Tutorials]]></category> <category><![CDATA[CSS]]></category> <category><![CDATA[scripts]]></category> <category><![CDATA[wp tricks]]></category><guid isPermaLink="false">http://pippinspages.com/?p=2094</guid> <description><![CDATA[One very common mistake that is made by WordPress developers is failing to limit the environments in which their scripts are loaded, particularly in the admin section. For example, if you have written a plugin that has a settings page, &#8230; <a href="http://pippinspages.com/tutorials/add-scripts-and-styles-to-specific-admin-pages-only/">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description> <content:encoded><![CDATA[<p>One very common mistake that is made by WordPress developers is failing to limit the environments in which their scripts are loaded, particularly in the admin section.</p><p><span id="more-2094"></span></p><p> For example, if you have written a plugin that has a settings page, and that settings page requires a custom jquery script to be loaded, you should <em>always</em> ensure that the custom jquery script is <em>only</em> loaded when the settings page is displayed, not on every other page of the WordPress admin as well.</p><p>There are a couple of ways that you can limit which pages your scripts get loaded on, but by far the best method is to do it the way that WordPress intended <img src="http://pippinspages.com/wp-includes/images/smilies/icon_smile.gif?9707a5" alt=':)' class='wp-smiley' /></p><p>If you wanted to enable jQuery UI in the WordPress admin, you&#8217;d do it like this:</p><div class="wp_syntax"><table><tr><td class="line_numbers"><pre>1
2
3
4
5
6
7
8
</pre></td><td class="code"><pre class="php" style="font-family:monospace;"><span style="color: #000000; font-weight: bold;">function</span> load_ui_script<span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span>
	wp_enqueue_script<span style="color: #009900;">&#40;</span><span style="color: #0000ff;">'jquery-ui.min'</span><span style="color: #339933;">,</span> <span style="color: #0000ff;">'http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.2/jquery-ui.min.js'</span><span style="color: #339933;">,</span> <span style="color: #009900; font-weight: bold;">false</span><span style="color: #339933;">,</span> <span style="color: #0000ff;">'1.4'</span><span style="color: #339933;">,</span> <span style="color: #0000ff;">'all'</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
<span style="color: #009900;">&#125;</span>
<span style="color: #000000; font-weight: bold;">function</span> load_ui_style<span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span>
	wp_enqueue_style<span style="color: #009900;">&#40;</span><span style="color: #0000ff;">'jquery-ui-css'</span><span style="color: #339933;">,</span> <span style="color: #0000ff;">'http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.2/themes/base/jquery-ui.css'</span><span style="color: #339933;">,</span> <span style="color: #009900; font-weight: bold;">false</span><span style="color: #339933;">,</span> <span style="color: #0000ff;">'1.8'</span><span style="color: #339933;">,</span> <span style="color: #0000ff;">'all'</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
<span style="color: #009900;">&#125;</span>
add_action<span style="color: #009900;">&#40;</span><span style="color: #0000ff;">'admin_print_scripts'</span><span style="color: #339933;">,</span> <span style="color: #0000ff;">'load_ui_script'</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
add_action<span style="color: #009900;">&#40;</span><span style="color: #0000ff;">'admin_print_styles'</span><span style="color: #339933;">,</span> <span style="color: #0000ff;">'load_ui_style'</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span></pre></td></tr></table></div><p>This works very well, but is not a good idea because if any other plugins (or the active theme) also load jQuery UI in the admin, there are likely to be conflicts.</p><p>So let&#8217;s say that you are trying to load jQuery-UI on <em>only</em> the post edit screen; you can do it like this:</p><div class="wp_syntax"><table><tr><td class="line_numbers"><pre>1
2
3
4
5
6
7
8
</pre></td><td class="code"><pre class="php" style="font-family:monospace;"><span style="color: #000000; font-weight: bold;">function</span> load_ui_script<span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span>
	wp_enqueue_script<span style="color: #009900;">&#40;</span><span style="color: #0000ff;">'jquery-ui.min'</span><span style="color: #339933;">,</span> <span style="color: #0000ff;">'http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.2/jquery-ui.min.js'</span><span style="color: #339933;">,</span> <span style="color: #009900; font-weight: bold;">false</span><span style="color: #339933;">,</span> <span style="color: #0000ff;">'1.4'</span><span style="color: #339933;">,</span> <span style="color: #0000ff;">'all'</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
<span style="color: #009900;">&#125;</span>
<span style="color: #000000; font-weight: bold;">function</span> load_ui_style<span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span>
	wp_enqueue_style<span style="color: #009900;">&#40;</span><span style="color: #0000ff;">'jquery-ui-css'</span><span style="color: #339933;">,</span> <span style="color: #0000ff;">'http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.2/themes/base/jquery-ui.css'</span><span style="color: #339933;">,</span> <span style="color: #009900; font-weight: bold;">false</span><span style="color: #339933;">,</span> <span style="color: #0000ff;">'1.8'</span><span style="color: #339933;">,</span> <span style="color: #0000ff;">'all'</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
<span style="color: #009900;">&#125;</span>
add_action<span style="color: #009900;">&#40;</span><span style="color: #0000ff;">'admin_print_scripts-edit.php'</span><span style="color: #339933;">,</span> <span style="color: #0000ff;">'load_ui_script'</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
add_action<span style="color: #009900;">&#40;</span><span style="color: #0000ff;">'admin_print_styles-edit.php'</span><span style="color: #339933;">,</span> <span style="color: #0000ff;">'load_ui_style'</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span></pre></td></tr></table></div><p>Notice the <em>-edit.php</em> ? That tells WordPress to only activate the script on the edit post page. You can use any page slug there. So, for example, in my <a href="http://codecanyon.net/item/easy-custom-content-types-for-wordpress/234182?ref=mordauk">Easy Content Types plugin</a>, I used the following to add jQuery UI to the new post screen, the post edit screen, and the new custom post type screen:</p><div class="wp_syntax"><table><tr><td class="line_numbers"><pre>1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
</pre></td><td class="code"><pre class="php" style="font-family:monospace;"><span style="color: #000000; font-weight: bold;">function</span> ecpt_datepicker_ui_scripts<span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span>
	wp_enqueue_script<span style="color: #009900;">&#40;</span><span style="color: #0000ff;">'jquery-ui.min'</span><span style="color: #339933;">,</span> <span style="color: #0000ff;">'http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.2/jquery-ui.min.js'</span><span style="color: #339933;">,</span> <span style="color: #009900; font-weight: bold;">false</span><span style="color: #339933;">,</span> <span style="color: #0000ff;">'1.4'</span><span style="color: #339933;">,</span> <span style="color: #0000ff;">'all'</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
<span style="color: #009900;">&#125;</span>
<span style="color: #000000; font-weight: bold;">function</span> ecpt_datepicker_ui_style<span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span>
	wp_enqueue_style<span style="color: #009900;">&#40;</span><span style="color: #0000ff;">'jquery-ui-css'</span><span style="color: #339933;">,</span> <span style="color: #0000ff;">'http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.2/themes/base/jquery-ui.css'</span><span style="color: #339933;">,</span> <span style="color: #009900; font-weight: bold;">false</span><span style="color: #339933;">,</span> <span style="color: #0000ff;">'1.8'</span><span style="color: #339933;">,</span> <span style="color: #0000ff;">'all'</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
<span style="color: #009900;">&#125;</span>
<span style="color: #666666; font-style: italic;">// load all the scripts</span>
&nbsp;
add_action<span style="color: #009900;">&#40;</span><span style="color: #0000ff;">'admin_print_scripts-post.php'</span><span style="color: #339933;">,</span> <span style="color: #0000ff;">'ecpt_datepicker_ui_scripts'</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
add_action<span style="color: #009900;">&#40;</span><span style="color: #0000ff;">'admin_print_scripts-edit.php'</span><span style="color: #339933;">,</span> <span style="color: #0000ff;">'ecpt_datepicker_ui_scripts'</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
add_action<span style="color: #009900;">&#40;</span><span style="color: #0000ff;">'admin_print_scripts-post-new.php'</span><span style="color: #339933;">,</span> <span style="color: #0000ff;">'ecpt_datepicker_ui_scripts'</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
add_action<span style="color: #009900;">&#40;</span><span style="color: #0000ff;">'admin_print_styles-post.php'</span><span style="color: #339933;">,</span> <span style="color: #0000ff;">'ecpt_datepicker_ui_style'</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
add_action<span style="color: #009900;">&#40;</span><span style="color: #0000ff;">'admin_print_styles-post.php'</span><span style="color: #339933;">,</span> <span style="color: #0000ff;">'ecpt_datepicker_ui_style'</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
add_action<span style="color: #009900;">&#40;</span><span style="color: #0000ff;">'admin_print_styles-post-new.php'</span><span style="color: #339933;">,</span> <span style="color: #0000ff;">'ecpt_datepicker_ui_style'</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
add_action<span style="color: #009900;">&#40;</span><span style="color: #0000ff;">'admin_head'</span><span style="color: #339933;">,</span> <span style="color: #0000ff;">'ecpt_datepicker'</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span></pre></td></tr></table></div><p>You can also use this same method to load scripts on your custom plugin / theme settings pages.</p><p>Hope this helps.</p><h4 class='related-posts-header'>Related Posts</h4><ul class="related-posts-list"><li class="related-post"><a href="http://pippinspages.com/tutorials/font-size-controller-with-jquery/">Font Size Controller with jQuery</a> <span class="related-post-date timestamp">Thu 24 Feb 2011</span></li><li class="related-post"><a href="http://pippinspages.com/wordpress/sugar-slider-wordpress-sliders-manager/">Sugar Slider – WordPress Sliders Manager</a> <span class="related-post-date timestamp">Sun 06 Feb 2011</span></li><li class="related-post"><a href="http://pippinspages.com/tutorials/jquery-tricks-for-developers-trying-to-satisfy-designers/">jQuery Tricks for Developers Trying to Satisfy Designers</a> <span class="related-post-date timestamp">Mon 15 Nov 2010</span></li></ul>]]></content:encoded> <wfw:commentRss>http://pippinspages.com/tutorials/add-scripts-and-styles-to-specific-admin-pages-only/feed/</wfw:commentRss> <slash:comments>4</slash:comments> </item> <item><title>Better Recent Posts Widget Plugin</title><link>http://pippinspages.com/freebies/better-recent-posts-widget/</link> <comments>http://pippinspages.com/freebies/better-recent-posts-widget/#comments</comments> <pubDate>Fri, 20 May 2011 03:06:03 +0000</pubDate> <dc:creator>Pippin Williamson</dc:creator> <category><![CDATA[Featured]]></category> <category><![CDATA[Freebies]]></category> <category><![CDATA[Plugins]]></category> <category><![CDATA[Wordpress]]></category> <category><![CDATA[posts]]></category> <category><![CDATA[widget]]></category><guid isPermaLink="false">http://pippinspages.com/?p=2078</guid> <description><![CDATA[WordPress comes with a Recent Posts widget that you can use to display a list of your latest posts in your widgetized sidebar, but it&#8217;s really not very good in the fact that it does give you any control over &#8230; <a href="http://pippinspages.com/freebies/better-recent-posts-widget/">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description> <content:encoded><![CDATA[<p>WordPress comes with a Recent Posts widget that you can use to display a list of your latest posts in your widgetized sidebar, but it&#8217;s really not very good in the fact that it does give you any control over your posts at all. So I&#8217;ve written a new one.<br /> <span id="more-2078"></span></p><p>This is a very simple plugin, but it gives you much better control over your widget display.</p><p><a href="http://pippinsplugins.com/wp-content/uploads/2011/05/recentpostswidget.png"><img src="http://pippinsplugins.com/wp-content/uploads/2011/05/recentpostswidget-198x300.png" alt="" title="recentpostswidget" width="198" height="300" class="alignright size-medium wp-image-185" /></a></p><p>Plugin features include:</p><ul><li>New Recent Posts Widget</li><li>Widget Title Option</li><li>Option to control the number of posts displayed</li><li>Option to control the posts offset</li><li>Ability to enable post thumbnails</li><li>Thumbnail size option</li><li>Choose the post type to display</li></ul><p>Download the plugin from <a href="http://pippinsplugins.com/better-recent-posts-widget/">Pippin&#8217;s Plugins.com</a>.</p><div class="button_small"><h5 class="regcase"><a href="http://pippinsplugins.com/better-recent-posts-widget/" title="button">Download</a></h5></div><h4 class='related-posts-header'>Related Posts</h4><ul class="related-posts-list"></ul>]]></content:encoded> <wfw:commentRss>http://pippinspages.com/freebies/better-recent-posts-widget/feed/</wfw:commentRss> <slash:comments>3</slash:comments> </item> <item><title>Pippin’s Plugins: Dedicated to WordPress Plugin Development</title><link>http://pippinspages.com/portfolio/pippins-plugins-dedicated-to-wordpress-plugin-development/</link> <comments>http://pippinspages.com/portfolio/pippins-plugins-dedicated-to-wordpress-plugin-development/#comments</comments> <pubDate>Mon, 09 May 2011 19:01:41 +0000</pubDate> <dc:creator>Pippin Williamson</dc:creator> <category><![CDATA[Featured]]></category> <category><![CDATA[Portfolio]]></category> <category><![CDATA[Websites Portfolio]]></category> <category><![CDATA[Plugins]]></category> <category><![CDATA[tips and tricks]]></category><guid isPermaLink="false">http://pippinspages.com/?p=2068</guid> <description><![CDATA[Over the last several years, hundreds of WordPress tutorial sites have popped up all over the web, many of them covering all aspects of WordPress development. But, even with all of them, there is a void: not a single site &#8230; <a href="http://pippinspages.com/portfolio/pippins-plugins-dedicated-to-wordpress-plugin-development/">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description> <content:encoded><![CDATA[<p>Over the last several years, hundreds of WordPress tutorial sites have popped up all over the web, many of them covering all aspects of WordPress development. But, even with all of them, there is a void: not a single site dedicated purely to WordPress plugin development.</p><p>Well, now I&#8217;d like to announce my new website: <a href="http://pippinsplugins.com">Pippin&#8217;s Plugins.com</a>. It&#8217;s goal is to fill the plugin void in the WordPress world: a site dedicated to nothing but plugin development.</p><p>There are hundreds of websites out there, including WP Mods, that provide daily, weekly, and monthly tutorials for WordPress developers, but to the best of my knowledge, there is not a single WordPress website out there that focuses purely on plugin development. So I will be filling that hole.</p><p>On <a href="http://pippinsplugins.com/">Pippin&#8217;s Plugins</a> I will be publishing daily tips and tricks, as well as in-depth tutorials and free plugin releases weekly. I will also be publishing near weekly plugin reviews of other developer&#8217;s plugins and giving my professional opinion on the quality of the plugin. Both free and premium plugins will be reviewed. I am also accepting plugin submissions for authors who would like me to review or possibly list their plugin on the site.</p><p>My tips, tricks, and tutorials will be from basic to beginner and will cover many, many aspects of plugin development, including working with databases, setting up jQuery / Ajax, displaying content in posts, creating post types, taxonomies, and just about every other topic.</p><p>I encourage all of you to check out my new site, leave some comments, and subscribe to my mailing list for email updates.</p><p>You may also follow my new Twitter account <a href="http://twitter.com/pippinsplugins">@pippinsplugins</a></p><p>Thanks!</p><h4 class='related-posts-header'>Related Posts</h4><ul class="related-posts-list"><li class="related-post"><a href="http://pippinspages.com/tutorials/wordpress-cms-tips-part-2/">Wordpress CMS Tips - Part 2</a> <span class="related-post-date timestamp">Tue 06 Apr 2010</span></li><li class="related-post"><a href="http://pippinspages.com/wordpress/my-top-wordpress-plugins/">My Top WordPress Plugins</a> <span class="related-post-date timestamp">Sat 17 Oct 2009</span></li></ul>]]></content:encoded> <wfw:commentRss>http://pippinspages.com/portfolio/pippins-plugins-dedicated-to-wordpress-plugin-development/feed/</wfw:commentRss> <slash:comments>0</slash:comments> </item> <item><title>Give Away: 3 Free Copies of Font Uploader for WordPress</title><link>http://pippinspages.com/wordpress/give-away-3-free-copies-of-font-uploader-for-wordpress/</link> <comments>http://pippinspages.com/wordpress/give-away-3-free-copies-of-font-uploader-for-wordpress/#comments</comments> <pubDate>Mon, 02 May 2011 21:42:31 +0000</pubDate> <dc:creator>Pippin Williamson</dc:creator> <category><![CDATA[Plugins]]></category> <category><![CDATA[Wordpress]]></category> <category><![CDATA[font uploader]]></category> <category><![CDATA[fonts]]></category><guid isPermaLink="false">http://pippinspages.com/?p=2059</guid> <description><![CDATA[My Font Uploader plugin for WordPress has been hugely popular on Code Canyon and has remained not only on the top selling list nearly every single week since its release, but also sits among the top selling WordPress plugins on &#8230; <a href="http://pippinspages.com/wordpress/give-away-3-free-copies-of-font-uploader-for-wordpress/">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description> <content:encoded><![CDATA[<p>My <a href="http://pippinspages.com/wordpress/wordpress-font-uploader-plugin/">Font Uploader plugin for WordPress</a> has been hugely popular on <a href="http://codecanyon.net/item/font-uploader/110175?ref=mordauk">Code Canyon</a> and has remained not only on the top selling list nearly every single week since its release,  but also sits among the <a href="http://codecanyon.net/category/plugins/wordpress?sort_by=sales_count&#038;type=files&#038;categories=plugins%2Fwordpress&#038;page=1?ref=mordauk">top selling WordPress plugins on Code Canyon</a> of all time.</p><p><span id="more-2059"></span></p><div class="alert_yellow">This contest is closed. The winners have been notified via Twitter. Thanks for entering!</div><p>So it&#8217;s time to give a few copies away for free.</p><h3>How to Enter</h3><p>All you need to do share this post on either Facebook or Twitter, then leave a comment below with a link to the Twitter or Facebook post.</p><p>I will end the contest after 2 weeks, on Monday the 16th of May, or after 40 people have entered, whichever comes first. So spread the word.</p><h3>Plugin Details</h3><p><object classid='clsid:d27cdb6e-ae6d-11cf-96b8-444553540000' codebase='http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,115,0' width='560' height='345'><param name='movie' value='http://screenr.com/Content/assets/screenr_1116090935.swf' ></param><param name='flashvars' value='i=84320' ></param><param name='allowFullScreen' value='true' ></param><embed src='http://screenr.com/Content/assets/screenr_1116090935.swf' flashvars='i=84320' allowFullScreen='true' width='560' height='345' pluginspage='http://www.macromedia.com/go/getflashplayer' ></embed></object></p><p>Use any font anywhere with any WordPress theme.</p><ul><li>All .otf, .ttf, and .eot font files are supported</li><li>100% Cross browser compatible</li><li>Control the fonts of every aspect of your wordpress site</li><li>Font Size Control for all elements</li><li>Compatible with WordPress 2.6+</li><li>Google webFont Support</li><li>Easy to use</li><li>Advanced section for those with html / css knowledge</li></ul><p><a href="http://pippinspages.com/wordpress/wordpress-font-uploader-plugin/">Full Details</a></p><p>GO!</p><h4 class='related-posts-header'>Related Posts</h4><ul class="related-posts-list"><li class="related-post"><a href="http://pippinspages.com/wordpress/full-ie-support-in-wordpress-font-uploader-v1-2/">Full IE Support in WordPress Font Uploader v1.2</a> <span class="related-post-date timestamp">Mon 26 Jul 2010</span></li><li class="related-post"><a href="http://pippinspages.com/wordpress/wordpress-font-uploader-plugin/">Wordpress Font Uploader Plugin</a> <span class="related-post-date timestamp">Wed 23 Jun 2010</span></li><li class="related-post"><a href="http://pippinspages.com/tutorials/font-size-controller-with-jquery/">Font Size Controller with jQuery</a> <span class="related-post-date timestamp">Thu 24 Feb 2011</span></li></ul>]]></content:encoded> <wfw:commentRss>http://pippinspages.com/wordpress/give-away-3-free-copies-of-font-uploader-for-wordpress/feed/</wfw:commentRss> <slash:comments>15</slash:comments> </item> <item><title>Easy Content Types Plugin for WordPress</title><link>http://pippinspages.com/wordpress/easy-content-types-for-wordpress/</link> <comments>http://pippinspages.com/wordpress/easy-content-types-for-wordpress/#comments</comments> <pubDate>Wed, 20 Apr 2011 18:19:16 +0000</pubDate> <dc:creator>Pippin Williamson</dc:creator> <category><![CDATA[Featured]]></category> <category><![CDATA[Plugins]]></category> <category><![CDATA[Wordpress]]></category> <category><![CDATA[custom post types]]></category> <category><![CDATA[meta boxes]]></category> <category><![CDATA[metabox]]></category> <category><![CDATA[post type]]></category> <category><![CDATA[posttype]]></category> <category><![CDATA[taxonomies]]></category><guid isPermaLink="false">http://pippinspages.com/?p=2021</guid> <description><![CDATA[Easy Content Types provides an extremely easy to use and intuitive interface for creating custom post types, taxonomies, and meta boxes. This is the best custom post type plugin and will completely remove the difficult task of manually creating custom &#8230; <a href="http://pippinspages.com/wordpress/easy-content-types-for-wordpress/">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description> <content:encoded><![CDATA[<p>Easy Content Types provides an extremely easy to use and intuitive interface for creating custom post types, taxonomies, and meta boxes.</p><p>This is the best custom post type plugin and will completely remove the difficult task of manually creating custom post types, taxonomies, and meta boxes.<br /> <span id="more-2021"></span></p><div class="alert_yellow">The page for this plugin has been moved to <a href="http://pippinsplugins.com/easy-content-types/">Pippin&#8217;s Plugins</a></div><h3>Easily Create Custom Post Types, Taxonomies, and Custom Meta Boxes</h3><p>You&#8217;ll never have to touch another bit of complicated code again.</p><div class="button_small"><h5 class="regcase"><a href="http://codecanyon.net/item/easy-custom-content-types-for-wordpress/234182?ref=mordauk" title="button">Download</a></h5></div><h3>For Developers and non Developers Alike</h3><p>With several months of development time, Easy Content Types has been optimized to be as easy to use as possible. It does everything for you, from registering the post types, setting up the menu icons, creating meta box fields, saving data, and even automatically creating theme template files and recreating permalink structures.</p><h3>Integrates perfectly with the WordPress Interface</h3><p>Easy Content Types has been designed perfectly for you to package it with your own themes, allowing you to give your buyers a HUGE increase of control. Your users won&#8217;t even know it&#8217;s not a part of the WordPress core.</p><h3>Features</h3><p><strong>Custom Post Types</strong></p><ul><li>Easy to use interface</li><li>Register custom post types</li><li>Edit post types after creation</li><li>Control all post type attributes and support options</li><li>Automatically create theme template files for post types</li><li>Thorough documemtation and explanation of post types</li></ul><p><strong>Custom Taxonomies</strong></p><ul><li>Easy to use interface</li><li>Register custom taxonomies</li><li>Edit taxonomies after creation</li><li>Control all taxonomy attributes and support options</li><li>Automatically create theme template files for taxonomies</li><li>Thorough documemtation and explanation of taxonomies</li></ul><p><strong>Custom Meta Boxes</strong></p><ul><li>Easy to use interface</li><li>Register custom meta boxes</li><li>Edit meta boxes after creation</li><li>Complate meta box placement control</li><li>Choose the post type that receives the meta box</li><li>Add unlimited fields to meta box</li><li>Drag and drop field ordering</li><li>6 field types<br /> Text<br /> Textarea<br /> Select<br /> Radio<br /> Checkbox<br /> Datepicker</li><li>Edit fields after creation</li><li>Automatic shortcodes for every field</li></ul><p><strong>User Access Control</strong></p><ul><li>Control which user levels have access to the custom content type menu</li><li>Control which users can create custom post types</li><li>Control which users can create custom taxonomies</li><li>Control which users can create custom meta bxoes</li></ul><h3>How it Works Demonstration</h3><p><iframe src="http://player.vimeo.com/video/22527393?title=0&amp;byline=0&amp;portrait=0&amp;color=ffffff" width="600" height="450" frameborder="0"></iframe></p><h3>Realistic Usage Demonstration</h3><p><iframe src="http://player.vimeo.com/video/23730652?title=0&amp;byline=0&amp;portrait=0&amp;color=ffffff" width="600" height="450" frameborder="0"></iframe></p><h3>Requires WordPress 3.0+</h3><p><a href='http://pippinspages.com/wordpress/easy-content-types-for-wordpress/attachment/01-screenshot-4/' title='01-screenshot'><img width="286" height="196" src="http://pippinspages.com/wp-content/uploads/2011/04/01-screenshot-286x196.png?9707a5" class="attachment-thumbnail" alt="01-screenshot" title="01-screenshot" /></a><br /> <a href='http://pippinspages.com/wordpress/easy-content-types-for-wordpress/attachment/02-screenshot-2/' title='02-screenshot'><img width="286" height="196" src="http://pippinspages.com/wp-content/uploads/2011/04/02-screenshot-286x196.png?9707a5" class="attachment-thumbnail" alt="02-screenshot" title="02-screenshot" /></a><br /> <a href='http://pippinspages.com/wordpress/easy-content-types-for-wordpress/attachment/03-screenshot/' title='03-screenshot'><img width="286" height="196" src="http://pippinspages.com/wp-content/uploads/2011/04/03-screenshot-286x196.png?9707a5" class="attachment-thumbnail" alt="03-screenshot" title="03-screenshot" /></a><br /> <a href='http://pippinspages.com/wordpress/easy-content-types-for-wordpress/attachment/04-screenshot/' title='04-screenshot'><img width="286" height="196" src="http://pippinspages.com/wp-content/uploads/2011/04/04-screenshot-286x196.png?9707a5" class="attachment-thumbnail" alt="04-screenshot" title="04-screenshot" /></a><br /> <a href='http://pippinspages.com/wordpress/easy-content-types-for-wordpress/attachment/05-screenshot/' title='05-screenshot'><img width="286" height="196" src="http://pippinspages.com/wp-content/uploads/2011/04/05-screenshot-286x196.png?9707a5" class="attachment-thumbnail" alt="05-screenshot" title="05-screenshot" /></a><br /> <a href='http://pippinspages.com/wordpress/easy-content-types-for-wordpress/attachment/06-screenshot/' title='06-screenshot'><img width="286" height="196" src="http://pippinspages.com/wp-content/uploads/2011/04/06-screenshot-286x196.png?9707a5" class="attachment-thumbnail" alt="06-screenshot" title="06-screenshot" /></a><br /> <a href='http://pippinspages.com/wordpress/easy-content-types-for-wordpress/attachment/07-screenshot/' title='07-screenshot'><img width="286" height="196" src="http://pippinspages.com/wp-content/uploads/2011/04/07-screenshot-286x196.png?9707a5" class="attachment-thumbnail" alt="07-screenshot" title="07-screenshot" /></a><br /> <a href='http://pippinspages.com/wordpress/easy-content-types-for-wordpress/attachment/08-screenshot/' title='08-screenshot'><img width="286" height="196" src="http://pippinspages.com/wp-content/uploads/2011/04/08-screenshot-286x196.png?9707a5" class="attachment-thumbnail" alt="08-screenshot" title="08-screenshot" /></a><br /> <a href='http://pippinspages.com/wordpress/easy-content-types-for-wordpress/attachment/11-screenshot/' title='11-screenshot'><img width="286" height="196" src="http://pippinspages.com/wp-content/uploads/2011/04/11-screenshot-286x196.png?9707a5" class="attachment-thumbnail" alt="11-screenshot" title="11-screenshot" /></a><br /> <a href='http://pippinspages.com/wordpress/easy-content-types-for-wordpress/attachment/12-screenshot/' title='12-screenshot'><img width="240" height="196" src="http://pippinspages.com/wp-content/uploads/2011/04/12-screenshot-240x196.png?9707a5" class="attachment-thumbnail" alt="12-screenshot" title="12-screenshot" /></a><br /> <a href='http://pippinspages.com/wordpress/easy-content-types-for-wordpress/attachment/13-screenshot-2/' title='13-screenshot'><img width="240" height="196" src="http://pippinspages.com/wp-content/uploads/2011/04/13-screenshot-240x196.png?9707a5" class="attachment-thumbnail" alt="13-screenshot" title="13-screenshot" /></a></p><div class="button_small"><h5 class="regcase"><a href="http://codecanyon.net/item/easy-custom-content-types-for-wordpress/234182?ref=mordauk" title="button">Download</a></h5></div><h4 class='related-posts-header'>Related Posts</h4><ul class="related-posts-list"><li class="related-post"><a href="http://pippinspages.com/wordpress/better-related-posts-widget/">Better Related Posts Widget</a> <span class="related-post-date timestamp">Sat 06 Aug 2011</span></li><li class="related-post"><a href="http://pippinspages.com/wordpress/email-notifications-for-wordpress-announcements/">Email Notifications for WordPress Announcements</a> <span class="related-post-date timestamp">Wed 06 Oct 2010</span></li><li class="related-post"><a href="http://pippinspages.com/tutorials/publish-action-hook-for-custom-post-types/">Publish Action Hook for Custom Post Types</a> <span class="related-post-date timestamp">Thu 30 Sep 2010</span></li></ul>]]></content:encoded> <wfw:commentRss>http://pippinspages.com/wordpress/easy-content-types-for-wordpress/feed/</wfw:commentRss> <slash:comments>140</slash:comments> </item> <item><title>Slick, CSS 3 Image Drop Shadows</title><link>http://pippinspages.com/tutorials/css/slick-css-3-image-drop-shadows/</link> <comments>http://pippinspages.com/tutorials/css/slick-css-3-image-drop-shadows/#comments</comments> <pubDate>Mon, 18 Apr 2011 14:00:02 +0000</pubDate> <dc:creator>Pippin Williamson</dc:creator> <category><![CDATA[CSS]]></category> <category><![CDATA[Design]]></category> <category><![CDATA[Tutorials]]></category> <category><![CDATA[css3]]></category> <category><![CDATA[drop shadows]]></category><guid isPermaLink="false">http://pippinspages.com/?p=1992</guid> <description><![CDATA[Today, while working on a theme update for my buddy AJ Clark, of WP Explorer, I cooked up some sick CSS 3 only drop shadows. The shadow on the image below is what we will be creating, with only CSS: &#8230; <a href="http://pippinspages.com/tutorials/css/slick-css-3-image-drop-shadows/">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description> <content:encoded><![CDATA[<p>Today, while working on a theme update for my buddy AJ Clark, of <a href="http://www.mojo-themes.com/item/cleaner-business-wordpress-theme/?r=pippin">WP Explorer</a>, I cooked up some sick CSS 3 only drop shadows.<br /> <span id="more-1992"></span><br /> The shadow on the image below is what we will be creating, with only CSS:</p><p><a href="http://pippinspages.com/wp-content/uploads/2011/04/css3-shadow.png?9707a5"><img src="http://pippinspages.com/wp-content/uploads/2011/04/css3-shadow.png?9707a5" alt="" title="css3-shadow" width="421" height="267" class="alignnone size-full wp-image-1993" /></a></p><p>The first step is to set up your HTML structure:</p><div class="wp_syntax"><table><tr><td class="line_numbers"><pre>1
2
3
4
5
6
</pre></td><td class="code"><pre class="html4strict" style="font-family:monospace;"><span style="color: #009900;">&lt;<span style="color: #000000; font-weight: bold;">div</span> <span style="color: #000066;">class</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;image-wrap&quot;</span>&gt;</span>
	<span style="color: #009900;">&lt;<span style="color: #000000; font-weight: bold;">div</span> <span style="color: #000066;">class</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;image-thumb&quot;</span>&gt;</span>
		<span style="color: #009900;">&lt;<span style="color: #000000; font-weight: bold;">img</span> <span style="color: #000066;">src</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;path/to/your/image.jpg&quot;</span>&gt;</span>
	<span style="color: #009900;">&lt;<span style="color: #66cc66;">/</span><span style="color: #000000; font-weight: bold;">div</span>&gt;</span>
        <span style="color: #009900;">&lt;<span style="color: #000000; font-weight: bold;">div</span> <span style="color: #000066;">class</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;image-shadow&quot;</span>&gt;&lt;<span style="color: #66cc66;">/</span><span style="color: #000000; font-weight: bold;">div</span>&gt;</span>
<span style="color: #009900;">&lt;<span style="color: #66cc66;">/</span><span style="color: #000000; font-weight: bold;">div</span>&gt;</span></pre></td></tr></table></div><p>Next, some basic CSS:</p><div class="wp_syntax"><table><tr><td class="line_numbers"><pre>1
2
3
4
5
6
7
</pre></td><td class="code"><pre class="css" style="font-family:monospace;"><span style="color: #6666ff;">.image-wrap</span> <span style="color: #00AA00;">&#123;</span> <span style="color: #000000; font-weight: bold;">position</span><span style="color: #00AA00;">:</span><span style="color: #993333;">relative</span><span style="color: #00AA00;">;</span> <span style="color: #00AA00;">&#125;</span>
<span style="color: #6666ff;">.image-thumb</span> <span style="color: #00AA00;">&#123;</span>
	<span style="color: #000000; font-weight: bold;">height</span><span style="color: #00AA00;">:</span><span style="color: #933;">180px</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/*set this to the size of your image*/</span>
	<span style="color: #000000; font-weight: bold;">width</span><span style="color: #00AA00;">:</span><span style="color: #933;">280px</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/*set this to the size of your image*/</span>
	<span style="color: #000000; font-weight: bold;">z-index</span><span style="color: #00AA00;">:</span> <span style="color: #cc66cc;">1</span><span style="color: #00AA00;">;</span>
	<span style="color: #000000; font-weight: bold;">position</span><span style="color: #00AA00;">:</span> <span style="color: #993333;">relative</span><span style="color: #00AA00;">;</span>
<span style="color: #00AA00;">&#125;</span></pre></td></tr></table></div><p>The next step is a little more complex and utilizes the :before and :after pseudo selectors to allow us to do super cool stuff <img src="http://pippinspages.com/wp-includes/images/smilies/icon_smile.gif?9707a5" alt=':)' class='wp-smiley' /></p><div class="wp_syntax"><table><tr><td class="line_numbers"><pre>1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
</pre></td><td class="code"><pre class="css" style="font-family:monospace;"><span style="color: #6666ff;">.thumb-shadow</span>	<span style="color: #00AA00;">&#123;</span>
	<span style="color: #000000; font-weight: bold;">position</span><span style="color: #00AA00;">:</span> <span style="color: #993333;">absolute</span><span style="color: #00AA00;">;</span>
	<span style="color: #000000; font-weight: bold;">top</span><span style="color: #00AA00;">:</span> <span style="color: #cc66cc;">0</span><span style="color: #00AA00;">;</span>
	<span style="color: #000000; font-weight: bold;">left</span><span style="color: #00AA00;">:</span> <span style="color: #cc66cc;">0</span><span style="color: #00AA00;">;</span>
	<span style="color: #000000; font-weight: bold;">height</span><span style="color: #00AA00;">:</span><span style="color: #933;">180px</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/*this must be the same as declared above*/</span>
	<span style="color: #000000; font-weight: bold;">width</span><span style="color: #00AA00;">:</span><span style="color: #933;">280px</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/*this must be the same as declared above*/</span>
	<span style="color: #000000; font-weight: bold;">z-index</span><span style="color: #00AA00;">:</span> <span style="color: #cc66cc;">0</span><span style="color: #00AA00;">;</span>
<span style="color: #00AA00;">&#125;</span>
<span style="color: #808080; font-style: italic;">/*shadow*/</span>
<span style="color: #6666ff;">.image-shadow</span><span style="color: #3333ff;">:after </span><span style="color: #00AA00;">&#123;</span>
	<span style="color: #000000; font-weight: bold;">content</span><span style="color: #00AA00;">:</span> <span style="color: #ff0000;">''</span><span style="color: #00AA00;">;</span>
	<span style="color: #000000; font-weight: bold;">position</span><span style="color: #00AA00;">:</span> <span style="color: #993333;">absolute</span><span style="color: #00AA00;">;</span>
	<span style="color: #000000; font-weight: bold;">background</span><span style="color: #00AA00;">:</span> <span style="color: #cc00cc;">#828282</span><span style="color: #00AA00;">;</span>
	<span style="color: #000000; font-weight: bold;">width</span><span style="color: #00AA00;">:</span> <span style="color: #933;">98%</span><span style="color: #00AA00;">;</span>
	<span style="color: #000000; font-weight: bold;">height</span><span style="color: #00AA00;">:</span> <span style="color: #933;">4px</span><span style="color: #00AA00;">;</span>
	<span style="color: #000000; font-weight: bold;">bottom</span><span style="color: #00AA00;">:</span><span style="color: #933;">3px</span><span style="color: #00AA00;">;</span>
	<span style="color: #000000; font-weight: bold;">right</span><span style="color: #00AA00;">:</span> <span style="color: #933;">2px</span><span style="color: #00AA00;">;</span>
	<span style="color: #000000; font-weight: bold;">z-index</span><span style="color: #00AA00;">:</span> -<span style="color: #cc66cc;">1</span><span style="color: #00AA00;">;</span>
	-webkit-transform<span style="color: #00AA00;">:</span> rotate<span style="color: #00AA00;">&#40;</span>2deg<span style="color: #00AA00;">&#41;</span><span style="color: #00AA00;">;</span>
	box-shadow<span style="color: #00AA00;">:</span> <span style="color: #cc66cc;">0</span> <span style="color: #933;">2px</span> <span style="color: #933;">5px</span> <span style="color: #cc00cc;">#828282</span><span style="color: #00AA00;">;</span>
<span style="color: #00AA00;">&#125;</span>
<span style="color: #6666ff;">.image-shadow</span><span style="color: #3333ff;">:before </span><span style="color: #00AA00;">&#123;</span>
	<span style="color: #000000; font-weight: bold;">content</span><span style="color: #00AA00;">:</span> <span style="color: #ff0000;">''</span><span style="color: #00AA00;">;</span>
	<span style="color: #000000; font-weight: bold;">position</span><span style="color: #00AA00;">:</span> <span style="color: #993333;">absolute</span><span style="color: #00AA00;">;</span>
	<span style="color: #000000; font-weight: bold;">background</span><span style="color: #00AA00;">:</span> <span style="color: #cc00cc;">#828282</span><span style="color: #00AA00;">;</span>
	<span style="color: #000000; font-weight: bold;">width</span><span style="color: #00AA00;">:</span> <span style="color: #933;">95%</span><span style="color: #00AA00;">;</span>
	<span style="color: #000000; font-weight: bold;">height</span><span style="color: #00AA00;">:</span> <span style="color: #933;">4px</span><span style="color: #00AA00;">;</span>
	<span style="color: #000000; font-weight: bold;">bottom</span><span style="color: #00AA00;">:</span><span style="color: #933;">3px</span><span style="color: #00AA00;">;</span>
	<span style="color: #000000; font-weight: bold;">left</span><span style="color: #00AA00;">:</span> <span style="color: #933;">2px</span><span style="color: #00AA00;">;</span>
	<span style="color: #000000; font-weight: bold;">z-index</span><span style="color: #00AA00;">:</span> -<span style="color: #cc66cc;">1</span><span style="color: #00AA00;">;</span>
	-webkit-transform<span style="color: #00AA00;">:</span> rotate<span style="color: #00AA00;">&#40;</span>-2deg<span style="color: #00AA00;">&#41;</span><span style="color: #00AA00;">;</span>
	box-shadow<span style="color: #00AA00;">:</span> <span style="color: #cc66cc;">0</span> <span style="color: #933;">2px</span> <span style="color: #933;">5px</span> <span style="color: #cc00cc;">#828282</span><span style="color: #00AA00;">;</span>
<span style="color: #00AA00;">&#125;</span>
<span style="color: #808080; font-style: italic;">/*end shadow*/</span></pre></td></tr></table></div><p>What we have done created two gray &#8220;stripes&#8221; that are slightly blurred, and then rotated them slightly to give the impression of a curved shadow. Pretty cool, huh?</p><p>This is a pretty simple application of this technique, and you could go much further and create more intricate shadows if you wanted.</p><h4 class='related-posts-header'>Related Posts</h4><ul class="related-posts-list"><li class="related-post"><a href="http://pippinspages.com/tutorials/css/freebie-css-3-drop-down-menus/">Freebie - CSS 3 Drop Down Menus</a> <span class="related-post-date timestamp">Tue 22 Jun 2010</span></li></ul>]]></content:encoded> <wfw:commentRss>http://pippinspages.com/tutorials/css/slick-css-3-image-drop-shadows/feed/</wfw:commentRss> <slash:comments>4</slash:comments> </item> <item><title>Cleaner Business WordPress Theme</title><link>http://pippinspages.com/portfolio/cleaner-business-wordpress-theme/</link> <comments>http://pippinspages.com/portfolio/cleaner-business-wordpress-theme/#comments</comments> <pubDate>Sat, 16 Apr 2011 21:37:47 +0000</pubDate> <dc:creator>Pippin Williamson</dc:creator> <category><![CDATA[Featured]]></category> <category><![CDATA[Portfolio]]></category> <category><![CDATA[Websites Portfolio]]></category> <category><![CDATA[clean]]></category> <category><![CDATA[simple]]></category> <category><![CDATA[themes]]></category><guid isPermaLink="false">http://pippinspages.com/?p=1999</guid> <description><![CDATA[A clean professional theme designed for business portfolios and blogs. A lot of the premium business themes these days are jam-packed with more features then you will ever need. Cleaner Business provides the basic requirements to create an awesome corporate &#8230; <a href="http://pippinspages.com/portfolio/cleaner-business-wordpress-theme/">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description> <content:encoded><![CDATA[<p>A clean professional theme designed for business portfolios and blogs. A lot of the premium business themes these days are jam-packed with more features then you will ever need. Cleaner Business provides the basic requirements to create an awesome corporate business site, without all the extra code and gimmicks that will slow you down and make things complicated.</p><p>This theme comes with 6 different custom post types: slider, home text, home boxes, portfolio, services and staff. This will allow you to easily create the various pages for your business site and use the default posts for your blog.</p><p>Cleaner Business WordPress Theme has been the single best selling theme on <a href="http://mojo-themes.com/r=pippin">Mojo Themes</a> since its release, and now it has just gotten so much better. AJ and I and have worked very hard over the last week to push a huge number of tremendous updates through to the theme, and let&#8217;s just say they&#8217;re awesome. Check out the theme page for a full list of features.</p><h3>Screenshots</h3><p><a href="http://pippinspages.com/wp-content/uploads/2011/04/screen1.png?9707a5"><img src="http://pippinspages.com/wp-content/uploads/2011/04/screen1-286x196.png?9707a5" alt="" title="screen1" width="286" height="196" class="alignleft size-thumbnail wp-image-2007" /></a></p><p><a href="http://pippinspages.com/wp-content/uploads/2011/04/portfolio.png?9707a5"><img src="http://pippinspages.com/wp-content/uploads/2011/04/portfolio-286x196.png?9707a5" alt="" title="portfolio" width="286" height="196" class="alignleft size-thumbnail wp-image-2005" /></a></p><p><a href="http://pippinspages.com/wp-content/uploads/2011/04/blog.png?9707a5"><img src="http://pippinspages.com/wp-content/uploads/2011/04/blog-286x196.png?9707a5" alt="" title="blog" width="286" height="196" class="alignleft size-thumbnail wp-image-2004" /></a></p><p><a href="http://pippinspages.com/wp-content/uploads/2011/04/services.png?9707a5"><img src="http://pippinspages.com/wp-content/uploads/2011/04/services-286x196.png?9707a5" alt="" title="services" width="286" height="196" class="alignleft size-thumbnail wp-image-2008" /></a></p><div style="clear:both;"></div><div class="button_small"><h5 class="regcase"><a href="http://www.mojo-themes.com/item/cleaner-business-wordpress-theme/?r=pippin" title="button">Theme Page</a></h5></div><div class="button_small"><h5 class="regcase"><a href="http://www.mojo-themes.com/demo/cleaner-business-wordpress-theme/?r=pippin" title="button">Live Demo</a></h5></div><h4 class='related-posts-header'>Related Posts</h4><ul class="related-posts-list"><li class="related-post"><a href="http://pippinspages.com/freebies/building-blocks-free/">Building Blocks - Free</a> <span class="related-post-date timestamp">Mon 01 Mar 2010</span></li></ul>]]></content:encoded> <wfw:commentRss>http://pippinspages.com/portfolio/cleaner-business-wordpress-theme/feed/</wfw:commentRss> <slash:comments>0</slash:comments> </item> </channel> </rss><!-- Performance optimized by W3 Total Cache. Learn more: http://www.w3-edge.com/wordpress-plugins/

Minified using disk: basic
Page Caching using disk: basic
Database Caching 122/229 queries in 0.289 seconds using disk: basic
Object Caching 1984/2244 objects using disk: basic

Served from: www.pippinspages.com @ 2012-02-03 03:10:57 -->

