[Gentle]

Zur Homepage geht es über das untere Bild oder den Direktlink: Teaser





Nach langer Entwicklung und einem riesigen Haufen Quelltext (meine Augen haben jetzt eine HTML-Tag-Form..)..
ist meine neue, englischsprachige und erfrischende Seite endlich fertig!

Es ist ein persönliches Portfolio, auf dem ihr die besten meiner Arbeiten betrachten könnt, Tools und Tutorials downloaden (neue offizielle Seite für OBAN bzw. Kave), etwas über mich erfahren, bzw. Anfragen stellen könnt.

Die Seite baut stark auf JavaScript auf, für den erhöhten Benutzerspaß empfehle ich deshalb, es zu aktivieren (keine Sorge, die Seite hat keine Popups oder Werbung). Für alle Miesepeter und Sicherheitsfans gibt es auch eine noscript-Variante.


Es sind Arbeiten aus allen möglichen Bereichen dabei; 3D, 2D und Fotografie. Ihr könnt zu den meisten Bildern Prints per Direktlink finden.


Genug erklärt, den Rest findet ihr von selbst raus; viel Vergnügen!



last but not least: Ein Making Of auf youtube. Watch Making Of



Gentle

[Gentle]

Hi Andreas,

danke für die berechtigte Kritik!

Die Vorschaltseite ist derweil da, weil ich gerade keinen zugriff auf meine Domaineinstellungen habe (sprich kann die Startseite nicht konfigurieren).

In Sachen Dateigröße - bei mir im Webdeveloper steht "Total 784 KB (795 KB uncompressed)". Aber da sind die animierten GIFs nicht dabei, und da hast du total recht, die dauern verdammt lang zum laden.


Der Hover bei Friends .. hm, ich finde das eigentlich relativ cool, weil das Auge schneller sieht, was gerade selektiert ist. Oder nervt die unterschiedliche Schriftgröße zu stark?


Optimiert ist sie auf 1024x768, für Firefox mit einer Favoritenbar und der Tableiste... dass die Hochformatigen Bilder zum Scrollen sind, hab ich bewusst gemacht, schließlich würde man sonst auf manchen gar keine Details mehr sehen.



Danke nochmal, und Verbesserungsvorschläge sind immer gern gesehen!

Tobias

[andir]

Hier im Büro reicht auch eine 6mbit Standleitung nicht aus deine Seite schnell zu laden. Schade, sind nämlich tolle Inhalte drin.

Schau mal wo Du abspecken kannst.

Dein Introbackground geht auch in 250kb und eine langsam aufbauende Schriftgrafik braucht doch kein Mensch

Wenn ich die Seite das zweite Mal aufrufe, bricht mir das Scripting zusammen und ich sehe nur noch weiß und textlinks...aaah, jetzt geht es wieder.

Wie gesagt, schöne, individuelle Seite mit ein paar technischen Problemen.
Und das geht nunmal auch nicht.

Was ist denn beim Bild der Liege mit den Wasserspeiern: Quecksilber?

[Gentle]

Abspecken - ja, gute Frage wo

Wo man bestimmt abspecken kann, ist die Sofagrafik; das ist ein animiertes GIF mit völlig überzogener Dateigröße. Komprimiert man es stärker, wird es aber sauhässlich, und lässt man es weg, verliert die Seite zu viel von ihrem Flair. Von daher...

@Andreas: Gut, is weg




Oh, eine frage hab ich noch, an alle unobstrusive-JS-Fans hier: Ich möchte die Hauptseiten-Links unobstrusive gestalten, sodass jemand ohne JS zwar auf die Effekte verzichten, aber die Inhalte trotzdem 1:1 zu sehen bekommt. Wie wäre das im konkreten Fall...:

<a href="javascript:lC('downloads')" tabindex="5" 
title="Download free 3D Tutorials, Making-Of's or tools for Cinema 4D like OBAN 1.0" 
onmouseover="showy('title-downloads', this)" 
onfocus="showy('title-downloads', this)" 
onmouseout="hidey('title-downloads', this)" 
onblur="hidey('title-downloads', this)">
Downloads
</a>

lC ist ne Funktion, die mehrere JS-Effekte hintereinander abspult und dann per PHP-include die neue Seite dazuhaut.

[andir]

Wenn es möglich sein sollte

verzichte auf JS direkt im Dokument und verweise eher auf eine Datei:
Operation Cleanout - Unobtrusive Javascript

Ansonsten ist selfhtml hilfreich, wenn du einen noscript-tag einfügen willst:

SELFHTML: HTML/XHTML / Weiterführende HTML-Elemente / Script-Bereiche in HTML


Abspecken? Das kommt auf deine Ansprüche an. Ich habe mir mal deine große Grafik layout_newsize.jpg vorgenommen: Du scheinst eine Weboptimierung "vergessen" zu haben. Dateigrößen dieser Art, 1.8 MB, sind nur in Ausnahmefällen angemessen. Eindampfen ist daher immer Pflicht.

Auf 120 kb eingedampft bei 85% Qualität- entspricht Qualität 10 bei PS ungefähr - du siehst nur geringe Unterschiede bei lediglich verbleibenden 6 -7% Dateigröße. Ob diese recht geringen Unterschiede(jaja, sie sind da, weniger smoothe Verläufe usw.) die 15x Dateigröße rechtfertigen? Bei den Bilder, die sich der Nutzer konkret aufruft, muss man diese Einschränkungen ja nicht oder nicht in dieser Form machen

Meiner Ansicht nach ändert sich die Anmutung der Seite dadurch nicht wesentlich, da der Nutzer ja das frühere Ergebnis nicht kennt und das neuere Ergebnis durchaus vorzeigbar ist. Siehe Anhang (screenshot, der wiederum wegen Größenbeschränkung eingedampft werden muss.)

Im Web erwartet niemand eine Anmutung wie aus einem mit 6 Farben gedruckten Katalog.

Bedenke immer, dass selbst Nutzer, die nur "einfaches" DSL haben, bislang eine halbe Minute auf deine Inhalte warten müssen und erst einmal gar nichts machen können. Nicht jeder hat eine Breitband-Standleitung, eigentlich nur die wenigsten. Und die 40% die nur ISDN oder Modem haben, freuen sich über Inhalte, die wenigstens nach einer Minute (wenn eingedampft) angezeigt werden.

[Gentle]

Hi andir,

cih werd mir die Links mal durchlesen!


UÄH? 1,8MB? Neee sowas sollt mir nie und nimmer passieren
Ich seh 214 KB wenn ich rechts aufs Bild klicke und Eigenschaften wähle, ist viel, aber verschmerzbar, oder?


Tobias

[andir]

214 kb?

Woher habe ich denn nur meine Zahl... aber du hattest recht
Also vergesse den ganzen Sermon