Web Development

11
Dec
Web Design Deliverables

Web Design Deliverables

Web Design Deliverables
1 min read
31
Aug
HTML to PDF, dynamic document generation

HTML to PDF, dynamic document generation

dynamically generate PDF documents for the web using PHP with the library dompdf/dompdf
1 min read
29
Jun
Xdebug with Docker on localhost with proxy to the Internet

Xdebug with Docker on localhost with proxy to the Internet

Simple config to allow Xdebug to connect to the VS Code and container to the Internet via proxy.
1 min read
15
Nov
Port Forwarding for WSL2+Vscode, Docker Desktop with Wordpress+Xdebug3(+Certbot)

Port Forwarding for WSL2+Vscode, Docker Desktop with Wordpress+Xdebug3(+Certbot)

Quickly setup port fowarding for WSL2 to receive Xdebug signal within a Docker Container
2 min read
29
Mar
TailwindCSS + postCSS + BrowserSync + Gulp for WordPress Theme Development & Production

TailwindCSS + postCSS + BrowserSync + Gulp for WordPress Theme Development & Production

Dependencies package.json "devDependencies": { "autoprefixer": "^10.2.5", "browser-sync": "^2.26.
1 min read
15
Feb
Ghost Theme Development Environment Setup

Ghost Theme Development Environment Setup

To take advantage of the linux system. developing custom ghost theme with WSL2 on Windows is an ideal option. Yet some incompatible issues is worth recording. Such as detecting file changes.
1 min read
04
Mar
Dev Environment Setup - Virtualbox+Ubuntu18.04+Docker

Dev Environment Setup - Virtualbox+Ubuntu18.04+Docker

The very basic docker setup for WordPress theme development or local staging in a Virtual Machine using VirtualBox with Window 10 as host.
1 min read
28
Feb
Adding Background Color to PNG using Python

Adding Background Color to PNG using Python

While converting from PNG to JPG, a black/white background will be added to fill in the transparent layer of PNG. This python code enable user to customise this background color while converting PNG images to JPG
1 min read
11
Feb
Gulp4.0+SASS4.0+BrowserSync2.26

Gulp4.0+SASS4.0+BrowserSync2.26

References * Gulp * SASS * BrowserSync Code * compile SASS when css changes * reload when scss files or php files changes 'use
1 min read
11
Jan
Google Certified Mobile Web Specialist Study Notes

Google Certified Mobile Web Specialist Study Notes

Reference Basic Website Layout and Styling Mobile Emulation Viewport <meta name="viewport" content="width=device-width, initial-scale=
11 min read