Glamup Cricket-Website

Dies ist eine Einreichung für Frontend Challenge v24.07.24, Glam Up My Markup: Recreation

Hallo zusammen!!

Was ich gebaut habe

Ich habe eine coole Ladeanimation mit HTML, CSS und ein wenig jQuery sowie einem einfachen strukturierten Layout für das NYRLC erstellt! Diese Website erregt beim Laden die Aufmerksamkeit des Benutzers und sorgt dafür, dass sich der Benutzer fragt, was als nächstes kommt.
Außerdem wurde die Website mithilfe von Bannerbildern strukturiert und Inhalte in der Kartenansicht formatiert, um Informationen prägnant und optisch ansprechend bereitzustellen.

Demo

Reise

Da ich in meinem Leben regelmäßig Cricket spiele, haben mich beide Herausforderungen dazu gedrängt, etwas in diese Richtung zu entwickeln, aber angesichts der Tatsache, dass die GlamUp-Herausforderung mich daran gehindert hat, HTML aus einer Datei hinzuzufügen, fühlte ich mich ein wenig herausgefordert. Also habe ich mich für diese entschieden und darüber nachgedacht, wie ich die Website nur mit CSS und JS besser strukturieren kann. Da kam mir zum ersten Mal die Idee, den Registrierungsprozess mithilfe interaktiver Karten zu zeigen. In Wirklichkeit können sie anklickbar sein und den Benutzer zur nächsten Aktion führen Ausfüllen des Formulars. Selbst nachdem ich die Struktur fertiggestellt und optisch ansprechend gestaltet hatte, hatte ich immer noch das Gefühl, dass ihr ein Cricket-Element fehlte, und da wurde mir klar, dass ich wahrscheinlich eine Ladeanimation hinzufügen sollte. Zuerst dachte ich darüber nach, einen Ball hinzuzufügen, der ziemlich vertikal auf dem Schläger springt, dann dachte ich, dass es etwas inaktiv/langweilig wäre.
Das Seltsamste, was passierte, war, dass ich mir die Höhepunkte des T20-Weltcup-Finales zwischen Indien und Südafrika ansah, und da fühlte ich mich am meisten aufgeregt, als ich sah, wie Jasprit Bumrah Marco Jansen in diesen Innings eliminierte, da wurde mir klar, dass ich Ich möchte, dass die Ladeanimation die Baumstümpfe zeigt, die verprügelt werden. Also habe ich weiter kreiert und überhaupt nicht aufgehört. Schließlich war ich mit der Idee zufrieden. Ich hatte noch einige Ideen im Kopf, wie zum Beispiel einen Cricketball als „Nach oben scrollen“-Button mit etwas Animation. Aber hier habe ich die Grenze gezogen und beschlossen, den Eintrag so einzureichen, wie er ist.
Ich hoffe, es wird Ihnen gefallen.

Das obige ist der detaillierte Inhalt vonGlamup Cricket-Website. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!