前端挑战 - 12 月版，魅力我的标记：冬至 - Wintice

这是前端挑战赛 - 12 月版的提交，Glam Up My Markup：冬至

我建造了什么

我为“冬至”活动创建了一个登陆页面。我的主要任务是弄清楚它是什么。尽管我听说过很多，但我不知道它是如何运作的。为了帮助其他人理解它，我决定在网站上添加必要的材料来解释它。

已经做了什么：

• 带有精美动画的交互式导航菜单，取自教程，但略有修改。
• 添加图像和视频。
• 放大缩小图像。
• 响应式设计。

演示

直播
GitHub

旅行

实际上，我打算做另一项任务。但我开始深入研究这个问题，参与其中，它让我着迷。我以前从未直接使用过 DOM。我总是使用一些框架（React、Astro、Next）。有时我使用模板引擎（Jinja2）。但是像这样直接修改 DOM 感觉很神奇；就像您可以更改互联网上的任何网页（例如，如果您不喜欢其风格）。
再次手动进行响应式设计非常有趣，无需使用 TailwindCSS 或 Bootstrap。看到这个项目从头到尾真是令人着迷，尽管乍一看似乎很简单，但我花了相当多的时间才弄清楚并理解如何完成我所做的事情。
我觉得这份工作让我离成为一名 Web 开发人员又近了一步。感谢您有机会参与！

我愿意接受批评！写下任何你觉得难看或尴尬的东西，我很高兴能学到其他东西！

以上是前端挑战 - 12 月版，魅力我的标记：冬至 - Wintice的详细内容。更多信息请关注PHP中文网其他相关文章！