Meine erste Website — Endlich voll responsive
Eine persönliche Website von Grund auf gebaut, um Shay Howes Lektionen in die Praxis umzusetzen. Mein erstes echtes Eintauchen in responsives Design und Media Queries.
Nachdem ich die Bücher durchgearbeitet hatte, wollte ich etwas Eigenes bauen — nicht nachmachen, sondern mit einer leeren Datei starten und die Entscheidungen selbst treffen. Das war dieses Projekt.
Der größte Meilenstein hier war, sie zum ersten Mal voll responsive zu machen. Ich habe Stunden mit Media Queries verbracht und gelernt, wie sich ein Layout elegant an verschiedene Bildschirmgrößen anpasst, statt in dem Moment auseinanderzufallen, in dem sich das Viewport ändert. Hier wurde mir auch zum ersten Mal der Unterschied zwischen einem Mobile-First- und einem Desktop-First-Ansatz klar — und warum er wichtig ist.
Das Design wird keine Preise gewinnen, und damit bin ich im Reinen. Aber die Seite hatte ein paar kleine UX-Details, auf die ich damals wirklich stolz war: sanftes Scrollen, durchdachte Abstände und eine Navigation, die auf dem Handy tatsächlich funktionierte.
Vor allem hat sie mir bewiesen, dass ich eine Idee nehmen und sie mit nichts als reinem HTML und CSS umsetzen kann — und dabei auch noch jede Menge Spaß habe.
Dieses Projekt teilen?