Rumah > hujung hadapan web > tutorial css > Cabaran Frontend Glam Up My Markup: Rekreasi

Cabaran Frontend Glam Up My Markup: Rekreasi

WBOY
Lepaskan: 2024-08-05 17:23:35
asal
1118 orang telah melayarinya

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.

The Frontend Challenge  Glam Up My Markup: Recreation

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.

The Frontend Challenge  Glam Up My Markup: Recreation

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!

sumber:dev.to
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan