
<!DOCTYPE html>
<html lang="en-gb" dir="ltr" class='com_easyblog itemid-511 blog j25 mm-hover'>

  <head>
      <base href="http://bluebridgedev.com/blog/feed/" />
  <meta http-equiv="content-type" content="text/html; charset=utf-8" />
  <meta name="description" content="Blue Bridge's owner, John Hooley, blogs about custom Joomla development and project management." />
  <meta name="generator" content="Joomla! - Open Source Content Management" />
  <title>Recent blog posts - Blue Bridge Blog</title>
  <link href="/blog?rsd=RealSimpleDiscovery" rel="EditURI" type="application/rsd+xml" title="RSD" />
  <link href="http://bluebridgedev.com/components/com_easyblog/classes/wlwmanifest.xml" rel="wlwmanifest" type="application/wlwmanifest+xml" />
  <link href="http://feeds.feedburner.com/bluebridgedev/PnqL" rel="alternate" type="application/rss+xml" title="RSS 2.0" />
  <link href="/templates/bbd_t3/favicon.ico" rel="shortcut icon" type="image/vnd.microsoft.icon" />
  <link rel="stylesheet" href="http://bluebridgedev.com/components/com_easyblog/assets/css/common.css" type="text/css" />
  <link rel="stylesheet" href="http://bluebridgedev.com/components/com_easyblog/themes/default/css/styles.css" type="text/css" />
  <link rel="stylesheet" href="http://bluebridgedev.com/components/com_easyblog/themes/origami/css/styles.css" type="text/css" />
  <link rel="stylesheet" href="/templates/system/css/system.css" type="text/css" />
  <link rel="stylesheet" href="/templates/bbd_t3/css/themes/bbd_theme/bootstrap.css" type="text/css" />
  <link rel="stylesheet" href="/templates/bbd_t3/css/themes/bbd_theme/template.css" type="text/css" />
  <link rel="stylesheet" href="/templates/bbd_t3/css/themes/bbd_theme/bootstrap-responsive.css" type="text/css" />
  <link rel="stylesheet" href="/templates/bbd_t3/css/themes/bbd_theme/template-responsive.css" type="text/css" />
  <link rel="stylesheet" href="/templates/bbd_t3/css/themes/bbd_theme/off-canvas.css" type="text/css" />
  <link rel="stylesheet" href="/templates/bbd_t3/fonts/font-awesome/css/font-awesome.min.css" type="text/css" />
  <link rel="stylesheet" href="/templates/bbd_t3/css/custom.css" type="text/css" />
  <link rel="stylesheet" href="http://bluebridgedev.com/components/com_easyblog/assets/css/module.css" type="text/css" />
  <link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Alfa%20Slab%20One:regular&amp;subset=latin" type="text/css" />
  <style type="text/css">
body #header .menu li {
font-family: 'Helvetica W01 Light Cn', Helmet, Freesans, sans-serif;
}

  </style>
  <script src="http://bluebridgedev.com/media/foundry/3.1/config/d918af5aa4af154f0d2634bebb481d55.js" type="text/javascript"></script>
  <script src="http://bluebridgedev.com/media/com_easyblog/config/fd7a2eed1f7f34d20ea2a25335cffbb5.js" type="text/javascript"></script>
  <script src="/plugins/system/t3/base/js/jquery-1.8.3.min.js" type="text/javascript"></script>
  <script src="/plugins/system/t3/base/js/jquery.noconflict.js" type="text/javascript"></script>
  <script src="/plugins/system/t3/base/bootstrap/js/bootstrap.js" type="text/javascript"></script>
  <script src="/plugins/system/t3/base/js/jquery.tap.min.js" type="text/javascript"></script>
  <script src="/plugins/system/t3/base/js/off-canvas.js" type="text/javascript"></script>
  <script src="/plugins/system/t3/base/js/script.js" type="text/javascript"></script>
  <script src="/plugins/system/t3/base/js/menu.js" type="text/javascript"></script>
  <script src="/plugins/system/t3/base/js/responsive.js" type="text/javascript"></script>
  <script type="text/javascript">
/*<![CDATA[*/
	var eblog_site 	= 'http://bluebridgedev.com/index.php?option=com_easyblog&lang=none&Itemid=511';
	var spinnerPath = 'http://bluebridgedev.com/components/com_easyblog/assets/images/loader.gif';
	var lang_direction	= 'ltr';
	var eblog_lightbox_title = true;
	var eblog_enable_lightbox = true;
	var eblog_lightbox_enforce_size = false;
	var eblog_lightbox_width = 640;
	var eblog_lightbox_height = 480;
	var eblog_lightbox_strip_extension = false;
/*]]>*/					var disqus_shortname = 'joomlaexperts';
					(function () {
					var s = document.createElement('script'); s.async = true;
					s.type = 'text/javascript';
					s.src = 'http://' + disqus_shortname + '.disqus.com/count.js';
					(document.getElementsByTagName('HEAD')[0] || document.getElementsByTagName('BODY')[0]).appendChild(s);
					}());
				
  </script>
  <script defer async src="http://bluebridgedev.com/media/com_easyblog/scripts/easyblog-3.9.15370.static.min.js"></script>
  <script>EasyBlog.token = "88c5456a05876a43de64f66dc5553d5d";</script>
  <script defer async src="http://bluebridgedev.com/media/com_easyblog/resources/bbd6f4f673df7883f6299151980236c8.js"></script>
  <link rel="canonical" href="http://bluebridgedev.com/blog/latest"/>

    
<!-- META FOR IOS & HANDHELD -->
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
<meta name="HandheldFriendly" content="true" />
<meta name="apple-mobile-web-app-capable" content="YES" />
<!-- //META FOR IOS & HANDHELD -->




<!-- Le HTML5 shim, for IE6-8 support of HTML5 elements -->
<!--[if lt IE 9]>
<script src="//html5shim.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->

<!-- For IE6-8 support of media query -->
<!--[if lt IE 9]>
<script type="text/javascript" src="/plugins/system/t3/base/js/respond.min.js"></script>
<![endif]-->

<!-- You can add Google Analytics here-->

<link href="//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css" rel="stylesheet">  <style type="text/css">
body #webfonts-toc h3 {
font-family: 'Alfa Slab One';
font-style: regular;
}

</style><!-- Web Fonts: Google -->
<script type="text/javascript" src="http://fast.fonts.com/jsapi/82f1520b-6ea1-4080-b4fa-d9633b0d1589.js"></script><!-- Web Fonts: Fonts.com -->
</head>

  <body class="blog">

    
<!-- HEADER -->
<header id="t3-header" class="container t3-header">
    <div class="row">
        <!-- LOGO -->
        <div class="logo">
            <div class="logo-image">
                <a href="/" title="Blue Bridge Development">
                    <span>Blue Bridge Development</span>
                </a>
                <small class="site-slogan hidden-phone"></small>
            </div>
        </div>
        <!-- //LOGO -->

    </div>
</header>
<!-- //HEADER -->    
    <!-- MAIN NAVIGATION -->
<nav id="t3-mainnav" class="t3-mainnav navbar-collapse-fixed-top">
    <div class="container navbar">
        <div class="navbar-inner">

            <button type="button" class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
                <i class="icon-reorder"></i>
            </button>

            <div class="nav-collapse collapse always-show">
                                    
<ul class="nav ">
<li class="item-444"><a href="/portfolio" >extensions</a></li><li class="item-577"><a href="/about" >about</a></li><li class="item-511 current active"><a href="/blog" >blog</a></li><li class="item-471"><a href="/contact" >contact</a></li></ul>

                            </div>
        </div>
    </div>
</nav>
<!-- //MAIN NAVIGATION -->
    
<div id="t3-mainbody" class="container t3-mainbody">
    <div class="row">
                <h1 class="span12 page-title">Joomla Development Blog</h1>
                
        <!-- MAIN CONTENT -->
        <div id="t3-content" class="t3-content span9"  data-default="span9" data-xtablet="span12" data-tablet="span12">
            
<div id="system-message-container">
</div>
            <div id="eblog-wrapper" class="eblog-origami eblog-site blog eblog-joomla">
	
	<script type="text/javascript">
EasyBlog
.require()
.script('responsive')
.done(function($){

	$('#ezblog-head #ezblog-search').bind('focus', function(){
		$(this).animate({ width: '170'} );
	});

	$('#ezblog-head #ezblog-search').bind( 'blur' , function(){
		$(this).animate({ width: '120'});
	});

	$('#ezblog-menu').responsive({at: 540, switchTo: 'narrow'});
	$('.eb-nav-collapse').responsive({at: 540, switchTo: 'nav-hide'});
	$('.btn-navbar').click(function() {
		$('.eb-nav-collapse').toggleClass("nav-show");
		return false;
	});

});
</script>
<div id="ezblog-head">
	<div class="in clearfix">

        <!--SUBSCRIPTION LINKS REMOVED -->

        <!--COMPONENT TITLE REMOVED -->

		
		
		
	</div>
</div>

	
	<!-- Wrapper for the front page listings -->
<div id="ezblog-body">
	<!-- Include the featured module that appears on the front page -->
	
    <!-- Post listings begins here -->
	<div id="ezblog-posts">

		<!-- @module: easyblog-before-pagination -->
		
									
					<!-- Normal post theme files -->
					<!-- Post item wrapper -->
<div id="entry-46" class="blog-post clearfix prel" itemscope itemtype="http://schema.org/Blog">
	<div class="blog-post-in">

		<!-- @template: Admin tools -->
		
		<div class="blog-header clearfix">

							<!-- @template: Avatar -->
				<!-- Avatar wrappers -->
<div class="blog-avatar float-l prel" itemscope itemtype="http://schema.org/Person" itemprop="author">
			<a href="/blog/blogger/listings/john" class="avatar float-l">
			<img src="http://bluebridgedev.com/images/easyblog_avatar/500_Blue Bridge 03.jpg" alt="John Hooley" class="avatar isBlogger" width="60" height="60" itemprop="image" />
		</a>
	</div>			

			<div class="blog-cap">
				<!-- Post title -->
				<h2 id="title-46" class="blog-title rip mbs" itemprop="name">
					<a href="/blog/entry/web-fonts-3-finally-launched" title="Web Fonts 3 *Finally* Launched" itemprop="url">Web Fonts 3 *Finally* Launched</a>

									</h2>

															<!-- Author information -->
						<span class="blog-author">
							by							<a href="/blog/blogger/listings/john" itemprop="author">John Hooley</a>
						</span>
																<!-- Category info -->
						<span class="blog-category">
														in <a href="/blog/categories/listings/joomla">Joomla</a>						</span>
									


				<!-- @Trigger onAfterDisplayTitle -->
							</div>

		</div>

		<!-- Content wrappings -->
		<div class="blog-content clearfix">
			<!-- Post metadata -->
			<div class="blog-meta">
	<div class="in">

					<!-- Creation date -->
			<div class="blog-created">
								<!-- @php -->
				<time datetime="2014-11-21">
					<div class="blog-text-date">21</div>
					<div class="blog-text-mth">Nov</div>
				</time>
			</div>
		
		

				<div class="blog-text-comments">
			<a href="/blog/entry/web-fonts-3-finally-launched#comments">
			<!-- Disqus --><span class="discus-comment"><a href="/blog/entry/web-fonts-3-finally-launched#disqus_thread"><span>Comments</span></a></span>			<i></i>
		</a>
		</div>
			</div>
</div>

			<!-- Blog Image -->
			
			<!-- Load social buttons -->
			
			<!-- Post content -->
			<div class="blog-text clearfix prel">

				<!-- @Trigger: onBeforeDisplayContent -->
				
				<!-- Post content -->
				<p>In 2011, Monotype Imaging approached us to build an extension to deliver fonts from their font service, Fonts.com, and Google Web Fonts. The idea was that a web designer could easily integrate fonts from a variety of sources seamlessly into their website design using an interface that accepted CSS selectors. We built it and they were so happy with the result, that they hired us to rewrite the PHP service class that connects to their API. Since then, over 30,000 people have downloaded and used the extension we built.</p>

				<!-- @Trigger: onAfterDisplayContent -->
				
				<!-- Copyright text -->
				
				<!-- Maps -->
							</div>

							<!-- Modified date -->
				<span class="blog-modified-date">
					Last modified					on					<time datetime="2014-11-21">
						<span>Friday, 21 November 2014</span>
					</time>
				</span>
			
							<!-- Readmore link -->
				<span class="blog-readmore">
	<a href="/blog/entry/web-fonts-3-finally-launched">
		<span>Continue reading</span>
	</a>
</span>			
			<!-- Bottom metadata -->
			<div class="blog-meta-bottom fsm mtl">
				<div class="in clearfix">

											<!-- Blog ratings -->
						<!-- Blog ratings -->
<span class="blog-rating">
	</span>									</div>
			</div>

							<!-- Tags listings -->
<!--blue,orange,grey,black color available-->
<div class="blog-taglist clearfix black-tag">
	<span class="tag-head">Tagged in:</span>
			<!-- a tag must remain for styling purposes -->
		<a href="/blog/tags/tag/custom-development" itemprop="keywords"><i></i><span>custom development</span><b></b></a>
			<!-- a tag must remain for styling purposes -->
		<a href="/blog/tags/tag/extensions" itemprop="keywords"><i></i><span>extensions</span><b></b></a>
			<!-- a tag must remain for styling purposes -->
		<a href="/blog/tags/tag/joomla" itemprop="keywords"><i></i><span>joomla</span><b></b></a>
	</div>
			
			<!-- Load bottom social buttons -->
										
			<!-- Standard facebook like button needs to be at the bottom -->
			
					</div>
	</div>
</div>

											
					<!-- Normal post theme files -->
					<!-- Post item wrapper -->
<div id="entry-45" class="blog-post clearfix prel" itemscope itemtype="http://schema.org/Blog">
	<div class="blog-post-in">

		<!-- @template: Admin tools -->
		
		<div class="blog-header clearfix">

							<!-- @template: Avatar -->
				<!-- Avatar wrappers -->
<div class="blog-avatar float-l prel" itemscope itemtype="http://schema.org/Person" itemprop="author">
			<a href="/blog/blogger/listings/john" class="avatar float-l">
			<img src="http://bluebridgedev.com/images/easyblog_avatar/500_Blue Bridge 03.jpg" alt="John Hooley" class="avatar isBlogger" width="60" height="60" itemprop="image" />
		</a>
	</div>			

			<div class="blog-cap">
				<!-- Post title -->
				<h2 id="title-45" class="blog-title rip mbs" itemprop="name">
					<a href="/blog/entry/protect-your-website-from-vendor-lock-in" title="Protect Your Website From Vendor Lock-in" itemprop="url">Protect Your Website From Vendor Lock-in</a>

									</h2>

															<!-- Author information -->
						<span class="blog-author">
							by							<a href="/blog/blogger/listings/john" itemprop="author">John Hooley</a>
						</span>
																<!-- Category info -->
						<span class="blog-category">
														in <a href="/blog/categories/listings/development">Development</a>						</span>
									


				<!-- @Trigger onAfterDisplayTitle -->
							</div>

		</div>

		<!-- Content wrappings -->
		<div class="blog-content clearfix">
			<!-- Post metadata -->
			<div class="blog-meta">
	<div class="in">

					<!-- Creation date -->
			<div class="blog-created">
								<!-- @php -->
				<time datetime="2014-10-23">
					<div class="blog-text-date">23</div>
					<div class="blog-text-mth">Oct</div>
				</time>
			</div>
		
		

				<div class="blog-text-comments">
			<a href="/blog/entry/protect-your-website-from-vendor-lock-in#comments">
			<!-- Disqus --><span class="discus-comment"><a href="/blog/entry/protect-your-website-from-vendor-lock-in#disqus_thread"><span>Comments</span></a></span>			<i></i>
		</a>
		</div>
			</div>
</div>

			<!-- Blog Image -->
			
			<!-- Load social buttons -->
			
			<!-- Post content -->
			<div class="blog-text clearfix prel">

				<!-- @Trigger: onBeforeDisplayContent -->
				
				<!-- Post content -->
				<p>One of our partners approached us recently about re-creating a client's site in Joomla. The original site was working fine, but they wanted to make it responsive. The problem was that the marketing agency who originally created the site wanted an arm and leg to make it responsive. On top of this, they were busy for several months and it could be a year before the work was completed. Unfortunately, there wasn't a lot the client could do. They had already paid an arm and leg to have the site developed and the platform that it was developed on was proprietary to the marketing agency. This is a form of vendor lock-in. <strong>In this post, we'll discuss why lock-in is terrible for your business and 3 common techniques that I've seen used to create it in web development.</strong></p>

				<!-- @Trigger: onAfterDisplayContent -->
				
				<!-- Copyright text -->
				
				<!-- Maps -->
							</div>

							<!-- Modified date -->
				<span class="blog-modified-date">
					Last modified					on					<time datetime="2014-10-24">
						<span>Friday, 24 October 2014</span>
					</time>
				</span>
			
							<!-- Readmore link -->
				<span class="blog-readmore">
	<a href="/blog/entry/protect-your-website-from-vendor-lock-in">
		<span>Continue reading</span>
	</a>
</span>			
			<!-- Bottom metadata -->
			<div class="blog-meta-bottom fsm mtl">
				<div class="in clearfix">

											<!-- Blog ratings -->
						<!-- Blog ratings -->
<span class="blog-rating">
	</span>									</div>
			</div>

							<!-- Tags listings -->
<!--blue,orange,grey,black color available-->
<div class="blog-taglist clearfix black-tag">
	<span class="tag-head">Tagged in:</span>
			<!-- a tag must remain for styling purposes -->
		<a href="/blog/tags/tag/application-development" itemprop="keywords"><i></i><span>application development</span><b></b></a>
			<!-- a tag must remain for styling purposes -->
		<a href="/blog/tags/tag/custom-development" itemprop="keywords"><i></i><span>custom development</span><b></b></a>
			<!-- a tag must remain for styling purposes -->
		<a href="/blog/tags/tag/open-source" itemprop="keywords"><i></i><span>open source</span><b></b></a>
			<!-- a tag must remain for styling purposes -->
		<a href="/blog/tags/tag/project-management" itemprop="keywords"><i></i><span>project management</span><b></b></a>
	</div>
			
			<!-- Load bottom social buttons -->
										
			<!-- Standard facebook like button needs to be at the bottom -->
			
					</div>
	</div>
</div>

											
					<!-- Normal post theme files -->
					<!-- Post item wrapper -->
<div id="entry-44" class="blog-post clearfix prel" itemscope itemtype="http://schema.org/Blog">
	<div class="blog-post-in">

		<!-- @template: Admin tools -->
		
		<div class="blog-header clearfix">

							<!-- @template: Avatar -->
				<!-- Avatar wrappers -->
<div class="blog-avatar float-l prel" itemscope itemtype="http://schema.org/Person" itemprop="author">
			<a href="/blog/blogger/listings/john" class="avatar float-l">
			<img src="http://bluebridgedev.com/images/easyblog_avatar/500_Blue Bridge 03.jpg" alt="John Hooley" class="avatar isBlogger" width="60" height="60" itemprop="image" />
		</a>
	</div>			

			<div class="blog-cap">
				<!-- Post title -->
				<h2 id="title-44" class="blog-title rip mbs" itemprop="name">
					<a href="/blog/entry/building-a-joomla-to-wordpress-bridge" title="Building a Joomla to Wordpress Bridge" itemprop="url">Building a Joomla to Wordpress Bridge</a>

									</h2>

															<!-- Author information -->
						<span class="blog-author">
							by							<a href="/blog/blogger/listings/john" itemprop="author">John Hooley</a>
						</span>
																<!-- Category info -->
						<span class="blog-category">
														in <a href="/blog/categories/listings/development">Development</a>						</span>
									


				<!-- @Trigger onAfterDisplayTitle -->
							</div>

		</div>

		<!-- Content wrappings -->
		<div class="blog-content clearfix">
			<!-- Post metadata -->
			<div class="blog-meta">
	<div class="in">

					<!-- Creation date -->
			<div class="blog-created">
								<!-- @php -->
				<time datetime="2014-09-25">
					<div class="blog-text-date">25</div>
					<div class="blog-text-mth">Sep</div>
				</time>
			</div>
		
		

				<div class="blog-text-comments">
			<a href="/blog/entry/building-a-joomla-to-wordpress-bridge#comments">
			<!-- Disqus --><span class="discus-comment"><a href="/blog/entry/building-a-joomla-to-wordpress-bridge#disqus_thread"><span>Comments</span></a></span>			<i></i>
		</a>
		</div>
			</div>
</div>

			<!-- Blog Image -->
			
			<!-- Load social buttons -->
			
			<!-- Post content -->
			<div class="blog-text clearfix prel">

				<!-- @Trigger: onBeforeDisplayContent -->
				
				<!-- Post content -->
				<p>We just launched a <a href="http://giveitpizzazz.com/portfolio-plugin-wordpress">portfolio plugin for WordPress</a> at the beginning of September. Every project has its gotcha moment right at the end when you think you're done and an undiscovered assumption rears its ugly head. The plugin, Pizzazz Portfolio, was no different. The business model for Pizzazz is freemium where a free version is available to everyone and a commercial version with more features is available to those who want more beef. Our stumbling block was when we realized that we couldn't perform a direct upgrade from free to premium using WordPress. We've built several WordPress plugins, however the portfolio plugin is the first time we've released a plugin into the WordPress plugin directory for mass distribution. I asked some peers of mine how they handled these types of upgrades and they told me that they typically wrote custom updater classes. We could have done this, but there was just one problem: like any good developer, <em>I'm lazy.</em> I don't want to write custom updater classes if I don't have to. I won't explain here why it is good for developers (and benefits their clients) to be lazy, but I will blow your hair back by explaining how we used Joomla to upgrade WordPress.</p>

				<!-- @Trigger: onAfterDisplayContent -->
				
				<!-- Copyright text -->
				
				<!-- Maps -->
							</div>

							<!-- Modified date -->
				<span class="blog-modified-date">
					Last modified					on					<time datetime="2014-09-25">
						<span>Thursday, 25 September 2014</span>
					</time>
				</span>
			
							<!-- Readmore link -->
				<span class="blog-readmore">
	<a href="/blog/entry/building-a-joomla-to-wordpress-bridge">
		<span>Continue reading</span>
	</a>
</span>			
			<!-- Bottom metadata -->
			<div class="blog-meta-bottom fsm mtl">
				<div class="in clearfix">

											<!-- Blog ratings -->
						<!-- Blog ratings -->
<span class="blog-rating">
	</span>									</div>
			</div>

							<!-- Tags listings -->
<!--blue,orange,grey,black color available-->
<div class="blog-taglist clearfix black-tag">
	<span class="tag-head">Tagged in:</span>
			<!-- a tag must remain for styling purposes -->
		<a href="/blog/tags/tag/custom-development" itemprop="keywords"><i></i><span>custom development</span><b></b></a>
			<!-- a tag must remain for styling purposes -->
		<a href="/blog/tags/tag/joomla" itemprop="keywords"><i></i><span>joomla</span><b></b></a>
			<!-- a tag must remain for styling purposes -->
		<a href="/blog/tags/tag/wordpress" itemprop="keywords"><i></i><span>wordpress</span><b></b></a>
	</div>
			
			<!-- Load bottom social buttons -->
										
			<!-- Standard facebook like button needs to be at the bottom -->
			
					</div>
	</div>
</div>

									
		<!-- @module: easyblog-after-entries -->
		
	</div>

			<!-- @module: easyblog-before-pagination -->
		
		<!-- Pagination items -->
    	<div class="eblog-pagination"><ul class="list-pagination reset-ul float-li clearfull">
	<li class="">
		<span class="fs-11 ttu">Page :</span>
	</li>

	
					<li class="active"><b>1</b></li>
							<li>
			<a href="/blog?limit=3&amp;start=3">2</a>
		</li>
							<li>
			<a href="/blog?limit=3&amp;start=6">3</a>
		</li>
							<li>
			<a href="/blog?limit=3&amp;start=9">4</a>
		</li>
							<li>
			<a href="/blog?limit=3&amp;start=12">5</a>
		</li>
							<li>
			<a href="/blog?limit=3&amp;start=15">6</a>
		</li>
							<li>
			<a href="/blog?limit=3&amp;start=18">7</a>
		</li>
							<li>
			<a href="/blog?limit=3&amp;start=21">8</a>
		</li>
							<li>
			<a href="/blog?limit=3&amp;start=24">9</a>
		</li>
							<li>
			<a href="/blog?limit=3&amp;start=27">10</a>
		</li>
			
			<li class="newer"><a href="/blog?limit=3&amp;start=3" rel="next">Next</a></li>
	</ul>
</div>

    	<!-- @module: easyblog-after-pagination -->
			</div>
<span id="easyblog-token" style="display:none;"><input type="hidden" name="88c5456a05876a43de64f66dc5553d5d" value="1" /></span></div><div style="text-align: center; padding: 20px 0;"></div>
        </div>
        <!-- //MAIN CONTENT -->

                    <!-- SIDEBAR 1 -->
            <div class="t3-sidebar t3-sidebar-1 span3"  data-default="span3" data-xtablet="span12 spanfirst" data-tablet="span12 spanfirst">
                <div class="t3-module module " id="Mod122"><div class="module-inner"><h3 class="module-title "><span>Subscribe</span></h3><div class="module-ct">

<div class="custom"  >
	<div class="component-links">
<p><!--<a href="javascript:void(0);" class="link-email" onclick="eblog.subscription.show('site');"> <span>Subscribe to blog</span> </a> <br />--><a href="http://feeds.feedburner.com/bluebridgedev/PnqL" title="Subscribe via RSS" class="link-rss"> <span>Subscribe via RSS</span> </a></p>
</div></div>
</div></div></div><div class="t3-module module " id="Mod119"><div class="module-inner"><h3 class="module-title "><span>Latest Blog Posts</span></h3><div class="module-ct"><div class="ezb-mod ezblog-latestpost">
	
	<!-- Entries -->
		<div class="ezb-mod">
					
							<div class="mod-item">

		
	<div class="mod-post-title">
		<a href="/blog/entry/web-fonts-3-finally-launched">Web Fonts 3 *Finally* Launched</a>
	</div>

	
	
	
	<!-- Author metadata -->
	<!-- Blog post actions -->

</div>			
					
							<div class="mod-item">

		
	<div class="mod-post-title">
		<a href="/blog/entry/protect-your-website-from-vendor-lock-in">Protect Your Website From Vendor Lock-in</a>
	</div>

	
	
	
	<!-- Author metadata -->
	<!-- Blog post actions -->

</div>			
					
							<div class="mod-item">

		
	<div class="mod-post-title">
		<a href="/blog/entry/building-a-joomla-to-wordpress-bridge">Building a Joomla to Wordpress Bridge</a>
	</div>

	
	
	
	<!-- Author metadata -->
	<!-- Blog post actions -->

</div>			
					
							<div class="mod-item">

		
	<div class="mod-post-title">
		<a href="/blog/entry/rfp-s-savvy-or-stupid">RFP's: Savvy or Stupid?</a>
	</div>

	
	
	
	<!-- Author metadata -->
	<!-- Blog post actions -->

</div>			
					
							<div class="mod-item">

		
	<div class="mod-post-title">
		<a href="/blog/entry/traitor-to-the-cause">Traitor to the Cause</a>
	</div>

	
	
	
	<!-- Author metadata -->
	<!-- Blog post actions -->

</div>			
			</div>

	</div>
</div></div></div><div class="t3-module module " id="Mod117"><div class="module-inner"><h3 class="module-title "><span>Archives</span></h3><div class="module-ct"><script type="text/javascript">
EasyBlog.ready(function($) {

	// @task: Add active item on the first / latest year.
	$( '.blog-module-archive > div:first' ).addClass( 'active-year' );

	$( '.blog-module-archive .mod-year a' ).bind( 'click' , function(){

		$( this ).parent().toggleClass( 'toggle' );

		$( this ).parents( '.archive-year-wrapper' ).find( '.mod-months' ).toggle();

		return false;
	});

});
</script>
<div class="ezb-mod blog-module-archive mod_easyblogarchive">
								<div class="archive-year-wrapper">
			<div class="mod-year" >
				<a href="javascript:void(0);" class="archive-title" id="2014">
					<i></i>2014				</a>
			</div>
			<div class="mod-months" >
					<div class="mod-month">
			<a href="/blog/archive/calendar/2014/01" >
				January				<span class="mod-post-count">(2)</span>
			</a>
		</div>
		<div class="mod-month">
			<a href="/blog/archive/calendar/2014/02" >
				February				<span class="mod-post-count">(2)</span>
			</a>
		</div>
		<div class="mod-month">
			<a href="/blog/archive/calendar/2014/03" >
				March				<span class="mod-post-count">(2)</span>
			</a>
		</div>
		<div class="mod-month">
			<a href="/blog/archive/calendar/2014/04" >
				April				<span class="mod-post-count">(4)</span>
			</a>
		</div>
		<div class="mod-month">
			<a href="/blog/archive/calendar/2014/05" >
				May				<span class="mod-post-count">(2)</span>
			</a>
		</div>
		<div class="mod-month">
			<a href="/blog/archive/calendar/2014/09" >
				September				<span class="mod-post-count">(3)</span>
			</a>
		</div>
		<div class="mod-month">
			<a href="/blog/archive/calendar/2014/10" >
				October				<span class="mod-post-count">(1)</span>
			</a>
		</div>
		<div class="mod-month">
			<a href="/blog/archive/calendar/2014/11" >
				November				<span class="mod-post-count">(1)</span>
			</a>
		</div>
			</div>
		</div>
							<div class="archive-year-wrapper">
			<div class="mod-year" >
				<a href="javascript:void(0);" class="archive-title" id="2013">
					<i></i>2013				</a>
			</div>
			<div class="mod-months" >
					<div class="mod-month">
			<a href="/blog/archive/calendar/2013/01" >
				January				<span class="mod-post-count">(2)</span>
			</a>
		</div>
		<div class="mod-month">
			<a href="/blog/archive/calendar/2013/02" >
				February				<span class="mod-post-count">(5)</span>
			</a>
		</div>
		<div class="mod-month">
			<a href="/blog/archive/calendar/2013/03" >
				March				<span class="mod-post-count">(3)</span>
			</a>
		</div>
		<div class="mod-month">
			<a href="/blog/archive/calendar/2013/04" >
				April				<span class="mod-post-count">(5)</span>
			</a>
		</div>
		<div class="mod-month">
			<a href="/blog/archive/calendar/2013/05" >
				May				<span class="mod-post-count">(4)</span>
			</a>
		</div>
		<div class="mod-month">
			<a href="/blog/archive/calendar/2013/06" >
				June				<span class="mod-post-count">(1)</span>
			</a>
		</div>
		<div class="mod-month">
			<a href="/blog/archive/calendar/2013/09" >
				September				<span class="mod-post-count">(1)</span>
			</a>
		</div>
		<div class="mod-month">
			<a href="/blog/archive/calendar/2013/10" >
				October				<span class="mod-post-count">(3)</span>
			</a>
		</div>
		<div class="mod-month">
			<a href="/blog/archive/calendar/2013/11" >
				November				<span class="mod-post-count">(1)</span>
			</a>
		</div>
		<div class="mod-month">
			<a href="/blog/archive/calendar/2013/12" >
				December				<span class="mod-post-count">(1)</span>
			</a>
		</div>
			</div>
		</div>
			</div>

</div></div></div><div class="t3-module module " id="Mod131"><div class="module-inner"><div class="module-ct">

<div class="custom"  >
	<p><a href="/hire-a-joomla-developer"><img alt="Joomla Developer Hiring Guide" src="http://bluebridgedev.com/images/offers/Graphic01.1.jpg" height="140" width="210" /></a></p></div>
</div></div></div>
            </div>
            <!-- //SIDEBAR 1 -->
        
            </div>

            <div class="row">
        <div style="text-align: center; padding: 20px 0;"></div>        </div>
    </div>
    <script type="text/javascript">
    var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
    document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
</script>
<script type="text/javascript">
    try {
        var pageTracker = _gat._getTracker("UA-5989323-1");
        pageTracker._trackPageview();
    } catch(err) {}
</script>    
  </body>

</html>