<?php
 $zufall = rand(1,4);
 echo $zufall;
?>

Es gab nur 4 Teilnehmer, 3 Kommentare und ein Twitter-Teilnehmer. Gewonnen hat Dominik, der gleich eine E-Mail mit der freudigen Nachricht bekommen wird. Herzlichen Glückwunsch und viel Spaß mit dem Gutschein.

• Verlosung: 75€ Google AdWords Gutschein (3)
• Google Wave Einladungen zu verschenken! (10)

Wie man mit seinem Blog etwas Geld zum Hostingkostenausgleich verdienen kann, habe ich schon beschrieben. Allerdings muss ich da Google Adsense wohl wieder ausklammern, weil es sich nach diesen ernüchternden Zahlen absolut nicht lohnt.

Nun meine Frage an euch: hat jemand von euch eine Website, die mit Google Adsense gut funktioniert und eine hohe Klickrate hat, oder seid ihr damit auch eher erfolglos?

• Geld verdienen mit Blogs (9)
• Verlosung: 75€ Google AdWords Gutschein (3)
• Google Wave Einladungen zu verschenken! (10)
• Wollt ihr ein Redesign im Entstehen beobachten? (10)

Was muss ich dafür tun?

Einfach diesen Blogeintrag kommentieren, oder den Link zur Verlosung inklusive dem Hashtag #adwordsverlosung in einem Twitterbeitrag erwähnen. Man kann natürlich auch beides machen, um seine Chancen zu erhöhen. Die Verlosung geht bis zum nächsten Sonntag den 07.02.2010 um 15 Uhr. Dann werde ich höchst subjektiv einen Gewinner auswählen. Wer gute Ideen hat, wie ich den Gewinner ermitteln kann, der möge sie auch in den Kommentar schreiben. Jetzt bleibt mit nur noch, euch viel Glück zu wünschen.

Update:
Mir fiel gerade auf, dass ich bei Twitter-Links, die mit einem URL-Shortener gekürzt wurden nicht sehen kann, dass sie auf diesen Beitrag verlinken. Falls das schon jemand gemacht hat, bitte den Tweet in den Kommentaren verlinken. Für die, die noch über Twitter teilnehmen wollen, setzt bitte noch das Hashtag #adwordsverlosung zu eurem Tweet dazu.

Die Verlosung ist beendet.

• Gewinner der AdWords-Verlosung (1)
• Tschüss Google Adsense (1)
• Google Wave Einladungen zu verschenken! (10)
• Google Pagerank Update September 2008 (0)

Warum bloggst du?

Dieser Blog ist eine Mischung aus “Wissen mit Anderen teilen” und Archiv für mich selbst. Dazu kommt noch eine große Werbe- und Promotionswirkung und die Möglichkeit vielen Menschen meine Arbeiten zu präsentieren. Außerdem kann ich mich mit diesem Blog unheimlich wichtig machen ;-).

Seit wann bloggst du?

Der erste Beitrag erschien am 09.01.2007. Hey ich blogge seit fast genau drei Jahren. Dazu sollte ich auch noch einen Beitrag schreiben.

Warum lesen deine Leser deinen Blog?

Die meisten kommen wegen meinem Myspace-Tutorial und den PDF-Blanko-Notenblättern.

Welche war die letzte Suchanfrage, über die jemand auf deine Seite kam?

Notenblatt

Welcher deiner Blogeinträge bekam zu Unrecht zu wenig Aufmerksamkeit?

Aus heutiger Sicht denke ich, dass alle Beiträge die es wert waren, auch die nötige Aufmerksamkeit bekommen haben.

Dein aktuelles Lieblingsblog?

Da kann ich mich nicht festlegen. Sind zu viele, die ich gerne lese. Die meisten davon findet ihr bei den Links im Footer.

Welches Blog hast du zuletzt gelesen?

Veerles Blog

Wieviele Feeds hast du gerade im Moment abboniert?

ca. 60

An welche Blogs wirfst du das Stöckchen weiter und warum?

An keins, weil ich momentan keine Zeit habe, gute Kandidaten rauszusuchen.

• Buch-Stöckchen (0)

Wer vor der englischen Sprache nicht zurückschreckt, dem sei auch 24ways empfohlen, der internationalen Variante eines Webdesign Adventskalenders wo viele weltweit anerkannte Webdesigner ihr Wissen in Fachartikel gießen.

• Keine Ähnlichen Beiträge vorhanden.

Ja, ich weiß. Die Meisten sind schon drin. Das neue Kommunikations- und Kollaborationstool von Google, genannt “Wave“, hat anfangs für einen ziemlichen Hype gesorgt. Falls es noch jemanden gibt, der gerne “mitwaven” möchte, aber noch keine Einladung bekommen hat, kann eine bekommen indem er einen Kommentar in diesem Beitrag hinterlässt.
Interessierte können mich auch gerne per Twitter kontaktieren und per Direct Message ihre E-Mail Adresse schicken.

Momentan habe ich noch 40 32 Einladungen zur Verfügung. Ich bin mal gespannt, wie lange es dauert, bis alle weg sind. Wer nicht weiß, was Wave ist, sollte sich dieses Video zu Gemüte führen.

• Gewinner der AdWords-Verlosung (1)
• Tschüss Google Adsense (1)
• Verlosung: 75€ Google AdWords Gutschein (3)
• Google Pagerank Update September 2008 (0)

Ich hoffe, dass von den angsprochenen Projekten demnächst einiges fertig wird und ich mich wieder den Inhalten dieser Seite widmen kann. Es sind schon einige Artikel in der Mache, und viele Ideen aufgeschrieben. Bleibt mich noch bei meinen Stammlesern zu bedanken, denn die Nutzerzahlen haben sich seit meiner Inaktivität kaum verändert.

• Keine Ähnlichen Beiträge vorhanden.

Layout

Wer in letzter Zeit mal den Stand des Redesigns betrachtet hat, konnte einiges an Veränderungen sehen. Weitere Experimente mit Farben, Hintergrundbildern und der Aufteilung später sehe ich nun Langsam in welche Richtung es gehen wird. CSS3 wird eine Rolle spielen. Besonders angetan hat es mir die Eigenschaft (-moz-)box-shadow:, die mit im Firefox sogar als Schatten nach innen genutzt werden kann, wenn man den Befehl inset hinzufügt. Die Browserunterstützung für solche Eigenschaften ist leider noch sehr Gering, allerdings macht ihr Einsatz auch nichts kaputt.

Inhalt

Die meisten Inhalte der statischen Seiten sind nicht mehr aktuell und lassen sich auch nicht  aktualisieren ohne den ganzen Text neu zu schreiben. Auch der Bereich “Musik” hat nicht mehr viel mit dem Blog zu tun und wird mit dem Relaunch vom Netz genommen. Eventuell wird “Musik” auf einer neuen, persönlichen Seite, Platz finden. Das Portfolio hat sich natürlich um einiges erweitert. Es muss auch noch um den Bereich Print ergänzt werden. Für die Startseite muss was her das kracht und auch nach Portfolio aussieht, ohne das/den Blog zu sehr in den Hintergrund zu drängen.

Es wird sich demnächst also einiges hier ändern, und trotzdem vieles beim alten bleiben. Wie das bei eigenen Projekten so ist, wird es noch eine Weile dauern, bis alles fertig ist. Dafür wird dann aber alles umso toller / zugänglicher / schöner / semantischer / usw.</eigenlob>

• Redesign Teil3: Experimente mit Struktur und Farben (5)
• Beginn des Redesigns (3)
• Wollt ihr ein Redesign im Entstehen beobachten? (10)
• Relaunch von www.nocovers.de (13)

• Bundestag verabschiedet Gesetz fuer Web Sperren – Heise.de
• Das Gesetz für Netzsperren ist beschlossen: Meine Unabhangigkeitserklärung des Internets von der deutschen Politik – Nerdcore

• Keine Ähnlichen Beiträge vorhanden.

Das Problem

Nach vollzogenem Upgrade, konnten nicht mehr alle Plugins aktiviert werden. Besonders WP-Related-Posts scheint besonders hungrig zu sein. Die “Plugin automatisch updaten” Funktion, bricht zwischendurch ab und bereichert den Error.log um eine weitere Meldung folgender Art:

Allowed memory size of 33554432 bytes exhausted

Mit 32MB braucht man Wordpress scheinbar also nicht mehr zu kommen. Die Zeiten als Wordpress ein schlankes schnelles Blogsystem war, sind offensichtlich vorbei, was mich auch über einen Systemwechsel nachdenken lässt. Zum Beispiel Habari sieht schick aus und rennt auch ganz gut, würde sich also als Nachfolger eignen. Nun bleiben mir also mehrere Möglichkeiten.

Lösungsansätze

1. Blogsystem wechseln
   Wahrscheinlich mittelmäßiger bis viel Aufwand
2. Memory Upgrade beim Provider
   Von 32 auf 64MB, für 0,95€ pro Monat, ziemlich saftig!
3. Providerwechsel
   Sehr aufwendig und langwierig.

Bleibt die Frage an euch: Sind 32MB Memory-Limit heutzutage noch angemessen, oder sollte ich mich nach mehr umschauen?

Update (12.06.2009)

Nach einem Upgrade auf 40MB geht es wieder reibungslos.

• Wordpress Plugin Tweetbacks 1.4.4 verursacht Performance Probleme (1)
• Redesign Teil2: CSS Reset, Besinnung auf das Wesentliche (4)
• Dieses Design ist zu Klischee-zweinullig! (9)
• Kommentarspam vermeiden in Wordpress (0)

Originalartikel vom 24. März 2008, Update am 28. Mai 2009

Webdeveloper Toolbar

Die Webdeveloper Toolbar ist die Allzweckwaffe unter den Firefox Add-ons. Die Toolbar nistet sich unterhalb der Lesezeichen-Symbolleiste ein und kann mittels Symbol in der Navigationsleiste ein- und ausgeblendet werden. Mit ihrer Hilfe kann man beispielsweise bestimmte Elemente der Webseite ausblenden, sie umranden lassen, sich den Quelltext anzeigen lassen, oder sich Informationen zu einzelnen Seitenelementen anzeigen lassen. Die Möglichkeiten der Toolbar sind so weitreichend, dass alle hier aufzuzählen den Rahmen sprengen würde.

Html Validator

Der Html Validator ist ein Tool, dass in der Statusleiste ganz unten rechts die Fehler und Warnungen zum Quelltext der Seite anzeigt. Klickt man doppelt auf die Anzeige öffnet sich ein neues Fenster in dem der Quelltext und eventuelle Fehler in der Validierung angezeigt werden. Mit einem Klick auf den jeweiligen Fehler gelangt man im Quelltext direkt zur fehlerhaften Stelle und es wird eine Erklärung des Fehlers angezeigt.
Funktioniert leider nicht unter Ubuntu 8 Bereinigte Ubuntu Version von Html Validator

Colorzilla

Colorzilla ist ein kleines Add-on welches einem, von der Statusleiste ausgewählt, die Möglichkeit gibt von jedem beliebigen Element der gerade besuchten Website die Farbe zu bestimmen und den zugehörigen Farbcode als Hexadezimal- oder RGB-Code anzeigen zu lassen.

Dust-me selectors

Dust-me selectors hilft einem dabei nicht mehr verwendete CSS-Klassen und ids zu finden um sie aus dem CSS-Code entfernen zu können. Das Tool setzt sich in der Statusleiste fest, von wo aus man es starten kann um durch die Webseiten zu navigieren, die durchsucht werden sollen. Die ungenutzten CSS Bestandteile werden abschließend in einem extra Fenster angezeigt.

Quick Java

Das Add-on Quick Java lässt einen auf Mausklick Java und Javascript ein und ausschalten. Das ist sehr praktisch, wenn man die Funktionalität einer Seite ohne Javascript, oder Java testen möchte um keine Nutzer auszuschließen, die es deaktiviert haben.

Firebug

Das mächtigste der hier vorgestellten Tools ist Firebug. Nach der Installation nistet es sich in der Statusleiste, in Form eines kleinen Käfers, ein und kann auf Klick aktiviert werden. Mit Firebug ist es unter anderem möglich, einzelne HTML Elemente und die darauf wirkenden CSS Regeln zu erkennen, zu ändern und JavaScript zu debuggen. Die Möglichkeiten sind hierbei so zahlreich, dass sie hier den Rahmen sprengen würden. Die große Besonderheit von Firebug ist, dass es selbst auch noch erweiterbar ist.

Pixel perfect

Eine der Erweiterungen für Firebug ist Pixel perfect. Das Add-on macht es möglich, den grafischen Entwurf einer Website halbtransparent über den Viewport des Browserfensters zu legen. An diesem Overlay können anschließend die Elemente der Website pixelgenau nach Vorlage ausgerichtet werden.

YSlow

YSlow, ebenfalls eine Erweiterung für Firebug, analysiert die Performance von Websites und deckt eventuelle Bremsen auf. Es zählt HTTP-Requests, analysiert Dateigrößen und benotet anschließend die Performance der Seite. Seit der neuesten Version ist auch das Bildoptimierungstool Smush.it enthalten, das die Dateigröße von Bildern unter Umständen drastisch verringern kann.

Firediff

Firediff merkt sich Änderungen, die mit Firebug am Code vorgenommen wurden und zeigt diese auf Wunsch an. Das ist vor allem dann praktisch, wenn man Firebug nicht nur zur Überprüfung des Codes, sondern auch zur Entwicklung einsetzt und die Änderungen in den Originalcode übernehmen will.

Das unvermeidliche Fazit

Wie eingangs erwähnt kann Firefox zum mächtigen Entwicklertool werden. Man muss allerdings aufpassen es nicht zu überladen, da mit jedem Add-on die Performance des Browsers beeinträchtigt wird.

• Wordpress Plugin Tweetbacks 1.4.4 verursacht Performance Probleme (1)
• Wollt ihr ein Redesign im Entstehen beobachten? (10)
• Webseiten in allen Browsern testen (4)
• Kein Beitrag über Chrome (2)

Ein großes Lob jetzt schon mal an die Organisatoren, die es neben einem Shuttleservice (Bahnhof – Fucamp) sogar geschafft haben kostenlose Hotelbetten zu organisieren. Wem kein Hotelbett mehr zur Verfügung steht, der hat auch die Möglichkeit mit Schlafsack und Isomatte kostenlos in der Universität zu übernachten. Wenn die Organisation jetzt noch so gut klappt, wie das Angebot reichhaltig ist, wird dieses Wochenende eine gute Zeit für alle Beteiligten. Ich freu mich wie ein kleines Kind!

• Rückblick: Designcamp Köln 2009 (1)
• Designcamp in Köln (24. – 25.01.2009) (1)

• Keine Ähnlichen Beiträge vorhanden.

Der Text der Petition

Wir fordern, daß der Deutsche Bundestag die Änderung des Telemediengesetzes nach dem Gesetzentwurf des Bundeskabinetts vom 22.4.09 ablehnt. Wir halten das geplante Vorgehen, Internetseiten vom BKA indizieren & von den Providern sperren zu lassen, für undurchsichtig & unkontrollierbar, da die “Sperrlisten” weder einsehbar sind noch genau festgelegt ist, nach welchen Kriterien Webseiten auf die Liste gesetzt werden. Wir sehen darin eine Gefährdung des Grundrechtes auf Informationsfreiheit.

Die Begründung

Das vornehmliche Ziel – Kinder zu schützen und sowohl ihren Mißbrauch, als auch die Verbreitung von Kinderpornografie, zu verhindern stellen wir dabei absolut nicht in Frage – im Gegenteil, es ist in unser aller Interesse. Dass die im Vorhaben vorgesehenen Maßnahmen dafür denkbar ungeeignet sind, wurde an vielen Stellen offengelegt und von Experten aus den unterschiedlichsten Bereichen mehrfach bestätigt. Eine Sperrung von Internetseiten hat so gut wie keinen nachweisbaren Einfluß auf die körperliche und seelische Unversehrtheit mißbrauchter Kinder.

Bisher haben sich 21226 (Stand 05.05.2009, 16:53 Uhr) Menschen beteiligt. Die Petition läuft noch bis zum 16.06.2009 und muss bis dahin mindestens 50.000 Mitzeichner finden, um im Petitionsausschuss besprochen zu werden. Der aktuelle Stand der Petition kann über @mitzeichner bei Twitter mitverfolgt werden. Ein einen faden Beigeschmack bekommt das Ganze durch die Möglichkeit die komplette Mitzeichnerliste als CSV-Datei runtergeladen werden kann. Diese enthält neben den Namen der Mitzeichner, auch deren Bundesland.

• Lohnenswerte Podcasts für Webworker (2)
• Praktikumsplatz gesucht! (0)
• Studio / Internet (1)
• Newskraft.de – ein Phantomreferrer? (4)

Die Zahl der verfügbaren Programme ist mittlerweile unüberschaubar geworden. Für Linux, speziell Ubuntu ist es allerdings nicht so leicht einen fähigen Client zu finden, der das System nicht zu sehr belastet. Begonnen habe ich mit Twitterfox, bin dann aufgrund der überpluginisierung meines Firefox auf twhirl umgestiegen. Twhirl basiert auf Adobe AIR, was auch immer parallel zu jeder damit laufenden Applikation aktiviert sein muss. Auch eine unnötige Bremse, die sich bei mir extrem bemerkbar machte. Also wieder weg damit und die ganze Liste der nativen Clients für Linux durchgemacht. Das einzige, was mir halbwegs gefiel und auch momentan den beta Status noch nicht verlassen hat war Choqok. Coole kleine Twitterapplikation mit immer mal wieder neuen Features. Allerdings verschluckte Choqok oft Tweets, oder konnte die aktuellen nicht mehr abrufen.

Nun bin ich wieder bei Twitterfox gelandet. Warum? Klein, schnell, funktional und zuverlässig! Ende der Ansage :-)

Nachtrag (28.04.2009)

Qwit scheint ganz cool zu sein. Das User Interface lässt zwar noch etwas zu wünschen übrig, aber es kann recht viel und das auch scheinbar recht zuverlässig. Es wird sich im Langzeittest noch beweisen müssen. Dank an dieser Stelle an @kabarakh

• Bald ganz frisch: Ubuntu 9.04 – Jaunty Jackalope (1)
• Ubuntu 8.10 kommt (2)
• Kostenloses Ubuntu Videotraining (0)
• Hass auf Ubuntu… (8)

Zeit sich Zeit zu nehmen, und den eigenen Lesern zu zeigen, welch tolle Blogs da draußen sind, den Horizont etwas zu erweitern, und miteinander zu kuscheln.

Die Vernetzung der Blogs hat wirklich abgenommen in letzter Zeit. Daher ist diese Aktion nur richtig und notwendig und kommt keine Sekunde zu früh.

Ein paar schöne Blogs zum lesen und gernhaben

Webzeugkoffer.de

Björn Seibert schreibt in regelmäßigen Abständen über “Webdesign und so.” Lehrreich und unterhaltsam.

Praegnanz.de

Gerrit van Aaken hat eine unterhaltsame Schreibe und berichtet viel über Typografie und seine Arbeit als Webdesigner.

CSS-Petals.net

Blog von Tobias Baldauf über Webdesign, politisches und persönliches. Lesenswert.

So, das sind also die Blogs, die ich meinen werten Lesern empfehlen möchte. Ich hoffe der eine oder andere wird dort mal vorbeischauen. Ich habe nicht viel zu den jeweiligen Blogs geschrieben, weil sie absolut für sich selbst sprechen.

• Keine Ähnlichen Beiträge vorhanden.

Die Idee hinter dieser Veranstaltung ist die Förderung von Web-Standards. Schlicht und einfach. Dies umfasst die ordnungsgemäße Verwendung von (X)HTML, semantisches Markup, eine gute Struktur-Hierarchie, und natürlich, ein gutes Spiel mit Worten. Es ist an der Zeit, Ihren <body> zu zeigen.

Deshalb werden jetzt für 48 Stunden alle Styles auf dieser Seite deaktiviert.

• Ein paar Links (4)
• Redesign Teil3: Experimente mit Struktur und Farben (5)
• Redesign Teil2: CSS Reset, Besinnung auf das Wesentliche (4)
• Beginn des Redesigns (3)

Weitere neue erwähnenswerte Features:

• Das Filesystem wird auf das neue Ext4 geupdated, sofern man das will. Ext4 unterstützt Dateisysteme mit bis zu einem Exbibyte (2⁶⁰ Byte = 1.152.921.504.606.846.976 Byte). Alles andere wäre mir auch zu wenig gewesen, da ich vorhabe demnächst das ganze Internet runterzuladen und auszudrucken, so wie man das als Mediengestalter immer tun sollte :D. Ext4 soll, na wer errät es, schneller sein als Ext3. Leider sollte es, aufgrund von drohendem Datenverlust bei Abstürzen, nur auf Servern o.ä. eingesetzt werden.
• OpenOffice kommt endlich nativ in der Version 3 mit an Bord. Wurde aber auch schon längst Zeit.
• Beim neuen X-Server 1.6 wird standardmäßig das Tastenkürzel STRG + ALT + BACKSPACE deaktiviert sein, das in früheren Versionen dessen Neustart auslöste. Blöd, wie ich finde. Die neue Kombination für den X-Server Neustart (ALT + DRUCK + K) bricht einem die Finger, sodass ich wohl direkt nach dem Update die alte mit “sudo dontzap –disable” wiederherstellen werde.

Ich bin wirklich gespannt, ob sich der optimierte Bootvorgang bei mir bemerkbar machen wird. Allerdings muss ich noch 22 Mal schlafen, bis es raus ist. Viel zu lange, wenn man sehnlich auf etwas wartet.

• Twitter Clients für Ubuntu (2)
• Ubuntu 8.10 kommt (2)
• Kostenloses Ubuntu Videotraining (0)
• Hass auf Ubuntu… (8)

• Matrix Layouts von Jonathan Snook beschreibt die Idee für ein interessantes neues CSS Layoutmodell. Dazu gibt es gleich auch noch eine Spezifikation welche die Wirkungsweise seines Matrix Modells beschreibt.
• Firefox 3.1 Beta 3 hab ich kurz angetestet. Firefox 3.1 wird letztendlich, aufgrund der vielen Neuerungen 3.5 heißen. Ich habe mir nur zwei dieser Neuerungen explizit angeschaut.  Das Private Browsing speichert keinen Verlauf, Cookies usw. Die neue JavaScript Engine TraceMonkey ist einen guten Zacken schneller als die alte, muss allerdings erst über about:config aktiviert werden. Insgesamt wirkt Firefox 3.1 schneller als 3.0. Mein Eindruck könnte aber auch gut durch die Inkompatilität einiger Add-ons (die dadurch deaktiviert waren) verfälscht worden sein.
• Technikwürze, der deutsche Webdesign Podcast, hat ein wirklich schönes Redesign hingelegt. Die Inhalte sind jetzt wesentlich besser strukturiert und die Startseite bietet jetzt einen tollen Einstieg in alle Bereiche der Website.
• Donnerwetter, nein nur Regenwetter gibt es zu sehen auf http://www.devthought.com. Die im Header umherschwebenden Wolken wurden mit Hilfe des Mootools JavaScript Frameworks animiert und können mit dem Mauszeiger angefasst und verschoben werden. Einerseits nur eine nette Spielerei, andererseits eine Demonstration, was mit JavaScript alles angestellt werden kann, und sei es noch so unnütz.

So das war mein erster Linkpost, eventuell folgen weitere. Ich durfte ihn übrigens zwei Mal schreiben, weil Wordpress beim ersten Speichern meinte, ich es würden für diese Aktion irgendwelche Berechtigungen fehlen. Komische Sache.

• Beginn des Redesigns (3)
• CSS Naked Day 2009 (0)
• Redesign Teil3: Experimente mit Struktur und Farben (5)
• Redesign Teil2: CSS Reset, Besinnung auf das Wesentliche (4)

Ein solches Layout birgt Herausforderungen, denen ich bisher noch nicht so oft begegnet bin. Deshalb ist das auch ein Grund es mal zu versuchen. Vor allem muss der grafische Entwurf des neuen Designs auch flexibel funktionieren. Noch kurz Fakten: ich habe mich bei der Breite des Wrappers für 60em = 960px (bei der Standardschriftgröße von 16px) entschieden, was momentan dem Standard entspricht und auch mit gängigen Grids funktioniert. Eine feine empfehlenswerte Sache ist in diesem Zusammenhan der px-to-em calculator.

Es bleibt spannend <– blöde Floskel! Spannend ist vor allem, wann ich wieder Zeit finden werde, inspiriert und kreativ an meinem grafischen Entwurf weiter zu Arbeiten. Es fühlt sich aber seltsamerweise gut an, HTML und Screendesign gleichzeitig zu bearbeiten, da sich das auch gegenseitig beeingflusst. Das ist so völlig anders als die Arbeit in der Agentur, wo man meist mit dem HTML erst beginnt, sobald das Screendesign fertig ist.

• Beginn des Redesigns (3)
• Dieses Design ist zu Klischee-zweinullig! (9)
• Redesign Teil4: Es wird ein Relaunch (3)
• CSS Naked Day 2009 (0)

Die Tatsache, dass es eben die statischen Seiten, und nicht die Blogartikel waren, die so langsam geladen wurden machte mich etwas stutzig. Die letzte Möglichkeit, die das Problem verursachen konnte, war ein Plugin. Da gerade kurz vor den Performanceproblemen auf die neue Version von Tweetbacks (1.4.4) geupdated hatte, hab ich spaßeshalber einfach mal das Plugin deinstalliert. Und siehe da, der Blog ist so schnell wie eh und je. Daher meine Empfehlung: Tweetbacks aus, oder nicht auf 1.4.4 updaten.

• Kommentarspam vermeiden in Wordpress (0)
• Wordpress und das PHP Memory Limit (7)
• Firefox Add-ons für besseres Webdesign (9)
• Redesign Teil2: CSS Reset, Besinnung auf das Wesentliche (4)

Halbverschlafen um 9.30 Uhr im Kongresszentrum-Nord angekommen, wurde mal direkt in voller Müdigkeit fotografiert und die Fotos wurden direkt bei Flickr hochgeladen. Frisch gestärkt von angebotenem Frühstück, ging es direkt zur Einführungsveranstaltung, wo einem schon das eine oder andere bekannte Gesicht über den Weg lief. Nach der unvermeidlichen Vorstellungsrunde, inklusive einiger Leute, die das Wort “Tag” ziemlich missverstanden haben ging es los zu der ersten Sessionrunde.

Die von mir besuchten Sessions waren fast alle sehr interessant und inspirierend. Einige der beim Designcamp gehaltenen Sessions wurden gestreamt und können bei Make.tv angeschaut werden. Schade, dass die Session zur Interface-Entwicklung für das Android-Handy von Google einen so schlechten Ton hat, die war nämlich wirklich klasse.

Mein Highlight waren allerdings nicht die Sessions, sondern die vielen Leute, mit denen man diskutieren konnte. Das Netzwerken auf dieser Veranstaltung war super produktiv und inspirierend. Meine Twitter-Following-Liste platzt jedenfalls jetzt aus allen Nähten. Sehr förderlich, um wirklich neue Leute kennenzulernen, war auch die DCC09-Party im Keller eines Secondhand Ladens im Herzen von Köln. Allerdings fand ich es ein wenig seltsam, dass der Besitzer extra Models engagiert hatte, um allen seine Ware angemessen zu präsentieren.

Insgesamt wurden meine Erwartungen an das Designcamp weit übertroffen. Die Organisation war wirklich toll und entspannt. Dank der Sponsoren war auch so manches Extra möglich (warmes Mittagessen, Party, Poster von eBoy usw.), die das Ganze noch angenehmer machten. Bei den Sessions hätte ich mehr Design erwartet und weniger Technik. Blöd fand ich, dass einige wenige die Sessions zu reinen Werbezwecken nutzten. Die Adobe Catalyst Session war eine reine Werbeshow. Der Introfilm beeindruckte, der Vortrag bestach durch Halbwahrheiten (Flash funktioniert angeblich auf 98,5% aller Endgeräte, die Handys wurden wohl vergessen.) und hochgelobte Software, die noch nicht mal den Release erreicht hat. Insgesamt überwog allerdings der positive Eindruck und ich werde beim nächsten Designcamp sicher wieder dabei sein.

• Designcamp in Köln (24. – 25.01.2009) (1)
• Fucamp – ein Barcamp im Schwarzwald (2)
• Redesign Teil2: CSS Reset, Besinnung auf das Wesentliche (4)
• Dieses Design ist zu Klischee-zweinullig! (9)

• Rückblick: Designcamp Köln 2009 (1)
• Fucamp – ein Barcamp im Schwarzwald (2)
• Redesign Teil2: CSS Reset, Besinnung auf das Wesentliche (4)
• Dieses Design ist zu Klischee-zweinullig! (9)

Momentan bin ich noch dabei alles leer zu machen. Unnötige Template Dateien, wie z.B. 404 Fehlerseite, Archive usw. wurden einfach gelöscht. Zum korrekten Betrieb eines Wordpress Templates sind nämlich nur header, footer, sidebar, comments, und index.php nötig. Die Funktionalität ist dann allerdings sehr eingeschränkt. Inhaltsseiten und einzelne Blogseiten sind in meiner momentanen Konfiguration so nicht möglich. Für das grobe Layout sind sie aber auch noch nicht erforderlich. In meiner CSS-Datei steht bis jetzt nur der Eric Meyer CSS Reset, der das Standard-CSS des Browsers zurücksetzt, damit man mit dem Design auch wirklich von Null beginnen kann.

Die Dateien bearbeite ich grundsätzlich direkt auf dem Server. Nein ich benutze nicht die Editierfunktion von Wordpress, da müsste ich jedesmal die Editierseite neu laden. Mein Weg geht über mein FTP-Programm Filezilla, in dem man die Seiten vom Server direkt im Editor seiner Wahl laden kann. Existiert lokal eine aktuellere Version der Datei als auf dem Server, so wird die alte Datei auf dem Server direkt durch die neue ersetzt.

Der nächste Schritt wird das Anlegen einer groben Inhaltsstruktur sein. Eventuell werde ich dann auch noch etwas mit Farben experimentieren. Die ersten grafischen Entwürfe stehen, wurden aber schon wieder mehrfach umgeworfen. Der eine zu detaillos, der andere nicht professionell genug. Es gibt für mich immer etwas dran auszusetzen. Deswegen dauert das Redesign bei meinen eigenen Seiten auch immer so lange. Alles wird 1000 mal beleuchtet, optimiert, wieder verworfen und so weiter.

• Dieses Design ist zu Klischee-zweinullig! (9)
• Wordpress und das PHP Memory Limit (7)
• CSS Naked Day 2009 (0)
• Ein paar Links (4)

Was kommt?

Die ersten richtigen Prüfungen in der Berufsschule stehen im neuen Jahr schon an. Da ich, dank meines Abiturs, nur eine Ausbildungszeit von 2 Jahren habe, mache ich nach einem ¾ Jahr Mediengestalter-Ausbildung schon meine Zwischenprüfung, anstatt nach 1 ¾ Jahren. Dem kann ich aus momentaner Sicht relativ gelassen entgegen schauen, da der Stoff mich eher unter- als überfordert.

In der Agentur kommen neue Aufgaben auf mich zu, da ich, laut Ankündigung auch endlich mal in die Grafikabteilung reinschnuppern kann. Ich freue mich schon tierisch auf Gestaltungsgrundsätze und hoffentlich auch Typografie als Themen. Dann kann endlich, nach dem Coder auch noch ein gelernter Designer aus mir werden.

2009 wird das 20. Jubiläum der Satanic Voices gefeiert. Ich bin schon gespannt auf einige tolle Konzerte, die hoffentlich so gut laufen werden, wie die meisten 2008. Das war bis jetzt das beste Jahr bei den Voices und sollte noch einmal getoppt werden. Los geht’s am 30. und 31. Januar beim Bang your Bierbauch.

Wünsche

2009…

• …werde ich hoffentlich eine schöne Wohnung in Karlsruhe finden.
• …wird ein beruflich abwechslungsreiches Jahr.
• …sehe ich Iced Earth und hoffentlich auch Marillion live. Ich suche noch Leute die mit nach Straßbourg zu Marillion wollen, bitte melden.

In diesem Sinne, kauft nicht zuviel Böller Brot. Guten Rutsch und was man halt sonst noch so wünscht.

• Rucksackkontrolle beim Zweibrücker Stadtfest 2008 (5)
• Stadtfest 2008 in Zweibrücken mit Rucksackverbot? (4)

Eine Kleinigkeit gibt es bei dem Theme-Wechsler noch zu beachten. Das verwendete Plugin setzt bei jedem Wechsel des Themes ein Cookie, welches sich das aktuelle Theme “merkt”. Soll heißen, wenn ihr in ein paar Tagen nochmal hierher kommt, wird das zuletzt ausgewählte Theme angezeigt.

Der Erste Schritt wird jetzt sein, das momentane Design von allem Müll zu befreien und mal komplett zu strippen. Soll heißen ich werde alle Layoutgrafiken, einen Teil des CSS und das gesamte Javascript einfach ohne Rücksicht auf Verluste rausschmeißen, egal wie wild das aussehen mag. Ziel ist es,  zu der Codebasis zu kommen, die wirklich notwendig ist.

• Ein paar Links (4)
• Redesign Teil3: Experimente mit Struktur und Farben (5)
• Redesign Teil4: Es wird ein Relaunch (3)
• CSS Naked Day 2009 (0)

Für alte Javascript und jquery Kenner ist es sicher nicht geeignet. Für Leute, die wie ich, gerade beginnen sich mit dem Thema zu beschäftigen, ist es ein guter Einstieg.

• jquery: das jeweils nächste Element ansprechen (4)
• Ein paar Links (4)
• Beginn des Redesigns (3)
• (X)HTML Tags und ihre semantische Bedeutung: Teil 2 neutrale Elemente div und span (0)

Dafür spricht, dass man einen Einblick in die einzelnen Schritte meines Redesigns bekommen könnte. Das könnte für den einen oder anderen recht interessant sein. Das neue Design würde dadurch auch  besser werden, euer Feedback vorausgesetzt.

Dagegen spricht, dass die User dieser Website ein gewisses Layout gewöhnt sind und ich so manchen mit einer unfertigen Version wohl eher erschrecken würde, als ihn neugierig zu machen. Stammbesucher könnten bei dieser Aktion verloren gehen und vermutlich nie wieder auftauchen.

Jetzt seid ihr gefragt. Schreibt eure Meinung zu meinem Vorhaben. Ist das völliger Unsinn, den ich bleiben lassen sollte, oder eher eine gute Idee? Keine Angst, ich habe nicht vor, Baustellengrafiken einzubauen. Die Inhalte bleiben während des Prozesses zugänglich.

• Tschüss Google Adsense (1)
• Redesign Teil4: Es wird ein Relaunch (3)
• Firefox Add-ons für besseres Webdesign (9)
• Redesign Teil3: Experimente mit Struktur und Farben (5)

Wer noch nicht weiß, wer die Webkrauts sind, sollte sich schleunigst mal das Mission Statement auf der Website durchlesen.

• Webkrauts Adventskalender 2008 (5)

MySpace brachte jüngst die Version 2.0 ihres Layouts heraus. 2.0 klingt sehr buzzwordig und soll wohl einen großen Fortschritt ankündigen. Neue Version des Layouts heißt, die Codebasis von MySpace Seiten ändert sich. Das neue Layout bringt auch einen neuen Editor mit, der es einfacher machen soll, das Layout an die persönlichen Wünsche anzupassen. Bis jetzt kommen nur “normale” MySpace Seiten in den Genuss, das 2.0 Layout nutzen zu können. Musikerseiten sind davon ausgenommen.

Der neue Editor

Er kommt gut bedienbar und flott daher. Eine Bedienungsleiste wird am oberen Bildrand fix eingeblendet. Darunter befindet sich eine Live-Ansicht des aktuellen Layouts.

Menüpunkt “Aussehen”

Hier hat man einige weitere Untermenüs zur Auswahl. Man kann vorgefertigte Designs auswählen, oder das Layout und dessen Breite ändern (1,2,3-Spalten usw.). Im Menüpunkt “Erweitertes Bearbeiten” ist es möglich Hintergrund, Schrift und Abstände der einzelnen Bereiche zu definieren. Eigene CSS Angaben können ebenso eingefügt werden und müssen nicht mehr direkt in den Inhalten eingefügt werden.

Menüpunkt “Module”

Die verfügbaren MySpace Module können hier ein- und ausgeschaltet werden. Das ist ein großer Fortschritt gegenüber der alten Vorgehensweise, wo man einzelne Bereiche der Seite nur durch wilde CSS-Hacks ausblenden konnte.

Der Code dahinter

Das HTML von MySpace ändert sich mit dem neuen Layout dramatisch. Unglaublicherweise ist keine einzige Layouttabelle mehr zu finden. Allerdings leidet das neue Layout an schwerer Divitis.
<div class="moduleBodyEnd"></div></div></div></div></div>
<div class="moduleBottom"><div><div></div></div></div></div>

Positiv hervorzuheben ist, dass der Code annähernd semantisch ist, leider aber fernab vom validieren. Vor allem großgeschriebene HTML Tags, fehlende Anführungszeichen bei Attributen und nicht maskierte & Zeichen machen die vielen Fehler aus. Hätte man hier sauber gearbeitet und nicht totalen Schrott als Vorlage genommen, könnte die Seite jetzt validieren. Als Doctype wird beim neuen Layout immerhin XHTML 1.0 transitional verwendet.

Der große Wurf…

…ist MySpace mit dem neuen Code leider nicht gelungen. Man hat zwar die Inhalte von den Tabellenfesseln befreit, jedoch hat man es auch im Jahr 2008 nicht geschafft annähernd validen Code zu schreiben.Auch die Tatsache, dass das neue Layout nicht für Musikerseiten verfügbar ist, nervt. Es ist ein Schritt in die richtige Richtung, allerdings ist nicht zu erwarten, dass der nächste schneller als in 5 Jahren kommt.

• Sinn und Unsinn von Social Networks im Internet (1)
• MySpace Forum nun mit eigener TLD (0)
• MySpace – Forum (1)
• Tutorial: MySpace Layout ändern (update) (61)