Deprecated: Methods with the same name as their class will not be constructors in a future version of PHP; BaseDD has a deprecated constructor in /mnt/web006/d0/10/52591910/htdocs/cc/wp-content/plugins/digg-digg/include/dd-class.php on line 3

Deprecated: Methods with the same name as their class will not be constructors in a future version of PHP; DD_Twitter has a deprecated constructor in /mnt/web006/d0/10/52591910/htdocs/cc/wp-content/plugins/digg-digg/include/dd-class.php on line 259

Deprecated: Methods with the same name as their class will not be constructors in a future version of PHP; DD_Buffer has a deprecated constructor in /mnt/web006/d0/10/52591910/htdocs/cc/wp-content/plugins/digg-digg/include/dd-class.php on line 369

Deprecated: Methods with the same name as their class will not be constructors in a future version of PHP; DD_FbLike_XFBML has a deprecated constructor in /mnt/web006/d0/10/52591910/htdocs/cc/wp-content/plugins/digg-digg/include/dd-class.php on line 490

Deprecated: Methods with the same name as their class will not be constructors in a future version of PHP; DD_Google1 has a deprecated constructor in /mnt/web006/d0/10/52591910/htdocs/cc/wp-content/plugins/digg-digg/include/dd-class.php on line 598

Deprecated: Methods with the same name as their class will not be constructors in a future version of PHP; DD_Linkedin has a deprecated constructor in /mnt/web006/d0/10/52591910/htdocs/cc/wp-content/plugins/digg-digg/include/dd-class.php on line 683

Deprecated: Methods with the same name as their class will not be constructors in a future version of PHP; DD_Pinterest has a deprecated constructor in /mnt/web006/d0/10/52591910/htdocs/cc/wp-content/plugins/digg-digg/include/dd-class.php on line 791

Deprecated: Methods with the same name as their class will not be constructors in a future version of PHP; DD_Flattr has a deprecated constructor in /mnt/web006/d0/10/52591910/htdocs/cc/wp-content/plugins/digg-digg/include/dd-class.php on line 933

Deprecated: Methods with the same name as their class will not be constructors in a future version of PHP; DD_FbLike has a deprecated constructor in /mnt/web006/d0/10/52591910/htdocs/cc/wp-content/plugins/digg-digg/include/dd-class.php on line 1041

Deprecated: Methods with the same name as their class will not be constructors in a future version of PHP; DD_Digg has a deprecated constructor in /mnt/web006/d0/10/52591910/htdocs/cc/wp-content/plugins/digg-digg/include/dd-class.php on line 1200

Deprecated: Methods with the same name as their class will not be constructors in a future version of PHP; DD_Reddit has a deprecated constructor in /mnt/web006/d0/10/52591910/htdocs/cc/wp-content/plugins/digg-digg/include/dd-class.php on line 1280

Deprecated: Methods with the same name as their class will not be constructors in a future version of PHP; DD_GBuzz has a deprecated constructor in /mnt/web006/d0/10/52591910/htdocs/cc/wp-content/plugins/digg-digg/include/dd-class.php on line 1355

Deprecated: Methods with the same name as their class will not be constructors in a future version of PHP; DD_DZone has a deprecated constructor in /mnt/web006/d0/10/52591910/htdocs/cc/wp-content/plugins/digg-digg/include/dd-class.php on line 1433

Deprecated: Methods with the same name as their class will not be constructors in a future version of PHP; DD_FbShare has a deprecated constructor in /mnt/web006/d0/10/52591910/htdocs/cc/wp-content/plugins/digg-digg/include/dd-class.php on line 1520

Deprecated: Methods with the same name as their class will not be constructors in a future version of PHP; DD_FbShareMe has a deprecated constructor in /mnt/web006/d0/10/52591910/htdocs/cc/wp-content/plugins/digg-digg/include/dd-class.php on line 1596

Deprecated: Methods with the same name as their class will not be constructors in a future version of PHP; DD_Delicious has a deprecated constructor in /mnt/web006/d0/10/52591910/htdocs/cc/wp-content/plugins/digg-digg/include/dd-class.php on line 1689

Deprecated: Methods with the same name as their class will not be constructors in a future version of PHP; DD_StumbleUpon has a deprecated constructor in /mnt/web006/d0/10/52591910/htdocs/cc/wp-content/plugins/digg-digg/include/dd-class.php on line 1800

Deprecated: Methods with the same name as their class will not be constructors in a future version of PHP; DD_YBuzz has a deprecated constructor in /mnt/web006/d0/10/52591910/htdocs/cc/wp-content/plugins/digg-digg/include/dd-class.php on line 1841

Deprecated: Methods with the same name as their class will not be constructors in a future version of PHP; DD_BlogEngage has a deprecated constructor in /mnt/web006/d0/10/52591910/htdocs/cc/wp-content/plugins/digg-digg/include/dd-class.php on line 1886

Deprecated: Methods with the same name as their class will not be constructors in a future version of PHP; DD_DesignBump has a deprecated constructor in /mnt/web006/d0/10/52591910/htdocs/cc/wp-content/plugins/digg-digg/include/dd-class.php on line 1928

Deprecated: Methods with the same name as their class will not be constructors in a future version of PHP; DD_TheWebBlend has a deprecated constructor in /mnt/web006/d0/10/52591910/htdocs/cc/wp-content/plugins/digg-digg/include/dd-class.php on line 1970

Deprecated: Methods with the same name as their class will not be constructors in a future version of PHP; DD_TweetMeme has a deprecated constructor in /mnt/web006/d0/10/52591910/htdocs/cc/wp-content/plugins/digg-digg/include/dd-class.php on line 2012

Deprecated: Methods with the same name as their class will not be constructors in a future version of PHP; DD_Topsy has a deprecated constructor in /mnt/web006/d0/10/52591910/htdocs/cc/wp-content/plugins/digg-digg/include/dd-class.php on line 2118

Deprecated: Methods with the same name as their class will not be constructors in a future version of PHP; DD_Comments has a deprecated constructor in /mnt/web006/d0/10/52591910/htdocs/cc/wp-content/plugins/digg-digg/include/dd-class.php on line 2190

Deprecated: Methods with the same name as their class will not be constructors in a future version of PHP; DD_Serpd has a deprecated constructor in /mnt/web006/d0/10/52591910/htdocs/cc/wp-content/plugins/digg-digg/include/dd-class.php on line 2245

Warning: Cannot modify header information - headers already sent by (output started at /mnt/web006/d0/10/52591910/htdocs/cc/wp-content/plugins/digg-digg/include/dd-class.php:3) in /mnt/web006/d0/10/52591910/htdocs/cc/wp-content/plugins/wp-super-cache/wp-cache-phase2.php on line 1197
<!DOCTYPE html>
<html lang="en-US">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta property="og:image" content="" />
<title>Web Development Archives - The Geek Connection</title>
<link rel="profile" href="http://gmpg.org/xfn/11">
<link rel="pingback" href="http://geek.creativechoice.org/xmlrpc.php">

<title>Web Development Archives - The Geek Connection</title>

<!-- This site is optimized with the Yoast SEO plugin v9.0.3 - https://yoast.com/wordpress/plugins/seo/ -->
<link rel="canonical" href="http://geek.creativechoice.org/web-development/" />
<link rel="next" href="http://geek.creativechoice.org/web-development/page/2/" />
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:title" content="Web Development Archives - The Geek Connection" />
<!-- / Yoast SEO plugin. -->

<link rel='dns-prefetch' href='//secure.gravatar.com' />
<link rel='dns-prefetch' href='//ajax.googleapis.com' />
<link rel='dns-prefetch' href='//s.w.org' />
<link rel="alternate" type="application/rss+xml" title="The Geek Connection &raquo; Feed" href="http://geek.creativechoice.org/feed/" />
<link rel="alternate" type="application/rss+xml" title="The Geek Connection &raquo; Comments Feed" href="http://geek.creativechoice.org/comments/feed/" />
<link rel="alternate" type="application/rss+xml" title="The Geek Connection &raquo; Web Development Category Feed" href="http://geek.creativechoice.org/web-development/feed/" />
		<script type="text/javascript">
			window._wpemojiSettings = {"baseUrl":"https:\/\/s.w.org\/images\/core\/emoji\/11\/72x72\/","ext":".png","svgUrl":"https:\/\/s.w.org\/images\/core\/emoji\/11\/svg\/","svgExt":".svg","source":{"concatemoji":"http:\/\/geek.creativechoice.org\/wp-includes\/js\/wp-emoji-release.min.js?ver=4.9.9"}};
			!function(a,b,c){function d(a,b){var c=String.fromCharCode;l.clearRect(0,0,k.width,k.height),l.fillText(c.apply(this,a),0,0);var d=k.toDataURL();l.clearRect(0,0,k.width,k.height),l.fillText(c.apply(this,b),0,0);var e=k.toDataURL();return d===e}function e(a){var b;if(!l||!l.fillText)return!1;switch(l.textBaseline="top",l.font="600 32px Arial",a){case"flag":return!(b=d([55356,56826,55356,56819],[55356,56826,8203,55356,56819]))&&(b=d([55356,57332,56128,56423,56128,56418,56128,56421,56128,56430,56128,56423,56128,56447],[55356,57332,8203,56128,56423,8203,56128,56418,8203,56128,56421,8203,56128,56430,8203,56128,56423,8203,56128,56447]),!b);case"emoji":return b=d([55358,56760,9792,65039],[55358,56760,8203,9792,65039]),!b}return!1}function f(a){var c=b.createElement("script");c.src=a,c.defer=c.type="text/javascript",b.getElementsByTagName("head")[0].appendChild(c)}var g,h,i,j,k=b.createElement("canvas"),l=k.getContext&&k.getContext("2d");for(j=Array("flag","emoji"),c.supports={everything:!0,everythingExceptFlag:!0},i=0;i<j.length;i++)c.supports[j[i]]=e(j[i]),c.supports.everything=c.supports.everything&&c.supports[j[i]],"flag"!==j[i]&&(c.supports.everythingExceptFlag=c.supports.everythingExceptFlag&&c.supports[j[i]]);c.supports.everythingExceptFlag=c.supports.everythingExceptFlag&&!c.supports.flag,c.DOMReady=!1,c.readyCallback=function(){c.DOMReady=!0},c.supports.everything||(h=function(){c.readyCallback()},b.addEventListener?(b.addEventListener("DOMContentLoaded",h,!1),a.addEventListener("load",h,!1)):(a.attachEvent("onload",h),b.attachEvent("onreadystatechange",function(){"complete"===b.readyState&&c.readyCallback()})),g=c.source||{},g.concatemoji?f(g.concatemoji):g.wpemoji&&g.twemoji&&(f(g.twemoji),f(g.wpemoji)))}(window,document,window._wpemojiSettings);
		</script>
		<style type="text/css">
img.wp-smiley,
img.emoji {
	display: inline !important;
	border: none !important;
	box-shadow: none !important;
	height: 1em !important;
	width: 1em !important;
	margin: 0 .07em !important;
	vertical-align: -0.1em !important;
	background: none !important;
	padding: 0 !important;
}
</style>
<link rel='stylesheet' id='yarppWidgetCss-css'  href='http://geek.creativechoice.org/wp-content/plugins/yet-another-related-posts-plugin/style/widget.css?ver=4.9.9' type='text/css' media='all' />
<link rel='stylesheet' id='sb_instagram_styles-css'  href='http://geek.creativechoice.org/wp-content/plugins/instagram-feed/css/sb-instagram.min.css?ver=1.10.1' type='text/css' media='all' />
<link rel='stylesheet' id='wordpress-popular-posts-css-css'  href='http://geek.creativechoice.org/wp-content/plugins/wordpress-popular-posts/public/css/wpp.css?ver=4.2.0' type='text/css' media='all' />
<link rel='stylesheet' id='jetpack_likes-css'  href='http://geek.creativechoice.org/wp-content/plugins/jetpack/modules/likes/style.css?ver=6.6.1' type='text/css' media='all' />
<link rel='stylesheet' id='dashicons-css'  href='http://geek.creativechoice.org/wp-includes/css/dashicons.min.css?ver=4.9.9' type='text/css' media='all' />
<link rel='stylesheet' id='custom-css'  href='http://geek.creativechoice.org/wp-content/themes/ccb/css/custom.css?ver=4.9.9' type='text/css' media='all' />
<link rel='stylesheet' id='grid-grid2-css'  href='http://geek.creativechoice.org/wp-content/themes/ccb/css/grid-grid2.css?ver=4.9.9' type='text/css' media='all' />
<link rel='stylesheet' id='grid--css'  href='http://geek.creativechoice.org/wp-content/themes/ccb/css/grid-.css?ver=4.9.9' type='text/css' media='all' />
<link rel='stylesheet' id='jquery-style-css'  href='https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.2/themes/smoothness/jquery-ui.css?ver=4.9.9' type='text/css' media='all' />
<link rel='stylesheet' id='jetpack-authors-widget-css'  href='http://geek.creativechoice.org/wp-content/plugins/jetpack/modules/widgets/authors/style.css?ver=20161228' type='text/css' media='all' />
<link rel='stylesheet' id='jetpack-widget-social-icons-styles-css'  href='http://geek.creativechoice.org/wp-content/plugins/jetpack/modules/widgets/social-icons/social-icons.css?ver=20170506' type='text/css' media='all' />
<link rel='stylesheet' id='jetpack-top-posts-widget-css'  href='http://geek.creativechoice.org/wp-content/plugins/jetpack/modules/widgets/top-posts/style.css?ver=20141013' type='text/css' media='all' />
<link rel='stylesheet' id='addtoany-css'  href='http://geek.creativechoice.org/wp-content/plugins/add-to-any/addtoany.min.css?ver=1.15' type='text/css' media='all' />
<script type='text/javascript'>
/* <![CDATA[ */
var ccb_translations = {"Type at least {0} characters\")),required:_e(\"Please specify your name\")},email:{required:_e(\"Please provide an email address\"),email:_e(\"Your email address must be in the format of name@domain.com\")},url:_e(\"Please enter a valid website\"),comment:{minlength:_e(\"Please enter at least a few words.\"),required:_e(\"This field is required!":"Type at least {0} characters\")),required:_e(\"Please specify your name\")},email:{required:_e(\"Please provide an email address\"),email:_e(\"Your email address must be in the format of name@domain.com\")},url:_e(\"Please enter a valid website\"),comment:{minlength:_e(\"Please enter at least a few words.\"),required:_e(\"This field is required!","No context":"No context","Context":"Context","Context\"));setTimeout(function(){$(\".site\").removeClass(\"withsidebar":"Context\"));setTimeout(function(){$(\".site\").removeClass(\"withsidebar","No context\"));$(\".site\").addClass(\"withsidebar":"No context\"));$(\".site\").addClass(\"withsidebar","Creative Choice: Searching for \")+term,url+\"?s=\"+term+period);field.blur();field.removeClass(\"ccb-search-throbber\");field.css(\"background-image\",\"none\");field.css(\"padding-left\",restorepadding);field.val(\"\");$container=jQuery(\"#container":"Creative Choice: Searching for \")+term,url+\"?s=\"+term+period);field.blur();field.removeClass(\"ccb-search-throbber\");field.css(\"background-image\",\"none\");field.css(\"padding-left\",restorepadding);field.val(\"\");$container=jQuery(\"#container"};
/* ]]> */
</script>
<script type='text/javascript' src='http://geek.creativechoice.org/wp-includes/js/jquery/jquery.js?ver=1.12.4'></script>
<script type='text/javascript' src='http://geek.creativechoice.org/wp-includes/js/jquery/jquery-migrate.min.js?ver=1.4.1'></script>
<script type='text/javascript' src='http://geek.creativechoice.org/wp-content/plugins/add-to-any/addtoany.min.js?ver=1.1'></script>
<script type='text/javascript'>
/* <![CDATA[ */
var wpp_params = {"sampling_active":"0","sampling_rate":"100","ajax_url":"http:\/\/geek.creativechoice.org\/wp-json\/wordpress-popular-posts\/v1\/popular-posts\/","ID":"","token":"49bfbb9eee","debug":"1"};
/* ]]> */
</script>
<script type='text/javascript' src='http://geek.creativechoice.org/wp-content/plugins/wordpress-popular-posts/public/js/wpp-4.2.0.min.js?ver=4.2.0'></script>
<link rel='https://api.w.org/' href='http://geek.creativechoice.org/wp-json/' />
<link rel="EditURI" type="application/rsd+xml" title="RSD" href="http://geek.creativechoice.org/xmlrpc.php?rsd" />
<link rel="wlwmanifest" type="application/wlwmanifest+xml" href="http://geek.creativechoice.org/wp-includes/wlwmanifest.xml" /> 
<meta name="generator" content="WordPress 4.9.9" />

<script data-cfasync="false">
window.a2a_config=window.a2a_config||{};a2a_config.callbacks=[];a2a_config.overlays=[];a2a_config.templates={};
(function(d,s,a,b){a=d.createElement(s);b=d.getElementsByTagName(s)[0];a.async=1;a.src="https://static.addtoany.com/menu/page.js";b.parentNode.insertBefore(a,b);})(document,"script");
</script>
<link rel="stylesheet" href="http://geek.creativechoice.org/wp-content/plugins/digg-digg/css/diggdigg-style.css?ver=5.3.0" type="text/css" media="screen" />
<link rel='dns-prefetch' href='//v0.wordpress.com'/>
<link rel='dns-prefetch' href='//widgets.wp.com'/>
<link rel='dns-prefetch' href='//s0.wp.com'/>
<link rel='dns-prefetch' href='//0.gravatar.com'/>
<link rel='dns-prefetch' href='//1.gravatar.com'/>
<link rel='dns-prefetch' href='//2.gravatar.com'/>
<style type="text/css" id="custom-background-css">
body.custom-background { background-image: url("http://geek.creativechoice.org/wp-content/themes/ccb/img/background.jpg"); background-position: left top; background-size: auto; background-repeat: repeat; background-attachment: scroll; }
</style>
</head>

<body class="archive category category-web-development category-57 custom-background"">
<div id="page" class="hfeed site withsidebar">
	<a class="skip-link screen-reader-text" href="#content">Skip to content</a>
	
	<header id="masthead" class="site-header" role="banner">
		
		<nav id="top-navigation" class="top-navigation" role="navigation">
										
					</nav><!-- #top-navigation -->
		
		<div class="site-branding" style="background-image:url('')">
			<a href="http://geek.creativechoice.org/" rel="home">
				<div id="ccb-logo">
					<span class="site-title">The Geek Connection</span><br/>
					<span class="site-description">Solving IT questions since 1998</span>
				</div>
			</a>
		</div>
		
		<nav id="site-navigation" class="main-navigation" role="navigation">
								<!-- Mobile Menu Buttons -->
				<button class="menu-toggle"></button>
				<button class="toggletags1 menu-ccb-tags "></button>
				<button class="menu-ccb-context show_sidebar refresh"></button>
				<div class="ccb_navsearch">
					<div class="searchwrapper">
<span class="toggle"></span>
<form role="search" method="get" id="searchform" class="searchform" action="http://geek.creativechoice.org/">
	<label class="screen-reader-text" for="s">Search for:</label>
	<input type="text" value="" placeholder=Search term... name="s" id="s" />
	<input type="submit" id="searchsubmit" value="Search" />
</form>
</div>
				</div>
				<div class="menu-main-menu-container"><ul id="menu-main-menu" class="menu"><li id="menu-item-tags" class="toggletags1 menu-item"><a>Tags</a></li><li id="menu-item-86" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-86"><a href="http://geek.creativechoice.org/sample-page/">About us</a>
<ul class="sub-menu">
	<li id="menu-item-92" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-92"><a href="http://kamiel.creativechoice.org">Kamiel&#8217;s Blog</a></li>
</ul>
</li>
<li id="menu-item-104" class="menu-item menu-item-type-taxonomy menu-item-object-category current-menu-item menu-item-has-children menu-item-104"><a href="http://geek.creativechoice.org/web-development/">Web Development</a>
<ul class="sub-menu">
	<li id="menu-item-88" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-88"><a href="http://geek.creativechoice.org/web-development/css/">CSS</a></li>
	<li id="menu-item-89" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-89"><a href="http://geek.creativechoice.org/web-development/javascript/">Javascript</a></li>
	<li id="menu-item-91" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-91"><a href="http://geek.creativechoice.org/web-development/wordpress-web-development/">WordPress</a></li>
</ul>
</li>
<li id="menu-item-90" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-90"><a href="http://geek.creativechoice.org/online-toolswebsite/">Online Tools</a></li>
<li id="menu-item-103" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-103"><a href="http://geek.creativechoice.org/quick-tips/">Quick Tips</a></li>
<li class="ccb_navsearch"><div class="searchwrapper">
<span class="toggle"></span>
<form role="search" method="get" id="searchform" class="searchform" action="http://geek.creativechoice.org/">
	<label class="screen-reader-text" for="s">Search for:</label>
	<input type="text" value="" placeholder=Search term... name="s" id="s" />
	<input type="submit" id="searchsubmit" value="Search" />
</form>
</div>
</li><li id="menu-item-context" class="menu-item show_sidebar refresh"><a>Context</a></li></ul></div>					</nav>
		
	</header>
	<div class='ccb_headbar'><aside id="tag_cloud-2" class="widget widget_tag_cloud"><h2 class="widget-title">Tags</h2><div class="tagcloud"><a href="http://geek.creativechoice.org/tag/maintenance/" class="tag-cloud-link tag-link-50 tag-link-position-1" style="font-size: 8pt;" aria-label=".maintenance (1 item)">.maintenance</a>
<a href="http://geek.creativechoice.org/tag/screen/" class="tag-cloud-link tag-link-45 tag-link-position-2" style="font-size: 8pt;" aria-label="@screen (1 item)">@screen</a>
<a href="http://geek.creativechoice.org/tag/automated-posting/" class="tag-cloud-link tag-link-7 tag-link-position-3" style="font-size: 8pt;" aria-label="automated posting (1 item)">automated posting</a>
<a href="http://geek.creativechoice.org/tag/blog/" class="tag-cloud-link tag-link-46 tag-link-position-4" style="font-size: 8pt;" aria-label="blog (1 item)">blog</a>
<a href="http://geek.creativechoice.org/tag/blogging/" class="tag-cloud-link tag-link-5 tag-link-position-5" style="font-size: 8pt;" aria-label="blogging (1 item)">blogging</a>
<a href="http://geek.creativechoice.org/tag/change-words-in-websites/" class="tag-cloud-link tag-link-16 tag-link-position-6" style="font-size: 8pt;" aria-label="change words in websites (1 item)">change words in websites</a>
<a href="http://geek.creativechoice.org/tag/craigfind/" class="tag-cloud-link tag-link-20 tag-link-position-7" style="font-size: 8pt;" aria-label="craigfind (1 item)">craigfind</a>
<a href="http://geek.creativechoice.org/tag/craigslist/" class="tag-cloud-link tag-link-17 tag-link-position-8" style="font-size: 8pt;" aria-label="craigslist (1 item)">craigslist</a>
<a href="http://geek.creativechoice.org/tag/crosspress/" class="tag-cloud-link tag-link-6 tag-link-position-9" style="font-size: 8pt;" aria-label="crosspress (1 item)">crosspress</a>
<a href="http://geek.creativechoice.org/tag/css/" class="tag-cloud-link tag-link-141 tag-link-position-10" style="font-size: 17.6pt;" aria-label="CSS (5 items)">CSS</a>
<a href="http://geek.creativechoice.org/tag/database/" class="tag-cloud-link tag-link-42 tag-link-position-11" style="font-size: 8pt;" aria-label="database (1 item)">database</a>
<a href="http://geek.creativechoice.org/tag/e-mail-posting/" class="tag-cloud-link tag-link-22 tag-link-position-12" style="font-size: 8pt;" aria-label="e-mail posting (1 item)">e-mail posting</a>
<a href="http://geek.creativechoice.org/tag/firefox/" class="tag-cloud-link tag-link-14 tag-link-position-13" style="font-size: 8pt;" aria-label="Firefox (1 item)">Firefox</a>
<a href="http://geek.creativechoice.org/tag/foxreplace/" class="tag-cloud-link tag-link-15 tag-link-position-14" style="font-size: 8pt;" aria-label="Foxreplace (1 item)">Foxreplace</a>
<a href="http://geek.creativechoice.org/tag/getday/" class="tag-cloud-link tag-link-32 tag-link-position-15" style="font-size: 8pt;" aria-label="getDay (1 item)">getDay</a>
<a href="http://geek.creativechoice.org/tag/host/" class="tag-cloud-link tag-link-41 tag-link-position-16" style="font-size: 8pt;" aria-label="host (1 item)">host</a>
<a href="http://geek.creativechoice.org/tag/hosting-provider/" class="tag-cloud-link tag-link-40 tag-link-position-17" style="font-size: 8pt;" aria-label="hosting provider (1 item)">hosting provider</a>
<a href="http://geek.creativechoice.org/tag/job-searching/" class="tag-cloud-link tag-link-18 tag-link-position-18" style="font-size: 8pt;" aria-label="job searching (1 item)">job searching</a>
<a href="http://geek.creativechoice.org/tag/jqrangeslider/" class="tag-cloud-link tag-link-33 tag-link-position-19" style="font-size: 8pt;" aria-label="jQRangeSlider (1 item)">jQRangeSlider</a>
<a href="http://geek.creativechoice.org/tag/jquery/" class="tag-cloud-link tag-link-31 tag-link-position-20" style="font-size: 11.6pt;" aria-label="jquery (2 items)">jquery</a>
<a href="http://geek.creativechoice.org/tag/less/" class="tag-cloud-link tag-link-115 tag-link-position-21" style="font-size: 14pt;" aria-label="LESS (3 items)">LESS</a>
<a href="http://geek.creativechoice.org/tag/maintenance-mode/" class="tag-cloud-link tag-link-49 tag-link-position-22" style="font-size: 8pt;" aria-label="Maintenance mode (1 item)">Maintenance mode</a>
<a href="http://geek.creativechoice.org/tag/markup/" class="tag-cloud-link tag-link-24 tag-link-position-23" style="font-size: 8pt;" aria-label="markup (1 item)">markup</a>
<a href="http://geek.creativechoice.org/tag/mobile/" class="tag-cloud-link tag-link-44 tag-link-position-24" style="font-size: 8pt;" aria-label="mobile (1 item)">mobile</a>
<a href="http://geek.creativechoice.org/tag/moving/" class="tag-cloud-link tag-link-39 tag-link-position-25" style="font-size: 8pt;" aria-label="moving (1 item)">moving</a>
<a href="http://geek.creativechoice.org/tag/object/" class="tag-cloud-link tag-link-110 tag-link-position-26" style="font-size: 11.6pt;" aria-label="object (2 items)">object</a>
<a href="http://geek.creativechoice.org/tag/online/" class="tag-cloud-link tag-link-53 tag-link-position-27" style="font-size: 8pt;" aria-label="online (1 item)">online</a>
<a href="http://geek.creativechoice.org/tag/online-job/" class="tag-cloud-link tag-link-19 tag-link-position-28" style="font-size: 8pt;" aria-label="online job (1 item)">online job</a>
<a href="http://geek.creativechoice.org/tag/php/" class="tag-cloud-link tag-link-122 tag-link-position-29" style="font-size: 11.6pt;" aria-label="PHP (2 items)">PHP</a>
<a href="http://geek.creativechoice.org/tag/piwik/" class="tag-cloud-link tag-link-36 tag-link-position-30" style="font-size: 8pt;" aria-label="piwik (1 item)">piwik</a>
<a href="http://geek.creativechoice.org/tag/plugin/" class="tag-cloud-link tag-link-26 tag-link-position-31" style="font-size: 14pt;" aria-label="plugin (3 items)">plugin</a>
<a href="http://geek.creativechoice.org/tag/precompiler/" class="tag-cloud-link tag-link-118 tag-link-position-32" style="font-size: 11.6pt;" aria-label="precompiler (2 items)">precompiler</a>
<a href="http://geek.creativechoice.org/tag/select-range-values/" class="tag-cloud-link tag-link-34 tag-link-position-33" style="font-size: 8pt;" aria-label="select range values (1 item)">select range values</a>
<a href="http://geek.creativechoice.org/tag/sites/" class="tag-cloud-link tag-link-12 tag-link-position-34" style="font-size: 8pt;" aria-label="sites (1 item)">sites</a>
<a href="http://geek.creativechoice.org/tag/splitting-images/" class="tag-cloud-link tag-link-9 tag-link-position-35" style="font-size: 8pt;" aria-label="splitting images (1 item)">splitting images</a>
<a href="http://geek.creativechoice.org/tag/statistics/" class="tag-cloud-link tag-link-38 tag-link-position-36" style="font-size: 8pt;" aria-label="statistics (1 item)">statistics</a>
<a href="http://geek.creativechoice.org/tag/syndicate/" class="tag-cloud-link tag-link-4 tag-link-position-37" style="font-size: 8pt;" aria-label="syndicate (1 item)">syndicate</a>
<a href="http://geek.creativechoice.org/tag/tags/" class="tag-cloud-link tag-link-23 tag-link-position-38" style="font-size: 8pt;" aria-label="tags (1 item)">tags</a>
<a href="http://geek.creativechoice.org/tag/tool/" class="tag-cloud-link tag-link-52 tag-link-position-39" style="font-size: 8pt;" aria-label="tool (1 item)">tool</a>
<a href="http://geek.creativechoice.org/tag/translation/" class="tag-cloud-link tag-link-51 tag-link-position-40" style="font-size: 11.6pt;" aria-label="translation (2 items)">translation</a>
<a href="http://geek.creativechoice.org/tag/tutorial/" class="tag-cloud-link tag-link-11 tag-link-position-41" style="font-size: 8pt;" aria-label="tutorial (1 item)">tutorial</a>
<a href="http://geek.creativechoice.org/tag/web-stats/" class="tag-cloud-link tag-link-37 tag-link-position-42" style="font-size: 8pt;" aria-label="web stats (1 item)">web stats</a>
<a href="http://geek.creativechoice.org/tag/wordpress/" class="tag-cloud-link tag-link-3 tag-link-position-43" style="font-size: 22pt;" aria-label="wordpress (9 items)">wordpress</a>
<a href="http://geek.creativechoice.org/tag/wordpress-com/" class="tag-cloud-link tag-link-21 tag-link-position-44" style="font-size: 8pt;" aria-label="Wordpress.com (1 item)">Wordpress.com</a>
<a href="http://geek.creativechoice.org/tag/wptuts/" class="tag-cloud-link tag-link-13 tag-link-position-45" style="font-size: 8pt;" aria-label="wptuts (1 item)">wptuts</a></div>
</aside></div>	<div id="content" class="site-content">
		
	
	<section id="primary" class="content-area">

		<main id="main" class="site-main archive" role="main">
		
			<header class="page-header">
				<h1 class="page-title">
					Web Development				</h1>
			<div class="category box"> 
						<span class="clear"></span>
			</div>
			</header><!-- .page-header -->

			<div id="container" class="grid-grid2">
			
						<div class='grid-sizer col col4'></div>
			<article id="post-216" class="entry listing col col4 post-216 post type-post status-publish format-standard hentry category-php category-wordpress-web-development" >

	<div class="entry-border">
		<!--/ sharer formats-->
		
					<a href="http://geek.creativechoice.org/wordpress-using-wrong-template-after-ajax-loading/" title="WordPress using wrong template after AJAX loading">
			<h5 class="post-title"><span>WordPress using wrong template after AJAX loading</span></h5>
			</a>
			
		<!--/ notitle formats-->
	
				<a href="http://geek.creativechoice.org/wordpress-using-wrong-template-after-ajax-loading/" title="WordPress using wrong template after AJAX loading">
					</a>		
		<!--/ noimg formats-->	
	
		<div class="details">
							<div class='excerpt'>
				A tricky problem with my AJAX-search function. Wordpress decided to use <code>front-page.php</code> for loading extra AJAX-content. The problem was that this styled the content in a different way than I needed. After identifying the root of the problem (which takes time!), I looked around for a neat solution. What I came up with was overriding<a class="moretag" href="http://geek.creativechoice.org/wordpress-using-wrong-template-after-ajax-loading/"> ...</a>				</div>
			<!-- / noexcerpt_formats -->
						<div class="entry-footer">
				<div class="entry-metas">
					<div class="entry-meta"> <span class="posted-on"><a href="http://geek.creativechoice.org/wordpress-using-wrong-template-after-ajax-loading/" rel="bookmark"><time class="entry-date published" datetime="2017-01-19T08:18:01+00:00">January 19, 2017</time></a></span></div>
					<div class="entry-meta">
											</div>
					<div class="entry-meta">
						<span class="cat_list"><span><a href="http://geek.creativechoice.org/php/" rel="category tag">PHP</a>, <a href="http://geek.creativechoice.org/web-development/wordpress-web-development/" rel="category tag">Wordpress</a></span></span>					</div>
				</div>
			</div><!-- /.entry-footer -->
			<!-- / nofooter_formats -->
		</div><!-- /.details -->
		</a>		
	</div><!--/.entry-border-->
</article><!--/.entry--><article id="post-208" class="entry listing col col4 post-208 post type-post status-publish format-standard hentry category-javascript tag-meteor tag-mongodb tag-node-js" >

	<div class="entry-border">
		<!--/ sharer formats-->
		
					<a href="http://geek.creativechoice.org/meteor/" title="Meteor">
			<h5 class="post-title"><span>Meteor</span></h5>
			</a>
			
		<!--/ notitle formats-->
	
				<a href="http://geek.creativechoice.org/meteor/" title="Meteor">
					</a>		
		<!--/ noimg formats-->	
	
		<div class="details">
							<div class='excerpt'>
				I played around with meteor yesterday and I have mixed feelings. First of all, I was impressed that the whole plaform (it is not just a framework but an end-to-end development platform for all devices and browsers that matter because of the power of JavaScript). It worked out of the box on my Windows machine<a class="moretag" href="http://geek.creativechoice.org/meteor/"> ...</a>				</div>
			<!-- / noexcerpt_formats -->
						<div class="entry-footer">
				<div class="entry-metas">
					<div class="entry-meta"> <span class="posted-on"><a href="http://geek.creativechoice.org/meteor/" rel="bookmark"><time class="entry-date published" datetime="2015-12-30T11:10:05+00:00">December 30, 2015</time></a></span></div>
					<div class="entry-meta">
						<span class="tags_list"><span><a href="http://geek.creativechoice.org/tag/meteor/" rel="tag">Meteor</a>, <a href="http://geek.creativechoice.org/tag/mongodb/" rel="tag">MongoDB</a>, <a href="http://geek.creativechoice.org/tag/node-js/" rel="tag">node.js</a></span></span>					</div>
					<div class="entry-meta">
						<span class="cat_list"><span><a href="http://geek.creativechoice.org/web-development/javascript/" rel="category tag">Javascript</a></span></span>					</div>
				</div>
			</div><!-- /.entry-footer -->
			<!-- / nofooter_formats -->
		</div><!-- /.details -->
		</a>		
	</div><!--/.entry-border-->
</article><!--/.entry--><article id="post-206" class="entry listing col col4 post-206 post type-post status-publish format-standard hentry category-css category-quick-tips" >

	<div class="entry-border">
		<!--/ sharer formats-->
		
					<a href="http://geek.creativechoice.org/jquery-ui-style-hack/" title="jQuery UI style hack">
			<h5 class="post-title"><span>jQuery UI style hack</span></h5>
			</a>
			
		<!--/ notitle formats-->
	
				<a href="http://geek.creativechoice.org/jquery-ui-style-hack/" title="jQuery UI style hack">
					</a>		
		<!--/ noimg formats-->	
	
		<div class="details">
							<div class='excerpt'>
				Some of us still use jQuery UI :) In fact, it wasn't too bad, is still supported by all modern browsers, and performs reasonably well on mobile. There is one issue: the graphics look horribly 2010. jQuery UI offers a user interface to cherrypick your own CSS (it's great and kind of works: look at<a class="moretag" href="http://geek.creativechoice.org/jquery-ui-style-hack/"> ...</a>				</div>
			<!-- / noexcerpt_formats -->
						<div class="entry-footer">
				<div class="entry-metas">
					<div class="entry-meta"> <span class="posted-on"><a href="http://geek.creativechoice.org/jquery-ui-style-hack/" rel="bookmark"><time class="entry-date published" datetime="2015-12-23T02:36:08+00:00">December 23, 2015</time></a></span></div>
					<div class="entry-meta">
											</div>
					<div class="entry-meta">
						<span class="cat_list"><span><a href="http://geek.creativechoice.org/web-development/css/" rel="category tag">CSS</a>, <a href="http://geek.creativechoice.org/quick-tips/" rel="category tag">Quick Tips</a></span></span>					</div>
				</div>
			</div><!-- /.entry-footer -->
			<!-- / nofooter_formats -->
		</div><!-- /.details -->
		</a>		
	</div><!--/.entry-border-->
</article><!--/.entry--><article id="post-202" class="entry listing col col4 post-202 post type-post status-publish format-standard hentry category-php category-wordpress-web-development tag-php tag-random" >

	<div class="entry-border">
		<!--/ sharer formats-->
		
					<a href="http://geek.creativechoice.org/weekly-changing-random-number/" title="Weekly changing random number">
			<h5 class="post-title"><span>Weekly changing random number</span></h5>
			</a>
			
		<!--/ notitle formats-->
	
				<a href="http://geek.creativechoice.org/weekly-changing-random-number/" title="Weekly changing random number">
					</a>		
		<!--/ noimg formats-->	
	
		<div class="details">
							<div class='excerpt'>
				Simple task: How do we generate a random number that automatically changes every certain period of time. Of course, we use the week number when calculating the random number. Also, we have to cache a "large integer" that will not change until the end of the week to get a deterministic random-enough number. The result<a class="moretag" href="http://geek.creativechoice.org/weekly-changing-random-number/"> ...</a>				</div>
			<!-- / noexcerpt_formats -->
						<div class="entry-footer">
				<div class="entry-metas">
					<div class="entry-meta"> <span class="posted-on"><a href="http://geek.creativechoice.org/weekly-changing-random-number/" rel="bookmark"><time class="entry-date published" datetime="2015-12-08T23:13:02+00:00">December 8, 2015</time></a></span></div>
					<div class="entry-meta">
						<span class="tags_list"><span><a href="http://geek.creativechoice.org/tag/php/" rel="tag">PHP</a>, <a href="http://geek.creativechoice.org/tag/random/" rel="tag">random</a></span></span>					</div>
					<div class="entry-meta">
						<span class="cat_list"><span><a href="http://geek.creativechoice.org/php/" rel="category tag">PHP</a>, <a href="http://geek.creativechoice.org/web-development/wordpress-web-development/" rel="category tag">Wordpress</a></span></span>					</div>
				</div>
			</div><!-- /.entry-footer -->
			<!-- / nofooter_formats -->
		</div><!-- /.details -->
		</a>		
	</div><!--/.entry-border-->
</article><!--/.entry--><article id="post-193" class="entry listing col col4 post-193 post type-post status-publish format-standard hentry category-wordpress-web-development tag-background-image-css tag-full-width-fixed-background tag-light-background-image" >

	<div class="entry-border">
		<!--/ sharer formats-->
		
					<a href="http://geek.creativechoice.org/light-background-the-best-way/" title="Light background (the best way)">
			<h5 class="post-title"><span>Light background (the best way)</span></h5>
			</a>
			
		<!--/ notitle formats-->
	
				<a href="http://geek.creativechoice.org/light-background-the-best-way/" title="Light background (the best way)">
					</a>		
		<!--/ noimg formats-->	
	
		<div class="details">
							<div class='excerpt'>
				When creating a fixed background image there are a few things to consider: browser compatibility. Does that z-index work everywhere? image size. Does this load fast enough on a 3G connection? ease of change. What happens when the theme updates? I found that the easiest way is to set the background-image property via the add-on<a class="moretag" href="http://geek.creativechoice.org/light-background-the-best-way/"> ...</a>				</div>
			<!-- / noexcerpt_formats -->
						<div class="entry-footer">
				<div class="entry-metas">
					<div class="entry-meta"> <span class="posted-on"><a href="http://geek.creativechoice.org/light-background-the-best-way/" rel="bookmark"><time class="entry-date published" datetime="2015-10-14T10:03:50+00:00">October 14, 2015</time></a></span></div>
					<div class="entry-meta">
						<span class="tags_list"><span><a href="http://geek.creativechoice.org/tag/background-image-css/" rel="tag">background image css</a>, <a href="http://geek.creativechoice.org/tag/full-width-fixed-background/" rel="tag">full-width fixed background</a>, <a href="http://geek.creativechoice.org/tag/light-background-image/" rel="tag">light background image</a></span></span>					</div>
					<div class="entry-meta">
						<span class="cat_list"><span><a href="http://geek.creativechoice.org/web-development/wordpress-web-development/" rel="category tag">Wordpress</a></span></span>					</div>
				</div>
			</div><!-- /.entry-footer -->
			<!-- / nofooter_formats -->
		</div><!-- /.details -->
		</a>		
	</div><!--/.entry-border-->
</article><!--/.entry--><article id="post-186" class="entry listing col col4 post-186 post type-post status-publish format-standard hentry category-css category-web-development tag-77da34 tag-css tag-less tag-precompiler" >

	<div class="entry-border">
		<!--/ sharer formats-->
		
					<a href="http://geek.creativechoice.org/less-in-5-minutes/" title="LESS in 5 minutes">
			<h5 class="post-title"><span>LESS in 5 minutes</span></h5>
			</a>
			
		<!--/ notitle formats-->
	
				<a href="http://geek.creativechoice.org/less-in-5-minutes/" title="LESS in 5 minutes">
					</a>		
		<!--/ noimg formats-->	
	
		<div class="details">
							<div class='excerpt'>
				LESS is a handy precompiler for CSS, but as it develops it becomes so complex we start assuming that we need a tutorial or long read in order to understand it. I think it's worthwhile to use just a few very basic capabilities of LESS (leaner CSS) and that you can learn how to use<a class="moretag" href="http://geek.creativechoice.org/less-in-5-minutes/"> ...</a>				</div>
			<!-- / noexcerpt_formats -->
						<div class="entry-footer">
				<div class="entry-metas">
					<div class="entry-meta"> <span class="posted-on"><a href="http://geek.creativechoice.org/less-in-5-minutes/" rel="bookmark"><time class="entry-date published" datetime="2015-05-18T13:39:28+00:00">May 18, 2015</time></a></span></div>
					<div class="entry-meta">
						<span class="tags_list"><span><a href="http://geek.creativechoice.org/tag/77da34/" rel="tag">77da34</a>, <a href="http://geek.creativechoice.org/tag/css/" rel="tag">CSS</a>, <a href="http://geek.creativechoice.org/tag/less/" rel="tag">LESS</a>, <a href="http://geek.creativechoice.org/tag/precompiler/" rel="tag">precompiler</a></span></span>					</div>
					<div class="entry-meta">
						<span class="cat_list"><span><a href="http://geek.creativechoice.org/web-development/css/" rel="category tag">CSS</a>, <a href="http://geek.creativechoice.org/web-development/" rel="category tag">Web Development</a></span></span>					</div>
				</div>
			</div><!-- /.entry-footer -->
			<!-- / nofooter_formats -->
		</div><!-- /.details -->
		</a>		
	</div><!--/.entry-border-->
</article><!--/.entry--><article id="post-187" class="entry listing col col4 post-187 post type-post status-publish format-standard hentry category-css category-web-development tag-134 tag-132 tag-css tag-ffffff tag-less" >

	<div class="entry-border">
		<!--/ sharer formats-->
		
					<a href="http://geek.creativechoice.org/more-less/" title="More.less">
			<h5 class="post-title"><span>More.less</span></h5>
			</a>
			
		<!--/ notitle formats-->
	
				<a href="http://geek.creativechoice.org/more-less/" title="More.less">
					</a>		
		<!--/ noimg formats-->	
	
		<div class="details">
							<div class='excerpt'>
				<code> </code> @base: 663333; @complement1: spin(@base, 180); @complement2: darken(spin(@base, 180), 5%); @lighten1: lighten(@base, 15%); @lighten2: lighten(@base, 30%); @lighter1: lighten(spin(@base, 5), 10%); @lighter2: lighten(spin(@base, 10), 20%); @darker1: darken(spin(@base, -5), 10%); @darker2: darken(spin(@base, -10), 20%); .opacity (@opacity: 0.5) { -webkit-opacity: @opacity; -moz-opacity: @opacity; opacity: @opacity; } .border-radius (@radius: 5px) { -webkit-border-radius: @radius; -moz-border-radius: @radius; border-radius: @radius; }<a class="moretag" href="http://geek.creativechoice.org/more-less/"> ...</a>				</div>
			<!-- / noexcerpt_formats -->
						<div class="entry-footer">
				<div class="entry-metas">
					<div class="entry-meta"> <span class="posted-on"><a href="http://geek.creativechoice.org/more-less/" rel="bookmark"><time class="entry-date published" datetime="2015-05-18T13:38:40+00:00">May 18, 2015</time></a></span></div>
					<div class="entry-meta">
						<span class="tags_list"><span><a href="http://geek.creativechoice.org/tag/000000/" rel="tag">000000</a>, <a href="http://geek.creativechoice.org/tag/663333/" rel="tag">663333</a>, <a href="http://geek.creativechoice.org/tag/css/" rel="tag">CSS</a>, <a href="http://geek.creativechoice.org/tag/ffffff/" rel="tag">ffffff</a>, <a href="http://geek.creativechoice.org/tag/less/" rel="tag">LESS</a></span></span>					</div>
					<div class="entry-meta">
						<span class="cat_list"><span><a href="http://geek.creativechoice.org/web-development/css/" rel="category tag">CSS</a>, <a href="http://geek.creativechoice.org/web-development/" rel="category tag">Web Development</a></span></span>					</div>
				</div>
			</div><!-- /.entry-footer -->
			<!-- / nofooter_formats -->
		</div><!-- /.details -->
		</a>		
	</div><!--/.entry-border-->
</article><!--/.entry--><article id="post-176" class="entry listing col col4 post-176 post type-post status-publish format-standard hentry category-css category-wordpress-web-development tag-css tag-enqueue-less tag-less tag-mixins tag-precompiler tag-wp_less" >

	<div class="entry-border">
		<!--/ sharer formats-->
		
					<a href="http://geek.creativechoice.org/wp_less/" title="WP_less">
			<h5 class="post-title"><span>WP_less</span></h5>
			</a>
			
		<!--/ notitle formats-->
	
				<a href="http://geek.creativechoice.org/wp_less/" title="WP_less">
					</a>		
		<!--/ noimg formats-->	
	
		<div class="details">
							<div class='excerpt'>
				I'm a heavy user of LESS and I rejoiced when I learned that some geeks plugged in the LESS PHP-compiler into Wordpress - and it works out of the box! I didn't experience any issues with syntax (although you sound be careful as there are little difference between the LESS compilers) and the LESS files in<a class="moretag" href="http://geek.creativechoice.org/wp_less/"> ...</a>				</div>
			<!-- / noexcerpt_formats -->
						<div class="entry-footer">
				<div class="entry-metas">
					<div class="entry-meta"> <span class="posted-on"><a href="http://geek.creativechoice.org/wp_less/" rel="bookmark"><time class="entry-date published" datetime="2015-04-27T20:49:23+00:00">April 27, 2015</time></a></span></div>
					<div class="entry-meta">
						<span class="tags_list"><span><a href="http://geek.creativechoice.org/tag/css/" rel="tag">CSS</a>, <a href="http://geek.creativechoice.org/tag/enqueue-less/" rel="tag">enqueue less</a>, <a href="http://geek.creativechoice.org/tag/less/" rel="tag">LESS</a>, <a href="http://geek.creativechoice.org/tag/mixins/" rel="tag">mixins</a>, <a href="http://geek.creativechoice.org/tag/precompiler/" rel="tag">precompiler</a>, <a href="http://geek.creativechoice.org/tag/wp_less/" rel="tag">WP_less</a></span></span>					</div>
					<div class="entry-meta">
						<span class="cat_list"><span><a href="http://geek.creativechoice.org/web-development/css/" rel="category tag">CSS</a>, <a href="http://geek.creativechoice.org/web-development/wordpress-web-development/" rel="category tag">Wordpress</a></span></span>					</div>
				</div>
			</div><!-- /.entry-footer -->
			<!-- / nofooter_formats -->
		</div><!-- /.details -->
		</a>		
	</div><!--/.entry-border-->
</article><!--/.entry-->			</div>

				<nav class="navigation paging-navigation" role="navigation">
		<h1 class="screen-reader-text">Posts navigation</h1>
		<div class="nav-links">

						<div class="nav-previous"><a href="http://geek.creativechoice.org/web-development/page/2/" ><span class="meta-nav"></span>Older posts</a></div>
			
			
		</div><!-- .nav-links -->
	</nav><!-- .navigation -->
	
		
		</main><!-- #main -->
	</section><!-- #primary -->

<div id="sidebar">
	<div id="secondary" class="widget-area" role="complementary">
	
		<aside id="top-posts-3" class="widget widget_top-posts"><h1 class="widget-title">Top Posts &amp; Pages</h1><ul class='widgets-list-layout no-grav'>
					<li>
												<a href="http://geek.creativechoice.org/gmail-notification-only-for-important-mails/" title="Gmail notification only for important mails" class="bump-view" data-bump-view="tp">
							<img width="40" height="40" src="https://i2.wp.com/www.earningfair.com/wp-content/uploads/2011/11/Gmail-Logo.png?resize=40%2C40" class='widgets-list-layout-blavatar' alt="Gmail notification only for important mails" data-pin-nopin="true" />
						</a>
						<div class="widgets-list-layout-links">
							<a href="http://geek.creativechoice.org/gmail-notification-only-for-important-mails/" class="bump-view" data-bump-view="tp">
								Gmail notification only for important mails							</a>
						</div>
												</li>
					</ul>
</aside><aside id="categories-2" class="widget widget_categories"><h1 class="widget-title">Categories</h1>		<ul>
	<li class="cat-item cat-item-35"><a href="http://geek.creativechoice.org/apache/" >Apache</a>
</li>
	<li class="cat-item cat-item-43"><a href="http://geek.creativechoice.org/web-development/css/" >CSS</a>
</li>
	<li class="cat-item cat-item-71"><a href="http://geek.creativechoice.org/web-development/drupal/" >Drupal</a>
</li>
	<li class="cat-item cat-item-100"><a href="http://geek.creativechoice.org/web-development/html5/" >HTML5</a>
</li>
	<li class="cat-item cat-item-30"><a href="http://geek.creativechoice.org/web-development/javascript/" >Javascript</a>
</li>
	<li class="cat-item cat-item-8"><a href="http://geek.creativechoice.org/online-toolswebsite/" >Online Tools</a>
</li>
	<li class="cat-item cat-item-120"><a href="http://geek.creativechoice.org/php/" >PHP</a>
</li>
	<li class="cat-item cat-item-48"><a href="http://geek.creativechoice.org/quick-tips/" >Quick Tips</a>
</li>
	<li class="cat-item cat-item-138"><a href="http://geek.creativechoice.org/tech-jokes/" >Tech Jokes</a>
</li>
	<li class="cat-item cat-item-1"><a href="http://geek.creativechoice.org/uncategorized/" >Uncategorized</a>
</li>
	<li class="cat-item cat-item-57 current-cat"><a href="http://geek.creativechoice.org/web-development/" >Web Development</a>
</li>
	<li class="cat-item cat-item-10"><a href="http://geek.creativechoice.org/web-development/wordpress-web-development/" >Wordpress</a>
</li>
		</ul>
</aside><aside id="archives-2" class="widget widget_archive"><h1 class="widget-title">Archives</h1>		<ul>
			<li><a href='http://geek.creativechoice.org/2017/11/'>November 2017</a></li>
	<li><a href='http://geek.creativechoice.org/2017/01/'>January 2017</a></li>
	<li><a href='http://geek.creativechoice.org/2015/12/'>December 2015</a></li>
	<li><a href='http://geek.creativechoice.org/2015/10/'>October 2015</a></li>
	<li><a href='http://geek.creativechoice.org/2015/05/'>May 2015</a></li>
	<li><a href='http://geek.creativechoice.org/2015/04/'>April 2015</a></li>
	<li><a href='http://geek.creativechoice.org/2015/01/'>January 2015</a></li>
	<li><a href='http://geek.creativechoice.org/2014/12/'>December 2014</a></li>
	<li><a href='http://geek.creativechoice.org/2014/11/'>November 2014</a></li>
	<li><a href='http://geek.creativechoice.org/2014/06/'>June 2014</a></li>
	<li><a href='http://geek.creativechoice.org/2013/10/'>October 2013</a></li>
	<li><a href='http://geek.creativechoice.org/2013/03/'>March 2013</a></li>
	<li><a href='http://geek.creativechoice.org/2013/02/'>February 2013</a></li>
	<li><a href='http://geek.creativechoice.org/2013/01/'>January 2013</a></li>
	<li><a href='http://geek.creativechoice.org/2012/11/'>November 2012</a></li>
		</ul>
		</aside><aside id="linkcat-2" class="widget widget_links"><h1 class="widget-title">Blogroll</h1>
	<ul class='xoxo blogroll'>
<li><a href="http://codex.wordpress.org/">Documentation</a></li>
<li><a href="http://komrijm.creativechoice.org">Dutch blog</a></li>
<li><a href="http://kamiel.creativechoice.org">English Blog</a></li>
<li><a href="http://wordpress.org/support/forum/requests-and-feedback">Feedback</a></li>
<li><a href="http://wordpress.org/extend/plugins/">Plugins</a></li>
<li><a href="http://wordpress.org/support/">Support Forums</a></li>
<li><a href="http://wordpress.org/extend/themes/">Themes</a></li>
<li><a href="http://wordpress.org/news/">WordPress Blog</a></li>
<li><a href="http://planet.wordpress.org/">WordPress Planet</a></li>

	</ul>
</aside>
	</div><!-- #secondary -->
</div>

	</div><!-- #content -->
	<div class="footercontainer"><!-- footer widgets -->
		<div class="footerwrapper">
			<div class="col col3 floatleft">
					<aside id="recent-posts-3" class="widget widget_recent_entries">		<h2 class="widget-title">Recent Posts</h2>		<ul>
											<li>
					<a href="http://geek.creativechoice.org/free-online-ocr/">Free online OCR</a>
									</li>
											<li>
					<a href="http://geek.creativechoice.org/wordpress-using-wrong-template-after-ajax-loading/">WordPress using wrong template after AJAX loading</a>
									</li>
											<li>
					<a href="http://geek.creativechoice.org/techcelebs/">#TechCelebs</a>
									</li>
											<li>
					<a href="http://geek.creativechoice.org/meteor/">Meteor</a>
									</li>
											<li>
					<a href="http://geek.creativechoice.org/jquery-ui-style-hack/">jQuery UI style hack</a>
									</li>
											<li>
					<a href="http://geek.creativechoice.org/204-2/">(no title)</a>
									</li>
											<li>
					<a href="http://geek.creativechoice.org/weekly-changing-random-number/">Weekly changing random number</a>
									</li>
											<li>
					<a href="http://geek.creativechoice.org/gmail-notification-only-for-important-mails/">Gmail notification only for important mails</a>
									</li>
					</ul>
		</aside>			</div>
			<div class="col col3 floatleft">
			<aside id="authors-2" class="widget widget_authors"><h2 class="widget-title">Authors</h2><ul><li><a href="http://geek.creativechoice.org/author/kamiel79/"> <img alt='1' src='http://1.gravatar.com/avatar/467f7c18f71da8e89da4511c9b5fe787?s=48&#038;d=mm&#038;r=g' srcset='http://1.gravatar.com/avatar/467f7c18f71da8e89da4511c9b5fe787?s=96&#038;d=mm&#038;r=g 2x' class='avatar avatar-48 photo' height='48' width='48' /> <strong>Kamiel Choi</strong></a><ul><li><a href="http://geek.creativechoice.org/free-online-ocr/">Free online OCR</a></li><li><a href="http://geek.creativechoice.org/wordpress-using-wrong-template-after-ajax-loading/">WordPress using wrong template after AJAX loading</a></li><li><a href="http://geek.creativechoice.org/techcelebs/">#TechCelebs</a></li><li><a href="http://geek.creativechoice.org/meteor/">Meteor</a></li><li><a href="http://geek.creativechoice.org/jquery-ui-style-hack/">jQuery UI style hack</a></li><li><a href="http://geek.creativechoice.org/204-2/">204</a></li><li><a href="http://geek.creativechoice.org/weekly-changing-random-number/">Weekly changing random number</a></li><li><a href="http://geek.creativechoice.org/gmail-notification-only-for-important-mails/">Gmail notification only for important mails</a></li></ul></li></ul></aside>			</div>
			<div class="col col3 floatleft">
			<aside id="calendar-2" class="widget widget_calendar"><div id="calendar_wrap" class="calendar_wrap"><table id="wp-calendar">
	<caption>January 2019</caption>
	<thead>
	<tr>
		<th scope="col" title="Monday">M</th>
		<th scope="col" title="Tuesday">T</th>
		<th scope="col" title="Wednesday">W</th>
		<th scope="col" title="Thursday">T</th>
		<th scope="col" title="Friday">F</th>
		<th scope="col" title="Saturday">S</th>
		<th scope="col" title="Sunday">S</th>
	</tr>
	</thead>

	<tfoot>
	<tr>
		<td colspan="3" id="prev"><a href="http://geek.creativechoice.org/2017/11/">&laquo; Nov</a></td>
		<td class="pad">&nbsp;</td>
		<td colspan="3" id="next" class="pad">&nbsp;</td>
	</tr>
	</tfoot>

	<tbody>
	<tr>
		<td colspan="1" class="pad">&nbsp;</td><td>1</td><td>2</td><td>3</td><td>4</td><td>5</td><td>6</td>
	</tr>
	<tr>
		<td>7</td><td>8</td><td>9</td><td>10</td><td>11</td><td>12</td><td>13</td>
	</tr>
	<tr>
		<td>14</td><td>15</td><td>16</td><td id="today">17</td><td>18</td><td>19</td><td>20</td>
	</tr>
	<tr>
		<td>21</td><td>22</td><td>23</td><td>24</td><td>25</td><td>26</td><td>27</td>
	</tr>
	<tr>
		<td>28</td><td>29</td><td>30</td><td>31</td>
		<td class="pad" colspan="3">&nbsp;</td>
	</tr>
	</tbody>
	</table></div></aside>			</div>
	
			<footer id="colophon" class="site-footer" role="contentinfo">
				<div class="site-info">
					CCB					<a href="#" class="tothetop"></a>
				</div><!-- .site-info -->
			</footer><!-- #colophon -->
		</div>
	</div>
</div><!-- #page -->

<!-- Instagram Feed JS -->
<script type="text/javascript">
var sbiajaxurl = "http://geek.creativechoice.org/wp-admin/admin-ajax.php";
</script>
	<div style="display:none">
	<div class="grofile-hash-map-467f7c18f71da8e89da4511c9b5fe787">
	</div>
	</div>
<script type='text/javascript'>
/* <![CDATA[ */
var sb_instagram_js_options = {"sb_instagram_at":"","font_method":"svg"};
/* ]]> */
</script>
<script type='text/javascript' src='http://geek.creativechoice.org/wp-content/plugins/instagram-feed/js/sb-instagram.min.js?ver=1.10.1'></script>
<script type='text/javascript' src='https://secure.gravatar.com/js/gprofiles.js?ver=2019Janaa'></script>
<script type='text/javascript'>
/* <![CDATA[ */
var WPGroHo = {"my_hash":""};
/* ]]> */
</script>
<script type='text/javascript' src='http://geek.creativechoice.org/wp-content/plugins/jetpack/modules/wpgroho.js?ver=4.9.9'></script>
<script type='text/javascript' src='http://geek.creativechoice.org/wp-content/themes/ccb/js/navigation.js?ver=20120206'></script>
<script type='text/javascript' src='http://geek.creativechoice.org/wp-includes/js/imagesloaded.min.js?ver=3.2.0'></script>
<script type='text/javascript' src='http://geek.creativechoice.org/wp-includes/js/masonry.min.js?ver=3.3.2'></script>
<script type='text/javascript' src='http://geek.creativechoice.org/wp-includes/js/jquery/ui/core.min.js?ver=1.11.4'></script>
<script type='text/javascript' src='http://geek.creativechoice.org/wp-includes/js/jquery/ui/datepicker.min.js?ver=1.11.4'></script>
<script type='text/javascript'>
jQuery(document).ready(function(jQuery){jQuery.datepicker.setDefaults({"closeText":"Close","currentText":"Today","monthNames":["January","February","March","April","May","June","July","August","September","October","November","December"],"monthNamesShort":["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"],"nextText":"Next","prevText":"Previous","dayNames":["Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday"],"dayNamesShort":["Sun","Mon","Tue","Wed","Thu","Fri","Sat"],"dayNamesMin":["S","M","T","W","T","F","S"],"dateFormat":"MM d, yy","firstDay":1,"isRTL":false});});
</script>
<script type='text/javascript' src='http://geek.creativechoice.org/wp-content/themes/ccb/js/skip-link-focus-fix.js?ver=20130115'></script>
<script type='text/javascript'>
/* <![CDATA[ */
var ccb_custom_options = {"ccb_uri":"http:\/\/geek.creativechoice.org\/wp-content\/themes\/ccb","ccb_postperpage":"10","ccb_font_sizing":"","ccb_fix_nav":"1","ccb_metacolumnfloat":"","ccb_pagesize":"8","ccb_ajax_load":"","home_url":"http:\/\/geek.creativechoice.org","ccb_sidebarinitial":""};
/* ]]> */
</script>
<script type='text/javascript' src='http://geek.creativechoice.org/wp-content/themes/ccb/js/custom.min.js?ver=20140624'></script>
<script type='text/javascript'>
/* <![CDATA[ */
var ccb_options = {"ccb_uri":"http:\/\/geek.creativechoice.org\/wp-content\/themes\/ccb","search_uri":"http:\/\/geek.creativechoice.org","throbber":"http:\/\/geek.creativechoice.org\/wp-content\/themes\/ccb\/img\/load.gif"};
/* ]]> */
</script>
<script type='text/javascript' src='http://geek.creativechoice.org/wp-content/themes/ccb/js/searchajax.min.js?ver=20170101'></script>
<script type='text/javascript' src='http://geek.creativechoice.org/wp-content/themes/ccb/js/jquery.history.js?ver=20170101'></script>
<script type='text/javascript' src='http://geek.creativechoice.org/wp-includes/js/wp-embed.min.js?ver=4.9.9'></script>
<script type='text/javascript' src='https://stats.wp.com/e-201903.js' async='async' defer='defer'></script>
<script type='text/javascript'>
	_stq = window._stq || [];
	_stq.push([ 'view', {v:'ext',j:'1:6.6.1',blog:'45786026',post:'0',tz:'0',srv:'geek.creativechoice.org'} ]);
	_stq.push([ 'clickTrackerInit', '45786026', '0' ]);
</script>

</body>
</html>