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.
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.
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.
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.
Semantic Checker mit Microformat-Support
Semantic 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.
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.