Cabaran Frontend - Edisi Disember, Glam Up My Markup: Winter Solstice - Wintice

Ini adalah penyerahan untuk Cabaran Frontend - Edisi Disember, Glam Up My Markup: Winter Solstice

Apa yang Saya Bina

Saya telah mencipta halaman pendaratan untuk acara "Winter Solstice." Tugas utama saya adalah untuk mengetahui apa itu. Walaupun saya telah mendengar banyak tentangnya, saya tidak tahu bagaimana ia berfungsi. Untuk membantu orang lain memahaminya, saya memutuskan untuk menambahkan bahan yang diperlukan pada tapak web yang menerangkannya.

Apa yang telah dilakukan:

• Menu navigasi interaktif dengan animasi yang cantik, diambil daripada tutorial tetapi diubah suai sedikit.
• Tambahan imej dan video.
• Zum masuk pada imej yang dikurangkan.
• Reka bentuk responsif.

Demo

Hidup
GitHub

Perjalanan

Sebenarnya, saya merancang untuk melakukan tugas yang berbeza. Tetapi saya mula menggali yang ini, terlibat, dan ia membawa saya pergi. Saya tidak pernah bekerja secara langsung dengan DOM sebelum ini. Saya sentiasa menggunakan beberapa rangka kerja (React, Astro, Next). Kadang-kadang saya menggunakan enjin templat (Jinja2). Tetapi mengubah suai DOM secara langsung seperti ini terasa menakjubkan; ia seperti anda boleh menukar mana-mana halaman web di internet (contohnya, jika anda tidak suka gayanya).
Sangat menarik untuk bekerja secara manual dengan reka bentuk responsif sekali lagi, tanpa menggunakan TailwindCSS atau Bootstrap. Sungguh menarik untuk melihat projek itu sehingga ke penghujungnya, walaupun ia kelihatan mudah pada pandangan pertama, saya mengambil sedikit masa untuk memikirkan dan memahami cara untuk mencapai apa yang saya lakukan.
Saya rasa kerja ini telah membawa saya selangkah lebih dekat untuk menjadi pembangun web. Terima kasih atas peluang untuk mengambil bahagian!

Saya terbuka menerima kritikan! Tulis apa sahaja yang anda rasa tidak sedap dipandang atau janggal, saya gembira dapat mempelajari sesuatu yang lain!

Atas ialah kandungan terperinci Cabaran Frontend - Edisi Disember, Glam Up My Markup: Winter Solstice - Wintice. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!