Microsoft hatte in der Vergangenheit klare Konkurrenz. Zum Glück gibt es Museen, die das dokumentieren.

Bill Gates

Du bist nicht eingeloggt. Ich habe einen Account - einloggen!

Posts tagged with "webdesign".

Ahem. Wer diesen Eintrag noch in einer kürzeren Form gesehen hat, ist Zeuge meines Missbrauchs der Funktion geworden, mit der man die Veröffentlichung von Beiträgen in die Zukunft legen kann. Konnas Blogseminar (erklärender Eintrag kommt Montag) hat diesmal zur Aufgabe, eine Woche lang jeden Tag einen Post zu veröffentlichen und diesen hier hatte ich für Freitag vorgesehen. Leider habe ich dann keine Lust gehabt ihn fertig zu schreiben...

Konzertheld.de hat ein paar grüne Elemente verpasst gekriegt! Seit ich Habari als Blogginplattform nutze, wollte ich Smileys haben, und zwar welche, die sich farblich ins Theme fügen und auch ansonsten gut aussehen. Weiß nicht, warum ich nicht eher darauf gekommen bin, aber die von cabezudo.de passen hier eigentlich wunderbar rein, außerdem find ich die total knuffig. Als Smiley-Plugin nutze ich Tabasamu, welches es ermöglicht, eigene Smileysets zu erstellen, so dass ich die grünen Blob-Smileys selbst anpassen konnte (einfache XML-Datei). Ursprünglich wurden die übrigens von Irma E. erstellt, vielen Dank dafür, man darf sie für private Blogs kostenlos nutzen.

Ansonsten habe ich in den letzten Tagen an den Sidebars gebastelt und die Bezeichnungen geändert, die HTML-Validität verbessert und etwas über XHTML gelernt, nämlich dass man es eigentlich gar nicht so verwenden sollte wie ich es tue... nun ja, wenn HTML5 fertig ist, stelle ich vielleicht mal um. Links sind jetzt auch im normalen Artikeltext grün, das gefällt mir besser als vorher. Dieweil ich das ursprüngliche FadeIn-Theme immer mehr verändere, habe ich gesehen, dass planmäßig inzwischen Version 2.0 erschienen wäre, die komplett neu erstellt worden wäre, aber, wäre, wäre, der Auto hängt mal wieder hinterher.

Auf dem Plan, bis das BETA da oben verschwindet, stehen jetzt eigentlich nur noch die Fertigstellung der Custom Content Types an denen ich arbeite und deren Einbindung in das Theme (insbesondere in die Ansicht, in der mehrere Posts dargestellt werden) und die restliche Übersetzung von Habari. Wenn euch noch was einfällt, würd ich mir über einen Kommentar freuen!

Zu guter letzt für die, die sich fragen, was denn hier mal stand - und für meine spontan kreierte lose Reihe darüber wie ich blogge, erkennbar am Tag backstage, hier der Text, der als Notiz für diesen Artikel gespeichert war:

hahahah

cabezudo.de gefunden, Quelle nennen und in Footer einbauen

Der Smiley ist jetzt übrigens weg gefallen - eine Präsentation aller Smileys füge ich vielleicht ein, wenn ich mit der XML-Datei fertig bin.

Es wird einigen aufgefallen sein, in der oberen rechten Ecke befinden sich seit neuestem Icons zu allen sozialen Netzwerken in denen ich öffentlich zu finden bin sowie zu Wikipedia und den RSS-Feeds. Entdeckt habe ich die Dinger bei cabezudo.de und haben wollte ich sie schon länger, bin allerdings nie auf die Idee gekommen einfach mal durch die anderen Seiten des Blogs zu blättern, dann hätte ich sie gefunden... naja, so hat Google mich auf die DeviantArt-Seite von Tydlinka gebracht, die etliche dieser Icons dort bereit stellt. MrStrauss hat mir noch ein Picasa-Icon dazu gebastelt und ich hab mir eins mit dem Wikipedia-Logo gemacht (welches übrigens jeder gerne frei verwenden darf!), so ist's jetzt vollständig hahahah

Yay, es ist vollbracht! Es ist nicht perfekt und es kann nicht alles, was der ganz alte funktionierende Blog mal konnte, aber es viel toller, mindestens im Vergleich zu dem tristen Wordpress was zuletzt lief. Hier mal ein Überblick was passiert ist.

  • Das Wesentliche zuerst: Die gesamte Blogengine wurde umgestellt. Statt Wordpress läuft hier jetzt Habari. Für euch Leser bedeutet das vor allem, dass ein komplett neues Design da ist und die Kategorien zu Tags geworden sind. Dadurch kann man jetzt anders - und meiner Meinung nach besser - auf Inhalte im Blog zugreifen. Für mich als Admin bedeutet es mehr Komfort und Geschwindigkeit.
  • Mit dem neuen Design habe ich einige Veränderungen eingeführt. Auf der Startseite sind jetzt die neuesten acht Posts zu lesen, rechts in der Sidebar die ersten drei von Seite zwei. Darunter gibt's den Ausblick auf den nächsten vorterminierten Post. Bei der einzelnen Postansicht werden die neuesten drei Posts angezeigt. Das Bild im Header ist wieder da, wechselt aber nicht mehr bzw. noch nicht, muss ich mir noch überlegen. Die Zitate sind wieder da und an einer Stelle, die mir sehr gut gefällt.
  • Die Suche funktioniert leider noch nicht so gut wie im Wordpress-Blog. Tags werden nicht berücksichtigt, das ist Mist, aber ich arbeite dran. Falls jemand weiß oder rausfindet, wie man die Habari-Suchfunktion dahingehend modifiziert, dass sie Tags berücksichtigt, bitte melden!
  • Die Picasa-Alben-Einbindung funktioniert nicht mehr, da das Plugin für Habari nicht existiert. Ich werde es beizeiten umschreiben, bis dahin müssen Links herhalten, die noch eingepflegt werden müssen. Überhaupt sind die ganzen Medien alle noch nicht so funktionsfähig. In Arbeit.
  • Jetzt wieder was Gutes: Zum Relaunch gibt's außer diesem noch fünf neue Beiträge und einen Gastbeitrag hahahah

Es ist noch viel zu tun. Einige Feinheiten die sich geändert haben (geänderte Tags zur Anpassung an die kategorielose Struktur usw) werden dem ein oder anderen vielleicht auffallen, wichtiger sind Fehler, die noch da sind. Wer was findet, möge bitte hier kommentieren.

Übrigens bin ich jetzt auch Gastschreiber bei HabariMag... dort wird in nächster Zeit der ein oder andere Artikel von mir erscheinen, natürlich zu Themen, die während der Umstellung eine Rolle gespielt haben. Es wird auch hier im Blog noch einen eigenen Artikel über Habari geben. Wer sich schonmal ein Bild machen möchte, ist bei HabariMag gar nicht schlecht aufgehoben. Der Blog richtet sich aber vor allem an Leute, die schon Habari nutzen und es verbessern (oder überhaupt erstmal vernünftig einrichten) möchten. Denn soviel kann ich schon sagen: Habari ist nichts für Anfänger. Zumindest noch nicht.

Hoffe, euch gefällt, was ich gebaut habe, ich bin jedenfalls schon ein bisschen stolz drauf hahahah Ich denke, im Vergleich zum alten Blog sind schon jetzt viele Verbesserungen erreicht.

Die wesentlichen Fehler in Habari sind jetzt behoben, jetzt geht es an Design und Plugins. Damit kein aktueller Fortschrittsmelder mehr, sondern nur irgendwann ein Hinweis: Fertig! hahahah

Hier im Blog werden, wenn das Theme gerade richtig funktioniert, externe Links anders dargestellt als interne, und bei den internen wiederum die, die zu Posts führen anders als die die zu anderen Inhalten führen. Damit ich nicht immer von Hand die CSS-Klassen angeben und das target-Attribut für externe Links setzen muss, habe ich mir zuerst ein Makro geschrieben (G11 sei Dank), später dann ein PHP-Script was die Datenbank durchforstet. Das war auch deshalb nötig, weil ich keine Lust hatte, von Hand alle alten Posts durchzugehen und die Links zu markieren.

Da ich irgendwie immer noch zu faul bin die Makros zu benutzen oder die Links zu markieren, benutze ich das Script immer noch ab und an. Und mittlerweile habe ich beschlossen, einen CronJob dafür einzurichten. Dann ist's auch nicht schlimm, wenn ich mal vergesse einen Link zu markieren.

Externe Links sollten sich zur Abgrenzung von der Website, von der aus man sie aufruft, in einem neuen Fenster bzw. heutzutage ja eher in einem neuen Tab öffnen. Ich verstehe die Entwickler von Webseiten, bei denen das nicht der Fall ist, nicht. Der Aufwand ist minimal und mir sind keine Probleme bekannt. Es nervt total, wenn man einem externen Link folgt und die Seite auf der man vorher war dann direkt weg ist. Meine Meinung, aber vielleicht teilen einige Leute die ja.

Für den Fall biete ich jedenfalls mein Script zum Download an. Also, für den Fall, dass jemand meine Meinung teilt, auch einen Wordpress-Blog hat und in diesem Links markieren möchte. Man muss oben seine Domain angeben, damit das Script interne URLs erkennt. Danach müssen die Datenbankdaten angegeben werden. Anschließend werden die Posts durchlaufen und per regulären Ausdrücken auf Links überprüft. Die URL wird bei internen Links gestrichen, einige Schreibweisenfehler werden korrigiert. CSS-Klassen werden gesetzt (ggf. anpassen!) und das target-Attribut bei externen Links. Abschließend geht das Ganze zurück in die Datenbank. An verschiedenen Stellen habe ich Kontrollelemente eingebaut, die genutzt werden können, um die Arbeit des Scripts zu überprüfen; das macht natürlich nur Sinn, wenn man das Schreiben in die Datenbank dieweil deaktiviert.

Das Script darf zu nicht-kommerziellen und kommerziellen Zwecken frei benutzt und verändert werden. Daher keine noch so freie Lizenz, sondern ausnahmsweise mal: Macht was ihr wollt! :D (Das bedeutet in der Konsequenz übrigens auch den Ausschluss jeglicher Haftung durch mich. Sichert also im Zweifel eure Datenbank vorher - ich hab auch mal was kaputt gemacht damit, weil n Fehler drin war.)

Falls wirklich jemand die Datei lädt und benutzt, wär's cool, wenn derjenige hier einen Kommentar schreiben würde. Das gilt auch, wenn noch Fehler drin sind. Auch Fragen sind willkommen, alles wie immer halt hahahah

Achtung Update: Das Script produziert in seiner aktuellen Version Fehler, was man daran sieht, dass es den Link zu sich selbst geschrottet hat -.- herunterladen kann man es, wenn man das http:// killt funktioniert natürlich nur intern. Extern fehlt ein konzertheld.de/ zwischen dem http:// und dem wp-content. Ich fixe das dann mal und gebe ein neues Release heraus.

Links markieren PHP Script

Vor einem Jahr habe ich den Entschluss gefasst, keines der verfügbaren fremdgehosteten Blogsysteme zu nutzen, sondern eine Wordpress-Installation auf meinem eigenen Webspace, den ich schon seit etlichen Jahren nutze. Diese Entscheidung bereue ich definitiv nicht. Es war die richtige Entscheidung, meine bisherige selbst programmierte Website durch einen Blog zu ersetzen. Alle Inhalte, die ich bisher dort veröffentlicht hatte, ließen sich auch gut bloggen - und die, die noch geplant waren, erst Recht. Wordpress gefällt mir, weil es außer bloggen wirklich quasi nichts kann. Serendipity habe ich mir angesehen - vielleicht mache ich das mal. Größere CMS wie Joomla oder Drupal kommen jedenfalls nach wie vor nicht in Frage.

Ein Jahr ist so viel im Internet... technische und inhaltliche Eigenschaften des Blogs haben sich geändert. Ich blogge etwas weniger, dafür aber meistens längere und sinnvollere Beiträge, die für mehr Leute interessant sind. Tatsächlich haben sich einige Dutzend Leser zusammengefunden und wenn ich per ICQ oder sonstwo gefragt werde wie dies und jenes geht, habe ich manchmal schon einen Link parat, manchmal wird eine neue Anleitung daraus. Die Anleitungen sind eines der Grundelemente, wegen denen ich mich für einen Blog entschieden habe, insofern freut es mich umso mehr dass nicht nur ich etwas damit anfangen kann.

Auch im Hintergrund hat sich einiges geändert, das Design ist ein anderes als vor einem Jahr - momentan macht es mal wieder Probleme. Eigentlich ein fantastisches Theme - funktioniert in der aktuellen Version nur leider immer noch nicht richtig. Sollten sich die Probleme einstellen, werde ich vielleicht mal berichten, welche Vorteile Atahualpa bietet. Über das neue Wordpress habe ich ja bereits geschrieben.

Ich bin gespannt, was das nächste Jahr bringt. Die meisten Dinge im Blog entstehen spontan - von daher wird es hier keine Ankündigung geben was noch kommt ;) Auf jeden Fall geht es weiter und ich hoffe, dass ich weiterhin genug Gelegenheiten zum Schreiben habe - und dass die technischen Probleme weniger werden. Und mal schaun, ob es am 28.7.2010 in diesem Blog 450 Artikel und 190 Kommentare gibt - das wären dann doppelt so viele wie jetzt. hahahah

Ach verdammt, eigentlich sollte das doch schnell gehen... aber irgendwie sind vorher schon meine CSS-Formatierungsergänzungen drauf gegangen, so sind die Linkfarben und -Formatierungen wieder kaputt... also, momentan ist hier mal wieder Baustelle. Kinder haften für ihre Eltern... Minister haften für ihre Bürger.

Die Suche nach verwandten Artikeln ist auch mal wieder defekt. Hmpf. #baustelle

Update: Im offiziellen Forum des Themes wird jetzt davon abgeraten, dass Theme weiter zu verwenden, da ein schwerwiegender Bug drin ist. Den hab ich auch schon bemerkt: Die eigenen Änderungen treten nicht mehr in Kraft. Bei dem Versuch, auf die vorherige Version umzustellen, hab ich die Sidebars komplett kaputt bekommen... sorry. Ist grad alles etwas im Eimer hier.

Wieder mal ein paar Updates am Blog.
Content

  • Die Themensuche ist in einer verbesserten Version fertig gestellt. Über der Titelzeile neben den Kategorien ist jetzt das Thema zu sehen (anklickbar), in der Vollansicht gibt es unter dem Post einen Link. Die Themensuche ist jetzt noch präziser und findet nun endgültig nur noch Artikel, die von mir als zu dem selben Thema gehörig gekennzeichnet wurden. Dafür musste ich das Trennzeichen nach | ändern, da Leerzeichen zu einer Oder-Suche führen und Unterstriche als Leerzeichen behandelt werden...
  • Das Titel-Tag [blog] ist rausgeflogen, ich habe nun eine eigene Kategorie für Posts, die den Blog betreffen eingeführt. Sie heißt Blog. Total kreativ, ich weiß.
  • Irgendwann letztens habe ich wohl mal den 200. Artikel veröffentlicht, es müsste der Vorab-Post zu den Kirchentagsberichten sein, aber aus irgendwelchen Gründen hat Wordpress zwischendurch mal die Zählung geändert und ich hatte 201 Artikel statt 200, obwohl ich gar keinen veröffentlicht habe. 8O
  • Ein paar Verbesserungen am Quellcode, um die Validität zu erhöhen. Wenn mir einer den Fehler nennt, der jetzt noch auftrittt... *kopfschüttel* Was unterscheidet diesen Link <a href="http://www.stepmania.com/" class="extern" target="_blank">Seite</a> von diesem <a class="extern" href="http://de.wikipedia.org/wiki/Tanzmatte" target="_blank">Wikipedia</a> außer der Ziel-URL? Richtig: Der zweite wird vom Validator als falsch angestrichen. :wall: (es ist nicht immer dieser, aber immer irgendeiner im Dokument - aber nur einer! Angeblich existiert bei diesem einen dann das Attribut target nicht.)

Backend & Datenbank

  • Es werden nicht mehr alle Überarbeitungen gespeichert, sondern nur die neusten zwei. Eigentlich brauche ich diese Funktion gar nicht, aber sie gibt irgendwie Sicherheit... Wie das geht, habe ich hier gefunden: Quelle
  • Die alten Artikelversionen habe ich dann direkt mal alle gelöscht, dadurch ist die Datenbank um 196 Artikel ärmer. Schöne Entlastung.

Schimpfen auf Wordpress

  • Das Wordpress-Tag "code" formatiert Code nur so, dass er wie Code aussieht, zeigt aber tatsächlichen Code nicht an. Sprich, Links bleiben Links und werden nicht als Quellcode dargestellt. Das da oben ist also ein Misch aus "code" und eigenem Gefrickel.
  • Wenn ich einen Artikel anfange und speichere am Tag x und dann später am Tag y fertig stelle und veröffentliche, ist das Veröffentlichungsdatum nicht Tag y, sondern Tag x. Sprich, irgendwann angefangene Artikel befinden sich nach dem Publizieren nicht oben. -.-

So... dieser Post sollte eigentlich schon vor knapp einer Woche raus. Ich habe Wordpress komplett neu installiert und mit der wunderbar funktionierenden Export-Import-Funktion alle Daten übernehmen können. Dabei habe ich die Exportdatei ein wenig verändert, bevor ich sie importiert habe... nämlich alle Tags rausgelöscht. Die Tags in den Artikeln waren quasi doppelt gespeichert, einmal als Tag und einmal als Teil eines Artikels. Sprich, alle nicht genutzten Tags sind jetzt weg - das war etwa die Hälfte, da ich nie aufräumen konnte.

Im ersten Moment hab ich ja trotz erfolgreichem Testlauf gedacht, meine Entwürfe seien weg. Glücklicherweise wurden die nur unter einem Account mit meinem Namen gespeichert statt wie vorher im Admin-Account... alles noch da, es gab wirklich keinen Datenverlust, sogar die Bilder wurden übernommen und auch die Plugins funktionieren alle noch. Okay, fast keinen: Die Blogroll war weg. Warum auch immer. Gut, dass es den Google-Cache gibt, eben meine eigene Seite ausm Cache geladen und Links kopiert und neu angelegt und dabei direkt entrümpelt.

Das Archiv ist jetzt eingeklappt, das wächst immer mehr an und dadurch dass die internen Inhalte jetzt alle in der linken Sidebar sind, wurde es da doch recht voll. Dafür wird jetzt auch die Anzahl der Posts in den einzelnen Monaten angezeigt.

Kommentare können jetzt nicht nur insgesamt, sondern auch pro Beitrag abonniert werden. Nachdem kürzlich tatsächlich eine Anfrage zu einer meiner Technikanleitungen kam, habe ich gemerkt, dass der jenige gar nicht mitkriegen würde, wenn ich per Kommentar antworte, es sei denn er schaut immer wieder auf die Seite. Also gibt's jetzt pro-Beitrag Abonnements für die Kommentare, als RSS oder per Mail (mit Double-opt-in 1x pro Mailadresse für die rechtliche Sicherheit). Funktioniert bisher wunderbar, man kann sogar seine Abonnements verwalten. Schön, wenn es Leser gibt, denen dieser Blog nutzt, da rüstet man doch gerne nach.

Mein Related-Posts-Plugin ist beim Themewechsel kaputt gegangen und da es nicht mehr entwickelt wird, musste ich selbst für Ersatz sorgen. Nachdem ich ja zunächst an einem dummen Fehler verzweifelt bin, habe ich es jetzt geschafft mit benutzerdefinierten Metatags verwandte Artikel von Hand kennzeichnen und suchen zu können. Daher gibt es nun unter jedem Post, der zu einem eigenen Thema gehört, in dessen Einzelansicht einen Link "Alle Posts zu diesem Thema anzeigen", welcher eine Suche nach versteckten Metatags durchführt und dadurch genau die Posts auflistet, die ich als zugehörig gekennzeichnet habe. Bei diesem Post führt das z.B. alle Posts auf, die mit dem Blogumbau zu tun haben. (Für die Insider und Neugierigen: Das t_ vor dem Stichwort sorgt dafür, dass keine Posts ausgespuckt werden, die zufällig diesen Begriff enthalten.) Posts, die zu einem solchen Thema gehören, haben das Thema jetzt auch als Kicker über dem Titel stehen (der Kicker kann ebenfalls geklickt werden).

Zum Design kam immer wieder Kritik... daher hier die ultimative Leser-Umfrage: Welche Farbe wollt ihr als Basisfarbe im Blog? Momentan ist es gelb, bei mir zuhause sieht das sehr schön warm sommerlich aus, bei den meisten anderen eher nach Kotze oder Käse mit Hintergrundbeleuchtung... das ist ja nun nicht schön. Daher wär's cool, wenn hier per Kommentar mal geschrieben wird, welche Farbe euch gefallen würde... idealerweise als sechsstelliger Hexcode wie bei CSS üblich... das aktuelle Gelb ist FFFF8F. Vorschläge mit Pink-Tönen, schwarz oder weiß als Grundfarbe werden ignoriert, das kommt mir hier nicht hin. Ich hätte gerne was sommerliches...

Fertig ist der Umbau noch lange nicht. Die Zitate sollen wieder her, das ist kein großer Akt, ich muss nur mal den Code raussuchen. Die statischen Seiten sind momentan nicht da, die müssen überarbeitet und wieder eingebaut werden, aber nicht mehr oben wie früher, das nimmt zu viel Platz weg. Zugunsten der Barrierefreiheit werde ich die Bilder mit vernünftigen Alternativtexten versehen, was ich ungern direkt beim Einfügen tue, da Wordpress den Alternativtext immer automatisch als Beschriftung nimmt und ich die dann erst löschen muss. Da allerdings wenig blinde Leser meinen Blog lesen dürften, hat das niedrige Priorität. Sollte sich auch nur einer finden und hier einen Kommentar schreiben, erledige ich das sofort, versprochen. ;)

Das Theme muss auch noch weiter bearbeitet werden. Für die aktuelle Version gibt es noch keine deutsche Übersetzung, daher habe ich teilweise schon manuell dafür gesorgt, es ist aber geplant auch offiziell eine anzubieten, ich werde daher eine anfertigen. Bei den Kommentar- und Trackback-Links im Footer sind auch noch Fehler, da habe ich schon bei der alten Version eine Lösung gehabt, die muss ich mal wieder raussuchen und dann einfügen und dem Autor mitteilen, damit die zukünftig immer korrigiert bleibt. Daher kommt übrigens in der Einzelansicht der Posts der doppelte senkrechte Strich im Footer des Beitrags.

Während und nach der Umsetzung komme ich dann hoffentlich auch dazu, die immerhin 15 Entwürfe abzuarbeiten. Es geht auf 200 veröffentlichte Posts zu. Und wenn es so weitergeht wie bisher, mit einer vernünftigen Frequenz veröffentlichter Posts und einer leicht wachsenden Leserzahl, bin ich doch schon glücklich hahahah

Mittlerweile habe ich ausreichend viele Bilder für den Header gefunden und hochgeladen, außerdem müsste die Einfärbung des Themes fertig sein. Die Tags&Themen gefallen mir noch nicht so, da wird sich noch was ändern. Der Kalender musste weichen, ich poste eh völlig unregelmäßig, außerdem nimmt der Platz weg und hätte designtechnisch angepasst werden müssen. Der Blogtitel wurde durch ein einfaches Logo ersetzt.

Die Links sind jetzt noch einfacher: Rote Links führen zu Artikeln, grüne woanders hin, wenn ein grüner Link zusätzlich unterstrichen ist, führt er auf eine andere Website. Ab März 2009 habe ich das auch bereits in den Artikeln nachträglich konsequent umgesetzt.

Die linke Sidebar enthält nur Inhalte, die den Blog direkt betreffen, die rechte ausschließlich Inhalte, die vom Blog wegführen. Zur besseren Lesbarkeit habe ich versuchsweise die rechte Sidebar bei der Ansicht einzelner Posts ausgeblendet, mal sehen, wie das so ist.

Wenn ich komplett fertig bin, werde ich Wordpress wohl auch mal neu aufsetzen und damit dann endlich auch die Tags entschlacken. Über 100 Tags (etwa ein Viertel) sind nicht genutzt, lassen sich aber aus irgendwelchen Gründen nicht löschen, das macht deren Verwaltung und sinnvolle Nutzung deutlich schwieriger. Hab grad mal n Test gemacht, geht richtig gut (also Wordpress neu aufsetzen), sogar inkl. Dateien.

Übrigens, absolute Empfehlung für richtig gute, frei verfügbare Fotos in hoher Auflösung: Interfacelift. Daher habe ich alle Fotos, die oben als Header zu sehen sind.