Stellt eure Homepage vor!

[Slashwalker]

http://www.lackier-autopflegezentrum.de
Kleine, noch nicht 100% vollständige Website für einen Bekannten

 

[Drizzto]

http://www.fahrzeugpflegeforum.de
Ein kleines Projekt/Forum von 5 leuten und mir zum Thema Fahrzeugpflege. Komplett werbefrei

 

[torben1]

@slashwalker: Auf der Startseite beim Bildermenü würde ich beim Klick auf einen anderen Unterpunkt (z.B. Autosattlerei) eher erwarten das das passen Bild und nicht eine neue Seite geöffnet wird. Beim klick auf das Bild wiederum würde ich genau das erwarten.
bei Seiten mit Untermenü (z.B.Unsere Leistungen ) sieht die Navbar zu "Kurz" aus, da der Abstand zum Ende des Inhalts zu klein ist. (Siehe Bild).
Der Rest scheint ja noch in der Entwicklung zu sein. Da fehlen noch ein paar Bilder ect.

 

[Slashwalker]

@slashwalker: Auf der Startseite beim Bildermenü würde ich beim Klick auf einen anderen Unterpunkt (z.B. Autosattlerei) eher erwarten das das passen Bild und nicht eine neue Seite geöffnet wird. Beim klick auf das Bild wiederum würde ich genau das erwarten.
bei Seiten mit Untermenü (z.B.Unsere Leistungen ) sieht die Navbar zu "Kurz" aus, da der Abstand zum Ende des Inhalts zu klein ist. (Siehe Bild).
Der Rest scheint ja noch in der Entwicklung zu sein. Da fehlen noch ein paar Bilder ect.

Das mit dem Bildmenü werd ich mir mal noch überlegen. Hat irgendwie jeder andere Erwartungen

Das mit der Navi ist seltsam, bei mir FF & Chrome passt die soweit.

 

[Chichisworld]

Ich würde, wenn schon Flash, die Seite vollständig in HTML aufbauen, mit Navi, Inhalt etc. und Flash dann per JavaScript drüber legen. just my 2 cents

Wie geht so etwas? Könntest Du das umsetzen?

Grüßung, Chris.

 

[Slashwalker]

@Chris
Im Prinzip baust du deine Seite ganz normal mit HTML/CSS. Wenn dort dann alles steht und funktioniert setzt du ans Ende, also genau vor </body> eine leere Div. In diese Div lädst du per JavaScript deine Flash Seite und positionierst die Div absolut.

 

[Chichisworld]

Okay, und dann erscheint bei allen die kein Flash oder es deaktiviert haben, die html Version? Wäre echt eine Überlegung Wert.

 

[drp]

@Slashwalker
Ich würde vielleicht den Übergangseffekt im Menü etwas kürzer machen, also vielleicht 0,2-0,4 Sekunden anstatt 0,7.

(Habs jetzt nochmal gepostet, war wegen dem Servercrash weg)

 

[drp]

http://editor.drp-seiten.de/
Ein schlichter Web-DropBox-Editor. Hat jemand Verbesserungsvorschläge bezüglich des Designs?

(unten links ist ein kleines Fragezeichen für die Hilfe)

 

[naich]

Für mich ist das Textfeld viel viel zu klein. Hat diese Mini-Größe irgendeinen Hintergrund?
Und gerade bei dem kleinen Textfeld erscheint es mir sehr unpraktisch, rechts das Menü ausblendbar zu machen.

Ich musste erstmal mir die Hilfe anschauen um überhaupt herauszufinden, was man auf der Seite machen kann. Das sollte nie nötig sein.

 

[drp]

Ups, das mit dem kleinen Textfeld habe ich ganz vergessen: das machen Firefox und Chrome irgendwie anders als Safari. (eigentlich ist es fast so groß wie der Bildschirm - bis auf die Sidebar). Da muss ich mir mal was einfallen lassen, weil Firefox anscheinend das Cols und Rows Attribut benötigt oder zumindest eine feste Breite/Höhe.
Das mit der Hilfe stimmt natürlich, das geht zwar auch so (kleiner Hilfe-Text unten rechts beim hovern der Buttons mit der Maus). Vielleicht sollte ich die Buttons etwas umgestalten, dass diese noch aussagekräftiger sind.

 

[drp]

Okay, habe es jetzt etwas umstrukturiert und sollte nun auch im Firefox und Chrome funktionieren. (http://snook.ca/archives/html_and_css/absolute-position-textarea)

 

[bluefirex]

Ich stelle auch mal mein Projekt hier mehr oder weniger kurz vor

gidix.de
gidix ist eine Plattform zur Kommunikation von Benutzern - kurz: Community. Es gibt dort den freifunk, eine Art Mini-Twitter, nur intern. Man kann Bilder hochladen, gollar durch Forenaktivität gewinnen und diese im Shop gegen virtuelle Produkte oder Gutscheine wieder ausgeben. Das Ganze richtet sich eher an Webdeleoper.

Zusätzlich biete ich dort auch meine drei Programme an:
- Skedule (Windows, Mac OS X, Android)
Stundenplanprogramm mit Notizfunktion und Synchronisation über den gidix-Account

- mediapod (Windows)
Medienplayer mit Radio- und TV-Integration gepaart mit einfachster Bedienung.

- Vokabular (Windows)
Spanisch-Vokabeltrainer für 9.-10. Klasse, einfache Bedienung, aktualisiert seine Vokabelpacks selbsständig.

Link(s):
http://www.gidix.de/
http://www.gidix.de/mediapod/
http://www.gidix.de/skedule/
http://www.gidix.de/vokabular/

 

[wdominik]

@drp:

Für die Icons würde ich Symbole verwenden. Für all die Funktionen gibt es eigentlich gängige Symbolik, die der Benutzer von anderen Programmen kennt. Für den Fall, dass du nicht all zu gut darin bist, gibt es natürlich im Internet Iconssets. Ein paar, welche mir spontan einfallen:
- http://sublink.ca/icons/
- http://www.famfamfam.com/lab/icons/silk/
- http://p.yusukekamiyamane.com/
- http://tango.freedesktop.org/Tango_Icon_Library
Natürlich die Lizenz beachten und möglichst Große nehmen, falls du eine Retina-fähige Version brauchst. Die 16x16 Pixel Sets sind dann eher nicht geeignet.

Ansonsten würde ich beim Laden der Seite die Seitenleiste kurz einblenden, evtl. kurz pulsieren lassen. So das der Besucher weiß, dass da etwas ist. Dann ist die Hilfe schon so gut wie überflüssig.

@bluefirex:

Gefällt mir sehr gut. Das Ergebnis des W3 Validators solltest du dir allerdings mal ansehen. Die Fehler sind eigentlich alle zu beheben, und sollten es auch werden, sofern man sauberes HTML anstrebt. Sämtliche Angaben, welche das Styling bzw. Layout der Seite betreffen würde ich in die CSS verschieben.

Was ich persönlich auch nicht wirklich mag, ist target="_blank" – also das Öffnen eines Links in einem neuen Fenster. Das Ganze ist zwar ein kontroverses Thema, aber meiner Meinung nach liegt die Entscheidung, ob ein Benutzer ein neues Fenster öffnen möchte bei ihm selbst und nicht beim Betreiber. Ins Besondere nervt das natürlich auch auf mobilen Geräten. Aber deine Seite, deine Entscheidung. Wenn man sich mit befassen möchte, liefert eine Google-Suche nach target="_blank" eine Menge Meinungen darüber.

 

[bluefirex]

@bluefirex:

Gefällt mir sehr gut. Das Ergebnis des W3 Validators solltest du dir allerdings mal ansehen. Die Fehler sind eigentlich alle zu beheben, und sollten es auch werden, sofern man sauberes HTML anstrebt. Sämtliche Angaben, welche das Styling bzw. Layout der Seite betreffen würde ich in die CSS verschieben.

Ich hab eben mal 3 "Fehler" behoben, aber da sind auch Dinge drin, die ich nicht "beheben" kann, weil sonst Opera und IE quittieren...

 

[wdominik]

Okey, das habe ich nicht bedacht. Allerdings schreibt man dann bei height/width-Angaben in HTML nur die Pixelzahl ohne den Zusatz „px“ – höchstens IE<=6 erwarten soetwas, wundern würde es mich nicht. ^^

 

[drp]

@wdominik
Danke für den Tipp, das mit den Bildern ist eine gute Idee. Ich werde mal versuchen diese selbst zu gestalten, oder sonst freie zu bearbeiten.

@bluefirex
Bezüglich deines Projekts: auf dem iPad ist der Header etwas kleiner von der Breite als die unteren Teile, dadurch geht dieser nicht bis nach ganz rechts: da ist ein kleiner weißer zwischenraum. Außerdem vielleicht noch ein kleiner Abstand zum bildschirmrand beim "Hallo Gast" Text:
http://db.tt/ecNkJYQZ

 

[seaker]

Optisch soweit ganz nett. Allerdings würde ich mir den Text der den User auf der Startseite begrüßt noch einmal durchlesen. Da haben sich doch einige kleine Fehler eingeschlichen z.B.

, im Forum Probleme und Lösungen austauchen, mit )
​

 

[bluefirex]

Bezüglich deines Projekts: auf dem iPad ist der Header etwas kleiner von der Breite als die unteren Teile, dadurch geht dieser nicht bis nach ganz rechts: da ist ein kleiner weißer zwischenraum. Außerdem vielleicht noch ein kleiner Abstand zum bildschirmrand beim "Hallo Gast" Text:
http://db.tt/ecNkJYQZ

Das liegt daran, dass die Website auf 1000px ausgelegt ist und beim iPad das Browserchrome nochmal Platz wegnimmt (selbes Problem auch bei Ubuntu 11.04+). Geringere Breite kann ich aber nicht machen, weil die 1000px wirklich benötigt werden.

 

[drp]

Naja, nur der Header ist auf dem iPad ja noch kürzer als die restliche Seite... Obwohl der ja width:100% hat... komisch..