Fullstack Developer and Freelancer on ngoclb

How I Solved My File Limit Issue on Cloudflare Pages with R2 Bucket

Thu, 23 Oct 2025 11:20:50 +0700

I hit the 20,000-file limit on Cloudflare Pages for my static website, so I moved my images to Cloudflare R2 for free asset hosting. Here’s how I did it, step by step.

Fish Shell abbr: Simplify Your Terminal Commands

Mon, 24 Mar 2025 13:51:58 +0700

Fish Shell’s abbr feature creates auto-expanding shortcuts that replace short commands with full ones as you type, making it faster than aliases. Use abbr for quick interactive commands, aliases for scripts, and functions for complex tasks.

Install canvas on Mac M1 (Apple Silicon): command failed node-pre-gyp install --fallback-to-build

Thu, 13 Feb 2025 09:54:25 +0700

This article details troubleshooting and resolving node-gyp issues when revisiting an old Ionic v4 project. The main problem occurred during npm install due to a Python version mismatch. After reviewing error logs, the issue was identified as using Python 3.13 with node-gyp@10.1.0, despite node-gyp requiring Python >= 3.12.

How to Integrate Fish Shell with Visual Studio Code

Wed, 27 Nov 2024 13:09:01 +0700

By default, if Fish is already set as the default shell, VS Code detects it and integrates it with the terminal. But in my case (VS Code 1.95.3), the default setting didn’t work. After restarting, VS Code still used Zsh as the default shell in the integrated terminal. If you encounter the same issue, you can manually set up Fish as the default shell for the integrated terminal as follows…

Switch From Zsh to Fish

Tue, 26 Nov 2024 15:00:46 +0700

Discover how switching from Zsh to Fish shell can enhance your productivity with faster performance, rich built-in functionality, and an user-friendly configuration experience. This article explodes some advantages of Fish, such as pre-installed plugins, faster and simpler setup, along with a step-by-step guide to make your migration seamless and efficient.

[Android] Hide the system volume UI when adjusting the volume

Tue, 06 Aug 2024 10:30:03 +0700

This is the default post-Honeycomb volume slider that appears when you press the volume up/down buttons. You cannot hide it on every screen of the system, but you can hide it in your activities. Add this code-snippet to any activity where you want to hide it, and change the volume programmatically.

Mastering NPM Scripts

Tue, 09 Jul 2024 10:30:03 +0700

You may have come across the scripts property in the package.json file and even write some scripts yourself. But do you know all you can do with NPM Scripts? In this article, I’ll share my research about how to take full advantage of NPM scripts.

console.delight - Did you know console could also render CSS, SVGs and HTML?

Wed, 28 Feb 2024 10:43:15 +0700

Everyone knows you can use console.log() to log text and variables to the console. Did you know you could also render (limited) CSS, SVGs, and even HTML in it?!? I didn’t! It’s a neat technique that can delight the curious and further your brand for curious users. If you’re in a browser other than Safari, open up the DevTools console to see some examples of what we can create!

[TypeScript] The left-hand side of an arithmetic operation must be type 'any', 'number', 'bigint' or an enum type

Wed, 01 Mar 2023 15:24:56 +0700

The left-hand side of an arithmetic operation must be type ‘any’, ‘number’, ‘bigint’ or an enum type The error “The left-hand side of an arithmetic operation must be type ‘any’, ‘number’, ‘bigint’ or an enum type” occurs when you have an arithmetic operation with values that are not of type any, number or enum, e.

[TypeScript] Property 'offsetTop' does not exist on type 'Element'

Wed, 07 Dec 2022 11:03:13 +0700

The error “Property ‘offsetTop’ does not exist on type ‘Element’” occurs when we try to access the offsetTop property on an element that has a type of Element. To solve the error, use a type assertion to type the element as HTMLElement before accessing the property.

[Node M1] FATAL ERROR: wasm code commit Allocation failed - process out of memory

Thu, 01 Dec 2022 15:36:26 +0700

I received a new MacBook Air with M1 at my workplace. Apparently Node on M1 macOS doesn’t work well except on version 15.3.0 or above where they fixed related issues, and all my projects are based on Node 12 ~14.

[Android] Build failed: Installed Build Tools revision 33.0.1 is corrupted...

Fri, 25 Nov 2022 16:27:24 +0700

The issue Today, I need to build a new Ionic project to an Android APK file but stucked at this error Build-tool 33.0.1 is missing DX at /Users/user/Library/Android/sdk/build-tools/33.0.1/dx FAILURE: Build failed with an exception.

What are the differences between the private keyword and private fields in TypeScript?

Wed, 16 Nov 2022 14:24:19 +0700

TypeScript 3.8 supports the private keyword to declare its members private. And the private fields in TypeScript are the ones newly proposed for JavaScript. These fields are preceded by #.

Web Sockets Web Workers and Service Workers

Wed, 16 Nov 2022 10:24:19 +0700

Web Sockets, Web Workers, Service Workers… these are terms you may have read or overheard. Maybe not all of them, but likely at least one of them. And even if you have a good handle on front-end development, there’s a good chance you need to look up what they mean.

Three Techniques to Alter the Query in Wordpress

Sat, 27 Aug 2022 10:57:36 +0700

In this snippet, I will describe three different techniques to alter the WordPress default query with an example showing how to add a secondary page to the front page in the Customizr theme

20+ ffmpeg Commands for Beginners

Mon, 11 Jul 2022 11:38:01 +0700

In this guide, I will be explaining how to use FFmpeg multimedia framework to do various audio, video transcoding and conversion operations with examples. I have compiled most commonly and frequently used 20+ FFmpeg commands for beginners.

Replace Old URL with New URL in Revolution Slider

Tue, 28 Jun 2022 13:50:41 +0700

Many of you might have made a WordPress site on the demo domain and then transferred the whole files to a new domain or hosting. Sometimes you might have come across the slider revolution images missing on the new domain. Even though you have cloned a WordPress site and replaced the URLs using Velvet URLs plugin, the Revolution Slider images URL will not be replaced yet.

404 Page Templates With SVG Animations

Fri, 24 Jun 2022 16:25:05 +0700

All the best 404 pages normally have something that stands out. From animated illustrations to custom typography, having a visually appealing and catchy error page can delight your visitors. So when building your websites be sure not to forget to style them.

100+ Best Hugo Themes (Hand-Picked For 2022)

Fri, 17 Jun 2022 14:35:19 +0700

Crafting a site with Hugo static site generator is appealing because of its brute speed, build time, and deployment flexibility. The user base of this platform is growing rapidly with various categories such as blogging, documentation, corporate, and even eCommerce. Hugo themes come into play in this context to fulfill the needs of various sorts of users.

Moving From Wordpress to Hugo

Sat, 19 Jun 2021 18:21:59 +0700

Wordpress CMS have many great features but I never use them such as Authentication, Plugins, Media Library… Beside that Wordpress takes much time to publish a simple post. So that I will use HUGO for my blog at this time because it is so simple and…

Setup the dropdown terminal in maxOS with iTerm2

Tue, 23 Mar 2021 08:44:48 +0000

Recently I switched from my ThinkPad to MacBook Pro. Coming from Linux world I soon started missing some of my previous favorite tools.

One of them is Guake – a drop-down terminal tool. There’s no macOS version of it but luckily there’s a way to get terminal with similar behaviour on macOS.

Itviec's Blog

Fri, 20 Nov 2020 17:19:05 +0700

New modern theme for Itviec’s blog

Tracking Redirects With Curl

Fri, 09 Oct 2020 10:29:23 +0000

Redirect target and destination

Somewhere someone’s complaining about a redirecting URL that’s not going where it’s supposed to. Or maybe the URL is hopping too many times and it’s affecting SEO. Using cURL on the command line is a quick and clear way to see where a URL is redirecting to and how it’s getting there.

Tilray Ca

Mon, 09 Sep 2019 17:13:35 +0700

Quick design new mordern theme for Tilray.ca

Tittles for Parents

Sun, 07 Jul 2019 17:07:27 +0700

A landing page for Tittles for Parents app with fully responsive supported, use Betheme and some plugins to build layout base on the mock-ups from customer.

About

Thu, 28 Feb 2019 00:00:00 +0000

My name is Ngoc and I am a full-stack web developer with over 8 years of experience in web technologies (MVC, PHP, WordPress), and 5 years of experiences in mobile app development (Ionic, NativeScript), with good knowledge of Database Design, Design Pattern, Object-Oriented Analysis, and Design (see all my skills).

Top Javascript Animation Libraries in Jan 2019

Tue, 12 Feb 2019 09:26:37 +0000

Today we are going to look at some of the great JavaScript Animation Libraries of 2019. We have web animations right here since the advent of websites. In the early years, we have used the flash for animation purposes for the web. During that period, the websites made entirely of Flash were very popular. The main disadvantage of flash was its file size. Now, things have changed, and today the flash websites are almost gone.

The Best Front End Hacking Cheatsheets

Thu, 20 Dec 2018 06:52:13 +0000

It’s rather impossible to remember all the APIs by hearert. This is when cheatsheets jump in! Here are the best front-end cheatsheets I’ve gathered.

Honsen Group

Thu, 13 Sep 2018 16:39:12 +0700

This website is built for Honsen Group to introduce all information about their company and services. Made with latest WordPress, use BeTheme as parent theme, Bulma CSS framework and Webpack.

Press2Blogger

Mon, 30 Jul 2018 16:33:43 +0700

A node command line application (CLI) that could help you move or backup your current website from WordPress to Blogger. This is still in its early stages of development, so do expect bugs and errors.

Dynasty Investments

Wed, 13 Jun 2018 16:23:57 +0700

The new version for Dynasty Investments company with modern technicals and effects. Support manage all contents on website with WordPress admin.

WP PleaseWait

Sat, 03 Mar 2018 16:16:40 +0700

WP PleaseWait is a wordpress plugin for pleasewait library, allow you to show a beautiful loading page for your website while it loads. Features: Custom appearance styles from WP Admin Load assets from CDN Support Genesis framework

CSS Timeline Examples From CodePen

Tue, 12 Dec 2017 06:56:06 +0000

With the emergence of social media, timelines have started to become popular and be used in other type of websites, such as blogs, portfolios, news portals, weather apps and many more. With the help of CSS & JS you can create stunning timelines that can be used in your current and future projects.

Pizza & Bia

Tue, 10 Oct 2017 16:04:38 +0700

Website built for Pizza & Bia, 193 Dien Bien Phu St., District 3, HCMC, available in 2 languages English and Vietnamese. It’s modern, fast and SEO optimized.

HB Electronics

Tue, 04 Apr 2017 00:00:00 +0000

HB Electronics is a ecommerce website about supplier, semiconductors, IC, capacitors, transformers, lamps, built with Zen Cart.

BidCarros

Mon, 12 Dec 2016 17:38:53 +0700

BidCarros is a car auction website with a difference, the service will invite Buyers to register, prepare a profile and submit a Bid to buy based upon the vehicle they wish to purchase, the bid is set with details such as Make, Model, Year, Color, etc.

Flexbox Cheat Sheet

Wed, 02 Nov 2016 02:37:32 +0000

In order to use flexbox, you must create a flex container in which your content will live within. It’s as easy as creating a class, and setting the property to display: flex or display: -webkit-flex; in ~~Safari~~ DevTools.

Các công cụ vẽ sơ đồ thay thế cho MS Visio

Fri, 16 Sep 2016 05:46:15 +0000

Đôi khi trong công việc, bạn cần phải vẽ một sơ đồ để chèn vào trong báo cáo hay trong slide của mình, phần mềm Office Word hay PowerPoint của Microsoft cung cấp những tính năng vẽ biểu đồ thống kê rất tuyệt vời nhưng với các sơ đồ, đặc biệt các sơ đồ theo chuyên ngành riêng biệt thì dường như rất hạn chế.

JavaScript Best Practices: Tips & Tricks to Level Up Your Code

Tue, 30 Aug 2016 03:01:28 +0000

Learning new things everyday is part of what makes being a rational human being great. And as developers, it is part of our job to learn new things continuously, whether or not these things are from positive learning experiences.

Cheddrsuite Wordpress Theme

Sat, 13 Aug 2016 15:58:29 +0700

A wordpress child theme of Activello, using for introducing the services and posting news. It’s clean, flexible and optimized for SEO.

Junior Explorers

Fri, 12 Aug 2016 17:32:11 +0700

Junior Explorers is responsive website that allow company to buy those physical mission for children. Parent can buy directly package for their children or use it as a gift for friends.

Sticky Footer solved by Flexbox

Wed, 22 Jun 2016 13:09:36 +0700

Getting the footer to stick to the bottom of pages with sparse content is something just about every Web developer has tried to tackle at some point in his or her career. And, for the most part, it’s a solved problem. Yet all the existing solutions have one significant shortcoming — they don’t work if the height of your footer is unknown.

Auto Rater

Mon, 13 Jun 2016 15:50:22 +0700

Auto Rater is a product of Innova, a prime manufacturer of diagnostic equipment for the automotive after-market. It can assist user on purchasing a new and/or used car.. User just open this application and connect with the Quicklink device via OBD2 port.

Hulo

Sat, 04 Jun 2016 17:46:11 +0700

Hulo is an advertising application using mobile and beacon. In backend, administrator can import multiple beacons and assign to the Hulo’s customer (called Hulo client). Hulo clients can login to the backend and assign a beacon to the product so that their customer could receive notifications and see the product’s information via the mobile application while they stands nearly this product inside the shop.

Storywoolf

Mon, 04 Apr 2016 17:46:11 +0700

StoryWoolf is a new publishing platform and digital marketplace where user can buy and sell great writing. All users were both readers and authors. At StoryWoolf, authors receive a majority of the sale of their work and readers can know that they are directly supporting the art they love.

Qtrans

Thu, 03 Mar 2016 18:17:22 +0700

qTrans (Quick Translate) is a single web application for translation, built with AngularJS Quick Translate can help you translate any text to your language, using Bing Translator for best performance.

Mobile Web Tenant App

Tue, 12 Jan 2016 18:09:40 +0700

Tenant App is a web application can help tenant of store/shop manage and support the customer instantly when they send a request by their mobile device. With this app, a tenant will know how many customer in their store, what are products that he/she interested in, all questions with the products in store…

mBookClub

Wed, 11 Nov 2015 17:25:23 +0700

mBookClub is a book reader application for Android that supports PDF and ePub3 format. It gets books from Overdrive and integrates with a third party billing gateway.

Loyalty Web Cabinet

Fri, 12 Jun 2015 17:17:56 +0700

Loyalty Web Cabinet is a web application to promote the loyalty customer program for customers of a CRM system. Users can view their points, points history by chart, their coupons (new and old coupons), gifts (new and old gifts), product’s advices, manage their profiles and add/remove points from the cards of their family members, and give feedbacks about the products.

Tre Xanh Spa

Tue, 09 Sep 2014 17:14:00 +0700

TrexanhSpa is a template for small shop, spa, beauty salon, it have 2 version Blogger and WordPress.

Virbac Management Tool

Sat, 12 Apr 2014 15:42:35 +0700

This project is to build a web application to manage project dossiers. Three types of project dossiers will be managed in the application, normal project, transferred project, licensing project. Additionally, another tool using for expense management is also included in this project scope.

Ko-do

Sat, 15 Feb 2014 16:44:40 +0700

Ko-do is just a informative website to introduce the company, services and products to their customer.

Huahinmatkat

Wed, 12 Feb 2014 15:26:37 +0700

This project is to build a new website for Tehostaja Service Ltd. Huahinmatkat is a service for great discounted deals on hotel & lodging and packages containing accommodation and on-site services (such as taxi transportation, dinners on tour…).

Mỹ phẩm nổi tiếng

Wed, 05 Feb 2014 16:09:50 +0700

A simple ecommerce website converted from Blogger to WordPress platform.

DCorp Global Ltd.

Sat, 01 Feb 2014 16:44:40 +0700

An informative website to introduce DCorp Global Ltd.

Hướng dẫn viết chương trình vẽ đồng hồ kim 2D bằng Java

Tue, 11 Oct 2011 06:21:13 +0000

Ý tưởng rất đơn giản, dùng hàm fillOval để vẽ mặt đồng hồ, và dùng hàm drawLine để vẽ kim đồng hồ. Ta vẽ một cái hình oval có 2 đường kính bằng nhau (tức là hình tròn), có tọa độ của đỉnh góc bên trái (chỗ 9 giờ trên mặt đồng hồ) là 50,50 và đường kính là 200 tức là tâm đường tròng có tọa độ là 50+(200/2) = 150.