Donnerstag, 22. Juli 2010

Popups im Browserfenster mit Rahmen öffnen

Wenn Popups über das Kontextmenü in einem neuen Tab geöffnet oder über Suchmaschinen gefunden werden, kann es zu dem Problem kommen, dass keine Verlinkung zur Startseite der Website existiert und das Popup somit eine Sackgasse darstellt. Besonders im Fall der Suchmaschinen-Verlinkung kann dies sehr ärgerlich sein, da einem potentiellen Kunden der Weg zum Angebot der Website versperrt bleibt.

Wir haben dieses Problem gelöst, indem wir mit JavaScript die Existenz von window.opener prüfen. Ist dieses Objekt nicht vorhanden, wurde die Webseite nicht im Popup geöffnet sondern wird im Browserfenster angezeigt. Über eine zusätzliche Klasse auf dem body-Element wird in diesem Fall ein umgebender Rahmen eingeblendet, welcher das ursprüngliche Popup als Webseite mit Hauptnavigation erscheinen läßt.

1&1 SmartPad als Popup

Popup-Version

1&1 SmartPad als Webseite

Webseiten-Version

Dies setzt vorraus, dass die Popups eine einheitliche Struktur aufweisen und im Idealfall die selben Dimensionen besitzen. Zur Demonstration habe ich das entsprechende Popup direkt verlinkt und eine Google Suchanfrage formuliert, welche das Popup (hoffentlich an erster Stelle) als Treffer anzeigt.

Donnerstag, 1. Juli 2010

Mobile Internet Redesign

Heute ist 1&1 Mobile Internet in einem neuen Gewand online gegangen. Damit sind fast alle 1&1 Neukundenshops auf das neue Layout umgestellt. Nicht nur optisch hat sich einiges getan - wir haben die Umstellung dazu genutzt, Benennungen und Ordnerstrukturen für Grafiken und CSS zu vereinheitlichen. Dadurch konnten jede Menge alte Grafiken und Styles gelöscht werden. Auch bei diesem Design wurde darauf geachtet, gesharte Ressourcen modular vorzuhalten und zentral als Maven-Modul für alle Shops bereitzustellen. Obwohl die neuen Layouts sehr grafiklastig sind, findet sich unter der Haube schlankes, semantisches, zugängliches Markup, das mit einem Strict-Doctype valide ausgeliefert wird. Die grafischen Headlines wurden mit Image Replacement und die Buttons und Tabs mit der Sliding Doors Technik realisiert. Die Seiten sind trotz der Größe ihrer Ressourcen sehr performant. Das CSS ist modular aufgebaut, setzt gespritete Grafiken sinnvoll ein und kommt zu einem Großteil ohne Hacks und !important Regeln aus.

Mobile Internet (neu)
Mobile Internet (neu)

Mobile Internet (alt)
Mobile Internet (alt)

Sonntag, 13. Juni 2010

Vortrag auf dem nächsten PHP Usergroup Treffen

Ich werde mit Frank am 29. Juni noch einmal den Vortrag Frontend-Performance mit PHP halten. Wer Interesse hat, kann sich im PHP Usergroup Forum über das Treffen informieren und sich dort auch anmelden.

Thema: Frontend-Performance (mit PHP) von Nico Steiner & Frank Kleine
Datum: Dienstag den 29. Juni 2010, 19 Uhr
Location: Hochschule Karlsruhe
Gebäude M, 3. Obergeschoss, Raum 302

Die Veranstaltung ist kostenlos.

Donnerstag, 3. Juni 2010

International PHP Conference Spring Edition

Die letzten Tage nahm ich zusammen mit Stephan und Frank an der IPC in Berlin teil. Parallel dazu fand die Webinale statt, die wir ebenfalls besuchen konnten. Nach Shopping, Hooters, Sonne, Bier und Lena am Samstag ging es am Sonntag nach einer Stadtrundfahrt mit einem Workshop los. Am Montag startete dann die eigentliche Konferenz - die Session zu Augmented Editorial Design war an diesem Tag für mich das Highlight - Julian Koschwitz hat sehr anschaulich vermittelt, wie diese Technik eingesetzt werden kann. Anhand von Markern in Print-Magazinen (ähnlich einem QR-Code) werden digital Zusatzinformationen in das Magazin eingebettet, sobald man dieses mit Hilfe einer Webcam durch einen Flash-Film betrachtet. Am Montag hielt ich zusammen mit Frank eine Session zur Performance von Websites und entsprechenden Möglichkeiten in PHP. Am Abend gings dann zur obligatorischen Konferenz-Party. Da ich am nächsten Morgen kaum aus dem Bett kam, schaffte ich es nur mit Verspätung zur Präsentation von Stefan Fischerländer zu Kennzahlen der Suchmaschinenoptimierung. Die von ihm erwähnten Fakten waren für mich zum Großteil komplett neu und sehr interessant. Ich hatte mich bisher immer nur auf das für meinen Job relevante Gebiet der On-Page-Optimierung konzentriert. Was es da jedoch für tolle Möglichkeiten der Messung von eventuellen Verbesserungen gibt, war mir nicht bewußt.

Enttäuschend waren Ich® – Die eigene Identität als Marke und die Session zu zukünftigen Features von CMS. Da hatte sehr viel mehr erwartet.

Frontend-Performance mit PHP (IPC Spring Edition, Berlin)



View more presentations from Nico Steiner.

Freitag, 21. Mai 2010

301 Redirects für gelöschte Seiten

Durch neue Möglichkeiten der internen Fehleranalyse war es uns in der letzten Woche möglich, viele 404-Seiten mit 301 Redirects auf existierende Seiten umzuleiten. Neben den internen Analysen halfen uns vor allem die Google Webmaster Tools, dort insbesondere der Bereich Crawl errors. Die Tools werden von Google kostenlos zur Verfügung gestellt - es ist lediglich eine einmalige Verifikation der Websites nötig. Die Probleme können bis zu 2 Wochen zurückverfolgt werden. Neben den aufgetretenen Fehlern werden auch Zusatzinformationen bereitgestellt.

Hilfreich ist z. B. die Aufzählung der verlinkenden Seiten, durch welche es zu 404-Fehler kommt.

8 pages link to that page

Crawl errors - Detailed view

Xmarks - Top 10 Site

Xmarks Top Site in Firebug Extensions

SenSEO Firefox Extension - Official Website is a Top Site in Firebug Extensions.

Donnerstag, 20. Mai 2010

SenSEO bekommt den Famous Software Award

Famous software awardYour product "SenSEO" has been granted the "Famous Software Award" by Download.FamousWhy.com. The Famous Software Award has been initiated by Download.FamousWhy.com to recognize "Famous Software", which come up with innovative and efficient ways to reflect the best relationship with users assuring their satisfaction. [...]

Blog abonnieren

RSS 2.0 Feed

Suche

Kalender

Zurück Juli '10 Vorwärts
Mo Di Mi Do Fr Sa So
      2 3 4
5 6 7 8 9 10 11
12 13 14 15 16 17 18
19 20 21 23 24 25
26 27 28 29 30 31  

Verwaltung des Blogs

Blogroll

Projects/Web

vCard

  • Nico Steiner
  • www.nicosteiner.de
  • Karlsruhe/Germany
  • Senior Frontend-Developer at 1&1