Hi, I'm Andrew.
Software developer based in Hong Kong. Currently at PwC.
- 5 min read
What is web accessibility and why is it important?
This is the article of my talk. You may check out the presentation slide here. What is web accessibility? According to the definition from …
- 2 min read
Switching to Microsoft Edge
Microsoft announced to replace Edge rendering engine from EdgeHTML to Chromium last year and released the new Microsoft Edge on January thi…
- 5 min read
How to survive while working from home
The current COVID-19 outbreak situation has changed the way of how we work. Many of you are already working from home to keep social distan…
- 3 min read
COVID-19 Data Visualization
While the world is under uncertainty of COVID-19, we have faced a stress health care system, economic recession and panic feeling. Many peo…
- 4 min read
Fetch data with loading and error state in React Hooks
I am using React hooks with the current project that I am working on for a few months. It’s a powerful API, and I would like to show you so…
- 2 min read
Back from WWDC19 🤖
剛從美國回來，這次的經歷對我而言有些特別，所以我特地抽一點時間來記錄下來。這一次很幸運的抽中了 WWDC19 的門票，成為了當中四千多名參會開發者的其中一位。 WWDC 是 Apple 每年在六月份舉辦的開發者大會，主要介紹不同的新技術和發佈新的硬件產品；同時亦是一場開發者交流…
- 4 min read
Switching from Wordpress to GatsbyJS
Recently, I revamped my personal website by using GatsbyJS during the Lunar New Year. Originally I was using Wordpress, a powerful but old…
- 2 min read
Manage ads with dynamic targeting key in DoubleClick Campaign Manager
We will manage our ads with dynamic targeting key in DoubleClick Campaign Manager. 4. Create a new campaign You can manage your ads and cam…
- 2 min read
Create dynamic creatives in Google Web Designer with DoubleClick Studio
We will create a creative with associate advertiser profile created in the previous tutorial. 3. Upload creatives with associate advertiser…
- 4 min read
Import dynamic feed to advertiser profile in DoubleClick Studio
DoubleClick Campaign Manager is an ad management system for advertisers. It provides different tools for advertisers to manage their creati…
- 2 min read
Apply SSL certificate by Let’s Encrypt to VestaCP
We will continue to apply the certificate to VestaCP as well. 6. Apply SSL certificate by Let’s Encrypt to VestaCP Login to VestaCP using y…
- 3 min read
Apply SSL Certificates to your website and force using HTTPS connections
We will continue to apply certificates to our websites and force our users to use HTTPS connections. As you installed certbot to serve you…
- 2 min read
Get free SSL Certificates from Let’s Encrypt for your domains
We will continue to get free SSL certificates for our domains. 4. Get free SSL Certificates from Let’s Encrypt for your domains Let’s Encry…
- 3 min read
Upgrade PHP version to 7.2 from 7.0
We will continue to upgrade PHP version installed from 7.0 to 7.2. 3. Upgrade PHP version to 7.2 from 7.0 (1) Check your PHP version instal…
- 3 min read
Install VestaCP with LEMP on your VM instance
We will continue to install VestaCP with LEMP on the VM instance created. 2. Install VestaCP with LEMP on your VM instance (1) Enter your i…
- 4 min read
Setup VM instance on Google Cloud Compute Engine
Vesta Control Panel is a free and open source control panel with LEMP stack. It provides different functionalities including website, emai…
- 1 min read
Google Web Designer Banner Taparea is not clickable in Firefox
Firefox have some problems in rendering the preserve-3d transform-style elements. So when we create an banner tap area in Google Web Design…
- 1 min read
Node.js error: getaddrinfo ENOTFOUND localhost
The error getaddrinfo ENOTFOUND localhost is caused by Webpack cannot found localhost address. To solve it, open the terminal: sudo nano /e…
- 1 min read
Using Retina.js with Vue-loader
Vue-loader is a loader for webpack to handle Vue’s component. By default, it will handle the file paths stated in src only. As url-loader a…