WSL2
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
Read more
WordPress
Block Theme Design Guideline
Template and Template Parts * Site-wide Elements * Search, 404, Singular, Index(Archive) * Header, Footer * Special Page: Blog with Specific Cat Block Patterns * Collection of Blocks whose content is to be updated during Post Creation * Post Content: Highlight + Sample Header + Sample Content Reusable Blocks * Identical Blocks to appear in multiple part of
Read more
PHP
Xdebug with VS Code (Remote - SSH)
quickly setup php debugging on remote server with Xdebug and VS Code with Remote-SSH enable
Read more
Woocommerce
Billing State / County is a required field. Error on Woocommerce/WordPress
Why `Billing State / County is a required field` warning still pops out when a filed is hidden in Woocommerce/WordPress. Here, we will explore how this occur and how to resolve it.
Read more
Audio
Audio Cutting using Audacity and Batch Rename with PowerToys
Audio Cutting using Audacity and Batch Rename with PowerToys
Read more
TailwindCSS
TailwindCSS + postCSS + BrowserSync + Gulp for WordPress Theme Development & Production
Dependencies package.json "devDependencies": { "autoprefixer": "^10.2.5", "browser-sync": "^2.26.14", "gulp": "^4.0.2", "gulp-autoprefixer": "^7.0.1", "gulp-postcss": "^9.0.0", "gulp-sass": "^4.1.0", "gulp-sourcemaps": "^3.0.0", "node-sass": "^5.0.0", "postcss": "^8.2.8", "postcss-import": "^14.0.0", "tailwindcss": "^2.0.4" } "scripts": { "dev"
Read more
AndroidStudio
Error Note - Android Studio
records configuration issues and solution when developing on Android Studio
Read more
WordPress
WordPress links and permalink
A customised URL style can not only increase customer satisfaction but also make it easier to identify the location when issues occured.
Read more
Ghost
Ghost Theme Development on WSL2
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.
Read more
JavaScript
Nodejs on WSL2
setting up nodejs on WSL2 with nvm.
Read more
Laravel
Laravel Development with Docker and VS Code
A flexible starting template for full stack development with Laravel as API endpoint and admin dashboard and vuejs SPA as frontend application. It enables unit testing with each components, regular dependency updates, local hosting and development servers. VS Code is the default coding tool.
Read more
ReadingNote
代码简洁之道 - 读书笔记
1. 简洁代码 * 优雅，高效；减少依赖；完善错误处理代码；处理专一事务 - Bjarne Stroustrup * 简单直接，干净利落的抽象（crisp abstraction），直截了当的控制语句 - Grady Booch * 可由其他开发者阅读和增补；应有单元测试和验收测试；有意义的命名；单一的做一件事的途径；经量少的依赖关系；清晰但尽量少的API - Dave Thomas * 几乎没有改进的余地 - Michael Feathers * 通过所有测试；不重复；体现系统中的全部设计理念；尽量少的实体 - Ron Jefferies * 代码让编程语言看起来像是专门为解决那个问题而存在 - Ward Cunningham 2. 命名 * 清晰，有意义的命名能有效降低代码的模糊度 * 避免留下掩盖代码本意的错误线索 * 有意义的区分 * Product，ProductInfo，
Read more
WeChat
WeChat Mini Program - Built-in Cloud Support
WeChat Mini Program now supports built-in Cloud Database, Storage, Function support for repid development.
Read more
Kubernetes
Kubernetes
Reference Hardware Nodes The smallest unit of computing hardware in Kubernetes. The cluster An abstraction layer, the whole of nodes. Presistent Volumes A file system to mount to the cluster, instead of associated with any particular node. Software Containers A Self-contained Linux execution environment. Pods A wrapper for one or
Read more
WordPress
Wordpress Theme Development with Docker and UnderStrap
Docker Set-up for Wordpress Development Define Services in a Compose File Reference # Version of the Compose file format # Version 3 is the most current and recommended one version: "3" # Top building block that defines # All containers used for this service services: # Container 1 # https://hub.docker.com/_/mysql db: # Image
Read more