ich hab mir mal die mühe gemacht mal ein paar fragen über diese seite zu sammeln und zu beantworten.

warnung: es folg nur nerdkram.

wenn du interesse an mir hast schau lieber auf die “about me” page. dort beschreibe ich auch weswegen ich diesen blog führe und wie mein weg bisher verlief. noch mehr über mich erfährst du aber wenn du einfach meinen blog liest. viel spaß.

1. womit wurde diese seite erstellt?

ich habe diese seite mit meinem apple macbook erstellt.

hierbei habe ich adobe photoshop cs3, adobe illustrator cs3, adobe dreamweaver cs3 sowie adobe indesign benutzt. adobe illustrator habe ich zur erstellung des lustigen kerlchens im footer herbeigezogen. hierbei diente ein photo eines grafitis als grundlage. mit adobe photoshop habe ich die restliche erstellung des (pixelbasierten) designs erledigt. zur erstellung des html sowie css codes habe ich dreamweaver herangezogen. es diente mir auch als große hilfe beim einbinden des designs in wordpress. jedoch muss ich zu geben das das rendering der mac version total schäußlich ist. aber was macht man nicht alles um mit seinem lieblings os zu arbeiten, nech? die privaten visitenkarten wurden in adobe indesign erstellt.

ich bin glücklich über die möglichkeit diese wunderschönen programme im rahmen meiner ausbildung nutzen zu können.

1.5 welche hilfsmittel hast du sonst noch benutzt?

hochgeladen wurde das ganze mit cyberduck, einem meiner meinung nach genialem open source ftp client für mac os x den ich ohne bedenken weiter emphelen kann. probieren kostet nichts, also runter laden. dann ausfürlich austesten. glücklichwerden. oder auch nicht… windows und linux benutzer solten sich hingegen mal filezilla anschauen.

desweiteren habe ich eine ausführliche bild recherche auf flickr unternommen und bin mit dem wunderschönen photo von nati, das ihre liebe zu musik ausdrückt, fündig geworden. die eingesetzen brushes stammen alle von psd.tuts+. auch sehr zu emphelen um den umgang mit photoshop zu erlernen, jedoch nur wenn man der englischen sprache mächtig ist.

die deutsche quasi alternative ist webmasterpro. dort gibt es auch sehr gute tutorials für photoshop. jedoch wird sich auf wmp auch sehr stark mit webstandarts wie html und css beschäftigt. auserdem werden dort php, mysql, farblehere, typografie und einige technologien mehr behandelt. 2 daumen hoch.

auch ist die musikalische untermahlung nicht zu vergessen. danke an apple für das tolle musik-werkzeug itunes das ich erst in den letzen 3 monaten angefangen habe zu lieben. anderes aber echt gut. auch hier gilt: probieren kostet nichts, also runter laden.

1.75 und was ist mit der code basis?

auserdem wolte ich anmerken das diese seite auf basis von wordpress, 960gs und tripoli erstellt wurde. wordpress bietet hierbei die cms + blogging grundlage wobei 960gs und tripoli als basis für das stylesheet dient.

1000 dank an texto für das wordpress theme “de_leer” das mir einen starken einblick in die funktionsweise des templatesystems von wordpress gebracht hat. ohne diese einblicke hätte ich es niemals geschafft meine ersten eigenen schritte im bereich der template erstellung für wordpress zu bestreiten.

2. welchen browser solte ich zur darstellung dieser seite benutzen?

diese seite wurde mit firefox 3, opera 9 sowie safari 3 getested. auf die tests mit dem internet explorer habe ich verzichtet. nicht weil mir die internet explorer user egal sind oder – noch schlimmer – ich sie nicht leiden kann. nein. sie bekommen das druck style sheet ausgeliefert mit einer zusätzlichen box das sie bittet auf einen webstandards besser einhaltenen browser zu wechseln.

in sachen browser emphehle ich am liebsten opera. ich kenne jedoch auch benutzer die mit safara oder firefox extremst glücklich geworden sind. wenn du jedoch weiterhin den internet explorer benutzen willst… aktuallisier ihn wenigstens auf die version 8. dadurch kommst du in den genuss des normales stylesheets und ich komm in den genuss nur noch 1 korrektur-css datei schreiben zu müssen. wenn du jedoch weiterhin mit ie 7,6,5 oder früher surfen willst ist dies dir überlassen. die inhalte sind schließlich benutzbar.

3. warum siet diese seite typografisch mal so und mal so aus?

der grund für unterschiedliche typographie liegt an dem vorhanden bzw. nicht vorhanden sein bestimmter schriften. das bedeuetet: ihr solted euch die seite am besten mit der aktivierten schrift “myriad pro” anschauen, denn mit ihr wurde die seite gestaltet. diese schrift ist jedoch nicht sehr weit verbreitet.

jetzt kommt aber eine wichtige nachricht: die seite ist auch ohne vorhanden sein der schrift “myriad pro” möglich. hierbei wird einfach auf alternativen wie “helvetica neue”, “liberation sans” oder – schauder – arial zurück gegriffen. dies geschiet über einen codeschnipsel im css. für die technik/typo nerds folgen alle schriften die definiert wurden: “Myriad Pro”, Myriad, “Helvetica Neue”, Helvetica, ‘Liberation Sans’, Arial, FreeSans, sans-serif.

wie ihr seht wird mindestens eine dieser schriften auf eurem system vorhanden sein.

4. warum punkt 2 und 3?

lange rede kurzer sinn: ihr seit, egal mit welchem browser, egal mit welchem betriebssystem, egal mit was für schriften in der lage diese seite zu benutzen. wenn auch nicht im vollen, grafischen, umfang. dafür sind die inhalte jedoch mit jedem browser, sogar lynx und dort erstaunlich gut, zu lesen. auch screenreader für blinde solten damit zurechtkommen.

ich hoffe diese lösung stellt euch zufrieden. und wer was zu meckern hat… schreibt eure hassnachrichten einfach in die shoutbox oder mailt mir. ändern werde ich daran nichts… dies ist schließlich ein privates projekt und keine firmen homepage, odeR?

5. jemanden vergessen?

natürlich bytexpert die mir sehr geholfen haben meinen weg zu finden. auch nicht zu vergessen sind cicero-point.net in münchen. ihr habt mir viel gezeigt und ich bin stolz darauf meine zeit, wenn auch nur als praktikant, bei euch verbracht haben zu dürfen.

darüberhinaus gilt mein dank auch meinem ausbilder der mir einige zeit der ausbildung zur verfügung gestellt hat um an diesem projekt arbeiten zu können.

danke fürs lesen!

ich hoffe du hast einige inforationen erhalten die dir nützen.

btw, du scheinst ein nerd zu sein wenn du dies gelesen hast! willkommen im club.