CoolRainbows Webseite

[CoolRainbow]

Ich nöchte hier euch meine Webseite vorstellen

http://coolrainbow.fluttershy.at

Verbesserungsvorschläge und ähnliches sind wilkommen  

Ich habe auch ein Easter-Egg versteckt:

Lösung (Öffnen)

Klickt mit der linken Maustaste auf den pinken Banner, hält die Maustaste gedrückt und ihr werdet das Element des Lachens aufleuchten sehen... (nur falls JavaScript aktiviert ist)

Mfg CoolRainbow

[LittleDog]

Ich hoffe du hast dir für jedes Bild das du dort benutzt auch die erlaubnis geholt.
Ansonsten kann das arge rechtliche Konsequenzen haben.

[Merlight]

Michael Morones... Ich kann es immernoch nicht fassen, wie sowas passiert.

[Smilley]

Ganz nette Seite, vor allem, wenn Du sie von Hand gemacht hast. Einige Kritikpunkte allerdings:
- Du solltest die Navigationsleiste als Maske verwenden, und nur den Hauptbereich ändern. Damit bekommt die Seite ein einheitlicheres Aussehen, und man kann von überall, nicht nur von der Hauptseite aus navigieren.
- Wenn Du schon einen statischen Hintergrund hast, sollte man auch etwas davon sehen können. Der Balken in der Mitte sollte etwa 2/3 des Bildschirms ausmachen, und links und rechts jeweils 1/6 für den Hintergrund freilassen.
- In den Nebenseiten überlappt die Fußzeile teilweise mit dem Hauptfeld.
- Der Bildschirm im Hauptfeld scrollt viel zu weit - mehr als einen ganzen Bildschirm pro Rollrad-klick.
- Den Text mit Michael Morones würde ich auf etwas wie "In Gedenken an" umschreiben. So wirkt es irgendwie... seltsam.
- Noch fehlt der Seite etwas an Inhalt, aber das kann ja noch kommen.

[Merlight]

Michael Morones lebt noch.
Es wäre eher krank "in Gedenken" zu schreiben.

Aber den anderen Vorschlàgen stimme ich zu. Auch wenn die Seite ein wenig nach CSSpreset aussieht.

[Scootadash]

Dass der Text unmittelbar unter dem Header beginnt, ist unschön. Wenigstens eine halbe Leerzeile sollte da noch dazwischen sein.

[CoolRainbow]

(10.11.2015)Smilley schrieb:  Ganz nette Seite, vor allem, wenn Du sie von Hand gemacht hast. Einige Kritikpunkte allerdings:
1. Du solltest die Navigationsleiste als Maske verwenden, und nur den Hauptbereich ändern. Damit bekommt die Seite ein einheitlicheres Aussehen, und man kann von überall, nicht nur von der Hauptseite aus navigieren.
2. Wenn Du schon einen statischen Hintergrund hast, sollte man auch etwas davon sehen können. Der Balken in der Mitte sollte etwa 2/3 des Bildschirms ausmachen, und links und rechts jeweils 1/6 für den Hintergrund freilassen.
3. In den Nebenseiten überlappt die Fußzeile teilweise mit dem Hauptfeld.
4. Der Bildschirm im Hauptfeld scrollt viel zu weit - mehr als einen ganzen Bildschirm pro Rollrad-klick.
5. Den Text mit Michael Morones würde ich auf etwas wie "In Gedenken an" umschreiben. So wirkt es irgendwie... seltsam.
6. Noch fehlt der Seite etwas an Inhalt, aber das kann ja noch kommen.

1. Eine gute Idee, und ich weiß auch schon wie ich das umsetzte

2. Evtl. ist der Hintergrund ja jetzt besser zu sehen

3. Wenn ich 1. umsetze wird das damit auch behoben

4. Ich habe es heruntergeschraubt, ist es jetzt besser?

5. Wie soll ich den Text nun formulieren.. Ich weiß nun grad echt nicht wie ich das am besten schreiben soll..

6. Ja, Inhalt kommt noch...

(09.11.2015)Merlight schrieb:  Michael Morones... Ich kann es immernoch nicht fassen, wie sowas passiert.

Ja ich auch nicht...

(10.11.2015)Merlight schrieb:  Auch wenn die Seite ein wenig nach CSSpreset aussieht.

Ich habe das CSS komplett selbst gemacht... kann sein das es nach einer Vorlage aussieht, sieht das irgendwie doof bzw. langweilig aus? Soll ich was an meinem CSS ändern?

(11.11.2015)Scootadash schrieb:  Dass der Text unmittelbar unter dem Header beginnt, ist unschön. Wenigstens eine halbe Leerzeile sollte da noch dazwischen sein.

Das werde ich noch ändern, kannst du mal deine Bildschirmauflösung sagen? Und evtl. einen Screenshot von der Webseite im Vollbildmodus machen...

[Vaalyn]

Du solltest vielleicht das Scrolljacking rausnehmen, es ist sehr unangenehm wenn man eine Website aufruft und ein komplett anderes Scrollverhalten vorfindet als auf nahezu jeder anderen Internetseite.
Zumal solche Scripte nur sehr schlecht auf Geräten ordentlich funktionieren bei denen man ein anderes Eingabegerät als ein Mausrad benutzt.
Bei deiner Navi-Leiste scheint auf den Unterseiten was nicht zu stimmen, dort hat sie einen relativ großen Abstand nach oben.

[Smilley]

(10.11.2015)Merlight schrieb:  Michael Morones lebt noch.
Es wäre eher krank "in Gedenken" zu schreiben.

Oh. Right...
Vielleicht dann eher etwas wie "Michael Morones - unsere Gedanken sind mit Dir".

(11.11.2015)CoolRainbow schrieb:  

(10.11.2015)Smilley schrieb:  Ganz nette Seite, vor allem, wenn Du sie von Hand gemacht hast. Einige Kritikpunkte allerdings:
1. Du solltest die Navigationsleiste als Maske verwenden, und nur den Hauptbereich ändern. Damit bekommt die Seite ein einheitlicheres Aussehen, und man kann von überall, nicht nur von der Hauptseite aus navigieren.
2. Wenn Du schon einen statischen Hintergrund hast, sollte man auch etwas davon sehen können. Der Balken in der Mitte sollte etwa 2/3 des Bildschirms ausmachen, und links und rechts jeweils 1/6 für den Hintergrund freilassen.
3. In den Nebenseiten überlappt die Fußzeile teilweise mit dem Hauptfeld.
4. Der Bildschirm im Hauptfeld scrollt viel zu weit - mehr als einen ganzen Bildschirm pro Rollrad-klick.
5. Den Text mit Michael Morones würde ich auf etwas wie "In Gedenken an" umschreiben. So wirkt es irgendwie... seltsam.
6. Noch fehlt der Seite etwas an Inhalt, aber das kann ja noch kommen.

1. Eine gute Idee, und ich weiß auch schon wie ich das umsetzte

2. Evtl. ist der Hintergrund ja jetzt besser zu sehen

Ja, schaut schon besser aus.

Zitat:3. Wenn ich 1. umsetze wird das damit auch behoben

Leider nicht, und die Kopfzeile ist jetzt mit der Menüleiste überlagert.

Zitat:4. Ich habe es heruntergeschraubt, ist es jetzt besser?

Ja, definitiv besser.

Zitat:5. Wie soll ich den Text nun formulieren.. Ich weiß nun grad echt nicht wie ich das am besten schreiben soll..

Siehe oben.

BTW, das Easter Egg scheint nicht mehr zu funktionieren, und das Dashie-Bild ist auch weg.

[mrx1983]

(12.11.2015)Smilley schrieb:  

Spoiler (Öffnen)

(10.11.2015)Merlight schrieb:  Michael Morones lebt noch.
Es wäre eher krank "in Gedenken" zu schreiben.

Oh. Right...    
Vielleicht dann eher etwas wie "Michael Morones - unsere Gedanken sind mit Dir".

(11.11.2015)CoolRainbow schrieb:  

(10.11.2015)Smilley schrieb:  Ganz nette Seite, vor allem, wenn Du sie von Hand gemacht hast. Einige Kritikpunkte allerdings:
1. Du solltest die Navigationsleiste als Maske verwenden, und nur den Hauptbereich ändern. Damit bekommt die Seite ein einheitlicheres Aussehen, und man kann von überall, nicht nur von der Hauptseite aus navigieren.
2. Wenn Du schon einen statischen Hintergrund hast, sollte man auch etwas davon sehen können. Der Balken in der Mitte sollte etwa 2/3 des Bildschirms ausmachen, und links und rechts jeweils 1/6 für den Hintergrund freilassen.
3. In den Nebenseiten überlappt die Fußzeile teilweise mit dem Hauptfeld.
4. Der Bildschirm im Hauptfeld scrollt viel zu weit - mehr als einen ganzen Bildschirm pro Rollrad-klick.
5. Den Text mit Michael Morones würde ich auf etwas wie "In Gedenken an" umschreiben. So wirkt es irgendwie... seltsam.
6. Noch fehlt der Seite etwas an Inhalt, aber das kann ja noch kommen.

1. Eine gute Idee, und ich weiß auch schon wie ich das umsetzte

2. Evtl. ist der Hintergrund ja jetzt besser zu sehen

Ja, schaut schon besser aus.

Zitat:3. Wenn ich 1. umsetze wird das damit auch behoben

Leider nicht, und die Kopfzeile ist jetzt mit der Menüleiste überlagert.

Zitat:4. Ich habe es heruntergeschraubt, ist es jetzt besser?

Ja, definitiv besser.

Zitat:5. Wie soll ich den Text nun formulieren.. Ich weiß nun grad echt nicht wie ich das am besten schreiben soll..

Siehe oben.

BTW, das Easter Egg scheint nicht mehr zu funktionieren, und das Dashie-Bild ist auch weg.

vielleicht "gewidmet"?
gewidmet allen bronies, fans und Michael Morones.

[CoolRainbow]

So, die Webseite sollte jetzt bei allen Unterseiten gleich aussehen...

[Nastor]

Ich habe ein paar Fehler gefunden.

Nachfolgend poste ich ein paar Screenshots, die die Fehler illustrieren sollen.

Responsives Design funktioniert nicht richtig (Öffnen)

Kopfzeile überdeckt den Text (Öffnen)

Fusszeile überdeckt Text (Öffnen)

Und zu guter Letzt funktioniert die Suche bei mir nicht. Es kommt einfach eine lehre Seite zum Vorschein.

[Smilley]

Pinkie ist wieder da, aber sie erscheint jetzt bei einem einfachen Mouse-over, was mich beim ersten Mal etwas geflasht hat.
Die Social-media Buttons wirken lieblos dahingeklatscht, und ragen nach oben etwas aus dem Bild.
Die Fußzeile ist bei der Hauptseite viel zu dick - bei den anderen allerdings gut -, aber muss nicht unbedingt mitscrollen. Es reicht, wenn es, z.B. wie bei Youtube oder dieser Seite, ganz am unteren Rand der Seite zu sehen ist.

[CoolRainbow]

Ich habe nun die Pinkie Pie Animation geändert, hoffe sie gefällt euch..

[Conqi]

Bei mir verdeckt da jetzt einfach eine riesige Pinkie Pie durchgehend das halbe Bild. Soll das so?

Edit: Außerdem kriege ich bei mir im Browser (Edge) anscheinend die mobile Version angezeigt. Das ist mir trotz Skalierung bisher noch nirgendwo passiert.

[FruityFusion]

(17.11.2015)Conqi schrieb:  Edit: Außerdem kriege ich bei mir im Browser (Edge) anscheinend die mobile Version angezeigt. Das ist mir trotz Skalierung bisher noch nirgendwo passiert.

Ich glaube bei Microschrott Edge musst du dich da nicht wundern. Kein Mensch nutzt so eine Pampe.
~Fruity

[Conqi]

Hast du dafür auch eine Begründung? Ich schätze nicht, also sei doch bitte einfach leise. Danke.

Edit: Am Desktop (ebenfalls mit Edge) ohne Skalierung kriege ich die richtige Ansicht, aber Pinkie Pie ist jetzt ziemlich gruselig.

Spoiler (Öffnen)

[CoolRainbow]

Ich habe den Edgefehler behoben...

[CoolRainbow]

Ich habe nun einen schönen animierten Hintergrund hinzugefügt, hoffe er gefällt euch

Desweiteren habe ich die Mobile-Anpassung verbessert, es sollte jetzt bei jeder Zoomstufe / Displaygröße kein Text versteckt werden

[CoolRainbow]

Neuerungen:

Navigationsleiste wird ausgeblendet beim herunterscrollen und eingeblendet beim hinaufscrollen

Alle eingebetteten Youtube-Videos sind nun gleich groß und im 16:9 Format

"Über mich" Seite enthält nun auch Credits