這是前端挑戰 v24.07.24，CSS 藝術：娛樂的提交。

靈感

我受到啟發，為紐約休閒板球聯盟 (NYRCL) 創建了一個響應式登陸頁面。我們的想法是使其具有視覺吸引力和互動性，同時確保它在所有設備上看起來都很棒。

示範

您可以在此處查看該專案的現場演示：NYRCL Landing Page

您可以在我的 GitHub 儲存庫上找到該專案的程式碼：frontend-challenge

旅行

這個計畫是應用現代網頁設計實務的絕佳機會。以下是旅程的一些關鍵方面：

1. 規劃設計：

   • 我首先概述了頁面的結構，並選擇了反映休閒板球聯賽充滿活力的精神的配色方案。

2. 發展：

   • 我使用 HTML 來建立內容，使用 CSS 來設計樣式並確保回應能力，並使用 JavaScript 來實現互動性。
   • CSS 包括處理不同螢幕尺寸的媒體查詢，確保跨裝置的體驗一致。
   • JavaScript 用於添加懸停效果和平滑過渡，從而增強用戶參與度。

3. 挑戰與學習：

   • 挑戰之一是確保頁面完全回應。我學到了很多關於使用 Flexbox 和媒體查詢來實現這一目標的知識。
   • 另一個挑戰是創建流暢的動畫和過渡，這需要仔細調整 CSS 屬性。

4. 結果：

   • 我對響應式設計和互動元素感到特別自豪，它們使頁面變得生動有趣。

5. 下一步：

   • 我計劃添加更多互動元素，例如註冊表單和動態內容載入。

結論

參與這項挑戰是一次有益的經歷，我期待在未來的專案中應用這些知識。感謝您組織這個絕佳的機會！