CodeLog by Han Xiaoke

About Me

Hello! I'm Han Xiaoke, a self-taught web developer currently deepening my understanding of front-end technologies and full-stack fundamentals.

This site serves as my public learning journal—where I document my progress, experiments, challenges, and breakthroughs in building websites from the ground up using HTML, CSS, JavaScript, Git, and modern deployment workflows.

Learning Projects

Personal Blog Template (v1)

A clean, semantic HTML + CSS layout practicing Flexbox and accessible markup—no frameworks used.

Responsive Portfolio Site

Built with mobile-first principles and media queries to ensure seamless viewing across devices.

Interactive To-Do List App

A vanilla JavaScript project featuring DOM manipulation and localStorage for persistent data.

Tutorials & Notes

CSS Grid vs Flexbox: When to Use Which?

A practical comparison with visual examples to clarify layout strategies for real-world projects.

Deploying Static Sites with GitHub Pages

Step-by-step guide to publishing your first website using Git and GitHub’s free hosting service.

Mastering the CSS Box Model

Deep dive into margin, border, padding, and content—with browser dev tools tips for debugging.