Ich habe CSS Off früher in der Woche erwähnt, war mir aber nicht sicher, ob ich dieses Wochenende Zeit zum Teilnehmen haben würde. Wie das Schicksal es wollte, habe ich spät in der Nacht zum Freitag meine Feeds durchgesehen und den Beitrag aufpoppen sehen, dass die Dateien fertig waren. Ich dachte, ich würde zumindest die PSD herunterladen und sie mir ansehen. Natürlich, sobald ich angefangen habe, mich in der Datei umzusehen, war ich gefesselt. Ich habe angefangen, Dinge zu zerlegen und über Code nachzudenken, und 90 Minuten später war ich fertig! Ich glaube, ich bin süchtig =)
Habe ich etwas vermasselt?
riesiger nutzloser leerer Platz im Footer. in FF.
Ich glaube, Sie sollten die Verwendung von Microformats, hcalendar und hcard integrieren. Aber abgesehen davon sieht Ihr Markup sehr gut aus!
Mist, Kommentare können nicht bearbeitet werden :P, es sollte einen Link im Button im Header geben (eigene Hover dafür erstellen?)
CSS Off Eintrag – CSS-Tricks
Bilder von Schädlingen sollten auch Links sein. Das wäre alles, was ich in ein paar Sekunden beim Ansehen Ihrer Vorlage finden könnte..
Der Header, den Sie als Bild haben, sollte Text-Ersetzungen haben (div right_top).
Hauptinhalt Carpenter Ant Damage Assessment Seminar (Teil 1) sollten Überschriften sein? statt dts (SEO-Gründe) könnte Punkte bringen?
Footer http://www.cssoff.com sollte ein Link sein… Ich würde vorschlagen, dass Sie Ihre Vorlage noch ein paar Mal überprüfen, anstatt zu denken, dass Sie fertig sind.
Ich könnte wahrscheinlich noch mehr Fehler finden, wenn ich genauer hinschaue.. aber dafür habe ich keine Zeit..
Chris – Schön zu sehen, dass Sie teilgenommen haben (: Wir hatten diesmal 37 Einträge, was eine deutliche Steigerung gegenüber dem letzten Mal ist (danke für die Linkliebe). Wir werden natürlich alle auf cssoff über den Beginn/Fortschritt des Bewertungsverfahrens auf dem Laufenden halten.
@Laura: Ah! Ich habe die Microformats total verpennt. Na ja. Ich habe sie vorher noch nie benutzt, also hätte das die Zeit, die ich dafür aufwenden müsste, wirklich erhöht. Ich sollte mich aber wohl langsam damit beschäftigen. Jetzt, wo ich total hipp bin und OpenID und so unterstütze.
@V1: Ja, es gab wahrscheinlich einige Freiheiten, die ich mir bei dem, was Links hätte sein sollen, nehmen können. Es gab keine wirkliche Möglichkeit, das aus dem PS-Dokument zu erkennen, aber aus Nutzersicht hätte ich eine bessere Vermutung anstellen können. Ich mag die Verwendung von DLs im Seminar. Ich glaube zwar an die SEO-Vorteile von Header-Tags, aber diese werden ständig ausgetauscht und sind keine dauerhafte Einrichtung wie ein Header, daher dachte ich, es wäre vielleicht sinnvoller. Das Problem hier war die Geschwindigkeit, und es war mitten in der Nacht, also gab es sicherlich einige Fehler =)
@Dan Ott: Danke, dass Sie das alles zusammengestellt haben, es war eine tolle Idee und ich finde, Sie haben es gut umgesetzt.
Unter dem Footer befindet sich ein riesiger grauer Block, ich benutze IE7.
@Fabian: Ah ja, das sehe ich jetzt. Ich hätte wahrscheinlich Polsterung am unteren Rand des Footer-Divs statt Margin verwenden sollen, da der Hintergrund des Footers weiß ist, aber der Hintergrund des unteren Bereichs grau ist. Ich hätte wahrscheinlich auch den Hintergrund des oberen Bereichs grau machen sollen, so dass er, wenn er nach unten verschoben wird, besser mit dem unteren Bereich verbunden wäre.
Na ja, es ist trotzdem ein schöner Eintrag. Es ist nicht einfach, eine PSD-Datei in so kurzer Zeit in eine Webseite umzuwandeln. Meine Komplimente!
Hallo Chris
Ich liebe die Seite. Sie hat mir sehr geholfen, CSS zu lernen.
Die Konvertierung sieht gut aus, aber wenn ich meine Schriftgrößen ändere, sind einige Bereiche nicht erweiterbar. Wie der Header und die 2 grauen Boxen auf der rechten Seite.
– Cal
Mein einziger weiterer Vorschlag wäre, eine Hintergrundfarbe für die große obere braune Box festzulegen, damit wir mit langsamen (begrenzten!) Verbindungen den Text lesen können, während das Hintergrundbild geladen wird. Ansonsten sieht es ziemlich gut aus.
Das Einzige, was mir auffällt, ist, dass IE6 viele Probleme mit dem Menü hat.
@Max – der Wettbewerb war nicht auf IE6 ausgerichtet, d.h. die Teilnehmer werden nicht auf IE6-Perfektion bewertet. Ich kann es kaum erwarten, bis niemand mehr IE6 benutzt ;)
@Chris – Ich habe Microformats auch noch nicht bewusst verwendet, aber sie sind irgendwie interessant. Übrigens – ich liebe Ihre Kommentarfunktion, wie sie eine Vorschau für mich ausfüllt, während ich tippe – sehr cool!
Passen Sie auf