Cabaran Kod UI #1 - Degupan jantung

SitePoint memulakan cabaran kod UI selama empat minggu. Penyertaan mesti dikemukakan dalam bentuk codepen dan boleh digunakan dengan mana -mana teknologi web.

Kriteria pemilihan termasuk kesederhanaan kod, keberkesanan, keaslian penampilan dan rasa UI, serta kepandaian dan kreativiti penyelesaian. Hadiah Pertama memenangi $ 100 Kad Hadiah Amazon, Runner-Up memenangi 2 keahlian Premium dan T-Shirt SitePoint.

Cabaran menyediakan FAQ yang meliputi animasi jantung tersuai, memohon kepada bentuk lain, menambah laman web, penyelesaian masalah, meningkatkan realisme, mengubah warna, menambah bunyi, dan menggunakan projek komersial, dan menyediakan sumber pembelajaran animasi CSS.

kita sering melihat antara muka UI yang menakjubkan dalam filem, TV dan permainan, sementara reka bentuk UI di tempat kerja sering kelihatan membosankan. Cabaran ini memberi anda peluang untuk mencipta karya menarik dan memenangi $ 100 Kad Hadiah Amazon!

mengikut arah jam dari sudut kiri atas: Luke Cage (Musim 1, Episod 10), The Hut in the Forest (2012), The Lost War (2013), dan Casino Royale (2006).

Tugas cabaran adalah untuk membuat panel paparan Biomonitoring ECG/EKG animasi. Mana -mana teknologi boleh digunakan selagi ia dapat dibentangkan dalam bentuk codepen, termasuk HTML/CSS, CANVAS, SVG, WebGL, D3, dll.

Biasanya, antara muka UI ini menggunakan mod gelap, termasuk sekurang -kurangnya satu carta lengkung kiri dan kanan, yang menggambarkan kadar denyutan jantung. Unsur -unsur lain boleh ditambah (suhu teras, tekanan darah, dan lain -lain), tetapi inti adalah lengkung jantung yang beralun.

Kaedah Enterprise: Pautan Post Codepen dan penerangan ringkas di bahagian komen. Seorang kreatif boleh mengemukakan pelbagai kerja, tetapi disyorkan untuk mengelakkan mengemukakan pelbagai karya yang serupa.

Memilih Kriteria: Kesederhanaan Kod dan Keberkesanan;

Masa Penghakiman: Cabaran bermula pada hari Rabu, 5 Jun pukul 9:00 pagi (PST) dan berakhir seminggu kemudian (9:00 pagi pada hari Rabu, 12 Jun pukul 9:00 pagi PST).

FAQs meliputi animasi jantung tersuai, aplikasi ke bentuk lain, menambah laman web, penyelesaian masalah, meningkatkan realisme, mengubah warna, menambah bunyi, dan menggunakan projek komersial, dan menyediakan sumber pembelajaran animasi CSS.

Atas ialah kandungan terperinci Cabaran Kod UI #1 - Degupan jantung. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!