Die Seite
Link: hedwig-hochzeit.patrick-saar.de
Fertigstellung: Oktober 2013
Der Inhalt
Im geschützen Bereich der Webseite gibt es Hochzeitsbilder und ein Gästebuch zugänglich für alle Hochzeitsgäste.
Die Technik
Die Inhalte sind durch einen Account geschützt. Eingeloggte Besucher werden mittels einer Session identifiziert.
Die Webseite ist stark auf die Ansprüche von Smartphone-Usern ausgelegt. Neben einem Full-Responsive-Design gibt es ein eigens für Smartphones implementiertes Menu mit touch-freundlichen Icons am unteren Bildrand.
Das Gästebuch besteht aus einem BB-Code Editor mit Smileys und Textformatierungsmöglichkeiten. Zudem kann ein Gästebucheintrag über die Eingabe des Facebook Profilnamens mit dem persönlichen Facebook Profilfoto verknüpft werden. Diese Funktion wird durch die Facebook Open Graph API ermöglicht.
Es sind zwei Sprachen wählbar. Der PHP Code der Seite liest die Spracheinstellung des Browsers aus, um die Inhalte der Seite in der richtigen Sprache anzuzeigen. Eine Sprachwahl ist auf jeder Seite verfügbar. Wird die Sprache geändert, so wird die Änderung in einem Cookie gespeichert, um die Sprache beim nächsten Besuch gleich richtig einzustellen.
Designtechnisch wurde mit den CSS3 Eigenschaften transition, box-shadow, border-radius, linear-gradient und transform gearbeitet. Für Versionen kleiner 9 des Internet Explorers wurde wieder das externe Skript (CSS3 PIE) eingebaut. Die Seite funktioniert somit ab IE Version 7.
Die Performance
Durchschnittliche Bewertung von Yahoo's YSlow (3.1.4 - Rulesets YSlow(V2)): A Performance Score 97
Mein bisher bester Performancescore resultiert natürlich auch aus einer schlanken Webseite. Trotzdem wurden alle Optimierungen vorgenommen. Vor allem wurden alle Icons in CSS-Spritesheets vereinigt um die Anzahl der HTTP-Requests zu senken.
Die Webtechnologien
- HTML5
- CSS3
- PHP
- MySQL
- AJAX
- jQuery
