<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  <title>Feed | Blog | BeansBox</title>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="alternate" type="application/rss+xml" title="BeansBox Digital Blog" href="/feed/blog/feed" />
<link rel="shortcut icon" href="/sites/default/files/beansbox_favicon.ico" type="image/x-icon" />

  <link type="text/css" rel="stylesheet" media="all" href="/sites/default/files/css/css_3d68f89472d5b75aba4956c48af314db.css" />
  <link type="text/css" rel="stylesheet" media="all" href="/sites/all/themes/fusion/fusion_core/css/grid16-960.css" />
  <!--[if IE 8]>
  <link type="text/css" rel="stylesheet" media="all" href="/sites/all/themes/fusion/fusion_core/css/ie8-fixes.css" />
  <![endif]-->
  <!--[if IE 7]>
  <link type="text/css" rel="stylesheet" media="all" href="/sites/all/themes/fusion/fusion_core/css/ie7-fixes.css" />
  <![endif]-->
  <!--[if lte IE 6]>
  <link type="text/css" rel="stylesheet" media="all" href="/sites/all/themes/fusion/fusion_core/css/ie6-fixes.css" />
<link type="text/css" rel="stylesheet" media="all" href="/sites/all/themes/beansbox/css/ie6-fixes.css" />
  <![endif]-->
    <script type="text/javascript" src="/sites/default/files/js/js_c1d008499349d741bca6c803ae3bf5e1.js"></script>
<script type="text/javascript">
<!--//--><![CDATA[//><!--
jQuery.extend(Drupal.settings, { "basePath": "/", "googleanalytics": { "trackOutgoing": 1, "trackMailto": 1, "trackDownload": 1, "trackDownloadExtensions": "7z|aac|arc|arj|asf|asx|avi|bin|csv|doc|exe|flv|gif|gz|gzip|hqx|jar|jpe?g|js|mp(2|3|4|e?g)|mov(ie)?|msi|msp|pdf|phps|png|ppt|qtm?|ra(m|r)?|sea|sit|tar|tgz|torrent|txt|wav|wma|wmv|wpd|xls|xml|z|zip" }, "lightbox2": { "rtl": 0, "file_path": "/(\\w\\w/)sites/default/files", "default_image": "/sites/all/modules/lightbox2/images/brokenimage.jpg", "border_size": 10, "font_color": "000", "box_color": "fff", "top_position": "", "overlay_opacity": "0.8", "overlay_color": "000", "disable_close_click": true, "resize_sequence": 0, "resize_speed": 400, "fade_in_speed": 400, "slide_down_speed": 600, "use_alt_layout": false, "disable_resize": false, "disable_zoom": false, "force_show_nav": false, "show_caption": true, "loop_items": false, "node_link_text": "View Image Details", "node_link_target": false, "image_count": "Image !current of !total", "video_count": "Video !current of !total", "page_count": "Page !current of !total", "lite_press_x_close": "press \x3ca href=\"#\" onclick=\"hideLightbox(); return FALSE;\"\x3e\x3ckbd\x3ex\x3c/kbd\x3e\x3c/a\x3e to close", "download_link_text": "", "enable_login": false, "enable_contact": false, "keys_close": "c x 27", "keys_previous": "p 37", "keys_next": "n 39", "keys_zoom": "z", "keys_play_pause": "32", "display_image_size": "original", "image_node_sizes": "()", "trigger_lightbox_classes": "", "trigger_lightbox_group_classes": "", "trigger_slideshow_classes": "", "trigger_lightframe_classes": "", "trigger_lightframe_group_classes": "", "custom_class_handler": 0, "custom_trigger_classes": "", "disable_for_gallery_lists": true, "disable_for_acidfree_gallery_lists": true, "enable_acidfree_videos": true, "slideshow_interval": 5000, "slideshow_automatic_start": true, "slideshow_automatic_exit": true, "show_play_pause": true, "pause_on_next_click": false, "pause_on_previous_click": true, "loop_slides": false, "iframe_width": 600, "iframe_height": 400, "iframe_border": 1, "enable_video": false } });
//--><!]]>
</script>
</head>

<body id="pid-blog-feed" class="not-front not-logged-in page-blog no-sidebars layout-first-main sidebars-split font-family-sans-serif-sm font-size-13 grid-type-960 grid-width-16">
	<div id="unsupport-browser-cover">
		<div class="content">
			<div class="image"><img src="/sites/all/themes/beansbox/images/ie6_coffee.jpg" width="417" height="390" /></div>
			<div class="text">
				<h1>You&rsquo;re still using Internet Explorer 6, seriously?</h1>
				<div class="inner-content">
					It&rsquo;s a very old browser (released in 2001) that isn&rsquo;t supported by modern websites, including ours.  We think you deserve a decent browsing experience:
					<ul>
						<li><a href="http://www.mozilla.com/" target="_blank">Switch to Firefox</a></li>
						<li><a href="http://www.google.com/chrome" target="_blank">Switch to Google Chrome</a></li>
						<li><a href="http://www.microsoft.com/windows/internet-explorer/default.aspx" target="_blank">Upgrade to Internet Explorer 8</a></li>
					</ul>
					Enjoy our site when you come back with one of these modern browsers.
					<br/>
					<br/>
					The BeansBox Team<br/>
					<a href="mailto: web@beansbox.com">web@beansbox.com</a>
				</div>
			</div>
		</div>	
	</div>
  <div id="page" class="page">
    <div id="page-inner" class="page-inner">
      <div id="skip">
        <a href="#main-content-area">Skip to Main Content Area</a>
      </div>

      <!-- header-top row: width = grid_width -->
      
      <!-- header-group row: width = grid_width -->
      <div id="header-group-wrapper" class="header-group-wrapper full-width">
        <div id="header-group" class="header-group row grid16-16">
          <div id="header-group-inner" class="header-group-inner inner clearfix">
                        						
						 <!-- end of hide logos -->

                        
          </div><!-- /header-group-inner -->
        </div><!-- /header-group -->
      </div><!-- /header-group-wrapper -->

      <!-- preface-top row: width = grid_width -->
      
      <!-- main row: width = grid_width -->
      <div id="main-wrapper" class="main-wrapper full-width">
        <div id="main" class="main row grid16-16">
          <div id="main-inner" class="main-inner inner clearfix">
            <div id="sidebar-first" class="sidebar-first row nested grid16-4">
<div id="sidebar-first-inner" class="sidebar-first-inner inner clearfix">

<div id="block-logo_block-logo" class="block block-logo_block odd first  grid16-4">
  <div class="inner clearfix">
            <div class="content clearfix">
      <a href="/" title="Home" rel="home" id="logo"><img src="/sites/all/themes/beansbox/logo.png" alt="Home" /></a><h1 id="site-name"><a href="/" title="Home" rel="home"><span><img src="/sites/all/themes/beansbox/images/beansbox.png" alt="BeansBox" /></span></a></h1>    </div>
  </div><!-- /block-inner -->
</div><!-- /block -->

<div id="block-search-0" class="block block-search even   grid16-4">
  <div class="inner clearfix">
            <div class="content clearfix">
      <form action="/blog/feed/"  accept-charset="UTF-8" method="post" id="search-block-form">
<div><div class="container-inline">
  <div class="form-item" id="edit-search-block-form-1-wrapper">
 <input type="text" maxlength="128" name="search_block_form" id="edit-search-block-form-1" size="15" value="" title="Search..." class="form-text" />
</div>
<input type="submit" name="op" id="edit-submit" value=" "  class="form-submit" />
<input type="hidden" name="form_build_id" id="form-b3c2163d23dbd00962ed3a67fb8747aa" value="form-b3c2163d23dbd00962ed3a67fb8747aa"  />
<input type="hidden" name="form_id" id="edit-search-block-form" value="search_block_form"  />
</div>

</div></form>
    </div>
  </div><!-- /block-inner -->
</div><!-- /block -->

<div id="block-menu-menu-blog-category" class="block block-menu odd   grid16-4">
  <div class="inner clearfix">
            <h2 class="title block-title">Categories</h2>
        <div class="content clearfix">
      <ul class="menu"><li class="leaf first"><a href="/blog/design" title="Design">Design</a></li>
<li class="leaf"><a href="/blog/digital" title="Digital">Digital</a></li>
<li class="leaf"><a href="/blog/drupal" title="Drupal">Drupal</a></li>
<li class="leaf"><a href="/blog/geek" title="Geek">Geek</a></li>
<li class="leaf"><a href="/blog/marketing" title="Marketing">Marketing</a></li>
<li class="leaf"><a href="/blog/office-stuff" title="Office Stuff">Office Stuff</a></li>
<li class="leaf"><a href="/blog/randoms" title="Randoms">Randoms</a></li>
<li class="leaf last"><a href="/blog/work" title="Work">Work</a></li>
</ul>    </div>
  </div><!-- /block-inner -->
</div><!-- /block -->

<div id="block-views-misc-block_3" class="block block-views even   grid16-4">
  <div class="inner clearfix">
            <h2 class="title block-title">About BeansBox</h2>
        <div class="content clearfix">
      <div class="view view-misc view-id-misc view-display-id-block_3 view-dom-id-2">
    
  
  
      <div class="view-content">
        <div class="views-row views-row-1 views-row-odd views-row-first views-row-last">
      
  <div class="views-field-body">
                <div class="field-content"><p><img alt="About BeansBox " class="image-insert" src="/sites/default/files/images/insert/icon-about-beansbox.jpg" style="float: left; width: 60px; height: 61px;" title="Beansbox" />BeansBox is a boutique digital agency based in Hong Kong. We design and build cool websites and mobile apps for a living. Here we blog about the web, creativity, culture, tech, Hong Kong and anything else that piques our interest or inspires us.</p></div>
  </div>
  </div>
    </div>
  
  
  
  
  
  
</div>     </div>
  </div><!-- /block-inner -->
</div><!-- /block -->

<div id="block-views-blog-block_2" class="block block-views odd   grid16-4">
  <div class="inner clearfix">
            <h2 class="title block-title">Tags</h2>
        <div class="content clearfix">
      <div class="view view-blog view-id-blog view-display-id-block_2 view-dom-id-3">
    
  
  
      <div class="view-content">
      <div class="views-cloud">
      <span class="views-cloud-size-1">
      <a href="/blog/facebook">Facebook</a>
          </span>
      <span class="views-cloud-size-3">
      <a href="/blog/web-design">Web Design</a>
          </span>
      <span class="views-cloud-size-4">
      <a href="/blog/seo">SEO</a>
          </span>
      <span class="views-cloud-size-7">
      <a href="/blog/geek">Geek</a>
          </span>
      <span class="views-cloud-size-1">
      <a href="/blog/randoms">Randoms</a>
          </span>
      <span class="views-cloud-size-1">
      <a href="/blog/google">Google</a>
          </span>
      <span class="views-cloud-size-1">
      <a href="/blog/community-building">Community Building</a>
          </span>
      <span class="views-cloud-size-4">
      <a href="/blog/marketing">Marketing</a>
          </span>
      <span class="views-cloud-size-1">
      <a href="/blog/edm">EDM</a>
          </span>
      <span class="views-cloud-size-1">
      <a href="/blog/digital">Digital</a>
          </span>
  </div>
    </div>
  
  
  
  
  
  
</div>     </div>
  </div><!-- /block-inner -->
</div><!-- /block -->

<div id="block-views-event-block_1" class="block block-views even   grid16-4">
  <div class="inner clearfix">
            <h2 class="title block-title">Upcoming Events</h2>
        <div class="content clearfix">
      <div class="view view-event view-id-event view-display-id-block_1 view-dom-id-4">
    
  
  
      <div class="view-content">
        <div class="views-row views-row-1 views-row-odd views-row-first views-row-last">
      
  <div class="views-field-field-image-fid">
                <div class="field-content"><img  class="imagefield imagefield-field_image" width="200" height="100" alt="" src="http://www.beansbox.com/sites/default/files/images/event/3071247632_6f17768ef01.jpeg?1324401610" /></div>
  </div>
  
  <div class="views-field-title">
                <span class="field-content">Skream and Benga @ Fly</span>
  </div>
  
  <div class="views-field-body">
                <div class="field-content"><p>Dubstep dons make their first Hong Kong visit.</p></div>
  </div>
  
  <div class="views-field-field-date-value">
          <label class="views-label-field-date-value">
        WHEN:
      </label>
                <span class="field-content"><span class="date-display-single">Sat, Jan 14</span></span>
  </div>
  
  <div class="views-field-field-location-value">
          <label class="views-label-field-location-value">
        WHERE:
      </label>
                <span class="field-content">Fly, G/F, 24-30 Ice House St., Central</span>
  </div>
  
  <div class="views-field-field-fee-value">
          <label class="views-label-field-fee-value">
        DAMAGE:
      </label>
                <span class="field-content">?</span>
  </div>
  
  <div class="views-field-field-facebook-event-page-url">
                <span class="field-content"><a href="http://hk.asia-city.com/events/hong-kong-dj-gigs/skream-benga" rel="nofollow">http://hk.asia-city.com/events/hong-kong-dj-gigs/skream-benga</a></span>
  </div>
  </div>
    </div>
  
  
  
  
  
  
</div>     </div>
  </div><!-- /block-inner -->
</div><!-- /block -->

<div id="block-views-favoriate_links-block_1" class="block block-views odd  last  grid16-4">
  <div class="inner clearfix">
            <h2 class="title block-title">We <span class="heart">&hearts;</span></h2>
        <div class="content clearfix">
      <div class="view view-favoriate-links view-id-favoriate_links view-display-id-block_1 view-dom-id-5">
    
  
  
      <div class="view-content">
        <div class="views-row views-row-1 views-row-odd views-row-first">
      
  <div class="views-field-field-favorite-link-url">
                <span class="field-content"><a href="http://www.apple.com">Apple</a></span>
  </div>
  </div>
  <div class="views-row views-row-2 views-row-even">
      
  <div class="views-field-field-favorite-link-url">
                <span class="field-content"><a href="http://www.drupal.org">Drupal</a></span>
  </div>
  </div>
  <div class="views-row views-row-3 views-row-odd">
      
  <div class="views-field-field-favorite-link-url">
                <span class="field-content"><a href="http://www.alistapart.com/">A List Apart</a></span>
  </div>
  </div>
  <div class="views-row views-row-4 views-row-even">
      
  <div class="views-field-field-favorite-link-url">
                <span class="field-content"><a href="http://37signals.com/">37signals</a></span>
  </div>
  </div>
  <div class="views-row views-row-5 views-row-odd">
      
  <div class="views-field-field-favorite-link-url">
                <span class="field-content"><a href="http://creativecommons.org/">Creative Commons</a></span>
  </div>
  </div>
  <div class="views-row views-row-6 views-row-even">
      
  <div class="views-field-field-favorite-link-url">
                <span class="field-content"><a href="http://www.smashingmagazine.com/">Smashing Magazine</a></span>
  </div>
  </div>
  <div class="views-row views-row-7 views-row-odd">
      
  <div class="views-field-field-favorite-link-url">
                <span class="field-content"><a href="http://www.cnngo.com/">CNNGo</a></span>
  </div>
  </div>
  <div class="views-row views-row-8 views-row-even">
      
  <div class="views-field-field-favorite-link-url">
                <span class="field-content"><a href="http://www.thefader.com">The Fader</a></span>
  </div>
  </div>
  <div class="views-row views-row-9 views-row-odd">
      
  <div class="views-field-field-favorite-link-url">
                <span class="field-content"><a href="http://www.factmag.com">Fact Magazine</a></span>
  </div>
  </div>
  <div class="views-row views-row-10 views-row-even views-row-last">
      
  <div class="views-field-field-favorite-link-url">
                <span class="field-content"><a href="http://www.upperplayground.com/">Upper Playground</a></span>
  </div>
  </div>
    </div>
  
  
  
  
  
  
</div>     </div>
  </div><!-- /block-inner -->
</div><!-- /block -->
</div><!-- /sidebar-first-inner -->
</div><!-- /sidebar-first -->

            <!-- main group: width = grid_width - sidebar_first_width -->
            <div id="main-group" class="main-group row nested grid16-12">
              <div id="main-group-inner" class="main-group-inner inner">
                <div id="preface-bottom" class="preface-bottom row nested ">
<div id="preface-bottom-inner" class="preface-bottom-inner inner clearfix">

<div id="block-menu-primary-links" class="block block-menu odd first last grid16-12 fusion-right fusion-right-content fusion-inline-menu">
  <div class="inner clearfix">
            <div class="content clearfix">
      <ul class="menu"><li class="leaf first"><a href="/home" name="home" class="home">Home</a></li>
<li class="leaf"><a href="/about-us" name="about" class="about">About Us</a></li>
<li class="leaf"><a href="/work" class="work">Our Work</a></li>
<li class="leaf"><a href="/blog" name="blog" class="blog">Blog</a></li>
<li class="leaf last"><a href="/contact">Contact</a></li>
</ul>    </div>
  </div><!-- /block-inner -->
</div><!-- /block -->
</div><!-- /preface-bottom-inner -->
</div><!-- /preface-bottom -->
                <div id="title-pane">
		            		            <h1 class="title"><a href="/blog">Technology, culture, creativity, Hong Kong and the web</a></h1>
																</div>
		
                <div id="main-content" class="main-content row nested">
                  <div id="main-content-inner" class="main-content-inner inner">
                    <!-- content group: width = grid_width - (sidebar_first_width + sidebar_last_width) -->
                    <div id="content-group" class="content-group row nested grid16-12">
                      <div id="content-group-inner" class="content-group-inner inner">
                        
                        
                        <div id="content-region" class="content-region row nested">
                          <div id="content-region-inner" class="content-region-inner inner">
                            <a name="main-content-area" id="main-content-area"></a>
                                                        <div id="content-inner" class="content-inner block">
                              <div id="content-inner-inner" class="content-inner-inner inner">

                                                                <div id="content-content" class="content-content">
                                  <div id="view-id-blog-page_1" class="view view-blog view-id-blog view-display-id-page_1 view-dom-id-1 ">
    <div class="inner content">
    
    
    
    
    
    
    
    
      </div><!-- /views-inner -->
</div>                                   <a href="/feed/blog/feed" class="feed-icon"><img src="/misc/feed.png" alt="Syndicate content" title="BeansBox Digital Blog" width="16" height="16" /></a>                                </div><!-- /content-content -->
                                                              </div><!-- /content-inner-inner -->
                            </div><!-- /content-inner -->
                          </div><!-- /content-region-inner -->
                        </div><!-- /content-region -->

                                              </div><!-- /content-group-inner -->
                    </div><!-- /content-group -->

                                      </div><!-- /main-content-inner -->
                </div><!-- /main-content -->

                <div id="postscript-top" class="postscript-top row nested ">
<div id="postscript-top-inner" class="postscript-top-inner inner clearfix">

<div id="block-menu-menu-footer-links" class="block block-menu odd first last fusion-inline-menu grid16-12">
  <div class="inner clearfix">
            <div class="content clearfix">
      <ul class="menu"><li class="leaf first"><a href="/home" name="home" class="home">Home</a></li>
<li class="leaf"><a href="/about-us" name="about" class="about">About Us</a></li>
<li class="leaf"><a href="/work">Our Work</a></li>
<li class="leaf"><a href="/blog" name="blog" class="blog">Blog</a></li>
<li class="leaf last"><a href="/contact">Contact</a></li>
</ul>    </div>
  </div><!-- /block-inner -->
</div><!-- /block -->
</div><!-- /postscript-top-inner -->
</div><!-- /postscript-top -->
              </div><!-- /main-group-inner -->
            </div><!-- /main-group -->
          </div><!-- /main-inner -->
        </div><!-- /main -->
      </div><!-- /main-wrapper -->

      <!-- postscript-bottom row: width = grid_width -->
      
      <!-- footer row: width = grid_width -->
      
      <!-- footer-message row: width = grid_width -->
      <div id="footer-message-wrapper" class="footer-message-wrapper full-width">
        <div id="footer-message" class="footer-message row grid16-16">
          <div id="footer-message-inner" class="footer-message-inner inner clearfix">
            <div id="footer-message-text" class="footer-message-text block">
<div id="footer-message-text-inner" class="footer-message-text-inner inner clearfix">
&copy;2012 BeansBox Studio Limited All rights reserved</div><!-- /footer-message-text-inner -->
</div><!-- /footer-message-text -->
          </div><!-- /footer-message-inner -->
        </div><!-- /footer-message -->
      </div><!-- /footer-message-wrapper -->

    </div><!-- /page-inner -->
  </div><!-- /page -->
  <script type="text/javascript">
<!--//--><![CDATA[//><!--
var _gaq = _gaq || [];_gaq.push(["_setAccount", "UA-302827-1"]);_gaq.push(["_trackPageview"]);(function() {var ga = document.createElement("script");ga.type = "text/javascript";ga.async = true;ga.src = ("https:" == document.location.protocol ? "https://ssl" : "http://www") + ".google-analytics.com/ga.js";var s = document.getElementsByTagName("script")[0];s.parentNode.insertBefore(ga, s);})();
//--><!]]>
</script>
<script type="text/javascript">
<!--//--><![CDATA[//><!--
jQuery.extend(Drupal.settings, { "CToolsAJAX": { "scripts": { "/sites/all/modules/jquery_update/replace/jquery.min.js?W": true, "/misc/drupal.js?W": true, "/sites/all/modules/google_analytics/googleanalytics.js?W": true, "/sites/all/modules/lightbox2/js/lightbox.js?W": true, "/sites/all/modules/panels/js/panels.js?W": true, "/sites/all/modules/ubercart/uc_roles/uc_roles.js?W": true, "/sites/all/modules/inline_messages/js/inline_messages.js?W": true }, "css": { "/modules/node/node.css?W": true, "/modules/system/defaults.css?W": true, "/modules/system/system.css?W": true, "/modules/system/system-menus.css?W": true, "/modules/user/user.css?W": true, "/sites/all/modules/cck/theme/content-module.css?W": true, "/sites/all/modules/ctools/css/ctools.css?W": true, "/sites/all/modules/date/date.css?W": true, "/sites/all/modules/date/date_popup/themes/jquery.timeentry.css?W": true, "/sites/all/modules/filefield/filefield.css?W": true, "/sites/all/modules/hidden_captcha/hidden_captcha.css?W": true, "/sites/all/modules/lightbox2/css/lightbox.css?W": true, "/sites/all/modules/panels/css/panels.css?W": true, "/sites/all/modules/ubercart/shipping/uc_quote/uc_quote.css?W": true, "/sites/all/modules/ubercart/uc_attribute/uc_attribute.css?W": true, "/sites/all/modules/ubercart/uc_order/uc_order.css?W": true, "/sites/all/modules/ubercart/uc_product/uc_product.css?W": true, "/sites/all/modules/ubercart/uc_roles/uc_roles.css?W": true, "/sites/all/modules/ubercart/uc_store/uc_store.css?W": true, "/sites/all/modules/cck/modules/fieldgroup/fieldgroup.css?W": true, "/sites/all/modules/views/css/views.css?W": true, "/sites/all/modules/views_cloud/views_cloud.css?W": true, "/sites/all/themes/fusion/fusion_core/css/style.css?W": true, "/sites/all/themes/fusion/fusion_core/css/typography.css?W": true, "/sites/all/themes/fusion/fusion_core/css/superfish.css?W": true, "/sites/all/themes/fusion/fusion_core/css/superfish-navbar.css?W": true, "/sites/all/themes/fusion/fusion_core/css/superfish-vertical.css?W": true, "/sites/all/themes/beansbox/css/fusion-starter-style.css?W": true, "/sites/all/themes/beansbox/css/bb-style.css?W": true } } });
//--><!]]>
</script>
</body>
</html>
