Die Seite
Link: www.nacra-euro2012.eu
Fertigstellung: Februar 2012
Der Inhalt
Auf diesen Seiten finden sich alle Informationen zu den Nacra Europeans 2012 am Bodensee.
Die Technik
Herzstück dieser Webseite bildet die Anmeldeplattform mit JavaScript Live-Validierung, serverseitiger PHP-Validierung, jQueryUI Datepicker, PHP-Mailer und MySQL-Datenbankanbindung.
Auf der Startseite befindet sich mein eigener JavaScript Countdown mit PHP Unterstützung. Außerdem ein Windfinder- und Facebook-PlugIn. Es werden die acht neuesten Datenbankeinträge in einer Übersicht angezeigt.
Viele Elemente der Webseite wurden mit CSS 3 gestaltet. Für ältere Browser wurden Fallbacks eingebaut.
Der Zeitplan wird mit jQuery animiert.
Unter Neues können autorisierte User Artikel mit BBCode-Textformatierung erstellen.
Das Bild im Header wird zufällig per PHP generiert.
In einem Cookie wird die zuletzt vom User eingestellte Sprache gespeichert.
Die einzelnen Ergebnislisten werden bei Klick per AJAX nachgeladen und können dank PHP sortiert werden. Über JavaScript wird der Druckbefehl weitergegeben und eine Druckvorschau geöffnet.
NEU: RSS Webseiten Feed
Die Performance
Durchschnittliche Bewertung von Yahoo's YSlow (3.1.4 - Rulesets YSlow(V2)): C Performance Score 79
Die Webtechnologien
- HTML5
- CSS3
- PHP
- MySQL
- AJAX
- jQuery
- jQueryUI