Loading ...Bei der täglichen Arbeit mit der WAAAGH.de fallen einem immer wieder Dinge auf, die geändert werden sollten und bei denen man sich Besserung erhofft. Ein großer Problempunkt war und ist dabei unser bisher eingesetztes Theme, welches für die Darstellung der Inhalte verantwortlich ist.
Aus diesem Grund haben wir uns in der letzten Wochen hingesetzt und ein komplett neues Framework lizensiert und angepasst. Die ersten Ergebnisse möchten wir euch nun vorab zur Diskussion stellen.
Beim grundsätzlichen Aufbau haben ich mich am bisher bewährten orientiert – euer Feedback war bezüglich der Gestaltung immer sehr gut, weshalb ich das Rad nicht neu erfinden wollte.
Die wichtigsten Anpassungen sind:
- Umstellung auf das Xtreme One Framework – dieses erlaubt es uns viele Kompatibilitätsprobleme zu beheben und vereinfacht die konforme Anpassung von Funktionen
- Implementierung eines globalen Teaser-Sliders mit den aktuellen Fokusartikeln
- Behebung zahlreicher Darstellungsfehler
Da es sich vorallem um einen technischen Fortschritt handelt, freuen sich besonders Crestor und ich über das Ausmerzen einiger Probleme, die bei uns in der Vergangenheit zu Kopfschmerzen geführt haben. Der Entwicklungsstand entspricht der einer “Basisversion” – es sind noch Erweiterungen geplant, welche die Seitennutzung beeinflussen werden. Außerdem benötigt die Testumgebung noch einige Tweaks auf Codeebene und das Caching ist zur Zeit nicht aktiviert. Verwendet die Seite also bitte nicht als Performancebenchmark!
Nun benötigen wir eure Unterstützung!
Bitte besucht unsere Testumgebung auf beta.waaagh.de und teilt uns eure Meinung zum Aussehen und der Handhabung der Seite in den Kommentaren mit. Außerdem freuen wir uns natürlich über Bugreports, Wünsche und Anregungen.
Bitte beachtet:
Der Datenbestand innerhalb der Testumgebung entspricht dem vom 02.10.11. Fühlt euch frei diese auf Herz und Nieren zu prüfen. Aufgrund der fortlaufenden Arbeiten an der Seite kann es zu Scriptfehlern oder ähnlichem kommen – in diesem Fall solltet ihr einfach später noch einmal vorbei schauen.
Vielen Dank im Voraus für eure Unterstützung!
Fehler 404 – Seite nicht gefunden!
Hab den ersten Bug gefunden….boa bin ich gut *sich selbst auf Schulter klopft*
Seneva schrieb:
Hehe, gerade selbst bemerkt und korrigiert
” class=”wp-smiley” />
Das Forum sieht noch wild aus, aber sonst ganz gut
auf mich wirken forum.png und group.png irgendwie unpassend
” class=”wp-smiley” />
css vom forum seh ich mir heut abend mal an, das wirkt mehr als nur zerschossen, naja, ist ja auch noch nicht fertig.
- Themenübersicht hat mehr Spalten als Überschriften
- graue Hintergrundfarbe bei der Zeitinformation für posts bedeckt nur die oberen beiden Zeilen
Danke schon mal für euer beider Feedback. Leider gibt es ein Problem: Das Forum ist aktuell nicht in der Designüberarbeitung enthalten. Hintergrund ist, dass dort in den nächsten Monaten ein Major Release stattfinden wird und es zur Zeit keinen großen Sinn macht hier riesige Anpassungen vorzunehmen.
Ich habe das Design innerhalb der Testumgebung nun auf das Standardlayout geändert, um weiterer Verwirrung vorzubeugen.
Wenn man Punkte bei “Archiv” anklickt verschieben sich die Artikel nach unten und sind nicht mehr mit “Beliebteste Artikel” auf einer Ebene. Zudem sind zwischen “Beliebteste Artikel”, “Neueste Foreneinträge” und “Benutzerverwaltung” keine Absätze mehr (gewollt?).
grade drüber gefallen, weißer Rand oben und zu schmales Menü:
Nenolia schrieb:
Zum ersteren: Mit welchem Browser tritt das bei dir auf? Ich hatte vor einiger Zeit mal einen Fehler, dieser sollte mittlerweile aber behoben sein. Bitte stelle sicher, dass du die Seite einmal komplett neu geladen hast (STRG + R).
Zum zweiteren:
Aktuell ja, du kannst mir aber gerne deine Meinung dazu sagen.
Idrinth schrieb:
Scheint ein Problem von Opera zu sein – in sämtlichen anderen Browsern wird die breite richtig bemessen. Ich schaue mal ob ich dafür eine simple Lösung finde.
erdknuffel schrieb:
.shinybuttons .hlist .sf-menu ul li{
width:13em;
}
ist einfach bei Opera zu klein
” class=”wp-smiley” />
könntest einfach:
.shinybuttons .hlist .sf-menu ul li{
word-wrap:break-word;
}
reinpacken, nicht wunderschön, aber besser zu lesen
Idrinth schrieb:
Schaue ich mir an, danke Idrinth.
erdknuffel schrieb:
Nutze derzeit Firefox 7.0.1. Auch nach dem Aktualisieren bleibt es so.
Nenolia schrieb:
Arg, hatte dich ursprünglich missverstanden. Danke, werde ich mich drum kümmern!
Ich wusste, dass ich nen Screen hätte beifügen sollen :p
Und die Boxen auf der rechten Seite finde ich mit Absatz schöner.
Sieht aus wie jedes andere scheiss Forum alles der selbe mist …..
Hans schrieb:
Sid Burn oder Moscha ???
” class=”wp-smiley” />
Also mir gefällt das neue Design sehr gut, allerdings sind mir 2 Dinge aufgefällen welche ich ändern würde:
1. Die Links: Ich würde einen Mouse-Over-Effekt anwenden. Oder zumindest ein Underline verwenden. Es gibt leider immer noch Leute (auch in meinem privaten Umfeld
” /> ), welche bei den Maus-Cursor immer den Pfeil eingestellt haben, da ihnen die Hand nicht gefällt. Da verändert sich nichts, wenn sie über nen Link fahren. Daher sollte man sehen, was ein Link ist, und was ein eingefärbter Text.
2. Die Infobox: Mir kommt der Übergang von einem Bereich zum nächsten etwas zu weich vor. Ich würde hier oberhalb der Überschriften noch eine Linie einfügen. Also anstatt dem hier:
Das hier: (man beachte die Linie über “Neueste Foreneinträge”):
Ist aber nur meine bescheidene Meinung ^^
mfg
Ere
Danke Erecronn, ich werde das in meine Überlegungen einfließen lassen.
Ich hätte da noch ne blöde Frage, gibt es einen Grund, warum du das Impressum alleine in #siteinfo .col1 auslagerst? führt bei mir (mal wieder) zu eher unschönen Umbrüchen.
Mag aber daran liegen, dass p.skip_top noch angezeigt wird, oder sollte das auch für desktop-pcs sichtbar sein?
Reicht ja eigendlich das anzuzeigen, wenn der Bildschirm so klein ist, dass der Inhalt linearisiert wird.
.skip_top {
/* nicht-linerarisierte Darstellung */
display:none;
}
@media screen and (max-width:320px) {
.skip_top {
/* linearisierte Darstellung */
display:inline;
}
}
Die Geräte, für die das relevant ist unterstützen meines Wissens nach media-queries. 320px ist nur nen Vorschlag, k.a. wo du ansetzen möchtest oder ob, aktuell wirkt die Seite ja recht statisch, Breitenanpassungen gibts zumindest nicht für desktop-pcs.
Du wirst in Opera immer unschöne Umbrüche haben Idrinth, denn dieser Browser ist dermaßen aggressiv in seiner Interpretation, dass er mit dynamischen Frameworks nicht klar kommt.
Dies ist entsprechend ausgelagert, weil es zwei Funktionen des Frameworks sind. Möchte ich Funktionen ändern, so muss ich diese über die functions.php des Childthemes als Hook einbinden. Aus diesem Grund kann ich gewisse Anpassungen nicht “mal eben schnell” im Code durchführen und auch nicht immer einfach eine div-class um etwas herumbauen.
Ansichtssache, ich bekomme in Opera eigendlich genau das, was ich bei den entsprechenden Angaben im css erwartet hätte, aber ich glaube, wir müssen uns kaum darüber streiten, ich werd halt wieder mit eigenem Stylesheet rumrennen
” class=”wp-smiley” /> . Der Aufwand ist ja relativ gering.
Die Struktur des Footer-Bereichs hatte mich nur gewundert, weil mir die Logik dahinter irgendwie seltsam erschien, war für mich eine gemeinsame Liste, zumindest vom Zusammenhang her.
Was die Frage bezüglich des Navigationslinks angeht, war der da wirklich so angedacht?
(tschuldige, wenn ich nerve, ist mehr Interesse als alles andere)
Zu dem Skiplink hatte ich mir eigentlich überhaupt keine Gedanken gemacht. Er ist standardmäßig da und hat mich einfach nicht gestört.
Aktuell geht es erstmal darum eine Seite auf die Beine zu stellen, deren Aufbau “fixed” ist. An Dinge wie eine responsive-Gestaltung habe ich mich nicht gewagt.
die rote schrift auf der startseite nervt. so wie die news jetzt sind, finde ich sie eigentlich sehr gut.
SeanDumas schrieb:
Danke für das Feedback.
erdknuffel schrieb:
http://validator.w3.org/check?…..38;group=0
http://de.wikipedia.org/wiki/A…..wsertests)
was mir grade noch auffällt, IE6-Nutzer(sitz grad an nem uralt-Rechner und kanns testen) haben keine Chance das Archiv anzusehen, kann schlecht ansehen, was du da eingestellt hast, aber ich habe keinen effekt für :hover, ebenfalls scheint :focus keinen Effekt zu erzielen.
Welche Browser sollen eigendlich unterstützt werden?
Aktuell testen tue ich mit IE8&9, Firefox (aktueller Release Cycle), Safari und Chrome.
Der IE 6 hat ungefähr 196 Seitenaufrufe pro Monate und ist daher mehr als nur nicht relevant. Im Idealfall ist eine Unterstützung für IE7+, Firefox (ab Version 3.5), Safari und Chrome vorgesehen. Ich teste die Seite neben Windows Desktops auch auf iPhone und iPad.
@kaulun:
Diese drei Fehler haben nichts mit den Opera-Problemen zutun.
erdknuffel schrieb:
Manchmal wunder ich mich schon…
In dem zweiten Link steht das Presto, die Opera Renderengine, alle ACID3 Tests besteht und im ersten Link kann man schonmal die Html-Seite validieren lassen, was übrigens bei meinen getesteten Seiten nur mit der Hauptseite funktionierte. Des weiteren gibt es noch einen CSS Validator und wenn man dann die Summe der Fehler betracht, dann ist mit aller Wahrscheinlichkeit Opera schuld (dynamische Frameworks und so). Meine Badehose ist auch an so vielen Dingen schuld.
der kaulun ist so ein harter nerd
” class=”wp-smiley” />
kaulun schrieb:
Seit wann hat der ACID3 Test etwas mit der Wirklichkeit zutun? Das ist genau wie zu behaupten, dass das fahren in der Fahrschule der Realität entspricht.
Eine absolute Konformität bei diesem Test wäre nur dann ein Kriterium, wenn alle Browser sich an die dort abgefragten Standards halten würden – was sie nicht tun. Es ist im gegenwärtigen Stadium ausreichend, wenn 97% aller Nutzer diese Seite fehlerfrei darstellen können.
Einen CSS Validator kannst du schon allein deshalb nicht anwenden, weil die Stylesheets noch gar nicht zusammengeführt wurden. Die Unterschiede werden danach beträchtlich sein.
http://validator.w3.org/
http://jigsaw.w3.org/css-validator/
gefällt mir gut.
Entsprechend des Feedbacks habe ich nun folgende Änderungen vorgenommen:
- Überschriften der Kategorie- und Tag-Seiten korrigiert
– Navigation nun mit Leerräumen & Border um die Navi-Column entfernt