Portfolio test lauf. Eure Hilfe und Meinung ist gefragt.

[AdioRockt]

Huhu,
bin gerade dabei meine Portfolio Homepage fertig zu machen und wollte jeden mal bitten der gerade 5mins Zeit hat sich die HP mal anzugucken, um mir eventuell Bugs zu melden und andere Sachen die nicht funzen. Ein kleines Feedback zum Design wäre auch nicht schlecht.





Danke!



ps. Wenn ihr Bugs melden wollt, bitte die Bildschirmauflösung (zb.27") und den Browser dazu schreiben (zb. Firefox):

[boxxiebabee]

Heyho,

das ganze sieht recht gut aus. Nur die Startseite hat mich am Anfang ein bisschen verwirrt, da man dort mit einem anderen Effekt rechnet, der auch besser passen würde, finde ich. (Siehe z.B. hier ).
Beim Portfolio geht nur das erste Teil, aber das wird sicher noch gemacht :>

[AdioRockt]

***, durch dieses Theme bin ich auf die Idee gekommen das Portfolio zu machen, das Problem war das ich keine Flash Seite wollte und die Animation sonst zu viel Leistung frisst.

[boxxiebabee]

Originally Posted by AdioRockt

***, durch dieses Theme bin ich auf die Idee gekommen das Portfolio zu machen, das Problem war das ich keine Flash Seite wollte und die Animation sonst zu viel Leistung frisst.

Also für sowas braucht man definitiv kein Flash, und viel Leistung sollte das ganze auch nicht fressen. Die Beispielseite ist ja auch nur mit JQuery etc. gemacht

[devcode]

Ich weiß nicht so recht, mir persönlich gefällt sie überhaupt nicht. Aber gibt sicher andere die das Gegenteil behaupten (: Die Font vom dem "Logo" und der Background gefallen mir nicht :x Der Scrolleffekt wirkt aber ganz nett (; Die Navi könntest du außerdem mit einer liste machen.

[AdioRockt]

Originally Posted by devcode

Ich weiß nicht so recht, mir persönlich gefällt sie überhaupt nicht. Aber gibt sicher andere die das Gegenteil behaupten (: Die Font vom dem "Logo" und der Background gefallen mir nicht :x Der Scrolleffekt wirkt aber ganz nett (; Die Navi könntest du außerdem mit einer liste machen.

Ok, wie meinst du das mit der Liste?

[boxxiebabee]

Originally Posted by AdioRockt

Ok, wie meinst du das mit der Liste?

Ein Menü macht man normalerweise mit einer Liste:

<ul>
<li><a href="#">Link 1</a></li>
<li><a href="#">Link 2</a></li>
<li><a href="#">Link 3</a></li>
</ul>

Und dann über CSS dementsprechend stylen.

[マルコ]

Nunja, du hast das Design ja schon mal gezeigt gehabt. Schade, dass du keine Effekte eingebaut hast. Ich hätte da jetzt eher erwartet, dass wenn ich auf ein Bild klicke, ein kleiner freier Platz aufgezogen wird, wo du die Infos präsentierst...
Dazu reicht JS. Und man kann es kompatibel machen, so dass auch Leute ohne JS alles anschauen können.
Die Animationen unter "Meine Projekte" finde ich eher unpassend.
Wenn ich ein Bild anklicke, so dass es größer wird, dann scrollt es runter über den Rest. Finde ich unschön. Ich fänd es besser, wenn sich das Bild von seiner Position aus in die Mitte schiebt, dabei resized, und der Hintergrund ausgedunkelt wird.
Btw. das "resize Icon", das über dem Bild angezeigt wird... das ist nicht gut. Das sieht so aus, als ob ich das Bild verschieben könnte (war auch das erste, das ich versucht habe).
Auf der Seite "Über mich" kann man den kleinen Kreis unter deinem Bild kaum sehen - den 2. Kreis fürs 2. Bild noch schlechter.


Bug:
-> Portfolio - ich kann "Drops" nur anklicken, wenn die Animation links beendet ist.
-> Ich kann nicht horizontal in X Richtung scrollen, wenn mein Browser zu schmal ist.
-> Wenn man z.B. auf Portfolio ist, und "Über mich" anklickt, dann gibts links in der Animation so strange Schatten, die plötzlich da sind, und dann wieder weg sind

[AdioRockt]

Originally Posted by マルコ

Nunja, du hast das Design ja schon mal gezeigt gehabt. Schade, dass du keine Effekte eingebaut hast. Ich hätte da jetzt eher erwartet, dass wenn ich auf ein Bild klicke, ein kleiner freier Platz aufgezogen wird, wo du die Infos präsentierst...
Dazu reicht JS. Und man kann es kompatibel machen, so dass auch Leute ohne JS alles anschauen können.
Die Animationen unter "Meine Projekte" finde ich eher unpassend.
Wenn ich ein Bild anklicke, so dass es größer wird, dann scrollt es runter über den Rest. Finde ich unschön. Ich fänd es besser, wenn sich das Bild von seiner Position aus in die Mitte schiebt, dabei resized, und der Hintergrund ausgedunkelt wird.
Btw. das "resize Icon", das über dem Bild angezeigt wird... das ist nicht gut. Das sieht so aus, als ob ich das Bild verschieben könnte (war auch das erste, das ich versucht habe).
Auf der Seite "Über mich" kann man den kleinen Kreis unter deinem Bild kaum sehen - den 2. Kreis fürs 2. Bild noch schlechter.


Bug:
-> Portfolio - ich kann "Drops" nur anklicken, wenn die Animation links beendet ist.
-> Ich kann nicht horizontal in X Richtung scrollen, wenn mein Browser zu schmal ist.
-> Wenn man z.B. auf Portfolio ist, und "Über mich" anklickt, dann gibts links in der Animation so strange Schatten, die plötzlich da sind, und dann wieder weg sind

Sehr ausführlich, danke dafür erstmal! Kannst du mir bitte nochmal genau beschreiben was du mit der Animation unter "Meine Projekte" meinst? Ich werde mich nochmal mit meiner Programmiererin in Verbindung setzen und ein paar sachen wegen der Animation besprechen. Unser Problem war nur das die Performance zu stark leidet wenn wir eine Animation wie bei machen.


MfG ADIO

[boxxiebabee]

Originally Posted by AdioRockt

Sehr ausführlich, danke dafür erstmal! Kannst du mir bitte nochmal genau beschreiben was du mit der Animation unter "Meine Projekte" meinst? Ich werde mich nochmal mit meiner Programmiererin in Verbindung setzen und ein paar sachen wegen der Animation besprechen. Unser Problem war nur das die Performance zu stark leidet wenn wir eine Animation wie bei machen.


MfG ADIO

Dann muss man den Teil mit JS / JQuery richtig machen. Da gibt es einige Fettnäpfchen was die Performance betrifft.

Edit:
Man braucht ja auch nur nen kurzen Blick auf die slider.js Datei verwerfen.
Kein einzelnes DOM Element was öfters benutzt wird, wird in eine Variable gespeichert. D.h. es muss jedesmal alles durchsucht werden.
Es wird kein "caching" bei for Schleifen benutzt, geschweige denn while(i--).
Es wird in Schleifen Elemente hinzugefügt, sollte man auch nicht machen.
Und bestimmt noch einiges mehr :>

[マルコ]

Originally Posted by boxxiebabee

Edit:
Man braucht ja auch nur nen kurzen Blick auf die slider.js Datei verwerfen.
Kein einzelnes DOM Element was öfters benutzt wird, wird in eine Variable gespeichert. D.h. es muss jedesmal alles durchsucht werden.
Es wird kein "caching" bei for Schleifen benutzt, geschweige denn while(i--).
Es wird in Schleifen Elemente hinzugefügt, sollte man auch nicht machen.
Und bestimmt noch einiges mehr :>

Wollts auch grad sagen... JS ist nicht soooo unperformant^^
Aber das ist wie in jeder Programmiersprache. Wenn man nicht gut programmiert, ist das Resultat halt entsprechend ;P

Kannst du mir bitte nochmal genau beschreiben was du mit der Animation unter "Meine Projekte" meinst

Ich meine die Seite, die erscheint, wenn man bei Referenzen ein Bild angeklickt hat. Dann hat es rechts diese 2 kleinen Bilder, die man größer machen kann. So wie das jetzt reingescrollt wird finde ich das nicht schön.
Oder meinst du den Bug?

[AdioRockt]

Originally Posted by マルコ

Ich meine die Seite, die erscheint, wenn man bei Referenzen ein Bild angeklickt hat. Dann hat es rechts diese 2 kleinen Bilder, die man größer machen kann. So wie das jetzt reingescrollt wird finde ich das nicht schön.
Oder meinst du den Bug?

Da scrollt doch garnix rein?! Also bei mir jedenfalls nicht.

[マルコ]

oh, ich seh das Problem^^
Das Bild hat sich ... langsam ... aufgebaut.
Nunja. Nächster Bug. Wenn ich das Bild nun groß habe, dann nach rechts klicke, und dann nochmal nach rechts klicke, dann flackert der Übergang.
Und wenn ich oft genug klicke, dann markiert es unten irgend nen Block. Keine Ahnung, ob das nur bei mir so ist.
-> Ich benutz Chrome, den neusten.


EDIT: Nach Neuladen der Seite flackert der Übergang nicht mehr. Könnte ein Problem beim ersten Laden sein?

[AdioRockt]

Ja, das Problem is nach jedem Neuladen weg, kommt aber auch wieder..:C