フロントエンド チャレンジ - 12 月版、Glam Up My Markup: Winter Solstice - Wintice

これはフロントエンド チャレンジ - 12 月版、Glam Up My Markup: Winter Solstice への提出です

私が作ったもの

イベント「冬至」のランディングページを作成しました。私の主な仕事は、それが何であるかを理解することでした。それについてはよく聞いていましたが、それがどのように機能するのかは知りませんでした。他の人がそれを理解できるように、それを説明する必要な資料を Web サイトに追加することにしました。

何が行われたか:

• 美しいアニメーションを備えたインタラクティブなナビゲーション メニュー。チュートリアルから引用されていますが、わずかに変更されています。
• 画像と動画の追加
• 縮小画像を拡大します。
• レスポンシブデザイン。

デモ

ライブ
GitHub

旅

実は、別のタスクを実行する予定でした。しかし、私はこの問題を掘り下げ始め、関与し、そしてそれは私を夢中にさせました。私はこれまで DOM を直接操作したことがありませんでした。私は常にいくつかのフレームワーク (React、Astro、Next) を使用していました。テンプレート エンジン (Jinja2) を使用することもありました。しかし、このように DOM を直接変更するのは素晴らしいことだと思います。インターネット上のどの Web ページでも (たとえば、スタイルが気に入らない場合などに) 変更できるようなものです。
TailwindCSS や Bootstrap を使用せずに、手動でレスポンシブ デザインに取り組むのは興味深いことでした。プロジェクトを最後までやり遂げるのはとても興味深かったです。一見すると単純そうに見えますが、自分がやったことを達成する方法を見つけて理解するまでにかなりの時間がかかりました。
この仕事のおかげで、Web 開発者にまた一歩近づけたと感じています。参加する機会をありがとうございました!

批判は歓迎です!見苦しいことや気まずいことは何でも書き留めてください。何か他のことを学ぶことができてうれしいです!

以上がフロントエンド チャレンジ - 12 月版、Glam Up My Markup: Winter Solstice - Winticeの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。