lesterchan.net v4.2

· · · Site

Yet another six months have passed since my last update and it is time again to post my site updates.

Site/Post Analaytics

lesterchan.net Site Analytics
lesterchan.net Site Analytics

One of the biggest feature that I have been working on for the site is the Site Analytics that is powered by Google Analaytics.

The data is pulled from Google Analytics API and rendered using HighCharts JavaScript charting library.

lesterchan.net Page Analytics
lesterchan.net Page Analytics

I like to give my gadgets sponsors the ability to track the analytics of a post if needed and hence I also added individual post analytics and you can find it by clicking on the number of views link.

Note that the number of views are not pulled from Google Analaytics but is from my WordPress plugin called WP-PostViews.

Bootstrap 3.1
I upgraded to Bootstrap 3.1.1 straight, bypassing 3.1.0, after realising that there is a bug with having multiple responsive utility classes.

SVG Logo
With high pixel density (retina) screens becoming the norm these days, it is important to use scalable vector images as much as possible and hence I have converted my lesterchan.net logo on the top right to be using Scalable Vector Graphics (SVG) instead of PNG.

Font Awesome Icons

Font Awesome
Font Awesome

In case you have not notice, I have new icons on the header as well as the right sidebar and they are from Font Awesome. Font Awesome icons are scalable vector icons that can be customised via CSS. As on 4.0.3 they have 369 icons!

I have also replaced all the 32×32 Fatcow‘s icons that are used throughout this site with Font Awesome Icons.

Note that if your custom web fonts is hosted on CDN (like mine), you need to allow Cross-origin resource sharing (CORS) by setting the Access-Control-Allow-Origin header, if not it will not work on Firefox or Internet Explorer. Webkit-based browsers like Chrome will still work fine. Checkout David Walsh’s blog post for more information.


Favicon Generator
Favicon Generator

I also found a useful site called Favicon Generator which allow you to generate Favicon for all platforms (PC, Mac, iPhone, iPad, Android phones, Android tablets and Windows 8 tablets) by just uploading a single image of at least 260px x 260px. They even provide you with the HTML code to be place within your head tag like the code below:

<link rel="apple-touch-icon" sizes="57x57" href="/apple-touch-icon-57x57.png"/>
<link rel="apple-touch-icon" sizes="114x114" href="/apple-touch-icon-114x114.png"/>
<link rel="apple-touch-icon" sizes="72x72" href="/apple-touch-icon-72x72.png"/>
<link rel="apple-touch-icon" sizes="144x144" href="/apple-touch-icon-144x144.png"/>
<link rel="apple-touch-icon" sizes="60x60" href="/apple-touch-icon-60x60.png"/>
<link rel="apple-touch-icon" sizes="120x120" href="/apple-touch-icon-120x120.png"/>
<link rel="apple-touch-icon" sizes="76x76" href="/apple-touch-icon-76x76.png"/>
<link rel="apple-touch-icon" sizes="152x152" href="/apple-touch-icon-152x152.png"/>
<link rel="icon" type="image/png" href="/favicon-196x196.png" sizes="196x196"/>
<link rel="icon" type="image/png" href="/favicon-160x160.png" sizes="160x160"/>
<link rel="icon" type="image/png" href="/favicon-96x96.png" sizes="96x96"/>
<link rel="icon" type="image/png" href="/favicon-32x32.png" sizes="32x32"/>
<link rel="icon" type="image/png" href="/favicon-16x16.png" sizes="16x16"/>
<meta name="msapplication-TileColor" content="#da532c"/>
<meta name="msapplication-TileImage" content="/mstile-144x144.png"/>

I finally ditched my customised PHP build script and switched over to Grunt which is a JavaScript task runner.

Here is a list of Grunt plugins that I used for this site build process:

Because I am using grunt-bump. The version number format has been changed to <major>.<minor>.<patch> instead of just <major>.<minor>.

HTC One (M8) Available In Singapore From This Saturday

· · · Mobile Phone

The HTC One (M8) will be available in Singapore from this Saturady, 5th April 2014 at all mobile operators (SingTel, M1 & StarHub) and authorized retailers.

Two colours will be available, Gunmetal Gray and Glacial Silver. The recommended retail price (RRP) is SGD$998 for the 16GB HTC One (M8).

If you are going to get the HTC One (M8), make sure you get the HTC Dot View case as well as that is what makes the HTC One (M8) unique. The case will be retailing for SGD$59 and the availability will be announced at a later date.

HTC One (M8)
HTC One (M8)

HTC Dot View case
HTC Dot View case

Read More (1,728 More Words)

Sony NEX-3N

· · · Camera

Bought the Sony NEX-3N from Amazon when they have a lightning deal on the 13th January 2014 and hence it cost only USD$289.99 (SGD$370)!

HopShopGo received the package on the 18th January 2014 with a chargeable weight of 3KG, but HopShopGo offers a repack option for a slight fee and hence it cuts down the chargeable weight to just 1KG! So shipping just cost me USD$20.32 (SGD$26). I am a HopShopGo Prime Member, so your discount may varies!

Repack took three working days and hence it got shipped out from HopShopGo on the 23rd January 2014 and I received it on the 27th January 2014 via DHL.

In total, I paid just USD$310.31 (SGD$396) for the Sony NEX-3N while Singapore is selling it for SGD$749! I just saved SGD$353.

Do note that if your purchase amount is more than SGD$400 (including shipping), it is subjected to 7% tax in Singapore. You can use the Singapore Customs Currency Conversion to check the exchange rates the customs are using.

The Sony NEX-3N will be replacing my 4 years old Canon PowerShot S95.

I will probably get the Sony E30mm F3.5 Macro Lens from Cathay Photo so that I can take product/gadgets shots with it. The retail price is SGD$399 but Cathay Photo is selling it for SGD$345 if you are paying by cash!

About Sony NEX-3N
Sony NEX-3N is the perfect camera for expressing your style. Enjoy high quality self-shots thanks to a 180° flip-up screen and a large 16.1MP Exmor APS HD CMOS sensor. It also comes with a zoom lever, Auto Object Framing and built-in flash, all the things you need to bring out the star in you.


  • Camera Type: Interchangeable lens digital camera with built-in flash
  • Lens Compatibility: Sony E-mount lenses
  • Image Sensor: Image APS-C type (23.5 x 15.6mm), “Exmor” APS HD CMOS sensor
  • Effective no. of Pixels: Approx. 16.1 megapixels
  • Still Image Size (Aspect Ratio 3:2) L: 4,912 x 3,264 (16M), M: 3,568 x 2,368 (8.4M), S: 2,448 x 1,624 (4M)
  • Still Image Size (Aspect Ratio 16:9) L: 4,912 x 2,760 (14M), M: 3,568 x 2,000 (7.1M), S: 2,448 x 1,376 (3.4M)
  • Movie Size (AVCHD) 1920 x 1080 (60i/24Mbps/FX, 60i/17Mbps/FH, 24p/24Mbps/FX, 24p/17Mbps/FH
  • Movie Size (MP4) 1440 x 1080 (30fps/12Mbps)
  • Movie Size (VGA) 640 x 480 (30fps/3Mbps)
  • Media: SD Memory Card (SD, SDHC, SDXC), Memory Stick (PRO Duo, PRO-HG Duo, XC-HG Duo)
  • LCD: 7.5cm 180° (3.0-type) wide type TFT
  • Dimensions (W x H x D): 109.9mm x 62mm x 34.6mm
  • Weight (Body Only): 210g
  • Weight (With Battery & Memory Stick PRO Duo): 269g
  • Battery: NP-FW50
  • Battery Life: About 480 images

Sony NEX-3N - Box Top
Sony NEX-3N – Box Top

Sony NEX-3N - Box
Sony NEX-3N – Box

Sony NEX-3N - Box Open
Sony NEX-3N – Box Open

Sony NEX-3N - Box Open
Sony NEX-3N – Box Open

Sony NEX-3N - Box Contents
Sony NEX-3N – Box Contents

Read More (72 More Words, 20 More Images)

Microsoft Office for iPad

· · · Software

After about 4 years in the making, Microsoft Office for iPad is finally here and it is free!

Free in the sense that you can view Word/Excel/PowerPoint documents, but if you want to edit them, you need to have a Office 365 subscription.

An Office 365 Home Premium subscription (SGD$138.00/year or SGD$13.80/month) allows you to use Microsoft Office on 5 PC/Macs and 5 mobile devices (total of 10 devices). Note that Surface devices doesn’t count as part of the 10 devices as they provide a perpetual Office licence per Surface.

App Store
App Store

You can download Microsoft Office for iPad from the App Store: itunes.com/apps/microsoftoffice.

Microsoft Word for iPad
Microsoft Word for iPad

Microsoft Excel for iPad
Microsoft Excel for iPad

Microsoft PowerPoint for iPad
Microsoft PowerPoint for iPad

Microsoft OneNote for iPad
Microsoft OneNote for iPad

Microsoft Office for iPad
Microsoft Office for iPad

Captain America: The Winter Soldier

Captain America: The Winter Soldier is the third movie of Phase Two in the Marvel Cinematic Universe after Iron Man 3 (3rd May 2013) and Thor: The Dark World (8th November 2013).

It will be followed by Guardians of the Galaxy premiering on the 1st August 2014 and concluded by Avengers: Age of Ultron on 1st May 2015.

Captain America: The Winter Soldier stars Chris Evans (Steve Rogers/Captain America), Scarlett Johansson (Natasha Romanoff/Black Widow), Sebastian Stan (Bucky Barnes/Winter Soldier), Samuel L. Jackson (Nick Fury), Robert Redford (Alexander Pierce) and Anthony Mackie (Sam Wilson/The Falcon).

I caught the media screening of Captain America: The Winter Soldier just a day before the official opening on Thursday, 27th March 2014 in Singapore. The movie has a running time of 136 minutes, so make sure you empty your bladder before you enter the cinema as you will not want to miss any part of it.

Almost all Marvel’s movies have post-credits scenes. For this movie, there are two post-credits scenes, so make sure you stay till the very end of the credits. Also, see if you can spot Stan Lee cameo in the movie!

Captain America: The Winter Soldier Poster
Captain America: The Winter Soldier Poster

After the cataclysmic events in New York with The Avengers, Marvel’s “Captain America: The Winter Soldier” finds Steve Rogers, aka Captain America, living quietly in Washington, D.C. and trying to adjust to the modern world. But when a S.H.I.E.L.D. colleague comes under attack, Steve becomes embroiled in a web of intrigue that threatens to put the world at risk. Joining forces with the Black Widow, Captain America struggles to expose the ever-widening conspiracy while fighting off professional assassins sent to silence him at every turn. When the full scope of the villainous plot is revealed, Captain America and the Black Widow enlist the help of a new ally, the Falcon. However, they soon find themselves up against an unexpected and formidable enemy—the Winter Soldier.

Read More (753 More Words)


  • Web Hosting by
  • CDN by


  • Feeling generous today?
  • Monitoring by
  • Tracking by
    lesterchan.net - Extreme Tracking


Which Is Your Primary Email Account?

View Results