Projekt Feedback - Webdesign-Verzeichnis.de

Gefällt mir sehr, bin eh momentan der Bootstrap Fan. Habe mich gleich mal eingetragen.

ich würde mich über weiteres Feedback sehr freuen

Hallo

Ich denke weiteres Feedback hängt auch davon ab welche Browser unterstützt werden müssen.

Mir persönlich ist das HTML und CSS zu oversized.

Okay zum Punkt HTML

Ich beziehe mich jetzt nur auf die Listen mit der Klasse entries.

Da jQuery genutzt wird würde ich [js]$(\'.entries li:nth-child(odd)\').addClass(\'odd\');[/js] selektieren und darüber die Klasse setzen und das CSS auf den Listenpunkt beziehen und nicht auf das a Element.

Je nachdem welche Browser überhaupt unterstützt werden müssen wäre ich sogar bereit das rein per CSS zu regeln. Da lernt man auch den IE8 zu hassen, wenn man das nicht bereits schon vorher getan hat wegen der Unterstützung von SVG.
[css].entries li:nth-child(odd){/*Style*/}[/css]

Kurz die ganzen Unterelemente in diesen Listen würde ich von den class Attributen befreien.

[html] [/html]

Wie wäre es damit das einfach weg zu lassen und durch

[css].entries span:before{/*Bild Abstand*/}[/css] zu ersetzen.

Da die Breite und Höhe der Bilder auch ein Standard zu sein scheint würde ich diese Angaben auch ins CSS auslagern.

Zum Punkt CSS

Alleine auf Mozilla bezogen frage ich mich welche Versionen da noch unterstützt werden mit so Einträgen wie -moz-border-radius zum Beispiel.

Fragezeichen

[js]var html;
if (html) {}[/js]

Bin ich mit dem falschen Browser unterwegs oder ist das immer so?

Gruß
Jörg

Hallo,

für Anwender wäre noch eine Ãœbersicht der Anbieter nach Postleitzahlen nützlich.

Gruß
winelady

Hallo und danke für eure Verbesserungsvorschläge.
Also: Browsertechnisch sollte das ganze auf allen großen laufen, bis IE8 runter, IE7 sollte nur grob funktionieren.

"Mir persönlich ist das HTML und CSS zu oversized."
Was meinst du mit oversized genau? bzw hast du noch konkrete Beispiele
oder meintest du damit das ein oder andere span-tag für icons und hier und da eine klasse zu viel, wie von dir genannt.

"$(\'.entries li:nth-child(odd)\').addClass(\'odd\');"
Hmm das Problem ist, :nth-child ist nicht IE8-kompatibel.
Außerdem ist es glaube ich schlanker einfach per if die klasse even oder odd zuzuweisen, als dafür jquery code zu verwenden.

"Kurz die ganzen Unterelemente in diesen Listen würde ich von den class Attributen befreien"
Diese Styles werden von Twitter Bootstrap erzeugt, aber da hast du recht das könnte ich in zukunft noch etwas schlanker verschachteln

"Da die Breite und Höhe der Bilder auch ein Standard zu sein scheint würde ich diese Angaben auch ins CSS auslagern."
Ich dachte die Browser können Bilder schneller laden wenn sie die width und height angaben direkt im Tag enthalten? Bin mir aber nicht ganz sicher.


"Alleine auf Mozilla bezogen frage ich mich welche Versionen da noch unterstützt werden mit so Einträgen wie -moz-border-radius zum Beispiel."
Stimmt die Anweisungen werden langsam überflüssig. Danke für den Tipp, das werde ich rausnehmen.

"für Anwender wäre noch eine Ãœbersicht der Anbieter nach Postleitzahlen nützlich."
Ist schon auf der todo Liste

Danke euch für euer bisheriges Feedback!

Hallo

Selbst grob verschliesst man sich mit dem IE7 schon inline-block zum Beispiel.

Ich könnte da zwar noch einige Beispiele bringen aber das würde den Rahmen hier sprengen.

:nth-child ist per reinem CSS dem IE8 unbekannt.
Wie wäre es damit das was ich vorgeschlagen habe einfach mal zu testen.

Knappe 6 Monate mit Mootools beruflich haben mir schon jetzt klargemacht das man über solche Bibliotheken viel erreichen kann.

Aber wenn du PHP an mehreren Stellen dafür einsetzen möchtest auf mehreren Seiten die ausgegeben werden oder halt eben einmal in der Javascript Datei ist das meiner Ansicht nach eine falsche Denkweise.
Und Kodemässig habe ich für PHP schon einiges gesehen wie man das umsetzt und habe dann oft so meine Gedanken gemacht.
In den Fällen aber wo eh schon eine Bibliothek verwendet wird ist es die Frage ob man diese dann nicht auch für solche Zwecke nutzen sollte.
Der Vorteil liegt darin das viel Datentransfer dadurch wegfällt.
Selbst nativ wenn man nicht den IE8 unterstützen muss wären das mit Javascript nur einige Zeilen. Aber dann ist eben die Lösung per CSS die bessere Wahl.

In der Praxis unter Mootools habe ich dieses Beispiel sogar nur auf den IE eingeschränkt angewandt und es für die anderen Browser über CSS geregelt.

Du kannst ja mal testen wie es sich verhält wenn man für Bilder die Breite und Höhe unterschiedlich per CSS und HTML angibt. CSS setzt sich durch.
Es geht einfach um den Punkt Datentransfer der summiert sich bei solchen Standardbilder gewaltig und aus dem Grunde ist bei Standardgrössen CSS die bessere Wahl.

Wie laden Browser Bilder denn? Byte für Byte warum sollte das per HTML Angabe der Bildgröße weniger Bytes sein? In der Regel werden Bilder nach dem CSS geladen. Und dann wäre der Platz auch per CSS schon reserviert.

Gruß
Jörg

Hallo joerg, danke für deine ausführliche Antwort.

"Selbst grob verschliesst man sich mit dem IE7 schon inline-block zum Beispiel."

.myclass {
display: inline-block;
zoom: 1; *display: inline; /* IE7 Hack */
}

":nth-child ist per reinem CSS dem IE8 unbekannt."
Ich zitiere w3-schools.com:
"The :nth-child() selector is supported in all major browsers, except IE8 and earlier."

"Du kannst ja mal testen wie es sich verhält wenn man für Bilder die Breite und Höhe unterschiedlich per CSS und HTML angibt. CSS setzt sich durch."
Das ist klar, trotzdem kein Argument dafür das es mit CSS semantischer und besser ist.

"Es geht einfach um den Punkt Datentransfer der summiert sich bei solchen Standardbilder gewaltig und aus dem Grunde ist bei Standardgrössen CSS die bessere Wahl."
Da muss ich dir leider widersprechen... der Datentransfer ist bei der Maßangabe bei "img" mit CSS wesentlich größer - die Browser können die width und height attribute wesentlich schneller rendern. Bei der Ladezeit einer Seite geht es ja nicht nur um bits und byte, sondern auch wie schnell der Browser den Code rendern kann und wie viele Requests dafür erzeugt werden müssen.
Abgesehen davon sind width und height Attribute bei img wesentlich semantischer und daher auch ein w3c Standard.

Hier ein guter Beitrag auf Stackoverflow dazu:

stackoverflow.com/questions/640190/image-width-height-as-an-attribute-or-in-css

Hallo

Ich liebe es wenn solche Kodes kommen wie für den IE7.

Mache einfach zwei separate Anweisungen hintereinander einmal mit inline und einmal mit inline-block.

Spart dir den CSS Hack und dasselbe wird erreicht. Nur man muss halt eben die richtige Reihenfolge nehmen.

Habe ich irgendwie behauptet das :nth-child von IE8 CSS Seitig unterstützt wird?
Nein nur ausgesagt das ich den Selektor mit Jquery verwenden kann und er auch unter IE8 unterstützt wird.

Was den Beitrag bei Stackoverflow angeht. Ja es ist eine Philosophie ob man per CSS auch die Breite und Höhe setzt. Aber selbst dort gehen wie hier die Meinungen dazu auseinander.

Mir ist aber bewusst warum ich bei dieser Seite zum Beispiel und anderen auf dieser Domain darauf verzichtet habe die Größenangaben ist HTML zu schreiben. prskspedia.de/spiel/phase5.php

Darf man fragen aus welchem Grund heute einige Einträge, u.a. auch meiner, gelöscht worden sind???

EDIT: Nachdem ich meinen Eintrag nochmal bearbeitet und abgespeichert hatte, war er wieder da.

AndreMe schrieb:

Darf man fragen aus welchem Grund heute einige Einträge, u.a. auch meiner, gelöscht worden sind???

EDIT: Nachdem ich meinen Eintrag nochmal bearbeitet und abgespeichert hatte, war er wieder da.

Hallo AndreMe,
einträge werden entweder gelöscht wenn sie illegale oder zu wenig Inhalte aufweisen. Desweiteren muss das Profilbild eine gute grafische Qualität haben. Der Grund, warum Einträge gelöscht werden ist häufig ein verpixeltes oder falsch skaliertes Profilbild.
Liebe Grüße