Cabaran Frontend: Edisi Disember : Glam Up My Markup: Winter Solstice

Ini adalah penyerahan untuk Cabaran Frontend - Edisi Disember, Seni CSS: Disember.

Inspirasi

Dalam cabaran ini, saya cuba mencipta pengalaman berbeza untuk setiap bahagian, sambil cuba menceritakan kisah Winter Solstice. Cabarannya ialah tidak dapat mengedit halaman HTML sama sekali dengan teg div tambahan dan oleh itu saya terpaksa mengetahui cara javascript untuk memasukkan teg tambahan.

Bukan sahaja kemahiran CSS saya agak berkarat, begitu juga kemahiran reka bentuk visual saya.

Demo

Ini ialah demo langsung saya
(https://december24-glamup.vercel.app/christmas.html)

Dan inilah kod saya
https://github.com/aislinngreycat/December-Dress-Up-CSS

Imej datang daripada Unsplash dan saya menggunakan ChatGpt untuk merancah beberapa kod. Menariknya betapa mudahnya mencari kod sampel menggunakan ChatGPT.

Perjalanan

Ini adalah cabaran keseluruhan pertama saya dan suntingan css pertama saya dalam kira-kira 5(?) tahun. Banyak yang telah berubah sejak itu dan saya gembira mengetahui bahawa banyak kesan visual kini boleh dilakukan walaupun tanpa javascript.

Solstis Musim Sejuk selalunya dikaitkan dengan "salji" tetapi tidak semestinya itu berlaku. Ia bukan mengenai Krismas sama sekali. Terdapat banyak tempat di dunia di mana 21 Disember berlalu tanpa salji dan terdapat banyak budaya yang tidak menyambut Krismas.
Ia benar-benar mengenai pergerakan bumi dan matahari, dan bagaimana siang berubah. Itulah yang ingin saya sampaikan.

Bahagian Perayaan dan Tradisi adalah sesuatu yang saya abaikan setakat ini. Ia adalah sesuatu yang masih ingin saya usahakan jika saya mempunyai sedikit masa dalam beberapa hari akan datang di antara jamuan dan acara sosial -

1. Kad didedahkan untuk bahagian Perayaan. Saya ingin kad itu didedahkan semasa tuding.

2. Bahagian Tradisi boleh dilakukan dengan lebih baik tetapi saya masih memerlukan sedikit inspirasi.

Terima kasih kerana membaca!

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