Cems Trend. Seiner.

Das heisst zunächst einmal, dass ich zum alten 2009er-Konzept des Linksammelns auf dem eigenen Blog zurückkehre. Mit sofortiger Wirkung:

• Ist die Kategorie mit Bookmarks wieder aktiv, mit eigenem Feed dazu logischerweise.
• Werden Links hier auch in die Indexseite, die Archivseiten etc. integriert dargestellt, zu erkennen am →. So sind die Links auch im Gesamtfeed markiert, wo sie jetzt auch auftauchen.
• Sind die Überschriften dieser Linkposts direkt verlinkt mit dem externen Inhalt um den es geht. Dies trifft auch auf die Feeds zu. Das ist so Gruber-Style…

Nach Hinweisen aus der Bevölkerung (ja, ich meine wieder Dich, Thomas), habe ich ausserdem meine ifttt.com-Tasks angepasst, so dass jetzt auch bei der Verteilung auf Twitter und Facebook Artikel und Links gesondert behandelt werden. Aus Spaß an der Freude werden die Links auch noch an mein Pinboard und an das Linkblog bei Tumblr durchgereicht. So sollte all der Blödsinn, den ich mir in letzter Zeit in Sachen Linkblogging ausgedacht habe weiterfunktionieren.

http://www.youtube.com/watch?v=tsRL4uaUpwY

Eigentlich hatte ich mich ja nur mit Marc gekabbelt, der Filmgrain gleich ganz verbieten will, aber immerhin hat’s unsere kleine Bürodiskussion bis in den TechnikLOAD-Videocast geschafft (neben vielen, interessanteren Themen).

Mit Hilfe des SocialDataGrabbers von David Maciejewski habe ich jetzt auch die Countangaben wieder reaktivieren können. Gleichzeitig erspart sich so der Umweg über bit.ly, dem ich in Zeiten der Netzabschaltung in Lybien eh’ nicht über den Weg traue und die doppelte Linkverkürzung, die durch Twitter Zwangsverkürzer t.co entstand, dieser wird nun stattdessen genutzt.

Nicos puristic twitter button

Twitter stellt eigentlich ein recht zufriedenstellendes Javascript-API zur Verfügung, wenn nicht beinahe alles darauf hinaus liefe, am Ende den Link zum Sharing durch den blöden iframe zu ersetzen. Technisch ist das natürlich die einfachste Lösung, man will ja nicht mal eine Datensammelwut unterstellen. Allerdings, der einzige Sinn des Frames ist dann die Anzeige des sog. Tweetcount, also die Anzahl, wie oft ein Link schon auf Twitter geshared wurde. Diese Information lässt sich auf keinem anderen Weg zurückbekommen, außer über den genannten iframe (Update:) direkt über das Twitter-API (die Funktion fehlt bei mir allerdings noch).

Dagegen ist es ein leichtes, die Sharing-API per Link mit den nötigen Daten zu versorgen, die den Service, das Teilen des Artikels auf Twitter, vollumfänglich ermöglichen. Ich habe mich in diesem Zusammenhang gefragt, wen die Zahl des Tweetcounts eigentlich wirklich interessiert und musste feststellen: hey, das bin ja ich. Ich glaube wenig an den Effekt: »das haben nun schon 20 Leute geshared, das teile ich auch«, sondern die Zahl ist allein zu meiner Auskunft gedacht.

Ergebnis: ich nutze jetzt den Twitterbutton ohne iframe. Namentlich ist es nur ein Link zur Sharing-Funktion. Ein kleines Javascript holt beim Klick auf den Link, die zum Artikel passende Kurz-URL vom bit.ly-API und shared sie dann bei Twitter. So wird zwar doppelt redirected (hüstel), weil Twitter noch seinen doofen t.co-Urlverkürzer darüber haut, dafür kann ich aber das Sharing zählen, über bit.ly., ein Service, den Twitter für t.co nicht (offen) anbietet.

Ohne Programmierlatein heisst das folgendes: es werden keine Userdaten mehr an Twitter übertragen, ohne dass man auf den Button klickt.

Flattr dieses Blog

Für den flattr-Button hatte ich noch kurz Hoffnung in das Update de WordPress-Plugins gesetzt, denn hier kann man seit neuestem sein Blog mit den entsprechenden APi-keys von flattr.com ausstatten, wenn man es als “Browser-App” bei flattr anmeldet. Zumindest zur Zeit wird das aber nur genutzt, um einen Button im RSS-Feed zu ermöglichen und im Blog wird weiterhin die iframe-Version genutzt. Da ich im Moment nicht weiter in das REST-API von flattr selbst einsteigen wollte, habe ich also das Plugin schlicht abgeschaltet. Stattdessen habe ich nun einen globalen Button dort eingefügt, der ein simpler Link auf das Gesamt-Thing meines Blogs ist.

Ich verstehe natürlich schon, dass das nicht das gleiche ist, wie ein echter Flattr-Button pro Artikel, aber bis es eine bessere Lösung gibt, soll das erstmal reichen. Nebenbei sei zu flattr noch vermerkt, dass meine Einnahmen i.d.R. die Fünf-Euro-Grenze nicht überschreiten und bisher immer wieder in andere Blogs reinvestiert wurden.

Auch hier ist das Ergebnis nun aber, dass keine Daten von Leuten die nicht auf den Button klicken an flattr übertragen werden.

Nächste Schritte

Als nächstes werde ich die versprochene Page zum Thema Datenschutz hier ins Blog stellen, dort wird es dann eine Opt-Out-Möglichkeit für meine Besucherstatistik geben, neben der genauen Übersicht, welche Daten hier erhoben werden. Fortsetzung folgt also.

Vor längerer Zeit schon, am 25.11.2009 (hab’s gerade nachgeschaut), habe ich aufgehört mit Google Analytics Daten sammeln zu lassen. Damals kochte eine Diskussion über die Rechtmäßigkeit der Analyticsnutzung und ich bin der Ansicht: dies ist eine private Seite, da brauche ich solche juristischen Probleme (und sind sie noch so unwirklich) nicht hereinzulassen.

Keine Zahlen sind aber auch keine Lösung, jedenfalls nicht, wenn man wissen will, was auf dem eigenen Blog so abgeht, oder eben auch nicht. In letzter Zeit eher nicht. Trotzdem. Deswegen habe ich nun Piwik auf meinem Webspace installiert. Diese sehr ansehnliche Open-Source-Software macht im Grunde alles, was Google Analytics auch macht, nur mit einem sehr großen Unterschied: es ist nicht Google, sondern es ist (in diesem Fall) Codecandies. Und – nach Aktivierung des entsprechenden Piwik-Plugins – anonymisiert es außerdem die gesammelten IP-Adressen, diese landen also nicht in der Datenbank. Damit sehe ich zwei Hauptforderungen der Datenschützer erfüllt: keine Verbringung der Daten nach USA (dafür sind weiter eure Banken zuständig) bzw. anderes Ausland und Speicherung nur in anonymisierter Form.

Die Installation von Piwik geht leicht von der Hand, die Einbindung des Trackingcodes in das footer-Template war natürlich auch unproblematisch. Der Pagespeed leidet natürlich ein wenig, vor allem im Vergleich zur trackerfreien Zeit. Dafür sind die Statistiken von Piwik nicht nur tres chic, sondern die Software lässt sich mit diversen Plugins noch erweitern (im Prinzip genau wie bei WordPress). Apropos WordPress: es gibt auch ein WordPress-Plugin, dass die Daten im WP-Dashboard anzeigt. Habe ich aber noch nicht getestet. Wie performant Piwik ist, kann ich jetzt noch nicht sagen, ich glaube aber kaum, dass Codecandies soviel Traffic verursacht, dass Piwik oder der Server von Domainfactory (Affiliate Link) an seine Leistungsgrenze gerät. Da aber Webseitenstatistik definitiv eine rechenintensive Angelegenheit ist, kann das für größere Webseiten durchaus ein Problem werden.

Damit bin ich dem Ziel, meine Website in einer Welt der Ads, Like-Buttons und Umfrage-Popups, gegen den Trend datensicher zu machen, ein wenig näher gekommen. Da sind aber noch dunkle Flecken auf der immer weißeren Weste: die drei Bettelbuttons unter jedem Artikel sind natürlich auch kleine Datenkraken. Die werden bei nächster Gelegenheit ausgetauscht. Dann werde ich nochmal eine up-to-date privacy policy erstellen und dort auch das Opt-out des Piwik-Statistiktools einbauen.

Some rights reserved by Masked Malayan

Zuletzt hatte ich mir ja vor ungefähr einem halben Jahr laut gedacht, dass man nicht dauernd an seinem Blog herumwerkeln könne, solle oder müsse. Tatsächlich bewundere ich Kollegen (hüstel), die seit Jahren mit dem immer gleichen Template daher kommen, geheiligt sei der hohe Wiedererkennunswert! Doch das ist meine Sache nicht. Und manchmal bedarf es nur einer Kleinigkeit, wie das Artikelbild von Jon Díez, das ich für den letzten Aufmacher ausgewählt hatte, mir das Gefühl zu geben, mein verdammtes Blog müsse mal dringend neu angemalt werden.

Und so sei es. So was wird in meiner Arbeitsumgebung wohl graphischer Relaunch genannt, und soviel hat sich unter der Haube auch tatsächlich nicht getan. Mehr neues HTML (formally known as HTML5) und mehr CSS 3 Effekte sind schon dabei. Im Moment nutze zum ersten Mal modernizr für’s downgrading, bisher sind aber nur die Klassen no-rgba und no-touch im Einsatz, wenn sich das nicht noch drastisch ändert, wird die Bibliothek zu den art directed Artikeln abgeschoben. Die es auch in Zukunft wieder häufiger geben wird, den Mechanismus dafür habe ich verfeinert.

Auffälig ist vielleicht noch die von mit gewählte Seitenbreite, die natürlich ganz deutlich auf die Tabletanwendung, vulgo für das iPad zugeschnitten ist. Ich hatte zwar mit responsive Designs weiter herumgespielt, letztendlich ist bei mir aber die Idee hängen geblieben, dass der einzige Browser, den ich immer fullpage nutze, der im iPad ist und dieses Blog mehr Breite einfach nicht nötig hat. Vor allem auf Artikelebene fehlt es mir an Content, für große Pixelzahlen. Damit funktioniert das Design eben auch auf Apples Tablet besonders gut, ebenso auf dem iPhone.

Der Rest ist Verschlichterung im Marcschen Sinne, die Page-Speed-Analyse der Homepage steht bei 95/100. (Update: Nach Installation der Open Source Stats Lösung Piwik ist der Page-Speed-Wert erstmal wieder marginal ;) gesunken.)

Obwohl ich hier Internet habe, lasse ich lieber Drachen steigen. Habe schon ein Buch durchgelesen. Bin entspannt.

Dabei habe ich vor allem darauf Wert gelegt, viel der Techniken auszuprobieren, die ich in den letzten Wochen und Monaten gelernt und an anderen Stellen gelernt habe. Darum ist auch viel mehr unter der Motorhaube passiert, als die Dinge, die man nach aussen sehen kann. Namentlich sind das: Nutzung vieler neuer HTML5-Elemente, Verschlankung des CSS-Codes und Nutzung von CSS media queries um eine angepasste Version für das iPad und Browser mit verkleinertem Fenster anzubieten, Verschlankung des Javascriptcodes, Verbesserung der WordPress-Templates und meiner geliebten functions.php. Aber eins nach dem anderen.

Welcome figure und figcaption

Das neue HTML5-Element figure gehört wirklich zu den sinnvollen Elementen, die schon immer gefehlt haben. Bei figcaption allein bin ich mir nicht so sicher. Der Name zeigt schon, dass man Schwierigkeiten hatte, das neue Element zu integrieren. In einem früheren Stadium war es auch tatsächlich geplant, die Elemente in figure als Definitionslisten zu gestalten. Mit diese Semantik war man schlussendlich aber nicht zufrieden, weshalb man ein eigenes Element erfinden musste und das erhielt den üblen Namen: figcaption. What a word. Ihhhh. Aber sei’s drum, beide Elemente finden sich nun prominent in der Homepage wieder.

Außerdem habe ich die Seite, nicht nur visuell, sondern eben auch im Code, in sections unterteilt. Die HTML5-Elemente header, article , footer und noch ein paar mehr, waren schon vor diesem Relaunch Teil des Codes. Damit bin ich der HTML5fizierung der Seite schon ein ganzes Stück weiter gekommen, ganz abseits der Buzzwordklopperei, rein im Code. Nun müsste man die Elemente nur noch ordentlich in den Artikeln nutzen können, ohne das WordPress anfängt rumzumucken, aber da kümmere ich mich auch noch drum.

Eine neue Brotschrift gibt’s nun auch, hier geht Droid Serif ins Rennen und ersetzt die Georgia, wo sie kann.

CSS Media Queries

Man konnte ja schon vorher lesen, dass ich mich in der Vorbereitung auf das iPad schon ausgiebig mit den praktischen Media-Queries auseinanderhesetzt habe. Nun habe ich auch hier im Blog eine entsprechende Regeln implementiert. Ab sofort bekommen das iPhone im Portraitformat und Browser deren Fensterbreite unter 920px liegt, eine verschmälerte Version der Seite angezeigt. Das kann ja jeder, der mit einem modernen Browser hier vorbeischaut leicht nachvollziehen, sonst hier auch mal ein Beispiel: so sieht’s breit aus:

Und so die schmale Version, 620px-einspaltig. Eigentlich hatte ich die schmale Version im normalen Browser nur zum Testen genutzt, bis mir am Netbook auffiel, dass das natürlich auch für den Firefox durchaus Sinn machen kann.

Der eigentliche Seitencontent ist 940px breit, ich habe 20px Karenz gelassen, weil mir auffiel, dass wenn man bspw. genau 940px nimmt, der Sprung zur schmalen Version auch passiert, wenn er gar nicht nötig ist, zum Beispiel, wenn man das Fentser genau auf Contentbreite bringen will. Insgesamt stört mich der Moment des schwitchens ein wenig, das ist schade, das das so abrupt erfolgt.

@media only screen and (max-width:920px), only screen and (max-device-width: 768px) and (orientation:portrait) { … }

Für das iPad im Landscape-Modus wird übrigens kein spezielles CSS geliefert. Stattdessen habe ich versucht, die normale Seite so iPad gerecht wie möglich zu gestalten.

Zudem werden wohl nicht alle art directed Artikel in die schmale Version passen. Da kann der geneigte iPad-Nutzer ja noch den Landscape-Modus nutzen.

WordPress- und/oder Javascriptcode

Nach längerer Zeit bin ich auch mal dabei gegangen und habe meine functions.php ein wenig aufgeräumt. Da meine Templates immer ziemlich egozentrisch gestaltet sind, habe ich keine Plugins gebaut, sondern alles was ich an zusätzlichen Funktionen benötigte in diese Datei codiert. Kann man machen, ist wie gesagt nicht so freundlich, wenn man das Theme veröffentlichen will. In der genannten Datei hat sich die letzten Jahre über aber auch ziemlich viel Müll angesammelt, den ich ersatzlos entsorgt habe.

Für meine art directed Artikel habe ich mir ja selbst eine kleine Erweiterung geschrieben, mit der man zusätzliche CSS-Sourcen als Meta-Feld an den Artikel hängen kann. Ich habe mir nun das Art Direction Plugin nocheinmal genauer angesehen und es wieder verworfen, nicht nur wegen der dämlichen Zeile Pay your respects to print, get Art Direction. auf der Plugin-Seite, sondern auch weil ich es für überflüssig halte. Stattdessen habe ich meine Lösung erweitert und verbessert, sowie das Silbentrennungsscript als Option auch für andere Artikel zugänglich gemacht.

Womit wir beim Javascript sind, denn auch hier habe ich ein wenig den Hammer kreisen lassen. Früher globale Scripte, die nur auf einigen wenigen Seiten gebraucht wurden, werden nun nur noch an den entsprechenden Orten geladen. Dafür habe ich mit meiner selbstgeschriebenem Artikelgalerie mal wieder echten Betacode auf Euch losgelassen. Das ist wie immer work in progress.

Liebe Leserinnen und Leser,
allen Ernstes, ich habe noch nicht soviel Weihnachtswünsche geschickt, gemailt, getwittert bekommen, wie in diesem Jahr. Dafür möchte ich mich rasch noch bedanken, bevor ich mich, samt Blog in die verdienten Weihnachtsferien verabschiede.

Ich wünsche Ihnen allen ein schönes Fest, lassen Sie sich nicht von dem Stress, der Panik und Omas Kuchen anstecken, bleiben Sie ruhig, rutschen Sie gemütlich ins neue Jahr. Und dann lesen wir uns wieder: 2010.

Hase: flickr.

Liebe Leserinnen und Leser, Kolleginnen und Kollegen, liebe Kunden!
Ich verabschiede mich für dieses Jahr von der Bloggerei, es warten die ersten und letzten Weihnachtseinkäufe, die Feiertage, meine eigene Hochzeit und Silvester auf mich, man kann also mit Fug und Recht behaupten: der Kalender ist auch zum Jahresende gut gefüllt.

Da wird jetzt nicht mehr viel Zeit bleiben, um die hier gerade gemachten Fortschritte hinsichtlich Besucher- und Abonnentenzahl weiter auszubauen. Kurz: hier im Blog tritt erstmal eine Flaute bis Jahresende ein.

In diesem Sinne: ich wünsche Ihnen und Euch eine frohes Fest und einen guten Rutsch in das neue Jahr. Wir lesen uns dann 2009 wieder. Falls Sie mir zu den genannten Feierlichkeiten etwas schenken möchten, so sollten Sie das machen…

Nebenbei bemerkt: Das Bild oben zeigt den Qualitätsjournalisten Nico B. mit seinen anonymisierten Leibwächtern »Buddy der Weihnachtself«^*) und Luigi Gastrolli der III.^*), bei der Rettung des gedruckten Wortes. Eben haben die drei in einer lebensgefährlichen Bergtour die verloren geglaubten Tagebücher des Louis Trenker von der Watzmannspitze gerettet, diese werden dann im nächsten Jahr von Günther Netzer und Günther Wallraff redigiert und bei einem bekannten Hamburger Verlagshaus erscheinen. Freuen sie sich!

* = Namen von der Redaktorengruppe Stade II erfunden

Eigentlich wollte ich nur ein Plugin zur Spamabwehr installieren…

Ich weiss, sieht alles total anders aus hier. Dabei habe ich gerade in letzter Zeit – danke für die Mails – einiges Lob kassiert, für das Vorgängerdesign. Da lagen die neuen Ideen schon als HTML Dummies auf meiner Festplatte herum. Mir war’s ja ein wenig zu opulent, Minimalismus sollte es ja damals schon werden – was in meinen Augen nicht so richtig geklappt hat. Man weiss ja, so einfach ein Userinterface auch ist, es geht noch immer etwas einfacher.

Hier sind nun ein paar Neuerungen angesagt. Ich glaube, es ist das erstemal, dass ich auf Fliesstext in Serifenschrift setze, was zumindest bei meinen Kollegen zu Diskussion geführt hat. Aber: ich sagte es ja bereits. Ansonsten: weniger Elemente (und welcher von den RSS-Konsumenten bräuchte sie auch), größere Schriften, hoffentlich bessere Bilddarstellung (samt Thickbox) und ein neues Formular zur Kommentareingabe. Dort muss man nun übrigens ein Spamfrage beantworten, 42 natürlich, meine Spamfilter haben in letzter Zeit einfach zu viel zu tun, das verbraucht unnötig Bandbreite.

Nebenbei, ich hatte im Vorfeld auch mit OpenType-Schriften experimentiert, aber keine der Schriften, die ich hätte nutzen dürfen, hat mir am Ende gefallen. Da ist noch viel drin.

Und eine letzte Anmerkung noch: das Vorgängertheme muss ich nun ein wenig überarbeiten und die händischen Specialtricks entfernen, dann soll es mein erstes WP-Theme zum downloaden werden. Mal sehen, wie lange ich dazu brauche. Beim Entmisten fallen bestimmt auch ein paar Artikel darüber ab…

Und jetzt weiterhin viel Spaß, bei meinen Codecandies.

Update: Ach, wo’s hier heut’ so voill ist, meinen Twitter-Feed kennen doch sicherlich auch schon alle, oder?! ;)

Ein wenig hilft die Waybac-Machine, aber was man dort findet ist meist zerschossen, flasch codiert oder sonstwie unansehlich. Auf einer im Mai 2002 archivierten Seite ist als Startdatum für das „Couchblog“ der 12. März 2002 verzeichnet. Davor kann es nur untaugliche Versuche gegeben haben. Danach kam Webpropaganda, dann Codecandies. Das ist alles so löchrig, wie mein Lebenslauf.

Dann passts ja!

Einen hab ich aber noch: Kennt noch jemand diese Aktion von 2002? ;) Ach, und diesen Eintrag, habe ich nach hier gerettet.

Aber dann wird’s IMHO etwas haarig. Nicht das ich Cems händische Editionsschleife anzweifeln will:

Kommentare die erschienen sind, werden (von mir manuell) nachträglich gelöscht, wenn sie den gesetzlichen Bestimmungen widersprechen (beispielsweise Volksverhetzung), blanker Nonsens, offensichtliche Dupletten, “schamlose” werbliche Kommentare (Links zu Shops, Firmen o.ä.) sind. […]

Alle anderen Kommentare (99,998% und mehr) bleiben bestehen, auch wenn sie mir (oder anderen) nicht gefallen.
Das ist Demokratie.

sprechblase.wordpress.com

Der letzte (von Cem selbst gefettete) Absatz jedoch lässt mir die Haare zu Berge stehen. Leute, das sag ich Euch gleich, Cem Basmann kann sich gerne aufführen wie eine Institution öffentlichen Rechts, in diesem Blog wird’s das nicht geben! und lieber Cem: das hat mit Demokratie alles nur auf dem Papier zu tun.

Dieses (private) Blog hier ist eine politische Handlung: ich nehme meine Meinung selbst in die Hand und veröffentliche sie, ich streite mich, ich informiere und ich sammle Informationen. Aber: ich nehme dabei keinen öffentliche Auftrag wahr, ich bin zu nichts verpflichtet außer dafür Sorge zu tragen, dass hier nichts zu stehen kommt, was gesetzlichen Bestimmungen widerspricht. Was ich sonst stehen lasse ist ganz allein meine Sache!

Meine Messlatte für das Löschen von Nazisprüchen, politischen Äußerungen von rechts, Darstellung, Anstachelung und Verherrlichung von und zu Gewalt, die liegt viel niedriger als jede gesetzliche Bestimmung! Es interessiert mich kurz gesagt einen Dreck, ob irgendein Gericht irgendeine Äußerung eines Nazis nicht verurteilt hat, hier im Blog wird er sie nicht erneut vortragen. Und so gilt das auch für viele andere Dinge, auf die ich empfindlich reagiere.

Das ist alles nicht mehr so zutreffend für mein Blog, da ich die politiche Diskussion weitgehend unterlassen habe in den letzten Jahren (auch weil ich im Vorgänger-Blog massiven Ärger mit Nazis hatte), die Regel an sich gilt aber nach wie vor: hier bin ich die Demokratie, dies ist keine öffentlich-rechtliche Anstalt, man kann hier kein Recht auf Kommentar einklagen, der Rechtsweg ist ausgeschlossen und ich will auch nicht den Anschein erwecken, das wäre anders: das ist meine Demokratie.

Update: man muss ja nur mit der Faust auf den Tisch hauen: da sind meine Leude ja wieder… puh.

Hätt man heute heiraten sollen. Oder eben nächstes Jahr, am 9.9.…

Du solltest einen Artikel mit dem Namen “08″ anlegen. Gäbe nen lustigen Permalink.

codecandies.de

Mensch, zum Glück bin ich keine Zeitung. Im Boden versinken täten deren Macher nämlich, hätten sie festzustellen, was ich festzustellen habe: nach nur zwei Ausgaben ist das Thema »Thema« schon wieder Geschichte, eine nette Idee, aber a) zu kompliziert und b) zu aufwendig. Zuviel Arbeit. Schon das zweite Thema habe ich nicht mehr mit Leben gefüllt, im Gegenteil, es dümpelte so vor sich hin.

Wie gesagt, wie beerdigen hier kein Magazin, sondern nur einen kleinen Ausschnitt im Contentspeicher Codecandies. Und da nun auf der Homepage reichlich Platz frei geworden ist, füllen wir selbigen mit direkt mit etwas anderem, nämlich mit schamloser Eigenwerbung für besondere, besonders beliebte oder besonders aktive Artikel hier im Blog.