Frontend Challenge: Dezemberausgabe: Glam Up My Markup: Winter Solstice

Dies ist eine Einreichung für Frontend Challenge – Dezemberausgabe, CSS Art: Dezember.

Inspiration

Bei dieser Herausforderung habe ich versucht, für jeden Abschnitt ein anderes Erlebnis zu schaffen und gleichzeitig die Geschichte der Wintersonnenwende zu erzählen. Die Herausforderung besteht darin, die HTML-Seite überhaupt nicht mit zusätzlichen div-Tags bearbeiten zu können, und deshalb musste ich herausfinden, wie man mit Javascript zusätzliche Tags einfügt.

Nicht nur meine CSS-Kenntnisse sind etwas eingerostet, sondern auch meine visuellen Designfähigkeiten.

Demo

Hier ist meine Live-Demo
(https://december24-glamup.vercel.app/christmas.html)

Und hier ist mein Code
https://github.com/aislinngreycat/December-Dress-Up-CSS

Bilder stammen von Unsplash und ich habe ChatGpt verwendet, um einen Teil des Codes zu erstellen. Es ist interessant, wie einfach es ist, mit ChatGPT nach Beispielcode zu suchen.

Reise

Dies ist meine erste allgemeine Herausforderung und meine erste CSS-Bearbeitung seit etwa 5(?) Jahren. Seitdem hat sich viel verändert und ich freue mich, dass viele visuelle Effekte mittlerweile auch ohne Javascript möglich sind.

Wintersonnenwende wird oft mit „Schnee“ in Verbindung gebracht, aber das ist nicht unbedingt der Fall. Dabei geht es überhaupt nicht um Weihnachten. Es gibt viele Orte auf der Welt, an denen der 21. Dezember ohne Schnee vergeht, und es gibt viele Kulturen, in denen Weihnachten nicht gefeiert wird.
Es geht wirklich um die Bewegung der Erde und der Sonne und darum, wie sich das Tageslicht verändert. Das wollte ich vermitteln.

Der Bereich Feste und Traditionen ist etwas, das ich bisher vernachlässigt habe. Daran würde ich noch gerne arbeiten, wenn ich in den nächsten Tagen zwischen den Feierlichkeiten und den gesellschaftlichen Veranstaltungen etwas Zeit habe –

1. Kartenenthüllungen für den Abschnitt „Feierlichkeiten“. Ich möchte, dass die Karten beim Bewegen der Maus aufgedeckt werden.

2. Der Abschnitt „Tradition“ könnte besser gemacht werden, aber ich brauche noch ein wenig Inspiration.

Danke fürs Lesen!

Das obige ist der detaillierte Inhalt vonFrontend Challenge: Dezemberausgabe: Glam Up My Markup: Winter Solstice. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!