Saya telah *mengalaminya dengan motherfriggin&# *kriket* di motherfriggin&# *field* ini!

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

Apa yang Saya Bina

Halaman untuk fiksyen Liga Kriket Rekreasi New York! Saya mahu membina sesuatu yang aneh dan menyindir yang [sengaja] salah tafsir tema (kerana saya tidak tahu apa-apa tentang mana-mana sukan).

Demo

Berikut ialah benam, tetapi tiada siapa yang mereka bentuk untuk faktor bentuk itu, jadi teruskan dan lihat versi halaman penuh di Codepen.

Perjalanan

Menggunakan penanda yang disediakan, saya merangka tapak web satu halaman dalam format tayangan slaid menegak, dengan titik snap CSS, pengepala melekit dan imejan paralaks yang pelik.

TBH, saya mahu melakukan ini secepat mungkin menggunakan kemahiran yang saya boleh tarik dari ingatan. HTML tidak diubah suai, walaupun dimanipulasi secara lembut dan minimum melalui JavaScript (untuk menjadikan semua perkara yang boleh dipautkan boleh dipautkan, seperti e-mel, telefon dan tarikh). Penggunaan flexbox secara percuma berlaku, tetapi semuanya agak standard, jika tidak asas.

Unitnya sedikit ceroboh (px dan bukannya rem), tetapi saya berasa okey mengenainya.

Imej adalah ihsan jantina di OpenAI dan ChatGPT 4o.

Atas ialah kandungan terperinci Saya telah *mengalaminya dengan motherfriggin&# *kriket* di motherfriggin&# *field* ini!. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!