Wie bereits angekündigt, hat meine Webseite http://www.frutiger.net einen kompletten Redesign erlebt.
In diesem Post dokumentiere ich ein paar Details zum Aufbau der Webseite und technische Hintergrundinfos.
Vor dem Redesign habe ich mit folgende Ziele gesetzt: Grösstmöglicher Browser- und Plattform-Support und damit sowenig Abhängigkeiten wie möglich (bspw. keine Abhängigkeit von Browser Plugins wie Flash oder Silverlight). Support für mobile Geräte und Tablets - unabhängig vom Hersteller. Einsatz von "Standards".
Umsetzung: Die Webseiten basieren ausschliesslich auf HTML, CSS und JavaScript Code. Damit kann die angestrebte Plattform-Unabhängigkeit erzielt werden. Durch Einsatz von jQuery und darauf basierenden "Komponenten" wird auch die Browser-Unabhängigkeit erreicht. Spezielles Augenmerk galt den SmartPhones und Tablets mit den teilweise geringen Display-Auflösungen.
Für die Bildvorschau und den Rollover-Effekt wurde das jQuery-Plugin Galleriffic eingesetzt.
Momentan arbeite ich noch in folgenden Bereichen:
- SEO, um ein höheres Google-Ranking zu erreichen
- dem Workflow, um neue Bilder zu publizieren. Da ich bewusst kein Web CMS eingesetzt habe, muss ich diesen Teil selber "implementieren"
BTW: Obwohl momentan in aller Munde, war der Einsatz von HTML5 für mich (noch) kein Thema. Mal schauen, wielange die alten IE & FF Versionen noch im Umlauf sind...
Abonnieren
Kommentare zum Post (Atom)
Keine Kommentare:
Kommentar veröffentlichen