UI -Code -Herausforderung Nr. 1 - Herzschläge

SitePoint initiierte eine vierwöchige UI-Code-Herausforderung. Einträge müssen in CodePen -Formular eingereicht werden und können mit jeder Web -Technologie verwendet werden.

Die Auswahlkriterien umfassen Code -Einfachheit, Effektivität, Authentizität des Aussehens und Gefühls der Benutzeroberfläche sowie die Klugheit und Kreativität der Lösung. Der erste Preis gewann 100 US-Dollar Amazon-Geschenkkarte, der Zweitplatzierte gewann 2 Premium-Mitgliedschaften und SidePoint-T-Shirts.

Herausforderungen bieten FAQs, die benutzerdefinierte Herzschlaganimationen abdecken, sie auf andere Formen anwenden, die Website erhöhen, Fehler beheben, den Realismus ändern, die Farben addieren, Geräusche hinzufügen und kommerzielle Projekte verwenden und CSS -Animations -Lernressourcen bereitstellen.

Wir sehen oft atemberaubende UI -Schnittstellen in Filmen, Fernsehern und Spielen, während UI -Designs bei der Arbeit oft langweilig erscheinen. Diese Herausforderung bietet Ihnen die Möglichkeit, interessante Werke zu erstellen und 100 US -Dollar Amazon -Geschenkkarte zu gewinnen!

im Uhrzeigersinn von der oberen linken Ecke: Luke Cage (Staffel 1, Episode 10), The Hut im Forest (2012), The Lost War (2013) und Casino Royale (2006).

Die Challenge -Aufgabe besteht darin, ein animiertes EKG/EKG -Biomonitoring -Display -Panel zu erstellen. Jede Technologie kann verwendet werden, solange sie in Codepenform dargestellt werden kann, einschließlich HTML/CSS, Canvas, SVG, WebGL, D3 usw.

Normalerweise verwenden diese UI -Schnittstellen den Dunklen Modus, einschließlich mindestens ein links und rechts Kurvendiagramm, der die Herzschlagrate darstellt. Andere Elemente können zugegeben werden (Kerntemperatur, Blutdruck usw.), aber der Kern ist eine wellige Herzschlagkurve.

Enterprise -Methode: Link CODEPEN und Kurzbeschreibung im Kommentarbereich. Ein kreatives kann mehrere Werke einreichen, es wird jedoch empfohlen, mehrere ähnliche Werke einzureichen.

Kriterien auswählen: Codes -Einfachheit und Effektivität;

Urteilszeit: Die Herausforderung beginnt am Mittwoch, den 5. Juni um 9:00 Uhr (PST) und endet eine Woche später (9:00 Uhr am Mittwoch, 12. Juni um 9:00 Uhr PST).

FAQs decken benutzerdefinierte Heartbeat -Animationen, Anwendung auf andere Formen, Hinzufügen zu Websites, Fehlerbehebung, Verbesserung des Realismus, Änderung von Farben, Hinzufügen von Sounds und Verwendung kommerzieller Projekte und Bereitstellung von CSS -Animations -Lernressourcen.

Das obige ist der detaillierte Inhalt vonUI -Code -Herausforderung Nr. 1 - Herzschläge. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!