1. The Tooltip-”Engine”

First of all we need a working JavaScript tooltip. For this small project I chose a tiny, tiny code snippet, which provided my with everything I needed. It was introduced by Alen Grakalic. For our purpose we have to modify the source a little bit. Instead of passing an complete path we only need to pass the card name to the function. Luckily all the card pictures are located in one directory (www.wizards.com/global/images/magic/general/).
But we’re not done yet. Passing the card name is fine as long the card doesn’t have any spaces, commas or primes but most card do have at least some spaces. That’s why we have to use a little replace function in order to adjust the image source path.

var cardname = this.name.replace(/ |%20/g,"_").replace(/,/g,"");

The name attribute will later be filled with the card name by the BBCode. As you might see there is no replace function for the primes. This is because ’ is used as a delimiter between strings and source code and the BBCode engine simply ignores text tokens with specials characters. Which is actually a good thing. Otherwise users could possibly exploit this to insert some XSS attacks

The last thing to do is to adjust the image source path correctly. I’ve done this for you already. Download the js file from here.




2. Implement the Tooltip-”Engine” in phpBB

Copy the tooltip.js inside your theme’s template directory. Should be something like: <phpBB3root>/styles/<theme name>/template/. After you have done this open the overall_header.html with your HTML-editor of choice (e.g Notepad++) and write these two lines inside the <header>:

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>
<script type="text/javascript" src="{T_TEMPLATE_PATH}/tooltip.js"></script>

Save the the file and close your editor. If you now refresh your forum you’ll see that the source code has not changed. Don’t panic! Rather open your Administration Control Panel (ACP), click on the “Styles”-tab and then on “Templates”. You’ll see a list of installed board themes. Click on your activated theme’s cache (e.g. if you have activated “prosilver” click the cache highlighted below).




Mark all template files and click “Delete marked”. This will erase the cache. If you know refresh and look at your source you’ll see the altered code.




3. Add the BBCode

Custom BBCodes are added via the ACP. Click on the “Postings”-tab and then “BBCodes” to create a new BBCode.



Write into the “BBCode usage” text box:

[card]{SIMPLETEXT}[/card]

And into the “HTML replacement” text box:

<a href="" name="{SIMPLETEXT}" class="preview">{SIMPLETEXT}</a>

Check “Display on posting page”, click “Submit” and you’re done.

If you followed the instructions correctly you can now use the [card]-Tags like you would use them with the MtG Helper (Remember: Do not use primes. Just ignore them). I did those steps on a clean and local phpBB installation. Everything worked fine

Hope it helps,
Sebastian

Und wieder geht ein Jahr voller toller, neuer Musik zu Ende. Auch dieses Jahr hab ich mal in mein CD-Regal (ja sowas hab ich wirklich) geschaut, was ich dieses Jahr rauf und runter gehört habe.

1. Alexisonfire – Old Crows / Young Cardinals

Meine Entdeckung des Jahres! Es ist schon ne seeehr, seehr lange Zeit her, dass ich mich so für eine Band begeistert konnte.
Das letzte Mal waren es, glaube ich, die Foo Fighters, die mich vergleichbar gepackt haben und deren Album (damals The Colour & the Shape) ich rauf und runter gehört habe.

Ich kann verstehen, dass die “Härte” der Musik nicht jedermans Sache ist und die meisten Leute sobald jemand anfängt zu “schreien” (wobei ich immer wieder feststellen muss, dass schreien nicht gleich schreien ist), aber gerade bei so genialen Texten, wie sie diese Jungs Platte für Platte, Song für Song raushauen, sollte man doch mal hinhören.

Echt traurig, dass ich die Band erst jetzt entdeckt habe. Wobei ich gestehen muss, dass mir das Video zu Accidents bekannt vorkommt. Das habe ich schon irgendwann mal gesehen.



2. Muse – The Resistance

Ich frage mich bis heute, warum dieser Band nicht etwas mehr aufmerksam geschenkt wird. Wenn sie einen Rock-Song machen, ist es ein genialer Rock-Song. Wenn sie was poppiges machen, könnte man was meinen es ist von Timbaland produziert worden. Bei der neuen Platte denkt man teilweise sogar, dass Freddie Mercury und der Rest von Queen plötzlich den Song performen.
Ein unglaublich gutes Album und “Undisclosed Desires” geht einem nicht mehr ausm Ohr. Ok, das Video is ein bisschen bescheuert.

Und wer mal gerne wieder über die stronzo Italiener lachen will, darf sich das hier nicht entgehen lassen:

Sowas passiert, wenn man richtige Musiker nicht live spielen lassen will Soviel zum Thema “They will not force us”. Das Interview danach is einfach Klasse!

3. Foo Fighters – Greatest Hits

Dave Grohl – mehr muss und kann ich dazu nich sagen. OH! MEIN! GOTT!

Zugegeben. Ich hab mir das Album nicht gekauft. Wegen zwei neuen Stücken lohnt es sich dann doch nicht. Nichts destotrotzt sind es immer noch die Foo Fighters … und DAVE GROHL! Einfach die geilste Sau der Welt!

Dashier passiert, wenn man richtige Musiker live spielen lässt:



4. City & Colour – Bring Me Your Love

Auch alleine kann Dallas Green sau geile Mukke machen. Bei der engelsgleichen Stimme könnte ich gerade dahinschmelzen. Soooo schön und genau die richtige, depressive Musik für kalte, einsame Winterabende.



5. Asher Roth – Asleep in the Bread Aisle

Ein Album muss ja aus der Reihe tanzen.

Asher Roths Künste sind hierzulange noch nicht sehr bekannt. Schade eigentlich. Denn zumindest was das Verbreiten von guter Laune angeht, ist er nen ganz Großer. Das Album hat mich praktisch “durch den Sommer gebracht”.

Aufmerksam auf ihn bin ich dur das “Roth Boys”-Video. Da dieses Stück von einem Mixtape stammt, rappt er zwar nur einen JayZ-Sample, bringt einen aber dennoch zum Mitnicken. Genauso wie das hier:

So. Das war die Liste für dieses Jahr. Wieder mal ein laaaanges Posting mit wenig eigenem Inhalt. So füllt man seinen Blog!

Genießt die freien Tage und rutscht gut ins neue Jahrzehnt! (das haben wir immer noch nicht geklärt, ob es nun ein neues Jahrzehnt ist oder nich … mist)

Sebastian

Es ist Halbzeit. Die ersten sechs der insgesamt zwölf Wochen sind rum und auch wenn mich mein Betreuer beruhigt, dass ich gut vorankomme, bin ich mit dem Fortschritt nicht wirklich zufrieden.
Mein Ziel war es bis Weihnachten mit der Implementierung fertig zu sein, so dass ich im neuen Jahr gemütlich mit Schreiben anfangen kann.

Daraus wird aber wahrscheinlich nichts.
Zeitlich reicht es mir noch bis Februar mit der Arbeit fertig zu werden, allerdings hätte ich gerne ein oder zwei Wochen früher abgegeben, um in aller Ruhe in meine erste (fast) eigene Wohnung ziehen zu können.

Seit heute habe ich auch (endlich) meine Master Bewerbung abgegeben. Irgendwie hatte ich immer Pech und die gute Dame, die dafür zuständig ist, war krank, auf Dienstreise oder in einer Besprechung.
Immerhin konnte noch eine Fehlinformation seitens des Prüfungsamtes behoben werden. Die Note der Bachelor Arbeit muss nicht bis zum 1. März feststehen. Am 1. März sollte man spätestens die Arbeit abgegeben haben, wenn man im Sommersemester mit dem Master beginnen will.
Glück gehabt.

Aber zurück zur Bachelor Arbeit und dem großartigen Mozilla Framework/Projekt.

Langsam aber sicher finde ich mich in dem riesen Wirrwarr von Möglichkeiten, die Mozilla bietet zu Recht. Wenn man weiß wo man suchen muss, findet man oft Lösungen zu ähnlichen Problemen, die sich leicht adaptieren lassen. Teilweise genügt sogar das gute alte Copy & Paste.

Zunächst hatte ich beispielsweise etwas Kopfschmerzen als mir klar wurde, dass ich Refferer reparieren muss.
Heutzutage stehen im Source der Webseiten fast nur relative Pfade. Dagegen ist normalerweise nichts einzuwenden, für meine Zwecke ist dies allerdings höchst unerfreulich. Ich schreibe nur Quellcode in einen Iframe, welcher natürlich mit angaben a la “/style/style.css” nicht viel anfangen kann.
Es ist ja auch nicht so, als ob das Internet einem keine Lösungen anbietet, um relative Pfade in Absolute zu konvertieren. Es gibt sogar mehrere sehr gute Lösungen. Doch will ich wirklich 100 Zeilen Code schreiben nur um Links zu fixen?

Ich könnte ja auch einfach die drei Zeilen von Mozilla nehmen:

var ioService = Components.classes["@mozilla.org/network/io-service;1"]
	.getService(Components.interfaces.nsIIOService);
var baseURI = ioService.newURI(aBaseURI,null,null);
return ioService.newURI(baseURI.resolve(aURL),null,null).spec;

Ein Wenig musste der Code Schnipsel zwar noch an meine Bedürfnisse angepasst werden, dennoch konnte ich mir einen Haufen Arbeit ersparen. Danke Mozilla!

Mit den etwas kryptischen XPCOM-Services musste ich mich auch erst anfreunden (im obigen Beispiel z.B. der IOService).
Aber nachdem JavaScript meine globalen Variablen nicht so speichern wollte wie ich, habe ich einen Tag damit verschwendet eine eigene XPCOM-Komponente zu schreiben. Nur um festzustellen, dass es a) total übertrieben ist extra einen Service zu schreiben um Variablen zu speichern und b) dass es auch hierfür seit kurzem eine Alternative gibt.

Wer gerne mal den Stand des Plugins sehen will, dem hab ich hier ein kleines Video zusammengeschnitten.

Sieht höchst spektakulär aus. Ich weiß…
Nein. Das Plugin färbt nicht die angeklickten Links ein und öffnet zweimal die gleiche Seite in einem viel zu kleinen Browser.

Eigentlich passieren zwei Dinge:

(1) Der obere Browser wird später das gesamte Tab einnehmen. Die Textbox und der zweite Browser dienen nur zum Debuggen. Der untere Browser ist sozusagen die Sandbox. Dort werden später alle bösen Script ausgeführt, die Seite aktualisiert und, und, und.
Davon wird der Benutzer später aber (hoffentlich) nichts mehr mitbekommen.

(2) Das Einfärben der Links ist mein Versuch XPath zu testen.
Sobald man auf einen Link klickt, wird eine XPathExpression erstellt, welche das angeklickte Element eindeutig referenziert. Danach wird mit XPath das Element gesucht und sollte der Programmierer kein Unfug fabriziert haben, wird der Link, der geklickt wurde, rot.

Totaler Quatsch?

Ja, ein bisschen schon. Jedoch musste ich mich langsam an XPatch herantasten. Ich habe noch nie damit gearbeitet und wollte es auch tunlichst vermeiden. Allerdings ist es einfach eine richtig schicke Lösung. Vielleicht sogar die aller Schickste. (btw: …neue Rechtschreibung…juhu!) Schneller als das abgehen des DOMs ist es ohnehin.

Morgen soll die gleiche Funktion dann eine wichtige Aufgabe übernehmen. Mit Hilfe dieser Funktionalität soll in der Sandbox das Klicken von Elementen simmuliert werden. Der User klickt weiterhin im sicheren Browser. Der Klickt wirdj edoch nicht in diesem, sondern in der Sandbox ausgeführt. Das angefragte Dokument wird dann nachgeladen.

So, das war es erst mal. Ich hoffe, dass ich über die Feiertage noch ein paar Posts hinbekomme, die nichts mit der Bachelor Arbeit zu tun haben

Cheers,
Sebastian

Zugegebenermaßen ist der Dienstanbieter (hoffentlich) in den meisten Fällen nicht der Böse, aber die informationelle Selbstbestimmung leidet doch sehr stark unter Firmen wie Google. Von den sogenannten „Social Networks“ wollen wir erst gar nicht anfangen. Danke Web 2.0.

In meinem speziellen Fall sollen Patientendaten geschützt werden. Warum genau man da der HostSeite nicht vertraut, ist mir zwar noch nicht ganz klar, muss mich ja aber auch nicht wirklich beschäftigen. Es geht hier ja schließlich ums Prinzip!
Außerdem müssen die Daten „nur“ vor JavaScript geschützt werden. Schließlich schreibe ich ja „nur“ eine BachelorArbeit.

Die ersten Wochen Bachelor Arbeit haben überhaupt keinen Spaß gemacht. Man steht vor einem riesen Berg Arbeit, hat überhaupt kein Überblick und hat nur einmal während des BachelorStudiums überhaupt eine wissenschaftliche Arbeit abgegeben.
Davon abgesehen wurde schnell klar, dass innerhalb der Arbeit ein funktionierendes Firefox-Plugin entstehen soll. Immerhin soll meine Arbeit später benutzbar sein und nicht wieder in Vergessenheit geraten.

Leider waren die ersten Ansätze nicht gerade von Erfolg gekrönt und konnten sehr schnell einfach ausgehebelt werden oder genügten schlicht nicht den Ansprüchen meines Betreuers. Erst vor eineinhalb Wochen (das wollte ich schon immer mal ausschreiben, hehe) entwickelte sich ein funktionierender Ansatz, den ich momentan versuche umzusetzen.

Vom Zeitdruck getrieben, tut sich mittlerweile ein kleines Licht am Ende des Tunnels auf. Die kleinen Erfolgserlebnisse setzen ein und es geht voran.
Mit der Dokumentation von Mozilla habe ich immer noch zu kämpfen. Ist leider nicht die Beste und Ausführlichste. In XUL und mit dem Mozilla-Framework zu arbeiten, ist jedoch eine geniale Sache und macht richtig Spaß. Wer hätte gedacht, dass es so simple ist, wenn man weiß wies geht…

Doch wie schützt man nun die Daten vor dem Dienstanbieter?

Da ich den Inhalt vor JavaScript schützen muss, könnte man natürlich einfach NoScript installieren und die Sache wäre gegessen. Leider würde das aber auch die Benutzbarkeit der Seite stark einschränken. Eventuell würde sie teilweise sogar gar nicht mehr funktionieren.

Also ist die Idee einen Proxy den ganzen fiesen Script ausführen zu lassen. Dieser Proxy besitzt nie vertrauliche Daten und kann vertrauliche Daten nicht lesen.
Wenn dann der Proxy dann die Seite geladen hat, schickt er sie wieder an den Benutzer. Auf dem Weg werden dann die verschlüsselten Daten noch vom Plugin dekodiert. Außerdem führt die geparste Seite keinen Script mehr aus. Alle eventuellen Events wurden überschrieben, gelöscht oder geändert.
So zumindest die Theorie.

Bisher kann der Benutzer schon fröhlich im Dokument rumklicken und Aktionen werden an den Proxy weitergeleitet. Der Proxy tut auch schon das, was er soll. Leider gibt es noch ein paar kleinere Probleme mit dem Zurücksenden.
Alles soll natürlich super fancy aussehen. Aber fancy ist nicht immer programmierfreundlich…leider.

Außerdem ist ein Blog ein tolles Backup für solche Dinge

So long,
Seb

Kurz habe ich überlegt, ob ich ein “9/11″ vor den Titel dieses Posts hängen soll. Aber dieser ach so weltverändernde Tag tangiert mich nur peripher, deswegen verzichte ich mal auf diese Anspielung. Nichtsdestotrotz war für mich gestern ein aufreibender Tag in diesem schönen September 2009.

Als ich während der Mittagspause meine RSS-Feeds durchstöberte, fand ich einen Artikel über Alan Turing. In dieser kurzen Mittelung wurde über die Verfolgung des genialen Mathematikers und Kryptoanalytiker berichtet.
Turing ist einer der wenigen Wissenschaftler, die mir in meinem Studium begegnen und deren Werke und Erkenntnisse ich bewundere und wirklich wichtig halte. Über die Person Turing wusste ich bis gestern allerdings noch nicht viel.

Beim Lesen des Textes war ich weniger bestürzt darüber, dass Turing schwul war. Was mich wirklich wütend machte, war die Art wie zu dieser Zeit in England mit Homosexuellen umgegangen wurde. Die Wahl zwischen Kastration oder Knast ist einfach nur lächerlich…

Nachdem ich mich dann von diesem Schock erholt hatte und abends erneut meine RSS-Feeds las, sah ich Folgendes:

Es war wohl nicht genug, dass ich erfahren musste, dass einer meiner lieblings Informatiker verfolgt wurde. Nein. Die Ankündigung von Guitar Hero 5 und die damit verbundene Bloßstellung Kurt Cobains setzte dem ganzen noch einen drauf. Ich kann es nicht fassen, wie die Person Cobain in diesem Spiel dargestellt wird und verstehe, die Enttäuschung seiner ehemaligen Bandmitglieder darüber…

Ich behalte ihn lieber so in Erinnerung:

Glücklicherweise war nicht die ganze Woche so.
Zu Beginn wurde nämlich das neue Muse Album angekündigt. Auf Laut kann man es sogar schon Probe hören! Die Platte gefällt mir richtig gut und ich werde sie mir wohl nächste Woche direkt zulegen. Vorallem “Undisclosed Desires” ist ein Hammer-Song! Ich kann gar nicht genug davon bekommen.

So long,
Seb

Als Informatiker hat man es manchmal echt nicht leicht. Mal abgesehen von den ganzen Vorurteilen, welche die Welt gegen uns hegt, denken alle, dass man den total Durchblick in Sachen PC, Internet, Software,… hat. Leider ist ein Computer und alles was mit ihm zusammenhängt kein Toaster. Der Vergleich hinkt vielleicht ein Wenig, aber was ich damit sagen will ist, dass man Probleme mit dem PC nicht so einfach und unspezifisch umschreiben kann, wie die Probleme mit einem Toaster. Mit einem “Mein Toast ist viel zu dunkel!” kann man die Fehlerquelle schnell ausfindig machen. Mit einem “Mein Internet geht nicht!” hingegen kann man genauso viel anfangen wie mit einer Dose Tomaten ohne Dosenöffner. Irgendwie klappt es schon, aber es dauert ewig und die Gefahr, dass jemand verletzt wird, sind hoch.

Ihr dürft mich jetzt nicht falsch verstehen. Ich helfe gerne (auch bei Nicht-PC-Problemen) und natürlich hat man ein gewisses Fachwissen erworben. Allerdings hilft einem dieses Wissen überhaupt nicht, wenn man mit Problemen und Antworten wie im obigen Comic konfrontiert wird. Also seid uns nicht böse, wenn wir manchmal gereizt oder bockig sind. Es ist einfach sehr oft verdammt hart den Leuten zu helfen, wenn sie selbst nicht allzu viel Wissen über Computer haben.

Aber keine Sorge. Es ist gibt kein Grund sich wegen Unwissenheit zu schämen. Mit den Leuten, die nichts wissen, kann man noch irgendwie arbeiten. Jedoch mit den Leuten, die denken sie haben Ahnung… Sagen wir es mal so, Halbwissen ist sehr gefährlich. Das musste ich erst gestern wieder auf feststellen.

Nachdem ich den ganzen Nachmittag (Das Vorurteil, dass Informatiker erst mittags aufstehen mag stimmen. Aber nur am Wochenende!!!) am Seepark war, um “Rocket Sock” (ein sehr altes Freizeitspiel – auf der Verpackung stand der Preis noch in DM) zu spielen und, dank eines Kommilitonen, mich erneut auf der Slackline beweisen konnte, war ich abends bei meinem Onkel zum Grillen eingeladen. Als ich dort ankam, saßen mein Onkel und mein Dad auf der Terrasse an einem Notebook. Sie brachten gerade Vista auf den neusten Stand. Das Update stoppte bei 35% und lies sich auch nach erneutem hochfahren nicht vervollständigen.
Panisches Weghören meinerseits. Bloß nicht in ein Gespräch über Computer verwickeln lassen. Zumindest nicht mit meinem Dad.

Zu Spät. Mein Onkel begann mich mit Fragen zu löchern warum “das nicht geht”. Schulterzucken meinerseits. Fehler meinerseits. Mein Dad brachte sich in das Gespräch: “Was lernt ihr denn an der Uni?” Natürlich wie man Vista updatet, Dad…
Vor etwa einer Woche hatte ich mit meinen Dad eine Diskussion darüber, ob man bei dem warmen Wetter den PC nicht ausschalten muss. Die Festplatte darf immerhin nicht heißer als 20°C werden! Google ist da zwar anderer Meinung. Aber was weiß schon Google.
Diese Gelegenheit nutze meine Dad natürlich um meine Unwissenheit in Sachen Computer zu unterstreichen. Ich blieb ruhig und genoss die Sonne.

Gerade als ich dachte “Jetzt ist es endlich vorbei.”, griff mein Dad ein neues Thema auf: IPs. Er wollte meinem Onkel weiß machen, dass jedes Mal wenn er sein Notebook anmacht das eine neue IP hat. Stimmt ja auch soweit. Aber nur im internen Netzwerk nicht die “Internet-IP”.
Ich schüttelte den Kopf. Fehler meinerseits. Ich war wieder im Gespräch. Auch diesmal wollte ich meinem Dad in seinem Glauben lassen. Hauptsache ich hab endlich Ruhe. Diesmal lies mein Vater das Thema nicht auf sich beruhen. Ich musste mit ihm ins Haus kommen und an den PC, der Tochter meines Onkel. Die hat sich sehr über den Besuch gefreut.

Mein Dad setzte sich also vor den PC und startete ihn neu. Die “alte” IP hatte er sich auf einem Zettel notiert. Nachdem hochfahren ging er wieder selbstsicher auf “wasistmeinteip.de” und BÄM!!! Die IP war die Selbe. Oh, welch ein Wunder. Ich bin dann wieder raus. Schließlich wollten wir grillen und ich hatte Hunger. Mein Dad kam dann 30 Minuten später. Er hatte endlich aufgegeben.

Wie ich schon sagte: gefährliches Halbwissen.
Normalerweise würde ich mich mir wegen so einer Kleinigkeit nicht die Mühe machen einen Blog-Eintrag zu verfassen. Aber seit diesem Ereignis scheint mich mein Informatiker-Dasein zu verfolgen.

Heute Morgen aufgestanden und xkcd aufgerufen (ein bisschen Nerdheit muss einfach sein!):

Ein paar Stunden später erhalte ich eine SMS:
“Internet geht nicht. Ist es normal, dass da: Ip: keine IP-Adresse steht?” Nein, ist es nicht. Da ich durch die kurze SMS nicht auf den genauen Fehler schließen konnte, habe ich einfach zurückgeschrieben, dass sie dem Router kurz den Strom nehmen soll. 5 Minuten später kam sie online und bedankte sich. Der Computer ist eben doch nur ein Toaster…

Wieder ein paar Stunden später:
“hey seb hast du zufällig nen Programm um passwort geschützte ZIPs aufzukriegen?” An alle Leser: Ich bin KEIN … ich wiederhole … KEIN Hacker. Ich bin Informatiker!

Ich liebe es Mal sehen wie’s weitergeht.

So long,
Seb

Ob das ganze Vernetzen von Applikationen und die tiefe Einsicht, welche man über die User erhält, gut oder schlecht ist, weiß ich nicht. Aufhalten kann man es sowieso nicht mehr.

So long,
Seb

PS: Ich hab einen alten Grundschulfreund am Wochenende getroffen und musste am Montag bestürzt feststellen, dass er nicht bei StudiVZ angemeldet ist. Skandal! …mal doch bei Facebook anmelden.

In letzter Zeit bin ich sehr viel am Probieren und Testen um Photoshop und Illustrator zu lernen. Alle Tutorials, die im Internet umherirren und mir gefallen werden ausprobiert in der Hoffnung endlich ein neues Design für meinen Blog anfertigen zu können. Manchmal entsteht dabei etwas Brauchbares. Manchmal nicht. Sehr weit bin ich mit dem neuen Design leider immernoch nicht. Aber ich hab schon eine weitere Idee im Hinterkopf. Allerdings bin ich noch nicht dazu gekommen, diese Umzusetzen…

Die letzten Tage habe ich versucht ein Design für das Wartungsmodus-Plugin von Frank Bülgte zu entwerfen.

Da ich gerade alles Mögliche ausprobiere, möchte ich heute mal versuchen den Enstehungsprozess als kleines Tutorial vorzustellen. Here we go.

1) Die Idee

Meine erste (gute) Idee war ein Design mit einer kleinen Notiz, auf der vermerkt ist, dass sich die Seite im Wartungsmodus befindet.
Leider war ich mit dem Ergebnis keines Wegs zufrieden und nach stundenlangen Versuchen das Design aufzupeppen, verwarf ich die Idee. Zwar wollte ich eine schlichtes und einfaches Design entwerfen, die Idee mit Notiz war jedoch zu einfach.

Also alles wieder auf Anfang.
Um nach Ideen zu suchen, surfte ich durch das Internet und durch meine alten Entwürfe und Kreationen. Dabei stieß ich auf eine “Monster”-Skizze, die ich vor einer Weile gezeichnet hatte. Die Idee!

2) Der Entwurf

Für mich ist der Schritt von der Idee zum Entwurf immer der schwerste Teil. Ich kann zwar ein Wenig zeichnen, aber meine Fähigkeiten sind trotzdem beschränkt (ein Zeichentablett wäre toll ) und so bin ich selten mit dem Resultat zufrieden.
Glücklicherweise hatte ich das Monster schon fertig gezeichnet. Nur ein paar Kleinigkeiten musste noch geändert werden.

Ein Fehler, den ich zu Begin meiner “Karriere” immer gemacht habe, ist, dass ich beim skizzieren nie an die Schatten gedacht habe. Meistens habe ich einfach die Umrisse gezeichnet. Beim anschließenden Kollorieren rächt sich das aber. Man sollte die Teile der Figur einfach separieren. Wenn man später die Schatten und Konturen malt erleichtert einem dies die Arbeit gewaltig. Geschlossene Pfade lassen sich zudem leichter mit Farbe füllen.

3) In bunt!!!

Ehm…ja. Pfade anklicken. Kontur weg und mit Farbe füllen.

4) Schatten und Tiefe

Ohne ein bisschen 3-Dimensionalität sieht das Monster recht langweilig aus. Es gibt viele verschiedene Möglichkeiten. Ich habe diesmal einen recht einfachen und schnellen Weg benutzt.

Ich habe mich dazu entschieden von links das Licht kommen zu lassen. Dementsprechend werden die Schatten links heller als die Grundfarbe des Monsters und rechts dunkler.

Zuerst erstelle ich zwei Kopien des Pfades. Der unterste Pfad bleibt dabei erhalten. Der mittlere Pfad stellt den Schatten da und wird dunkler bzw. heller gefärbt. Der oberste der drei Pfade wird später dazu benutzt, um den mittleren Schattenpfad zuzuschneiden.
Man selektiert den obersten Pfad und schiebt ihn in die gewünschte Richtung. So erhält man direkt eine Vorschau, wie der Schatten später aussehen wird.

Meistens muss man den obersten Pfad noch etwas anpassen damit alle ungewünschten Ecken des Schattens, welche beim Verschieben sichtbar wurden, wieder verschwinden.

Danach benutzt man das Pathfinder-Tool (Umschalt+Strg+F9 oder Fenster > Pathfinder), um die oberste Ebene zu Entfernen und die Schattenebene zuzuschneiden. Dies geschiet mit “Vom Formbereich subtrahieren Vorderes Objekt abziehen” (zweites Symbol von Links, oberste Ebene).

Und schon hat man den ersten Schatten

5) Eye for an eye

Als ich mit fast allen Schatten fertig war und den Hintergrund hinzugefügt hatte, musste ich feststellen, dass das Auge sehr sehr verrückt aussah. Ein bisschen zu verrückt. Fast schon hypnotisierend. Deswegen wurde aus dem Auge ein schwarzen Punkt. Besser

Noch einen Schatten drunter und schon ist das Monster fertig.

6) Sprechblase

Da das Monsterlein dem Besucher mitteilen sollte, dass sich die Seite momentan im Wartungsmodus befindet, musste noch eine Sprechblase her. Wiedermal eine recht simple Aufgabe. Rechteck + Spitze = Sprechblase. Damit diese nicht so langweilig ist noch deformieren und farbig machen. Fertig.

Zwischendurch merken, dass die Blase zu klein ist und eine dunklere, verschobene Version als “Effekt” hinzufügen. Wirklich fertig!

7) Ergebnis

Da der Quellcode schon vorgegeben war noch schnell die CSS-File geschrieben und fertig ist der Monster-Wartungsmodus

Nun hoffen ich, dass das Design dem Plugin-Autor genauso gefällt wie mir und er es in die Design-Sammlung aufnimmt

So long,
Seb

Image from dotbenjamin.

This Seems So Indigestible

You should better be seated because what’s going to happen now is like… guess what… This is life. Welcome to this world where love hasn’t much to do with love anymore. Get ready for the breakdown and make sure you’ll have something to hold on to on this journey at least until it doesn’t help you anymore.

Für jeden kommt einmal der Tag, an welchem er die Pferdekoppel verlassen muss. Manche ersetzen ihr Pony durch einen Esel. Manche durch einen Araber.
Mit einem strahlenden Lächeln auf den Lippen reitet man der Sonne entgegen. Nervös erwartet man die Zukunft. Soviel hat man schon über dieses „Erwachsensein“ gehört. Endlich ist man ein Teil vom großen Ganzen.

Doch wenn sich die Augen erst einmal an das grelle Licht gewöhnt haben, bemerkt man, dass die Sonne auch nur ein riesiger Feuerball ist. Die Sonne hat ihr lächelndes Gesicht verloren und man muss aufpassen, dass man sich nicht an ihr verbrennt. Das eigene Geschick ist noch nicht soweit ausgereift als das man einen Flug überstehen könnte. Früher oder später wird man ihr zu nahe kommen. Man ist viel zu neugierig. Die Landung wird hart.

My Apathetic Heart

My heart it seems so apathetic. It feels so hard and empty. Nothing gets through to it. My heart why are you so cold, so superficial? How long will you sleep? Have you stopped beating, are you dead? Have you ever been alive, at all?

Egal wie fröhlich man nach außen wirkt, es wird immer Dämonen geben, die uns jagen, Ängste die uns zu Stein erstarren lassen, Hoffnungen denen wir nachjagen. Wir stumpfen nicht ab. Wir haben gelernt damit umzugehen.

The Darkness And The Shepherd

There’s still hope. Actually we’re not made for this. But this is the aftermath of what has happened once in Eden. Would I’ve done it better? Would I’ve done it right? Aren’t we all like Adam? Oh, yes we are! So often, I feel like I am all alone. I have to deal with this life full of regrets.

Wie auch immer es kommen mag. Man muss den Kopf nur über Wasser halten und wissen, dass dies nicht das Ende des Weges ist. Man ist nicht der Erste, der diesen Pfad geht und bestimmt nicht der Letzte. Am Ende des Weges wird man finden nach was man gesucht hat. Da bin ich mir sicher. Die Hauptsache ist man bleibt nicht stehen.

Und selbst wenn man sich so fühlt, man ist nie allein. Es gibt immer Menschen, die sich kümmern. Manchmal sind es mehr, manchmal weniger. Es geht nicht darum viele Freunde oder viele Menschen um sich zu haben, die mit einem Gefühle teilen, einen aufbauen und Schutz geben. Ein guter reicht schon aus. Man kann sich das Gefährt, mit welchem man den Ponyhof verlassen hat, nicht aussuchen. Aber seine Gefährten.

The Grey Green

As I walk this way I wonder if there is any sense in all of this. Everything around me seems so lost and dead. Any motion is gone. Life left this place. The green turned into grey. I guess it looks like that, because of what´s inside of me. So I watch this leaf as it falls so lonely and severed from its tree. So I feel, like nobody cares about me.

Schwarz zu sehen, ist leicht. Manch einer mag vielleicht glauben, dass viel mehr schlechte Dinge passieren und deswegen die wenigen guten Taten untergehen. Aber daran glaube ich nicht.
Die Gier der Menschen nach schlechten Nachrichten scheint einfach nur größer zu sein. Schließlich kann man am Leid anderer abschätzen wie gut es einem selbst geht.

In dieser Welt wird so oft von richtig und falsch gesprochen, dass diese Worte schon völlig ihre Bedeutung verloren haben. Es gibt kein richtig oder falsch. Es gibt nur Entscheidungen. Entscheidungen mit denen Veränderungen einhergehen. Die Veränderungen sind für manche gut für manche nicht.

From Far Beyond This World

As I walk this way so absorbed in thought. I almost failed to notice that everything around me is so lively, all this that seemed so paralyzed looks so alive at once. I can see your calligraphy in all of this and what you wrote is just overwhelming. This glorious, wonderful green tells me so much more than I see. I can see scenes behind the infinite scenes. I can hear voices telling me breathtaking stories from far beyond this world.

Songtexte von Descend to Rise