Light hero background

Posts

Things About Code Review: Balancing Code Quality and Development Speed

January 01, 2025

Code Review is essential for teamwork and growth, yet often feels slow and burdensome. How can we balance efficiency and quality to turn it into a team strength?

Things About Nonce & CSRF Token: Differences, Use Cases, and How They Work

December 21, 2024

Explore the differences and use cases of Nonce and CSRF Token, explaining how these web security mechanisms prevent replay attacks and cross-site request forgery to enhance application security.

Naming with Acronyms in PascalCase and camelCase

December 07, 2024

The challenges of naming, especially dealing acronyms. How will you name "xml http request", "new customer id", "supports IPv6 on iOS", "YouTube importer" in PascalCase / camelCase?

Implementing Dark Mode and Theme Switching using Tailwind v4 and Next.js

December 01, 2024

Dark mode support has become a fundamental aspect of modern web applications, and I recently tackled this feature for my personal blog using Tailwind CSS v4 beta with Next.js 15. In this article, I'll walk through my journey of implementing a dynamic theme toggle, share my learnings of both frameworks.'

Things You May Not Know About CSS Variables - 2. Using var() and Cool Examples

November 15, 2024

Dark mode support has become a fundamental aspect of modern web applications, and I recently tackled this feature for my personal blog using Tailwind CSS v4 beta with Next.js 15.

Thing You May Not Know About CSS Variables - 1. Naming Rules and Value Assignments

November 07, 2024

In my exploration of CSS variables, I discovered a lot of exciting potential and subtle details that aren’t always apparent at first glance. Like many developers, I initially used CSS variables in simple, straightforward ways, rarely encountering edge cases. This approach is common and effective for many purposes, but it means theres a lot more to explore and experiment with. In my view, gaining a deeper understanding of CSS variable naming rules and valid value assignments can significantly expand the range and flexibility of their applications.

Browser Default Cache Freshness

September 29, 2024

How do browsers determine whether to cache resources by default? What happens to our resources when cache settings are not manually configured?

Getting Started with Flowcharts: Basic Components and Practical Examples

June 10, 2024

Discover the basics of flowcharts with this guide! Learn about essential components, see practical examples like login and recruitment processes, and a library for Excalidraw. Perfect for visualizing processes and improving problem-solving efficiency.