Freitag, 28. August 2009

Rübergemacht...

Ich habe die nicosteiner.de zusammen mit dem Blog in ein anderes Hosting-Paket umgezogen. Gleichzeitig hat das Blog ein optisches und technisches Redesign bekommen.

Der Umzug des Blogs war ziemlich frickelig. Sämtliche Kommentare sind dabei auf der Strecke geblieben, mal sehen, ob ich die per SQL noch retten kann. Für mich zur Erinnerung und für euch ein kurze Anleitung, wie ich das gemacht habe:


  • Blog: Serendipity
  • Im alten Blog im Admin-Bereich Daten als RSS exportieren
  • Neuer Reiter öffnet sich, daraus wird später der URL benötigt
  • Auf dem neuen Webspace Serendipity (am besten in der selben Version) installieren
  • Im neuen Blog im Admin-Bereich Daten importieren, als Quelle RSS angeben und dann den URL des exportierten RSS vom alten Blog angeben
  • Damit sind sämtliche Beiträge umgezogen
  • Es fehlen Uploads (Grafiken etc.), Kategorien und Kommentare
  • Im alten Blog in die MySQL-Datenbank einloggen und einen Export der Kategorie-Tabelle mit Modus "INSERT" machen
  • Aus dem Export lediglich die INSERT-Befehle und nicht das CREATE TABLE kopieren
  • Diese Befehle in der neuen Blog-MySQL-Datenbank als SQL laufen lassen
  • Die Zuweisung der Kategorien zu den umgezogenen Beiträgen habe ich nur manuell hinbekommen
  • Damit wären die Kategorien zugewiesen
  • Den uploads-Ordner per FTP vom alten Webspace lokal downloaden und in das gleiche Verzeichnis auf den neuen Webspace uploaden
  • Damit sind alle Grafiken etc. wieder hergestellt

Ähnlich wie bei den Kategorien werde ich versuchen, auch die Kommentar-Tabelle umzuziehen. Damit wäre der Umzug dann abgeschlossen.

Mittwoch, 26. August 2009

Semantic Checker mit HTML5-Unterstützung

Soeben habe ich die neue Version 0.5.0 der Semantic Checker Firefox Extension veröffentlicht. In dieser Version highlightet die Erweiterung nun auch semantische HTML5-Elemente. Neben diesen Elementen werden auch Input-Elemente mit neuen HTML5-Attributen gehighlightet.
Zusätzlich dazu habe ich eine weitere Kategorie "HTML5 (preparation)" eingeführt. Darunter fallen HTML4-Elemente, deren Klassennamen oder IDs mit den Namen der HTML5-Elemente übereinstimmen. Sinnvoll ist das für eine Übergangszeit, in der HTML5-Elemente aufgrund mangelhafter Browser-Unterstützung noch nicht verwendet werden können, Vorbereitungen für eine möglichst einfache zukünftige Umstellung jedoch bereits getroffen werden sollen. Auf diese Idee hat mich ein Artikel von Jon Tan gebracht.

Samstag, 22. August 2009

SenSEO@twitter

Seit gestern gibt es für SenSEO einen Twitter-Account. Unter http://twitter.com/sensationalseo werde ich Neuigkeiten, Blog-Artikel von Nutzern und weitere Informationen rund um die Firefox-Extension twittern.

Dienstag, 18. August 2009

Frontend-Qualität - Einfach ist anders!

Die Qualität eines Web-Frontends drückt sich in dessen Architektur, Verfügbarkeit, Technik und Bedienbarkeit aus. Die besondere Herausforderung besteht darin, diese Qualität mit entsprechendem Wissenszuwachs kontinuierlich zu verbessern und zumindest in Teilen messbar und damit automatisiert analysierbar zu machen.

Der erste Teil geht mit der Einsicht einher, dass solche Verbesserungen nötig und förderlich sind. Wo im ersten Moment Zeit, Geld und Arbeit investiert werden muss, gestalten sich die Implementierung neuer Anforderungen oder Änderungen an bestehenden Teilen der Website dadurch oft als unkomplizierter oder sogar überhaupt erst als realisierbar. Schlüsselbegriffe in diesem Zusammenhang sind Organisation, Ordnung, Modularisierung und Standardisierung - um nur einige zu nennen.

Darüber hinaus gibt es ganz pragmatische Faktoren, welche die Qualität von Frontends fördern. Fehlerfreie und verfügbare Komponenten, korrekte Konfigurationen und leichtgewichtige Ressourcen zum Beispiel. Es sind genau diese Ressourcen, die sich gut automatisiert überwachen lassen. Teil einer guten Frontend-Infrastruktur sollte deshalb ein System sein, welches geeignete Metriken sammelt, visualisiert und auftretende Probleme kommuniziert.

Was für serverseitige Anwendungen oder technische Infrastrukturen bereits seit Jahren etabliert ist, setzt sich im Frontend-Bereich scheinbar nur langsam durch. Ursache dafür dürfte das relativ komplexe Umfeld an clientlastigen Technologien sein, das eine automatisierte Analyse erschwert.

Website-Performance - Einfach ist anders!

Die Performance einer Webseite - also die Geschwindigkeit, mit der die Komponenten einer Webseite vom Server zum Client übertragen und im Browser angezeigt werden - ist für die Frontend-Entwicklung in vielerlei Hinsicht von Bedeutung. Es gibt Studien die belegen, dass sich eine schnelle Ladezeit positiv auf die User-Experience auswirkt, weshalb Website-Performance auch für Google eine gewisse Rolle spielt. Weiterhin wirken sich Optimierungen positiv auf die Menge der zu übertragenden Daten aus, was wiederum Kapazitäten schont und Traffic-Kosten senkt.

Erste Erfolge sind dabei, vor allem bei kleineren Projekten, schnell erzielt. Performance-Optimierung in komplexen Web-Infrastrukturen zu etablieren, ist hingegen sehr anspruchsvoll und aufwändig. Neben der Klärung vieler Detailfragen sind Eingriffe in Seitenaufbau, Ladereihenfolge, Ressourcen-Kombination und Serverkonfigurationen nötig. Darüber hinaus erweist es sich als besondere Herausforderung, weiterhin eine komfortable Enwtwicklungsumgebung beizubehalten.

Yahoo! hat sich mit Best Practices for Speeding Up Your Web Site und der Firefox-Extension YSlow als Pionier auf diesem Gebiet hervorgetan. Die beiden Bücher High Performance Websites und Even Faster Websites von Steve Souders (ehemals Yahoo!, jetzt Google) sind Pflichtlektüre, wenn man sich mit dem Thema beschäftigt. Nate Koechley und Nicole Sullivan von Yahoo! publizierten ebenfalls zu Techniken der Performance-Optimierung. Erst kürzlich hat Google mit Web Performance Best Practices und der Firefox-Extension Page Speed ähnliche Bestrebungen gezeigt, für dieses Thema ein Bewußtsein in der Entwicklergemeinde zu schaffen und erworbenes Wissen zu teilen.

Dienstag, 11. August 2009

Semantic Checker mit Microformat-Support

Semantic Checker Info-BoxSemantic Checker highlightet in der neusten Version 0.3.1 auch Microformate. Folgende Formate werden unterstützt:


  • hCard, hCalendar
  • rel-license, rel-nofollow, rel-tag
  • Vote Links

Weiterhin werden nun, wie in der Grafik zu sehen, statistische Daten in einer Info-Box in der linken, unteren Ecke des Firefox angezeigt.

Diese neue Version kann momentan nur in der Version History heruntergeladen werden.

Samstag, 8. August 2009

Hörner hoch!

Ich geh' jetzt auf das Mittelalter-Fest:-)

Romana-Salat-Bild

Anders als im Rezept habe ich diesmal Champignons gebraten - also die vegetarische Alternative. Die Zutaten sind alle frisch vom Wochenmarkt auf dem Gutenbergplatz - ein echtes Highlight in Karlsruhe.

Romana-Salat mit Champignons

Blog abonnieren

RSS 2.0 Feed

Suche

Kalender

Zurück August '09 Vorwärts
Mo Di Mi Do Fr Sa So
          1 2
3 4 7 9
10 12 13 14 15 16
17 19 20 21 23
24 25 27 29 30
31            

Verwaltung des Blogs

Blogroll

Projects/Web

vCard

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