Cabaran Frontend Glam Up My Markup: Rekreasi

Ini ialah penyerahan untuk Frontend Challenge v24.07.24, Glam Up My Markup: Recreation

Apa yang Saya Bina

Selepas berehat sedikit saya kembali untuk cabaran ini, saya sangat menyukai premis itu dan saya cuba mencipta reka bentuk yang licin dan dinamik, ini adalah halaman sukan selepas semua. Tidak responsif dan mudah diakses seperti yang saya mahukan, tetapi ini adalah yang terbaik yang boleh saya lakukan dengan kekangan masa semasa saya dan semua situasi sukar di negara saya.

Sudah tentu saya sentiasa cuba untuk mematuhi peraturan cabaran tetapi kali ini saya keluar dengan semua animasi, itulah bintang rancangan, terutamanya animasi skrol.

Demo

Untuk demo ini saya syorkan untuk sentiasa melihatnya dalam paparan halaman penuh, terutamanya dalam tab baharu (sila) dan sudah tentu ia akan berfungsi dalam desktop (pengalaman terbaik) dan dalam mudah alih (cara yang paling biasa).

Perjalanan

Saya boleh terus menambah baik kod dengan beberapa prinsip kering, terutamanya dengan animasi skrol yang disebutkan di atas, saya mengulangi banyak logik dalam kod tetapi saya cuba sedaya upaya untuk memastikan ia bersih dan jelas yang mungkin. Proses reka bentuk untuk penyerahan ini adalah bahagian kegemaran saya, bukan mudah untuk memilih skema warna yang baik, tetapi saya gembira saya mendarat pada kombo merah, kelabu dan krim itu dan saya harap anda mendapati ia cantik untuk dilihat juga.

Mencari beberapa imej kriket "sebenar" adalah mudah dengan pengetahuan baharu saya tentang Lesen Kreatif Commons, dan saya menemui beberapa ikon yang bagus dalam alat yang saya temui dalam siaran DEV baru-baru ini (saya akan cuba mencari siaran untuk mengkreditkannya dalam komen). Tetapi saya juga membuat beberapa aset seperti corak bola kriket di bahagian jadual dan sudah tentu, imej muka depan pada siaran ini.

Dan itu sahaja untuk yang ini. Jika anda mengambil bahagian dalam cabaran ini, saya harap anda mendapat kepuasan daripada kerja anda seperti yang saya lakukan daripada saya. Jika tidak, mungkin cabaran yang akan datang adalah masa anda untuk bersinar.

Dan seperti biasa, jika anda mempunyai maklum balas, anda boleh menulis komen atau menghantar DM kepada saya. Bahasa Inggeris ialah bahasa kedua saya, jadi sila bersangka baik dengan saya ❣️ Terima kasih kerana membaca sehingga ke tahap ini, dan sehingga kali seterusnya, selamat tinggal!

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