前端挑戰 - 12 月版，魅力我的標記：冬至 - Wintice

這是前端挑戰賽 - 12 月版的提交，Glam Up My Markup：冬至

我建造了什麼

我為「冬至」活動建立了一個登陸頁面。我的主要任務是弄清楚它是什麼。儘管我聽說過很多，但我不知道它是如何運作的。為了幫助其他人理解它，我決定在網站上添加必要的材料來解釋它。

已經做了什麼：

• 帶有精美動畫的互動式導覽選單，取自教程，但略有修改。
• 新增影像和影片。
• 放大縮小影像。
• 響應式設計。

示範

直播
GitHub

旅行

實際上，我打算做另一項任務。但我開始深入研究這個問題，參與其中，它讓我著迷。我以前從未直接使用過 DOM。我總是使用一些框架（React、Astro、Next）。有時我會使用模板引擎（Jinja2）。但像這樣直接修改 DOM 感覺很神奇；就像您可以更改互聯網上的任何網頁（例如，如果您不喜歡其風格）。
再次手動進行響應式設計非常有趣，無需使用 TailwindCSS 或 Bootstrap。看到這個項目從頭到尾真是令人著迷，儘管乍一看似乎很簡單，但我花了相當多的時間才弄清楚並理解如何完成我所做的事情。
我覺得這份工作讓我離成為 Web 開發人員又更近了一步。感謝您有機會參與！

我願意接受批評！寫下任何你覺得難看或尷尬的東西，我很高興能學到其他東西！

以上是前端挑戰 - 12 月版，魅力我的標記：冬至 - Wintice的詳細內容。更多資訊請關注PHP中文網其他相關文章！