Personal Coding Lab

把编程学习
做成可见的网页实验。

这里是李海峰用于开发研究、日常学习编程和效果展示的个人实验站。页面、代码、小工具、交互想法,都可以先在这里变成能打开、能体验、能复盘的作品。

HTML页面结构
CSS视觉动效
JS交互实验
LAYOUT
MOTION
DEPLOY

实验方向

不是正式产品介绍,而是一个个人学习与开发研究空间。重点是把想法快速做成可访问页面。

01

网页练习

记录布局、表单、列表、看板、响应式页面和动效细节的练习成果。

02

代码实验

把日常学习中的前端、后端、部署、脚本想法做成小型可运行示例。

03

效果展示

用于展示交互页面、可视化、工具界面和不同风格的设计尝试。

展示区

后续可以把不同练习页面、演示项目和学习笔记逐步放到这里。

WEB INTERACTION

交互页面实验

测试按钮反馈、页面切换、玻璃拟态、数据卡片、暗色科技风等网页表现。

CODE NOTE

编程学习记录

把学到的知识做成页面,方便以后回看。

TOOL DEMO

小工具演示

把一些实用小想法做成可点击、可体验的网页工具。

学习记录

从一个页面开始,逐步积累自己的代码作品库。

页面设计尝试不同视觉风格,训练排版、色彩和响应式布局。
交互练习用 JavaScript 做输入反馈、动效、状态切换和简单数据展示。
部署实践学习域名、服务器、HTTPS、Nginx 和静态页面发布流程。