Ich hatte über Thanksgiving etwas Zeit und beschloss, sie für das Freizeitsdesign dieser Seite zu nutzen. Hier sind ein paar kurze Anmerkungen (ich muss mich wieder dem Inhalt widmen!)
- Farbenfroh! Ich finde kräftige Farben machen Spaß und hellen die Stimmung hier auf
- Die Schriftarten sind Tandelle und Myriad Pro (was meiner Meinung nach als Text- und Überschrift-Schriftart großartig funktioniert)
- Es gibt alle möglichen CSS-Tricks – eine perfekte Seite, um damit etwas über die Stränge zu schlagen
- Das Code-Highlighting ist so nah am Twilight-Theme von TextMate, wie ich es mit dem Code-Highlighter Prettify hinbekommen konnte.
- Die Seite funktioniert am besten auf Monitoren mit einer Auflösung über 1200px. Selbst das neue kleine 11-Zoll MacBook Air hat über 1300 Pixel. Allerdings sind etwa 6 % der Besucher dieser Seite bei 1024px hängen geblieben, daher gibt es einige Media Queries, um dem etwas abzuhelfen
Ich mag es insgesamt sehr. Ich würde mich wirklich über Berichte über Layout-Probleme in bestimmten Browsern freuen, ich bin sicher, dass es da noch einiges zu bereinigen gibt. Jedes Feedback ist willkommen, lasst es uns einfach konstruktiv halten.
Hallo Chris,
Das aktualisierte Design gefällt mir sehr gut: Einfachheit ist immer noch Trumpf! Aber ich habe einen Fehler in der Hauptnavigation: Ich kann einfach keinen Text sehen. Ich hatte dieses Problem bereits beim alten Design.
Ich benutze Chrome 9 dev und Windows 7 Professional (64 Bit).
Grüße aus Deutschland :-P
Felix
Bin mir nicht sicher, was da los ist, tut mir leid. Das ist eine Entwicklerversion, wie du weißt, also ist es vielleicht ein Bug.
Gleiches Problem mit Chrome 9 (9.0.597.0 dev) unter Windows 7
Screenshot von Problemen mit Chrome 9.0.597.0 dev unter Windows auf einem 1024×768 (ja, es ist klein!)
Der „Bug“ scheint mit kleineren Monitoren zusammenzuhängen. Ich habe gerade die Größe meines Browsers auf 1024 angepasst und die Hauptnavigation ändert sich entsprechend.
Ich mag die Größe. Ich arbeite an einem Redesign für die Website meiner Firma und verwende ähnliche Layout-Elemente. Zu wenig Platz scheint ein Problem zu sein und ich entdecke meine Wertschätzung für benutzerdefinierte Schriftarten.
Ich hatte dieses Problem auch in der Chrome Dev-Version im vorherigen Design und auch in V8. Aber in Firefox sieht es trotzdem super aus. :D
Nur zur Ergänzung, mit der neuesten stabilen Version (v8) sieht Ihre Website gut aus. ;)
Ich hatte das gleiche Problem zuvor mit Chrome Dev, aber nach dem letzten Upgrade (9.0.597.10) ist es verschwunden. Zum neuen Design: Die Kommentare haben mich überrascht und beeindruckt, die CSS-Übergänge sind coole neue Sachen, ich liebe die Art, wie du es machst, neue kräftige Farben (ich weiß, du benutzt dieses Wort oft, also ...) sind scheiße, besonders dieses rgb(168, 0, 255). Und noch eine Sache, danke, dass du mich dazu inspiriert hast, endlich WP zu lernen, jetzt weiß ich, wie ich meinen alten, aber immer noch online stehenden Mist umbauen kann ;)
Das Kommentarformular ist in Safari 5 ganz unten. Es scheint nicht unter dem Artikel zu sein, sondern unter allem.
Ich finde das Design in Ordnung, aber ich würde die Konturen/Schatten auf dem Logo und anderen Elementen mit diesem kräftigen Schatten entfernen. Könntest du auch die Farben etwas abschwächen?
Wenn Sie Ihr Browserfenster etwas strecken, sollten die Kommentare, glaube ich, wieder auftauchen.
Ich mag die Farben.
Hmm, ich benutze einen 1280×800-Bildschirm. Das ist, glaube ich, eine der beliebtesten Auflösungen derzeit. Das Fenster ist ziemlich weit auseinandergezogen (ungefähr 1000 Pixel breit), ich denke, es wäre ein schlechter Schachzug, die Funktionalität für ein so breites Publikum zu beeinträchtigen. Auch, wie jemand anderes sagte, scheint alles einfach zu groß zu sein.
Ich dachte, die Farben könnten etwas gedämpfter sein, vielleicht prüfen Sie aber auch auf einem Bildschirm mit weniger Kontrast als ich.
Sollten die Beitragstitel nicht auch die gleiche Schriftart haben wie „IT'S YOUR TURN“ etc.?
Bei 1200px befindet sich das Design im regulären Desktop-Browser-Designzustand.
Ich bin hier ein Anfänger, aber ich stimme zu, die Schatten im Logo zu entfernen.
Das ist meiner Meinung nach schlechtes Design, ich benutze eine vertikale Taskleiste, was die Dinge durcheinanderbringt und die Kommentare nach unten verschiebt, wie andere berichtet haben.
Ich benutze auch ein Fenster anstatt einer Maximierung auf meinem 24-Zoll-Desktop-Bildschirm, und es ist auch dort nicht breit genug, obwohl ich das Fenster breiter ziehen könnte, aber das nur für diese eine Seite zu tun, gefällt mir nicht.
Als ich das Redesign zum ersten Mal sah, dachte ich, es gäbe keine Kommentare mehr auf der Seite. Ich scrollte bis zum Ende des Artikels und sah keine x Kommentare (weil du das oben im Artikel hast, was ich übersehe). Da die Kommentare unter die Seitenleiste gedrängt wurden, sah es so aus, als hättest du die Kommentare komplett deaktiviert. Benutzer verwirren, keine gute Idee.
Was das gesamte Redesign angeht, so ist es schlechter als v7, das meiner Meinung nach schlechter als v8 war. Aber natürlich kann man nicht alle Menschen immer zufriedenstellen.
Nun, ich liebe es einfach… und die Kommentare sind fantastisch!
Mach weiter so, Chris!
Ich liebe alles an der Seite. Sogar die Schatten sind cool. Ein weiteres großartiges Design von Chris.
Fantastisch! Es gefällt mir sehr gut! Außerdem möchte ich mich für Ihre großartige Arbeit bedanken! Ich habe viel von dieser Seite gelernt! Machen Sie weiter so.
Meiner Meinung nach ist alles auf dieser Seite zu groß.
Drücken Sie Command Minus =)
Ich muss zustimmen. Es ist, als wäre man bei etwa 120 %.
Aber das Design der Kommentare gefällt mir sehr gut.
Ich denke auch, dass es sinnvoll ist, das Kommentarformular unter allen Kommentaren zu platzieren, da man die Kommentare lesen sollte, bevor man einen neuen hinzufügt, UND da man einen Kommentar kommentieren kann, indem man auf das Pfeilsymbol zum Antworten klickt.
Ich mag Dinge tatsächlich größer. Monitore mit höherer Auflösung werden immer populärer. Was auf Ihrem Monitor groß aussieht, mag auf meinem genau richtig aussehen.
Ich liebe es auch so. Das neue Design ist einfach fantastisch!
Das Design gefällt mir. Es zeigt, dass Sie Mut haben. Im ersten Moment war ich schockiert, aber nach ein paar Sekunden konnte ich es schätzen. Es hat mich tatsächlich dazu inspiriert, ein Design, an dem ich arbeitete, aufzupeppen, und jetzt verwende ich hellere Farben.
Obwohl ich ein MacBook mit einer Bildschirmauflösung von 1280x800px habe, halte ich die Breite meines Browsers immer auf ±1000px. Also
Ich habe vergessen, meinen letzten Satz zu beenden, weil ich mich entschieden habe, dieses Zitat hinzuzufügen und auf „Senden“ geklickt habe, bevor ich den Kommentar beendet hatte, also hier der Rest davon: „Also ist die Breite meiner Meinung nach etwas unangenehm.“
Ich liebe all die kleinen Animationen, die du bei dieser Auffrischung machst!
Die Tagline sieht für mich so aus, als wäre das Anti-Aliasing ausgeschaltet, ich benutze Safari 5 und Mac OS X 10.6.5, hier ein Screenshot: http://cl.ly/3Tud
Ansonsten, tolles Redesign!
Großartige Arbeit, Chris, ich mag, was du mit kleinen Details machst.
Schöne Arbeit mit Übergängen und CSS3-Sachen.
Hallo Chris, fantastisches Design. Klar und minimalistisch. Aber in Safari für iPhone funktioniert das Design nicht richtig. Beste Grüße.
Ich habe es auf meinem iPhone 4 getestet. Es ist nicht absolut perfekt, aber es gibt ein spezielles Media-Query-basiertes Design dafür, das vorerst funktionieren sollte. Wenn ich ein älteres iPhone in die Finger bekomme, werde ich es auch dort überprüfen, vielleicht liegt dort das Problem. Es ist schwer zu sagen von „funktioniert nicht richtig“ – also wenn Sie einen Screenshot machen oder es besser beschreiben können, wäre das hilfreich.
Es schien, als würde Safari auf meinem iPad abstürzen. Es war die einzige Registerkarte, die ich geöffnet hatte, als es mehrmals abstürzte.
Das neue Design gefällt mir aber wirklich gut. Ihre Sachen beeindrucken mich immer wieder.
Hallo Chris. Ich teste die Webseite auf meinem iPhone 4. Nach dem Suchformular gibt es einen leeren Bereich bis zum Abschnitt „Neueste Screencast“.
Schön, groß und lesbar. Ich muss es Ihnen lassen, das ist das beste CSS-Tricks-Design, das ich bisher gesehen habe. Der Kommentarbereich ist angenehm für die Augen und es scheint, dass Sie den Farbkontrast stärker berücksichtigt haben als andere Designer.
Gut gemacht, Chris!
Ich stimme dem Kommentarbereich voll und ganz zu. Wunderbar gemacht, Chris! Das einzige, was mir aufgefallen ist, ist, dass sich die Namens-/Datumsabschnitte etwas überlappen, wenn ein kurzer Kommentar vorhanden ist. Ein kleines Problem in einem ansonsten großartigen Layout eines Kommentarbereichs.
Ich könnte nicht mehr widersprechen. Es entspricht überhaupt nicht meinem Geschmack. Alles wirkt so klobig und all die zufälligen leuchtenden Farben belasten meine Augen. Ich bekomme buchstäblich Kopfschmerzen davon, es anzusehen. Die Schriftarten funktionieren auf meinem Computer auch nicht gut. Die Überschriften sind schwer zu lesen.
Ich würde mir die Möglichkeit wünschen, „Ihr Theme zu wählen“, was es uns ermöglichen würde, zu jeder zuvor erstellten Version zurückzukehren. Das wäre lustig und ziemlich einfach mit WordPress zu realisieren, oder nicht? Version 7 war meine Lieblingsversion.
In Chrome 9 sieht es so aus, als würden deine Schriftarten nicht eingebettet: http://imgur.com/m2frg
Warum nicht Myriad Pro als Fallback-Schriftart vor Typekit angeben – ich habe sie bereits installiert, also brauche ich sie nicht wirklich von Typekit!
Komisch, in meinem Chrome 9 dev (heute aktualisiert) funktionieren die Schriftarten!
Außerdem finden in Firefox 4 keine Übergänge statt – haben Sie die -moz-Präfixe angegeben?
Übergänge werden in < FF 4.0 nicht unterstützt
Hoppla, Sie sagten, Sie würden bei 4 nachschauen ;( Mein Fehler …
Ich habe ein paar gefunden, die nicht richtig präfixiert waren, und sie behoben. Beachten Sie jedoch, dass einige Übergänge in einigen Browsern einfach nicht funktionieren. Zum Beispiel glaube ich nicht, dass Opera bereits Hintergrundpositionsübergänge unterstützt, und diese werden hier stark verwendet.
Umschaltend fabelhaft. Ich liebe die Tatsache, dass Sie mit all den CSS- und JS-Verbesserungen spielen können (und spielen).
Ich liebe das neue Design!
Fantastisches Design! Ich liebe alles daran!
Ich liebe es!
Ich habe es gerade auf meinem Nexus One (Android 2.2) überprüft und es sieht auch ziemlich gut aus. Ich habe mich jedoch gefragt, warum Sie den Viewport auf 550 eingestellt haben. Würde es nicht besser mit der Gerätebreite funktionieren? (Ich müsste nicht zoomen, um lesen zu können). Übersehe ich etwas?
Es gibt viel zu genießen an diesem neuen Design. Das Kommentarformular und der gleitende Stern sind fantastisch, und die Kommentare sind auffällig, aber extrem gut lesbar. Tolle Sache. Ich weiß nicht, wie Sie es geschafft haben, es so schnell zu entwerfen. Erstaunlich.
Das letzte Design hielt nicht sehr lange! Das neue gefällt mir. Das Logo verweist nicht auf die Startseite.
Das sollte behoben sein, danke!
Mann, dieses Design ist ein kühner Schritt. Ich respektiere dich dafür, dass du das Risiko eingehst. Wenn es dir gefällt, ist das alles, was zählt :)
Ich finde das Design in Ordnung, aber der Inhalt ist das, was mir am wichtigsten ist :)
Tolle Überarbeitung! :) Ich freue mich immer auf diese und diese hat mich total überrascht. Ihre letzten schienen normalerweise Variationen des vorherigen zu sein, aber dieses hier ist so anders als alle anderen.
<3 es!
Macht weiter so!
– Ein treuer Fan in Toronto. :)
Schöner neuer Look der Seite, ich liebe die tollen hellen Farben, die Navigation scheint etwas einfacher als zuvor.
Eine Sache, die mir aufgefallen ist, war, dass das Logo im Header für mich kein Link ist, was nicht gut ist, weil ich dazu neige, das Logo zu verwenden, um zur Startseite zurückzukehren.
Und wieder einmal, ich liebe das neue Design!
Shedh
Das ist einfach spitze!
Ich liebe die Art und Weise, wie Sie Kommentare und Antworten gestaltet haben… Ich kann mich nicht sattsehen… Erstaunlich.
Nicht alle transition-Regeln in noprefix-Versionen, ist das Absicht (d.h. Animationen in, sagen wir, Opera waren irgendwie kaputt)?
Nicht alle transition-Regeln haben Noprefix-Versionen…
Gibt es eine Möglichkeit, Kommentare zu bearbeiten/löschen/voranzuzeigen? :)
Das gefällt mir sehr gut. Die Farben sehen für mich gut aus. Mein einziges Problem ist, dass auf Chrome unter Windows XP Ihr Markenzeichen-Stern oben als großes „I“ erscheint – sowohl im Hintergrund als auch als animiertes rotierendes Ding. Vielleicht liegt es aber auch nur an den Schriftarten, die ich auf meinem System habe – der Stern auf HTML5boilerplate.com funktioniert in Chrome auf diesem Computer auch nicht.
Cool! Heller und lustiger.
Ich liebe den Kommentarbereich. Schön gemacht!
Hallo Chris,
Mein Hauptbrowser ist Chrome, und die Schriftarten sehen auf meinem Arbeitslaptop, einer Windows XP-Maschine, ziemlich verpixelt/bitter aus. Ich verwende Chrome 7.0.517.44
Hier ist ein Screenshot davon: klicken Sie hier
Ich habe es auch auf demselben Laptop in Firefox (Firefox 4.0b7) geöffnet, und der Stern auf dem Logo sieht aus wie ein Space Invader und bewegt sich nicht.
Hier ist ein Screenshot davon: klicken Sie hier
Schöne Grüße,
Steve
Gerade bemerkt, dass sich bei sehr kurzen Kommentaren das Gravatar, der Name und das Datum auch in Chrome auf der linken Seite überlappen.
Können Sie überprüfen, ob Sie die Schriftart Courier installiert haben? Die Sterne sind Courier, wenn diese also nicht vorhanden ist, macht es Sinn, dass es seltsam aussieht. Ich habe jedoch einige Berichte gehört, dass es wie ein Space Invaders-Ding aussieht, was für mich in Ordnung ist =)
Das Problem mit der Überlappung von Datum/Avatar sollte behoben sein.
Fehlerbericht
Mac Safari 4.03 – die beiden Anzeigen am Ende des Blogbeitrags (unter der lila Leiste) sind völlig deplatziert und liegen über dem Text. Außerdem schweben sie beim Ändern der Seitengröße zufällig herum.
Das funktioniert jetzt und sieht gut aus.
Ich weiß nicht, ob Sie etwas geändert haben oder es an meiner Einrichtung liegt.
Hallo Chris…
Ich mag das Redesign sehr… Ich habe aber gerade ein Problem mit dem Abschnitt „Services I Like“ in der rechten Seitenleiste entdeckt…
Wenn man die Maus von ihnen wegbewegt, damit sie in ihren ursprünglichen Zustand zurückkehren, ändert sich die Schriftart des Links. Es ist keine große Sache, aber es hat mich gestört.
Ich hoffe, das hilft!
Prost.
Nur eine persönliche Präferenz, aber ich mag es, auf einen Blick zu wissen, wie viele Kommentare ein Beitrag auf der Startseite hat. Manchmal kehre ich mehrmals zu einem Beitrag zurück, um dem Gespräch zu folgen, daher hilft es, wenn ich die Zahl sofort auf der Startseite sehen kann. Ansonsten liebe ich es! :)
In früheren Designs bin ich sogar so weit gegangen, diese Zahl komplett zu entfernen, weil ich sie nicht für sehr relevant halte. Andere haben jedoch die Idee angesprochen, dass sie gerne prüfen möchten, ob es mehr Aktivität auf dem Beitrag gab. Um einen Kompromiss zu finden, wird die Zahl auf der Beitragsseite selbst angezeigt. Hoffentlich funktioniert das für Sie.
Sie können (jetzt in dieser neuen Version) auch Kommentar-Threads über RSS abonnieren, was hier nicht immer eine Option war!
Was mir an der letzten Version wirklich gut gefallen hat, war, dass es auf der Startseite Links zum Artikel selbst gab, ODER man direkt zum Kommentarbereich gehen konnte. Ich wäre begeistert, wenn diese Funktion zurückkehren würde.
Juhu! Kommentare sind wieder auf der Startseite! :)
Hey, cool!
Tut mir leid, dass ich doppelt kommentiere... eine andere Sache, die mir gerade aufgefallen ist, zum Beispiel auf dieser Seite. Die Bilder der Kommentatoren überlappen manchmal Datum und Namen des vorherigen Kommentators, wenn der Kommentar kurz und eine Antwort ist. Dies geschieht selbst wenn ich die Textgröße auf etwas Kleines reduziere, oder wenn ich sie zu groß mache. Außerdem haben Sie den Namen des Kommentators, dann das Datum und das Wort *AT* aber keine Zeit nach dem AT..
Wow, das ist schön und viel farbenfroher! Ich liebe den Footer, und die Kommentare sind geschmeidig. Ich kann auch keine Fehler in Chrome (Mac) finden.
Ich würde vorschlagen, dass Sie den Cursor in eine Hand ändern, wenn Sie über den Button "Kommentar absenden" fahren. Ich denke, das würde es taktiler machen und mehr dem entsprechen, woran die meisten Besucher gewöhnt sind. Nur ein Gedanke.
Ich mag das neue Design, einfacher zu navigieren und ich mag die lustigen Farben.
Ich mag die Anmerkung unten auf der Seite. „* Diese Website kann CSS oder Tricks enthalten oder auch nicht.“ Ein wenig Humor zum Abschluss einer sehr informativen Seite. schön :)
Ich liebe all die Tricks, und es verschlechtert sich auch schön durch IE8. In IE7 immer noch benutzbar, aber fängt an, etwas durcheinander zu geraten. Insgesamt sehr gute Arbeit!
Der Kommentarbereich ist einer der am besten gestalteten, die ich je gesehen habe. Ich persönlich mag alle Änderungen. Ich bevorzuge ihn definitiv gegenüber dem letzten Redesign, das im Vergleich etwas langweilig war. Ich finde, Sie haben einen großartigen Job gemacht.
Ich liebe das Design. Ich liebe all die Farben, so viele Websites scheinen heutzutage Angst davor zu haben…
Alles sieht großartig aus und mit den subtilen CSS-Übergängen verleiht es der Seite viel Persönlichkeit. Ich genieße Version 8 von css-tricks wirklich!
Hey, der neue Look ist super.
Eine kurze Sache.
Wenn ich über den kleinen bräunlichen Bereich ganz links in der Navigationsleiste fahre, verschieben sich alle Optionen etwas nach links – vielleicht ist das beabsichtigt, aber dann werden zwei Grüntöne im Bereich der Option „Snippets“ angezeigt.
Nur zur Info. Aber großartige Arbeit. Wurden Sie von der Spacelog-Seite inspiriert? spacelog.org? Es erinnert mich irgendwie daran – typografisch, schätze ich.
Frisch, sauber, groß, kühn, neu, modern. Nur ein paar Adjektive, die das Redesign beschreiben. Herzlichen Glückwunsch.
Schöne Website! Ich habe viel von Ihnen gelernt. Wo kann ich die älteren Designs sehen?
Heilige Scheiße! Das Letzte, was ich heute Morgen erwartet hatte! Der neue Look gefällt mir sehr gut.
Fehlerbericht
Einige Probleme mit Camino 2.06 (Mac, neueste Version)
http://tinyurl.com/32xfegy
http://tinyurl.com/3xy8322
Auch NetNewsWire sieht den obigen Screenshots sehr ähnlich (außer dass zusätzlich die beiden Anzeigen unter dem Beitrag verschoben sind). Scheint ein Problem mit der Aufnahme von Schriftarten zu sein.
Diese Schriftarten sind wirklich schön. Einige der lesbarsten, die ich im Web gesehen habe.
Ja, ich weiß nicht, es scheint, als sollten beide Browser eine Rendering-Engine verwenden, die Webfonts verarbeiten kann, aber anscheinend nicht? Das gleiche Problem betrifft mich bei der neuen Reeder für Mac App. Sicherlich verwendet sie WebKit als Engine, aber warum keine benutzerdefinierten Schriftarten? Keine Ahnung.
Fantastisches Design, Chris. Ich liebe die Einfachheit und der Kommentarbereich ist ziemlich süß.
Es gibt eine seltsame Sache mit der Navigation. Mein Chrome-Fenster kann problemlos 960px breite Seiten anzeigen, doch hier wechselt die Navigation in den "Mobil-/Kleinstbildschirm-Modus" und geht pro Link auf 100% Breite.
Heiliger Mist, ist dieses Redesign fantastisch. Ich liebe die Hintergrundbilder hinter den Sidebar-Anzeigen. Alles andere am neuen Design ist auch erfrischend. Tolle Arbeit.
Hallo ^^
Ich surfe normalerweise mit einer Bildschirmbreite von <1024 px (auch wenn ich eine Auflösung von 1280 habe) und zuerst war ich schockiert von der Hauptnavigation (meiner Meinung nach zu auffällig, aber das ist nur mein persönlicher Geschmack), so nach dem Motto "wo zum Teufel ist die Seitenleiste hin?!". Dann erinnerte ich mich an die Artikel über Media Queries und kam auf die Idee, meinen Browser zu vergrößern ^^. Es ist schade, denn die gesamte Navigation würde in einen 1024 px breiten Browser passen.
Ich denke, dass viele Leute immer noch mit 1024px breiten Browsern surfen. Nur meine Meinung ^^
Ich muss hinzufügen, dass mir das Kommentar-Layout, das verschachtelte Kommentare sehr gut lesbar macht, sehr gefällt und die Animation des Sterns im Header auch eine nette Idee ist.
Großartiges neues Design. In der Tat sehr kühn.
Eine Sache, die mir aufgefallen ist, ist, wenn man das Kommentarfeld verkleinert und den Text auf der rechten Seite überlappt, dass „—THE MANAGEMENT—“ nicht darunter ist, sondern oben erscheint.
Aber insgesamt eine großartige Website und Design.
Hey Chris, ich liebe den neuen Look! Sehr erfrischend, sehr simpel und leicht zu navigieren. Die Farben knallen richtig, ich verstehe nicht, warum manche Leute denken, sie sollten abgeschwächt werden. Großartige Arbeit!
Nachdem ich es in IE8 betrachtet habe, muss ich sagen, dass ich den quadratischen Look der Kommentare der abgerundeten CSS3-Version vorziehe. Die Abrundung sieht etwas „kindisch“ (mangels eines besseren Begriffs) und etwas überstrapaziert aus. Vielleicht sogar den Radius der Abrundung verringern. Ich bin auch etwas überwältigt von der Gesamtgröße von allem. Nur meine 2 Cent. Du bist immer noch super, Chris. :)
Ich weiß nicht… vielleicht ein bisschen zu einfach für mich. Plus die Navigationsschriften???? Funktionieren für mich einfach nicht. Ich mag die Grav-Blasen im Kommentarbereich wirklich. Sehr cool und kreativ! Aber ich liebe dich, Chris, und diese Seite ist der Hammer!!! Ich sage nur meine Meinung.
Im Allgemeinen gefällt mir das neue Design wirklich gut! Es gibt viele visuelle Highlights und die Schriftarten sind gut gewählt. Sie funktionieren alle gut, ohne übertrieben zu sein. Ich stimme jedoch vielen anderen Kommentatoren zu, dass alles, insbesondere der Fließtext, einfach RIESIG ist. Wenn Sie den Text kleiner machen würden, könnten Sie einige Elemente verkleinern und alles in ein 1024px oder 960px breites Format passen.
Chris – ich muss sagen, zuerst war ich ein bisschen schockiert und dann dachte ich: „Das ist ziemlich genial.“
Die kleinen Details machen es aus. Die transparenten Schlagschatten um die Anzeigenboxen, genial. Ich hätte nie daran gedacht, einen Schlagschatten und dann leeres Padding zu verwenden. Dann muss ich wissen… wie machst du die Büroklammer? Das bringt mich einfach durcheinander?
Ich bin ein großer Fan, aber ich muss sagen, dass mir dieses neue Design nicht wirklich gefällt. Ich finde es etwas anstrengender für die Augen als die letzte Version. Ich habe das saubere Konzept Ihrer Seiten immer geliebt, aber das ist mir etwas zu farbenfroh, vielleicht aber auch nur mir.
Ich würde gerne wissen, welches Plugin, falls überhaupt, Sie für Ihre Syntaxhervorhebung in Ihren Beiträgen verwenden. Ist es ein WordPress-Plugin oder etwas Individuelles?
Sieht gut aus, Chris! Inhalt ist der schwierigste Teil einer Seite, zumindest für mich.
Sehr einzigartiges Design und oh! Sie haben es in HTML5 implementiert! Ich liebe auch den Kommentarbereich..
Das Kommentarformular und der Footer sind ehrlich gesagt die kreativsten Teile der Seite.
Die obere Navigation ist etwas wackelig, das letzte Element scheint in die nächste Zeile zu springen, springt beim Überfahren hin und her – Chrome 8 Mac
http://cl.ly/2o03113i1D2R311A1010
Gerade nochmal aktualisiert und es scheint sich von selbst behoben zu haben…
Sieht fantastisch aus! Einfachheit und Funktionalität.
Ich weiß nicht, ob es beabsichtigt ist oder nicht, aber der RIESIGE Stern im Textfeld, in das ich gerade tippe, ist gerade aus dem Textfeld herausgewandert.
1) Ich liebe, liebe, liebe den Kommentarbereich, sowohl die Anzeige als auch das Formular.
2) Ich mag die hellen neuen Farben sehr. Ich war schon immer ein Fan von einfachen, hellen Seiten.
3) Ich werde aber nicht lügen… ich bin schon lange Leser, und ich habe zugesehen, wie Sie sich langsam von den Designs entfernt haben. Ich vermisse wirklich den persönlichen Touch, den Sie in den alten Fußzeilen hatten. Das Banjo-Bild usw. Es hat es menschlicher gemacht, und das habe ich immer genossen. Ihre Persönlichkeit kommt immer in Ihren Beiträgen und Screencasts zum Ausdruck, und sich selbst in das Design einzubeziehen, passte immer gut dazu.
Nur meine zwei Pfennige.
Ich wünschte, ich hätte heute Morgen genug Zeit, um Ihnen all die Dinge zu erzählen, die ich an diesem neuen Design liebe! Die Kombination aus leuchtenden Formen und sanften neutralen Hintergründen funktioniert für mich wirklich gut – es ist super lesbar und macht auch super Spaß. Ich stimme zu, dass das vorherige Design für Sie ein wenig untypisch langweilig war.
Ich schätze auch den großzügig großen Text. Ich finde ihn überhaupt nicht „riesig“. Ich wünschte, mehr Seiten würden größeren Text verwenden. Und nein, ich habe kein riesiges Display – nur ein MacBook Pro mit 1440×900. Diejenigen unter Ihnen, denen es nicht gefällt, denken Sie daran, Ihr Browser kann herauszoomen. Ich glaube, Firefox merkt sich sogar Ihren Zoomfaktor für bestimmte Seiten. Einmal einstellen und vergessen.
Chris, ich kann nicht glauben, wie Sie diese Überraschungen herauszaubern! Sie hören nie auf, mich zu erstaunen.
Ich liebe diesen neuen Look! Die kräftigen Farben sind der Hammer. Gut gemacht. ;)
Schön, farbenfroh und doch einfach. Alles scheint an der richtigen Stelle mit dem richtigen Design zu sein. Sieht neu und frisch aus.
Ich möchte nur sehen, wie mein Gravatar in einem Kreis aussieht… gute Arbeit
Es sieht gut aus.
Kühn und wunderschön. Mir gefällt besonders der Gedanke, den Sie in die Einrückung der Kommentarantworten gesteckt haben. Ein schöner Ansatz.
CSS3-Übergänge funktionieren in Opera nicht. Bitte verwenden Sie -o-transition-Eigenschaften. Ihre Syntax ist dieselbe wie die für -webkit- präfigierten.
Und auch wenn der Kommentar nur eine Zeile hat, wird das Beitragsdatum vom Avatar des nächsten Kommentars überdeckt.
Wunderschön, Chris… einfach atemberaubend. Danke für all die Zeit und Mühe, die du hineingesteckt hast. Ich werde mir definitiv den Quellcode ansehen, um zu sehen, wie du es gemacht hast.
Ich mag das neue Design! Aber die Navigation und das Suchfeld gefielen mir in v7 besser. Ich denke, die besten Dinge in dieser Version sind das Kontaktformular und der kleine sich drehende * oben :)
(Liegt es nur an mir oder zeigt die Wufoo-Box das Logo nicht an, wenn ich darüber fahre?)
Ich liebe das neue Layout! Es ist definitiv anders als Standardlayouts, die man für solche Seiten sieht. Die hellen Farben sehen großartig aus. Mein einziger Vorschlag wäre, die Schriftgröße etwas kleiner zu machen.
Juhu! Orange ist zurück! (zusammen mit einigen anderen Farben)
Ich liebe das neue Layout wirklich. Besonders die Art und Weise, wie Sie den Kommentarbereich neu gestaltet haben. Es ist wie nichts, was ich je zuvor gesehen habe.
Chris, im neuesten produktiven Firefox führt das Hochscrollen zum Hauptinhalt von den Kommentaren aus dazu, dass die Seite unbrauchbar wird.
Ja, der obere Teil scheint in Firefox ein bisschen verbuggt zu sein.
Sieht aber in anderen Browsern gut aus!
Ich habe auch Probleme in Firefox. Passiert mir bei der Arbeit und zu Hause, also wahrscheinlich kein Einzelfall.
Es scheint gut zu rendern, aber nachdem ich zu einem neuen Tab gewechselt und dann zu dem Tab mit css-tricks.com zurückgekehrt bin, geht das Rendering für den oberen Teil der Seite komplett schief mit starkem Ghosting (Screenshot: http://i22.photobucket.com/albums/b337/qwertycarl/css-tricks-rendering.jpg)
Wenn dies geschieht, wird der obere Bereich der Website unbrauchbar. Seltsamerweise ist der untere Bereich der Website in Ordnung. Ich habe das Problem in Chrome auf denselben Computern nicht. Andere Browser habe ich nicht getestet.
Beide Firefox-Versionen sind 3.6.12 und ein Computer läuft unter Windows 7, der andere unter Windows XP.
Ich mag das Design, Chris, Command + Minus = fantastisch!
Ihre Seite hat mir so sehr geholfen, danke und machen Sie weiter so!
Hmmm,
Ein oder zwei Cent hier…
Für die Hauptnavigation…
Vielleicht laden — ähm — Haettenschweiler anstelle dieser Serifenschrift
Tandelle in Großbuchstaben hat ein funky Auf- und Ab-Ding. Stattdessen League Gothic verwenden?
Es ist definitiv originell! Um ehrlich zu sein, war ich auf den ersten Blick wie wow, bring das alte Design zurück, aber es wächst einem ans Herz.
Ich denke, die Verwendung der hellen Farben ist mutig und zahlt sich auch aus. Oh, auch die Kommentarlst sieht toll aus.
Einige der Kommentarbilder und -daten scheinen sich in Chrome und Firefox zu überlappen.
Chris,
Ich liebe den neuen Look, er ist sauber, modern und die Schriftauswahl passt perfekt. Die Farben sind für meinen Geschmack etwas zu gesättigt, aber ich finde trotzdem, dass es zu Ihrem Designthema passt.
Wenn ich nörgeln und etwas wählen müsste, was mir nicht gefällt, wären es die animierten Menüpunkte. Es scheint, dass die Animation nur dazu da ist, da zu sein, sie dient keinerlei Usability-Funktionalität, die ich erkennen kann.
Gute Arbeit, herzlichen Glückwunsch!
TonyP
Mir ist aufgefallen, dass auf der Startseite die Kommentaranzahl für Beiträge nicht berücksichtigt wurde. Nur neugierig, warum. Ich schaue immer gerne auf die Anzahl, um zu sehen, wie aktiv die Diskussion für einen Beitrag sein könnte.
Ich hatte einige Probleme (tatsächlich sah ich außer dem Menü nichts), die Seite mit Firefox anzuzeigen. (Win7 FF 3.612)
während mit Chrome alles in Ordnung ist.
jetzt ist es ok, rendering usw.
Insgesamt sieht es fantastisch aus, aber wie andere bereits erwähnt haben, bin ich mir bei der Breite nicht sicher…
Meine Desktop-Auflösung auf meinem Laptop beträgt 1280px, aber ich habe eine Google Gadget-Sidebar offen, die etwa 150px einnimmt, und jetzt bekomme ich einen horizontalen Bildlauf auf Ihrer Seite. Vielleicht das Layout etwas flüssiger gestalten?
Und kleine Dinge, die ich aber ironisch fand, weil ich mich erinnere, sie hier gelernt zu haben… die Textauswahlfarbe ist Standard (ich denke, eine andere, kühlere, ist ein großartiger CSS-Trick), und der 1px-Bump auf a:active, in den ich mich verliebt habe, erscheint nirgendwo.
Insgesamt ein großartiges Design, Chris.
Großartiges Design! Ich liebe, was Sie mit der Seite gemacht haben! Die Farben harmonieren sehr gut miteinander. Der Kommentarbereich ist tadellos. Großartige Verwendung der richtigen Schriftarten. Zugänglichkeit ist bei diesem Design kein Problem. Großartige Arbeit!
Ich mag Ihren Footer **wirklich** sehr ;)
…
Nun, ich weiß, das könnte missinterpretiert werden, aber ich schätze/hoffe, Sie wissen, was ich meine ;)
Ich liebe den Kommentarbereich… sieht hübsch aus!
Ich bin ein Gewohnheitstier, daher bin ich, gelinde gesagt, kein großer Fan von kompletten Redesigns, da sie meine Benutzererinnerung an Websites durcheinanderbringen. Ich bin etwas irritiert über den extremen Kontrast in der Navigation, während der Rest der Website sehr kontrastarm ist. Insgesamt denke ich, dass ich das vorherige Design bevorzuge. Aber ich lese Ihre Website, weil Sie der Mann sind – also tun Sie, was Sie wollen, ich komme sowieso wieder :)
OMG….DIESES DESIGN IST SO SCHÖN
ICH LIEBE DICH, EHEMANN CHRIS … <3
Erlebt sonst noch jemand starke Verzögerungen beim Versuch, das Browserfenster auf dieser Seite (mit Elementverzerrung) zu ändern? Ich habe getestet, ob es nur Safari insgesamt ist, aber Seiten in anderen Tabs ändern die Größe flüssig.
Ich benutze ein MacBook Air 13 mit 2.13Ghz Prozessor und 4Gb RAM, Safari 5.0.3
Nachtrag: Es sieht so aus, als hätte Safari massive Probleme beim Neuzeichnen mit dem neuen Design (was zu enormen Ressourcenspitzen im Aktivitätsmonitor führt). Es werden über 117 % Prozessorauslastung (mit Beachball) und über 1 GB Speichernutzung aufgezeichnet. Ich überprüfe andere Seiten, und es sind im Durchschnitt 40 % beim Ändern der Größe und 500 MB Speicher beim Ändern der Seitengröße.
Ich habe im Safari beim Scrollen starke Verzögerungen. Selbst mit dem neuesten WebKit Nightly Build. Je weiter ich scrolle, desto schlimmer wird es. Wenn ich bei diesem Kommentar angelangt bin, ist es komplett unbrauchbar (2-3 Sekunden Verzögerung bei jeder Aktion).
Es scheint GPU-bezogen zu sein, denn wenn ich mein Macbook Pro zwinge, die diskrete Grafikkarte zu verwenden, verbessert es sich.
Hey Dale,
Nachdem ich Ihren Kommentar gesehen hatte, überprüfte ich erneut… sah dasselbe… je weiter ich scrolle, desto drastischer erhöht sich die Verzögerung…
Bin mir aber nicht wirklich sicher, was es verursacht… hier ist nichts, was selbst eine 256-MB-Grafikkarte überhaupt zum Arbeiten bringen sollte.
Habe ein paar Änderungen an der JavaScript-Effizienz vorgenommen, wir werden sehen, ob das hilft. Ich bin bisher nicht in der Lage, nennenswerte Verlangsamungen bei mir zu reproduzieren.
Schon der Versuch, diesen Kommentar in Safari einzugeben, verlangsamt ihn so sehr, dass er mit meinem Tippen nicht mithalten kann, und glauben Sie mir, ich bin keine schnelle Tipperin. Das Verhalten scheint jedoch größtenteils auf WebKit beschränkt zu sein, da sowohl Firefox als auch Opera viel weniger Schwierigkeiten beim Anzeigen dieser Seite haben. Immer noch etwas aufwendig für sie, aber nichts Außergewöhnliches. Chrome und insbesondere Safari haben es hingegen sehr schwer damit.
Was auch immer der Grund sein mag, wenn ein Benutzer einen externen Texteditor öffnen muss, um überhaupt einen Kommentar eingeben zu können, ist etwas _nicht_ in Ordnung. ;-)
Hallo Chris,
Ich habe das Gefühl, es könnte mit Ihrem Skript zusammenhängen, das die Containerhöhe bestimmt. Während ich die Seite nach unten scrolle, scheint der Hintergrundcontainer visuell ständig zu versuchen, seine Höhe neu zu berechnen (und sie zu erweitern), um den Inhalt anzupassen. Das könnte das Lag-Problem lösen oder zumindest ein Ausgangspunkt sein.
Das Kommentarfeld ist langsam… das erlebe ich auch, es ist nicht so, dass es komplett stoppt, aber es ist spürbar.
Das Scrolling-Problem scheint jetzt behoben zu sein; selbst mit der schwächeren, integrierten Grafikkarte funktioniert alles reibungslos und verbraucht nicht übermäßig viel RAM. (aber nur, wenn mein Browserfenster breiter als 1200px ist; sonst ist es immer noch furchtbar langsam)
Das Ändern der Fenstergröße ist auf Seiten mit langen Kommentar-Threads immer noch ziemlich träge, obwohl ich nicht glaube, dass das ein großes Problem ist, da die meisten Leute ihr Browserfenster nicht ständig ändern.
Das ist bisher die beste Version des css-tricks-Designs, gute Arbeit
Ich liebe das neue Design, besonders die Kommentare & das Kommentarformular! Auch eine schöne Verwendung von CSS-Übergängen.
Nur zwei Dinge
1. Wenn ein Kommentar zu kurz ist, überlappt der Avatar des nächsten Autors mit dem Datum des vorherigen Kommentars. (Chrome für OSX)
2. Ich liebe die hellen Farben an den meisten Stellen, aber ich finde, dass die hellviolette Box für den vorherigen Artikel zu sehr vom eigentlichen Artikel ablenkt.
Beste Grüße
Korrektur: "I the love" --> "I love"
Ich habe es auch auf dem iPhone 4 ausprobiert. Auf der Startseite schiebt die Codebeispielbox in einem Artikel die Seitenleiste weg. Screenshot: http://cl.ly/3Trb
Respekt dafür, dass Sie Feedback zu Ihren Site-Anpassungen einholen, manche Leute nehmen das als Einladung, Art Director zu spielen, was immer amüsant ist.
Wie auch immer, Hut ab – ich mag die Designänderungen.
Cool und so und ich verstehe den Wunsch, die eigene Website zu ändern, aber es ist vielleicht keine gute Idee, so oft zu wechseln. Wurde v7 nicht um September herum eingeführt?
Ich liebe es – die Kommentare sehen hervorragend aus, und der Bereich im Footer über Ihre andere Arbeit ist jetzt perfekt. Großartige Sache!
Gerade ist mir übrigens ein kleines Problem bei einigen Kommentaren aufgefallen – es passierte, als ich auf "vergrabene Kommentare" klickte – http://d.pr/LNFz – FF4/OSX
Es ist ein schönes Design, aber Sie müssen es noch etwas straffen. Das Logo ist für den Anfang ziemlich verpixelt, und ich bin sicher, Sie hätten mit reinem Text statt eines Bildes ein besseres Ergebnis erzielt; vielleicht die Pseudoklassen :before und :after verwenden, um 'CSS' und den Stern hinzuzufügen, und die Farben durch die Verwendung eindeutiger Seitenidentifikatoren in Ihrem CSS ändern.
Und was soll das, den Benutzern zu sagen, sie sollen ihre Browser manuell anpassen, damit sie Ihr Design richtig sehen können? Sie sind ein professioneller Designer, Ihr Design richtig darstellbar zu machen, ist Ihre Aufgabe. Vermutlich liefern Sie Ihren Kunden nicht mit jeder von Ihnen erstellten Website eine Bedienungsanleitung. Denken Sie, dass Sie das vielleicht tun sollten?
Ich weiß, ich klinge etwas scharf, und das ist eigentlich nicht meine Absicht, aber als professioneller Designer sollten Sie den Details wirklich mehr Aufmerksamkeit schenken. Und auf keinen Fall Benutzern, die Fehler in Ihrem Design sehen, anweisen, alles selbst manuell anzupassen. Besonders Dinge wie die Schriftgröße oder die Bildschirmgröße, von denen das Design scheinbar abhängt..
Hoppla. Habe gerade bemerkt, dass das Logo-Ding komplett aus Text besteht. Dann ignorieren Sie, was ich da gesagt habe =P
Wie Chris oben erwähnt hat, betrachten die meisten Leute dies mit 1200px-Designs. Er hat auch mehrere Media-Stylesheets erstellt, um das Design an die Größe des Viewports anzupassen.
Und die „Designer“, die behaupten, dass die Schriftgröße zu groß ist, KÖNNEN sie manuell selbst anpassen. Eine Schriftgröße von 16px ist nicht „zu groß“, es ist einfach altmodisch geworden, 10px-Text zu verwenden, und das muss zum Wohle des Webs korrigiert werden.
Zu behaupten, dass Chris Coyier den Details keine Beachtung geschenkt hat? Sie sind verrückt.
Einverstanden.
Neues Design.. neues Experiment.. :) Hoffe, es ist ein Wufoo-inspiriertes :)
<3 deine Seite :)
Es zeigt definitiv etwas von meinem neuen Wufoo-Blut, nicht wahr?
Wenn Sie anfangen, im Kommentarbereich zu tippen, verschwindet der Stern. Das Problem ist, dass, wenn ich den gesamten eingegebenen Text lösche und den Fokus auf das Textfeld, in das Sie den Kommentar eingeben, beende, der Stern nicht zurückkehrt. Das könnte etwas sein, das versehentlich übersehen wurde, da der Rest der Website super einfach und super benutzerfreundlich aussieht.
Auch, wenn Sie (Chris Coyier) border-radius auf den Schaltflächen verwendet haben, blutet der Hintergrund irgendwie aus.
Eine letzte Sache: Sie könnten das Textfeld (in das Sie den Kommentar eingeben) nur vertikal skalierbar machen, da eine vertikale Skalierung in Webkit-Browsern das Design durcheinanderbringt. Sie könnten resize: horizontal; für Webkit-Browser (und andere Browser, die es unterstützen könnten) verwenden, um das Problem zu eliminieren.
Abgesehen von den oben genannten ist die Website wirklich unterhaltsam und intuitiv zu bedienen. Ich habe sie geliebt.
Ich liebe, liebe, liebe das Design der Kommentare!! Sehr erfrischend. Fühlt sich neu und anders an im globalen Websites-/Design-Sinn.
Ich bin auch angenehm überrascht von der Schriftart des Haupttextes. Ich finde, sie funktioniert hervorragend. Sie ist wirklich gut lesbar und fühlt sich einzigartig an, passt aber zum Gefühl Ihrer Website und Ihrer gesamten Ausdrucksweise.
Die Kommentarfunktion gefällt mir, Chris, aber die Navigation ist nichts für mich.
Was ich störend finde, sind die Animationen. Sie sind völlig unnötig und beeinträchtigen die Benutzerfreundlichkeit.
Ich würde auch gerne sehen, dass die Footer-Gitterelemente immer beleuchtet sind. Ich würde sie viel eher bemerken und darauf reagieren, als sie es jetzt sind.
Wir werden sehen, was mit der Navigation passiert… scheint ein häufiger Kritikpunkt zu sein. „Unnötig“ ist mir egal, es gibt tonnenweise Dinge auf dieser Seite, die in diese Kategorie fallen, aber es sind lustige CSS-Tricks und dies ist der perfekte Ort dafür. Man könnte auch argumentieren, dass sie die Benutzerfreundlichkeit *erhöhen*, da das Linkziel beim Überfahren mit der Maus größer wird, was ein angenehmeres Klickerlebnis ermöglicht. Ich behaupte das nicht, ich sage, es könnte argumentiert werden =)
Die Navigationsanimationen wirken sehr veraltet… nicht hassenswert, aber es fühlt sich sehr nach frühen JS-Akkordeon-Skripten an. Ich denke, es wäre besser, wenn sie keinen durchgehenden Farbhintergrund hätten.
Zu den Footern: vielleicht sollten sie standardmäßig einen Zwischenzustand (sagen wir, ausgeblendet) haben und die inaktiven sollten zu Grau verblassen, wenn ein anderer in den Fokus rückt?
Als Director of User Experience würde ich diese Diskussion gerne mit Ihnen führen ;)
Ich akzeptiere Ihre Begründung jedoch, Chris. Wenn es je einen passenden Ort für eine solche Implementierung gab, dann ist es diese Seite.
Im Facebook-Jargon: GEFÄLLT MIR!
cool... ein bisschen groß für meinen Geschmack, aber das kann ich mit [ Strg ]+[ – ] beheben : )
Die Bildrotation ist in Fx (die Büroklammern) ruckelig, obwohl das nach einiger Recherche wohl FireFox's Schuld ist. Sieht in anderen (guten) Browsern gut aus.
Ja, ich weiß einfach nicht, was ich von diesem Design halten soll. Ich glaube, ich kann mich dem Rest nicht anschließen. Der Footer ist meiner Meinung nach der einzig wirklich coole Teil des Designs.
Ich liebe die Seite, und ich vermisse v7 schon.
Nett, Chris, wieder einmal ein Update mit vielen neuen Features.
Übrigens, ich liebe das Kommentarformular und die Footer-Animationen.
Danke, dass du uns immer mehr Inspiration gibst.
Mir gefällt das Design! Ich wollte aber sagen, dass Ihr Sternchen in Windows ohne installierte Courier-Schrift überhaupt nicht gut aussieht. Die meisten Windows-Computer (glaube ich) haben nur Courier *new* und jetzt sieht es ganz zackig aus
Ich habe es in den Foren erwähnt, und ich denke, es ist auch hier erwähnenswert. Das gedrehte Dreieck, das die obere linke Ecke jedes „Artikels“ verdeckt, ist nicht ganz „hoch“ genug, um das gesamte Weiß abzudecken (Win7, Chrome 7).
Mit dem Inspect-Tool den oberen Wert auf „top: -11px“ zu ändern, funktioniert. Vielleicht ist es nur die Art, wie Chrome Werte rendert und auf-/abrundet?
Kann jemand anderes dieses Problem sehen?
Die Seite gefällt mir immer besser. Hut ab dafür, dass Sie die üblichen Regeln des "Arbeitens zum kleinsten gemeinsamen Nenner" brechen. Es mag umstritten sein, aber wenn wir alle vorankommen, werden diejenigen, die zurückbleiben, einfach etwas verpassen – sie bekommen immer noch den Inhalt zu sehen!!
„Sieht mutig aus“ = „irgendwie süß auf Simpsons-Art“
Ich mag in der Minderheit sein (zumindest in den Kommentaren), aber ich bevorzugte das Aussehen (und den Witz) deines letzten Designs.
Ich verstehe das Gefühl, wenn der Fehler zuschlägt, "mit schicker neuer Codierung neu zu machen" – nur das vorherige schien viel besser angelegt und professioneller.
(Du hast gefragt)
Tolle Arbeit, Chris, das ist definitiv meine Lieblingsversion der Website.
Ich würde nur etwas mehr am Logo arbeiten und den Hintergrund dunkler machen, das sind die einzigen beiden Dinge, die mich stören, weil der Rest des Designs so solide ist
Großartige Arbeit Chris, sehr farbenfrohes und einzigartiges Layout.
Entschuldigung, aber ich finde das Design auf meinem Setup (XP) ziemlich schlecht.
In Ff3.6 sind die Schriftgrößen überall. OK, das ist ein alter Browser, also versuchen wir etwas Modernes…
Chrome, Safari & Opera (alle neuesten Versionen): Die Schriftarten werden sehr blockig gerendert, was sie schwer lesbar macht. Kann ich diese Schriftart in meinen Browsern irgendwie deaktivieren?
Navigation und Latenz sind nicht die besten.
Ich muss sagen, dass mir die beiden vorherigen Designs bei weitem besser gefallen, aber ich denke, ohne Veränderung verbessert sich nichts.
Chris, mir gefallen Aspekte deines neuen Designs, insbesondere die Footer-Links und das "It's your turn"-Formular. Ich bin mir zwar nicht sicher, ob jemand diese Seite auf seinem Droid-Handy ansieht, aber die Footer-Links sind nur grau, da es keine Hover-Funktion gibt, ich weiß nicht, ob ich ein iPod/iPhone zum Testen habe.
Aber eine meiner Lieblingsfunktionen von v7 war die Möglichkeit, über die ————– * ————— in neuen Post-Vorschauen zu schweben und zu sehen, wie aktiv ein Post war, bevor man darauf klickte.
Ich liebe das Experimentieren trotzdem!
Chris,
Das Formular zum Kommentieren zuckt ein bisschen… es dauert ein bisschen, bis es anspringt und man tippen kann, ich weiß nicht, ob das schon erwähnt wurde.
Vergiss nicht deinen super-duper Selektor, hm? Er ist wieder blau!!!
Du solltest für jede Version deiner Seite eine Subdomain erstellen.
So kann ich auf 'version7.css-tricks.com' zurückgreifen
Federico mag das.
BAM
Dieses Design hat ein wirklich elementares CSS-Problem. Font Stacks (oder das Fehlen derselben). Sie sollten Ihre vertiefen, denn die einzigen von Ihnen angegebenen Schriftarten wurden aus irgendeinem Grund nicht geladen, als ich sie in NetNewsWire ansah. Und ich sage Ihnen, all die harte Arbeit sieht ziemlich hässlich aus, wenn alles in der Standardschriftart Serif (Times New Roman) gerendert wird.
Tatsächlich gefällt mir sehr gut, wie Sie den Kommentarstrom dargestellt haben. Es sieht gut aus und ist leicht zu verfolgen.
Ich hasse den Hover-Effekt im Menü mit beweglichem Text und wachsenden li's....
Ich finde sie ziemlich gut!! Auch die Verwendung von Farben im Menü gefällt mir sehr..
Ah!! Die Kommentarbereiche sind einfach zu verdammt erstaunlich!!! Sie haben mich dazu gebracht, das Design meiner Website noch einmal zu überdenken, gerade als ich fast fertig war… :D
Fantastisches Design, ich benutze Chrome 9, alles ist großartig... überhaupt keine Probleme.
Fantastische Arbeit, Chris!
Ich liebe die reine Einfachheit und Sauberkeit des Designs, plus all die CSS3- und HTML5-Güte... Oh, das reicht aus, um jeden Designer und Entwickler tausendmal in Sie verlieben zu lassen :P
Nein, aber im Ernst, ich finde dieses Design ist der Höhepunkt der Designs von CSS Tricks.
Machen Sie weiter so!
Hallo!
Ich liebe das neue Layout, großartig!
Aber..
FireFox 3.6.1.2. (und neue Beta ebenfalls) macht die Schriftarten nicht sehr angenehm zu lesen.
siehe Bild. Zum Beispiel @: http://www.crazylady.eu/Chrome-Firefox.png
IE / Chrome scheinen diese Probleme nicht zu haben,
Hat jemand eine Idee?
Grüße Harry
Ich finde das neue Design frisch, mutig und originell. Es dauerte ein paar Minuten, um mich daran zu gewöhnen, aber es gefällt mir, besonders der Kommentarbereich.
Was ich nicht mag, sind all die Animationen. Ich weiß, dass dies ein guter Spielplatz ist, um sie anzuwenden, aber ich denke, sie schaden der Benutzerfreundlichkeit nur, anstatt sie zu verbessern. Es ist natürlich in Ordnung zu experimentieren.
Wufoo rief an .... sie sagten, sie wollen ihre Farben zurück.
Nur ein Scherz!!! Ich liebe die Seite und die Farben wirklich. Exzellente Arbeit!
Hahaha..guter Punkt! Daher kam die Inspiration für diese neue Version!
Ich liebe die Farben, aber ich bin im Büro und IE7 ist ihre Wahl des Giftes.
Die Bilder werden für den Beitrag nicht angezeigt, daher verschiebt sich dieser Teil der Website ins Nirgendwo.
Sieht absolut genial aus in FF4, Chris,
Wie lange dauert ein Redesign wie dieses bei Ihnen? Ich habe ewig gebraucht, um meinen Blog halbwegs anständig aussehen zu lassen, und er sieht im Vergleich dazu immer noch aus wie ein Haufen Mist!!
Ich liebe die kleinen Details.
Phil
Zeitlich würde ich sagen, alles in allem etwa 3 Tage, aber aufgeteilt auf vielleicht 9 Tage. Am besten ist es, Arbeitseinheiten kurz zu halten und die Ideen später wieder aufzugreifen. Je mehr kleine Iterationen, desto besser für mich.
Beginnen Sie mit grundlegenden Ideen in Photoshop, gehen Sie zu statischem HTML/CSS über, entwickeln und iterieren Sie eine Weile darüber, erweitern Sie die Idee auf andere Seiten und sehen Sie, wie es funktioniert, iterieren Sie erneut. Dann wechseln Sie zum WordPress-Theme. Dann veröffentlichen Sie es vorzeitig und beheben tonnenweise Fehler über ein paar Tage. Das ist typischerweise mein Prozess =)
Absolut wundervolles Design, Chris. Das einzige Problem, das ich im Moment sehe, ist, dass mein aktueller Browser (Google Chrome 9.0.597.0 Dev-Build unter Windows) die Schriftarten in der Hauptnavigationsleiste nicht lädt. Es kann sein, dass es sich nur um die Entwicklerversion handelt, aber ich dachte, ich weise darauf hin. Nochmals, großartiges Design und die Benutzerfreundlichkeit ist gut.
Hallo Profi!
Ich liebe dein Design
Wunderbar! Der Footer ist einfach köstlich. Die Hauptnavigation ist etwas irritierend (Hover-Größenänderung), aber das sind nur meine 0,02 $
Als ich auf 110 % zoomte, erschienen einige zufällige Symbole, darunter die Lynda.com- und WP-Logos. An der linken Seite des Artikels. Es gab auch ein RSS-Symbol und andere. Es sieht aus wie die, die vor dem Hover-Zustand außerhalb des Bildschirms waren.
Auch einige der Gravatars überlappen den Kommentarbereich (d.h. den weißen Kommentarbereich). Besonders im verschachtelten Thread.
Abgesehen davon und einigen zufälligen Problemen mit der Navigation, die je nach Zoomstufe auf zwei oder mehr Zeilen geht, und den Umfrage-Buttons, die sich übereinander stapeln (und sich buchstäblich berühren), finde ich das Design ziemlich gut. Sehr einzigartig und mutig.
Browser: Chrome | OSX [Snow Leopard] | 1280x800 Auflösung – MacBook Pro
Ich schätze den Versuch, aber sorry Chris, es ist riesig.
Die beiden Hauptprobleme, die ich sehe: 1) Das Laden der Schriftart führt dazu, dass die Seite insgesamt sehr langsam lädt… es dauert bei mir etwa 8 Sekunden, und ich habe eine ziemlich schnelle Verbindung, und es scheint nicht im Cache zu sein. und 2) Ich denke, andere Leute haben es schon erwähnt, aber (in Safari) wird die Seite manchmal nicht reagieren und ich spüre sogar die Verzögerung beim Tippen dieses Kommentars…
Ich habe gerade einen Ihrer alten Artikel überprüft. Wenn die Codierung die Breite der Kommentare überschreitet, läuft der Code über.
Gute Arbeit hier, Chris!
Ich frage mich, ob diese Ausgabe daher rührt, dass Sie (wie ich) älter werden und es Ihnen angenehmer ist, einen etwas größeren Text zu lesen.. Ich liebe die Tatsache, dass ich nicht CMD+ drücken muss, um irgendeinen Text zu sehen :D
Ein kleiner Vorschlag.. da der Text größer ist und Sie ziemlich viel Weißraum hinzugefügt haben, denke ich, dass es eine gute Idee wäre, einen „Seite nach oben“-Link am unteren Rand der Seite hinzuzufügen.. Ich weiß, dass sie etwas altmodisch sind, aber.. Sie würden doch nicht wollen, dass ich mir ein Karpaltunnelsyndrom vom Mausrad hole, oder?
Chris,
Ich habe Schwierigkeiten, das gesamte Navigationsmenü anzuzeigen. Windows 7 Pro 64 Bit auf Firefox 3.6.12.
Ich hoffe, Sie haben die Möglichkeit, es zu beheben :D
Etwas, das Ihnen vielleicht aufgefallen ist, aber meine Augen finden die Höhe Ihres Navigationstextes ziemlich unangenehm. Besonders bei Foren, aber auch bei Home, Videos und Snippets ändert sich die Höhe des Textes im Laufe des Wortes und verleiht dem Text selbst eine Art Welleneffekt, der zumindest für meine Augen unangenehm ist.
Alter. Fan-verdammt-fantastisch! Ich liebe das neue Kommentar-Layout, sehr progressiv. Ich sehe, viele Kommentare erwähnen die Breite – haben Sie vor dem Redesign viele Analysen durchgeführt, um zu sehen, welche Auflösung vorherrschend war? (Ich habe gerade auf 940 breit umgestellt und fühle mich eingeengt, aber es basierte auf Besucherstatistiken.)
Ich mag das neue Design. Der Kommentarbereich ist großartig, bin mir aber nicht sicher, was ich von der Größe von 1200px halten soll.
Ich war nie ein Fan von v7 und habe die Seite seltener besucht.
Ich wünschte, du hättest das Banjo-Bild wieder eingefügt!
Ich benutze FireFox 3.6.12 auf einem PC und auf der Kontaktseite fällt das grüne Snippet-Menü in die nächste Zeile. (Menü)
Ich wollte nur kurz vorbeischauen und sagen, dass dies mit Abstand Ihr bestes Design ist. Alle anderen Designs wirkten ein bisschen gimmicky (was hat eine Papier-/Korkbrettoberfläche mit CSS zu tun?).
Dieses Design ist viel lebendiger als die letzte Version, behält aber die schöne Einfachheit bei, die Sie hatten. Alles fühlt sich schön zusammenhängend und funktional an. Ich liebe wirklich das kleine, subtile jQuery, das Sie implementiert haben.
Hoffentlich bleiben Sie eine Weile bei diesem, denn es ist großartig.
Machen Sie weiter so.
Hey, Respekt für das Design-Update, Chris. Die Farben und subtilen Animationen (mit dem Wu-Fluence, das überall gestreut ist) sind eine nette Geste. Persönlich gefiel mir das vorherige Design aus irgendeinem Grund etwas besser, aber vielleicht ist es nur ein Gewöhnungsprozess.
Jedenfalls habe ich ein paar kleine Anmerkungen, falls diese noch niemand erwähnt hat
i. Es gibt einen kleinen, aber spürbaren Unterschied im Rendering der kleinen Post-Ecken zwischen Webkit und Firefox. Nichts Großes, aber trotzdem interessant. Beweis hier: https://skitch.com/jfreehill/rn98a/css-tricks-corner
ii. Es wäre schön, immer noch den Farbunterschied in Ihren (orange) oder nützlichen (blau oder jede andere Farbe) Kommentaren zu sehen. Vielleicht könnten Sie sie dieses Mal darauf beschränken, nur einen anderen Farbkreis um den Namen oder eine Rahmenfarbe zu haben.
iii. Ist der riesige Abstand unter dem Text in Kommentaren für die Lesbarkeit? Er scheint viel Höhe zur Seite hinzuzufügen, aber vielleicht bin ich nur kleinlich.
iiii. (Letztes Versprechen). Neue Medienabfragen sind fantastisch und funktionieren hervorragend auf allen Android-Browsern, ABER ich habe auch Leistungsprobleme beim Größenändern nur in Safari, also etwas, das es sich lohnt, genauer anzusehen.
Es muss schön sein, eine eigene Armee von kostenlosen UI-Testern zu haben, oder? Heheh.
Hey Chris, netter Versuch.
Mir gefiel besonders das Meta-Datum und der Kommentar oben rechts im Beitrag.
Aber die Animationen des oberen Navigationsmenüs sehen seltsam aus, versuchen Sie, andere Animationen zu verwenden, die nicht üblich sind.
:)
Es gibt Probleme beim Wechsel zu einer anderen Seite und dann zurück zum Tab dieser Seite. Außerdem kann ich nicht zur oberen Navigation zurückscrollen.
Ernsthaft, du änderst es zu oft.
Chris, ich komme aus Indien. In Mozilla dauert die Verarbeitung hier wegen zu vieler CSS und langsamer Bandbreite zu lange. Der Browser hängt dann tatsächlich. Ich habe es sogar mit anderen Websites versucht, aber das verlangsamt den Browser nicht.
Hallo Chris,
Design v8… nach dem letzten Refresh dachte ich, es kann nur besser werden, aber es wurde tatsächlich schlechter. furchtbar! Toys’R’Us-Farben, hässliche Verwendung von Schriftarten usw.
Ein Schuster sollte bei seinen Leisten bleiben … coden, nicht designen.
Viele Grüße Stephen
Neues Design ist legitim! Ich liebe die kräftigen Farben.
Ich mag sehr, was Sie mit dem Kommentarbereich (designtechnisch), den Schaltflächen unten und dem Styling der Links gemacht haben. Das Top-Menü mag ich nicht so sehr.
Mir gefällt die Idee, was Sie mit den Anzeigen auf der rechten Seite gemacht haben, aber etwas stört mich daran, ich bin mir aber nicht sicher, was genau.
Insgesamt ist es ein schönes und erfrischendes Design, ich denke nur, das Top-Menü macht es ein wenig kaputt.
Sehr lebendiges und sauberes Design. Besserer Kontrast als beim vorherigen Design, wodurch es meiner Meinung nach leichter zu lesen ist.
Insgesamt eine großartige Seite, danke für all Ihre Arbeit!
Kommentare sehen wirklich fantastisch aus! Ich denke, das ist eines der besten Designs, die ich je gesehen habe.
Ich liebe die neuen Tabs, und ich stimme zu, dass die kräftigen Farben die Dinge aufpeppen.
Komischer Gedanke, ich hatte gestern kommentiert. Mein Lieblingsding, das fehlt, ist, dass man in v7 die Anzahl der Kommentare sehen konnte, bevor man auf den Beitrag klickte. Es hatte einen coolen Hover-Effekt, wenn man mit der Maus über den unteren Rand der Vorschau für kompatible Browser fuhr, und zeigte einfach die Anzahl der Kommentare und den Link "Weiterlesen!" für nicht kompatible Browser an.
Der beste Teil des neuen Abschnitts ist "It's Your Turn".
Ich habe gemischte Gefühle bezüglich des komplett ausgegrauten Bereichs unten, es sei denn, man fährt mit der Maus über den Container, da bei einem Touchscreen kein Hover erkannt wird.
Gibt es Pläne, die Anzeige für IE7 zu reparieren???
Ich sehe überhaupt keine Beiträge, das erste ist der Artikel über Video-Casts, ich bin ein IE-Typ, browsere hier normalerweise mit IE7, der Computer lädt IE8 nicht und ich kann mich nicht darum kümmern, XP läuft, also kann ich nicht zu IE9 wechseln
Bitte, bitte, bitte, den Link zu den Archiven wiederherstellen
Al
Ich will Sie nicht beleidigen oder so... aber wie können Sie eine solche Seite besuchen und trotzdem IE verwenden wollen?
Ich finde das Redesign großartig. Meine Auflösung ist 1920x1200 und ich habe sie auf 1200x800 heruntergesetzt, um zu sehen, wie es aussehen würde, und es war immer noch in Ordnung.
Ich kenne wirklich niemanden mehr mit einem Bildschirm, der kleiner als 1200x ist. Wenn Sie immer noch einen kleineren haben, betrachten Sie dies als Grund für ein Upgrade. Es ist 2010.
Ein Problem, das mir auf dem iPhone 4 aufgefallen ist, ist, dass auf der Startseite unter der Navigationsleiste nichts unter der Google-Suchleiste ist. Nur Leerraum. Könnte beabsichtigt sein?
Ja… meine alten Professoren und Kollegen sagten immer: „Designt für 800×600.“ Ich glaube, die sind ein bisschen verrückt!
Designt noch jemand für 800x600 Auflösung? Wahnsinn... Es gibt eine Seite (muss sie finden), die Ihnen den Prozentsatz der Leute anzeigt, die bestimmte Bildschirmauflösungen verwenden. 800x600 ist schon vor einiger Zeit in den Hintergrund geraten. Ich kenne nicht viele Leute, die noch für 800x600 designen.
Ich liebe, wie Sie die Kommentare und die Kästchen unten gestaltet haben. Die "umgeschlagene Ecke" ist heutzutage jedoch ziemlich überstrapaziert. Außerdem mag ich es nicht, wenn sich Links bewegen, wie in der Hauptnavigationsleiste.
Mit Ausnahme der im Header verwendeten Farben fühlt sich die Seite immer noch eher wie eine Evolution als etwas völlig Neues an, was meiner Meinung nach mit Ihrer Philosophie in dieser Hinsicht übereinstimmt, also großartige Arbeit.
Ich mag das Design, aber ich hasse die Schriftart. Sie ist nicht klar und hat einen "verpixelten" Look.
Es ist schwer zu lesen.
Es sieht aus, als wäre es von einem Drucker mit wenig Tinte gemacht worden.
Hallo Chris,
Großartiger neuer Look; ich finde, die Seite hat eine frische Ausstrahlung. Außerdem liebe ich die Social-Apps/Werbeboxen am Ende der Seite – tolle Rollover-Effekte für diese Funktionen! :)
Vielen Dank,
Rob
@DAVID Ich stimme zu, ich weiß nicht, warum jemand, der diese Seite regelmäßig liest, sie auf IE7 und nicht auf Safari, Firefox oder Chrome oder sogar Opera browsen würde. Ich fand nicht, dass diese Seite auf meinem Droid-Handy so toll aussieht, aber wirklich, dies ist die Art von Seite, wo man mit den Snippets spielt, und wer codiert schon auf seinem Handy…
Es ist einfach wahnsinnig gut. Ich liebe deine Arbeit, Mann!
Wow, das ist ein wirklich bahnbrechendes Thema! Das unterschiedliche CSS für die Browsergröße ist ziemlich innovativ! Ich war gerade dabei, das Metadaten-Div der Beiträge rechts mit etwas Abstand zu positionieren, und ich ändere die Größe, um einen Screenshot zu machen, und es springt rechts mit einer Büroklammer auf... großartig.
Das Menü ist schön, aber der Footer ist verrückt!! Erwarten Sie auch eine Menge Kommentare, denn das ist ohne Zweifel das beste und sexieste Kommentarformular, das ich je gesehen habe!
Eine Sache jedoch, bitte setzen Sie cursor:pointer auf den Absenden-Button!
Schön gemacht, das neue Design gefällt mir wirklich gut
Zuerst war ich ein wenig überrascht von dem neuen Design, aber jetzt finde ich es das beste Design bisher! Machen Sie weiter so!
wow!! so erfrischend. schöne Gitter, Typografie und coole Werbebanner und Gravatare!!
Ich finde es brilliant! Gute Arbeit, Chris…
Ich bin mir nicht sicher, was ich von dem Design halten soll. Es hat definitiv einige nette Funktionen, obwohl es mich manchmal an jene frühen Flash-Seiten erinnert, die all diese ausgefallenen Effekte *einfach so* machten.
Ich mag auch nicht, wie viel Inhalt auf der Startseite "unterhalb der Falz" liegt. Ich besuche die Seite regelmäßig und komme normalerweise nicht über die neuesten Artikel hinaus, obwohl ich, wenn ich mir der aktualisierten Screencasts usw. bewusster wäre, wahrscheinlich mehr Zeit in diesen Bereichen verbringen würde.
Ich gebe zu, ich war mir auch beim letzten Design unsicher, aber mit der Zeit gefiel es mir. Ich bin sicher, das wird dasselbe sein.
Ich kann das Nicht-Mögen von „diesen schicken Effekten nur deswegen“ verstehen, aber diese Website ist speziell eine Seite, auf der ich finde, dass ein Übermaß daran in Bezug auf den Namensgeber in Ordnung ist.
Hier ist ein guter Artikel, der die Vorstellung von "The Fold" veraltet erklärt: http://iampaddy.com/lifebelow600/
Ihr neues Design gefällt mir nicht. Ich mag Ihre Arbeit normalerweise sehr, aber dieses hier ist überhaupt nichts für mich. Sieht aus wie eine Kinderwebsite.
Die letzte Version war meiner Meinung nach viel besser.
Entschuldigung…
PS
Die runden Gravatar-Icons gefallen mir trotzdem.
Großartig. Das finde ich absolut in Ordnung.
Gerade mit den Rollover-Boxen unten gespielt, die sind cool.
Super Design ChrisChris!
Ich liebe es!... ständige Veränderung ist ein Zeichen des Lebens!...
Vielen Dank für die großartigen Ressourcen! Sie haben mir schon oft das Leben gerettet!
Daniel.
Ich war mindestens dreimal schockiert.
1. WTF?
2. Warum so viele positive Rückmeldungen?
3. Wenn es wirklich so gut ist, sollte ich dann weiterhin Designer sein?
Entschuldigung, Chris, ich schätze Ihre Arbeiten, aber das ist wirklich nicht mein Geschmack. Mir gefallen einzelne Teile des neuen Looks, aber insgesamt bin ich nicht begeistert. Zum Glück rockt der Bloginhalt immer noch!
Hier ist nichts Konstruktives und ich finde es übermäßig unhöflich.
Hallo Chris,
Hier gibt es viel zu mögen, und ich respektiere definitiv Ihre Kühnheit beim Design. Wenn ich an meinem 27-Zoll-iMac sitze, sieht es großartig aus und ich kann damit arbeiten. Wenn ich jedoch an einem etwa 1200px breiten Display sitze (wie meinem Laptop), lassen Sie uns, die in OSX-ähnlichen Umgebungen arbeiten, in denen wir unsere Browserfenster nicht immer so groß wie möglich machen, wirklich keinen Spielraum. Alles ist einfach etwas zu groß für alles außer sehr großen Bildschirmen. Das ist jedenfalls meine Meinung dazu.
Ansonsten LIEBE ich die Art und Weise, wie die Kommentare angeordnet sind, die besten, die ich je gesehen habe. Die hellen Farben und Animationen sind nicht mein Ding, aber sie passen sehr gut zu einer Seite, die auf CSS basiert, und die Farbe unterscheidet sie von all den anderen langweilig aussehenden Webdesign-basierten Seiten da draußen.
-Shane
Ich bin mir nicht sicher, ob du es weißt, Chris, aber die Seite ist in FF3.6.12 total kaputt.
In Google Chrome funktioniert es nicht korrekt.
Nur mit aktivierter GPU-Beschleunigung in der neuen Beta-Version.
Entschuldigung für den Doppelpost :)
Schon wieder ein Redesign? Woah, ich dachte, ich hätte viel redesigned. Sieht aber nett aus! Ich liebe den einfachen Look.
Absolut herausragendes Redesign, Chris. Ich liebe es einfach. Meh, ich wünschte, ich hätte mehr Zeit, um Ihren Tricks und all Ihrer Arbeit zu folgen. Großartige Wissensquelle.
Das ist meiner Meinung nach das beste Design, das zum Namen der Seite passt. Viele CSS-Tricks wurden verwendet. Fantastisch, Chris!
Du bist der Meister des Webdesigns
Wie schon gesagt, es ist fantastisch, dass Sie etwas Mutiges und Unkonventionelles machen. Ich benutze Safari/Chrome nicht viel, aber die Animationen machen Spaß.
Ich mag dieses Design WIRKLICH im Vergleich zum letzten – gut gemacht. Ich hatte das Gefühl, das vorherige Design sei etwas erzwungen.
Ich weiß, das ist ziemlich grenzwertig und es tut mir im Voraus leid für die Störung im Forum, aber ich denke, es ist eine wirklich gute Gelegenheit.
Es sollte eine gute, gute Möglichkeit geben, Websites zu testen, die die wirklich relevantesten Betriebssysteme und Navigatoren überschreitet.
Ich weiß, das ist schwierig (und wahrscheinlich dumm), es nur auf einem PC/Server zu testen, aber es würde uns viel Zeit sparen. Vielen Dank.
Nun.. Es tut mir leid, das sagen zu müssen, Chris, aber ich mag das Aussehen der Seite jetzt nicht. Es fällt mir schwer, das richtige Wort zu finden – aber das erste, was mir in den Sinn kommt – es ist zu lollipopp-artig. Vielleicht zu viele verschiedene Farben.
Aber wie auch immer das Design ist – ich werde deinen Blog immer besuchen, nicht wegen des Designs, sondern wegen des großartigen Wissens, das ich aus deinen Beiträgen lernen kann.
Mit freundlichen Grüßen.
Martin.
Hallo Chris,
Ich weiß nicht, ob dies der richtige Ort ist, um es zu erwähnen, aber jedes Mal, wenn ich Ihre Website besuche, kommt es zu einem seltsamen Scroll-Problem und Firefox stürzt ab. Ich frage mich, ob jemand anderes dieses Problem hat?
Hallo! Hat jemand eine Ahnung, warum die Schriftarten in Chrome (Win XP SP3) so mies aussehen: http://dl.dropbox.com/u/2919142/scrnshot.jpg ? Vielen Dank im Voraus!
Hallo Chris,
Okay, hier sind meine zwei Cents. Zuerst denke ich, dass es ein lustiges Design ist, immer noch funktional und einfach zu bedienen. Aber das einzige, was mir nicht gefällt, ist die Navigation. Ich bin mir nicht sicher, ob Sie das absichtlich gemacht haben oder nicht, aber Ihre Navigation bewegt sich beim „Hover“ von Seite zu Seite, es ist ungewöhnlich und es fühlt sich wie ein Bug an. Sie haben dies möglicherweise bereits untersucht, aber wenn Sie Ihre Breiten bei „Hover“ und „a“ konsistent halten, werden Sie dieses Problem los. Ich weiß es nicht, nur meine zwei Cents. Vielen Dank für all Ihre harte Arbeit… Ich schätze sie sehr und habe viel von Ihnen gelernt.
Schöne Grüße,
Carlos
Sehr schön, Chris. Ich liebte die Einfachheit. Sie haben mich inspiriert, meine Seite fertigzustellen. :-)
Ich schätze, ich bin der Einzige, dem es nicht gefällt :)
Sieht aus wie ein Design, das eher für Toys 'R Us oder wie auch immer das Ding heißt, geeignet wäre, also wie eine Website, auf der kleine Kinder herumklicken und die Farben bewundern können.
Chris, es ist sicherlich ein gewaltiges Update gegenüber Version 7. Es gibt jedoch bestimmte Elemente, die mir wirklich gefallen.
Zunächst gefällt mir, wie der Anzeigenbereich in der rechten Seitenleiste gut zu Ihrer Website passt, da er das Farbschema im Hintergrund hat, was sie meiner Meinung nach weniger wie zufällige Anzeigen aussehen lässt. Das ist eine gute Sache.
Zweitens sieht der Kommentarbereich sehr einzigartig aus und mir gefällt, wie die Gravatars die Kommentarbox verbinden. Der Footer ist auch wirklich schön, mit dem Farbwechsel beim Überfahren mit der Maus.
Meine einzige Sorge ist, dass sich das Design vielleicht etwas „karg“ anfühlt. Ich sage das nur, weil es sehr wenig Textur oder Dimension gibt, was es ein wenig flach wirken lassen kann. Mit der Gefahr, mich selbst zu widersprechen, bin ich eigentlich ein Fan von flachen Farb-Design-Layouts, aber in diesem Fall (vielleicht im Vergleich zu Ihren früheren Designs) ist es ein zu großer Sprung.
Wie immer großartige Arbeit.
Es ist wirklich fantastisch, ich liebe die Farben und die Typografie. Obwohl ich seltsame Probleme in FF mit diesem Design habe, wirklich sehr seltsam. Ich navigiere zur Adresse, aber es erscheint nichts. Gar nichts. Nur der Inhalt des zuletzt geöffneten Tabs. Erst wenn ich den Cursor bewege, erscheinen Links, Bilder und Ähnliches. Das ist sehr ungewöhnlich, seltsam und sogar beängstigend. Vielleicht sind es HTML5-Probleme.
Windows 7 32-Bit Firefox 3.6.8.
Probleme beiseite, ich mag das Design wirklich, wirklich, wirklich. Ich bin neidisch. Und ich werde Ideen aus diesem Design in mein kleines Projekt übernehmen, besonders da ich auch Graustufenfarben mit kleinen Farbspritzern verwende.
Außer, dass ich Firefox 3.6.12 habe, habe ich die gleiche Einrichtung und die gleichen Probleme.
Wenn ich zur Seite navigiere oder sie aktualisiere, wird der Hauptinhaltsbereich gerendert, aber der Header (einschließlich der Navigationsleiste) und die leeren Bereiche auf jeder Seite (da mein Fenster etwa 1920 breit ist) zeigen den zuletzt geladenen Tab an. Wenn ich über den Bereich schwebe, in dem die Navigationsleiste sein sollte, erscheint sie.
Weiterhin erhalte ich beim Hochscrollen ein seltsames Artefakt, bei dem die Zeichnung horizontal kachelt; ich erhalte Streifen über den Bildschirm, deren Höhe dem Scroll-Abstand entspricht und die den gleichen Inhalt wiederholen (ungefähr die untere Hälfte des ersten Artikels auf der Startseite).
Ich fürchte, ich bin vorerst darauf angewiesen, Sie im Internet Explorer zu lesen…
Ich habe das gleiche Problem, aber nur auf meinem XP-Rechner und nicht auf meinem Win 7-Computer.
Hallo Chris,
Ich muss sagen, dass Sie Ihre Seite ständig verbessern. Mir gefällt die Idee, sich selbst neu zu erfinden. Das zeugt von Reife und dem Mut, Neues auszuprobieren. Darum geht es bei einem Webdesigner und -entwickler. Ich muss sagen, Sie haben einen Vorteil gewonnen. Dies muss eines der besten neuen Redesigns überhaupt sein. Es zeigt die Kraft von CSS und vor allem machen die Kommentar-Threads die Seite einzigartig.
Super gemacht!!! Machen Sie weiter so!!!!
sieht cool aus, extravagant, einladend… Gute Arbeit!
Aber gibt es keine Möglichkeit, zur zweiten (3., 4. usw.) Seite der Blogposts zu gelangen? Ich kann nur die letzten 5 Blogposts sehen.
Hallo Chris,
Ich liebe deine Artikel. Und obwohl ich dein neues Design sauber finde, gibt es etwas zu sagen dafür, den Inhalt zuerst glänzen zu lassen. Es ist hier manchmal schwer, die Bäume vor lauter Wald zu sehen.
Ich liebe das Redesign – aber warum keine 'Teilen'-Links am Ende Ihrer Beiträge?
Chris, ich konnte keine Paginierung finden! Wie komme ich auf Seite zwei?
Schönes Design, Chris, am meisten mag ich die Kommentare :D
Ich mag es sehr, jedenfalls ist die Veränderung von Zeit zu Zeit gut ;)
Ich mag es nicht.
Wow. Einfach wow.
Das ist die größte CSS- und HTML5-Leistung, die ich je gesehen habe, ohne Zweifel. Die kleinen Details machen es wirklich aus – ich werde definitiv ein paar Stunden in den Ecken und Winkeln des Codes verbringen.
Obwohl ich mit einigen Designentscheidungen nicht einverstanden bin, ist dies eine unglaublich beeindruckende technische Demonstration für Webstandards. Ich bin jedoch immer noch der Meinung, dass Animationen jederzeit von JS aufgerufen werden sollten (wenn der Browser CSS-Übergänge unterstützt, sollte die JS-Animations-Engine diese jedoch unter der Haube für die Leistung aufrufen), um die Trennung der Belange zu gewährleisten.
Ich muss Ihnen sagen, herzlichen Glückwunsch!!! Der neue Look ist sehr, sehr cool, schön und sauber. Er gefällt mir wirklich gut.
Ich habe vor einigen Monaten CSS-Tutorials gelesen, um eine Website von PSD zu XHTML zu mocken, was mir sehr geholfen hat. Danke dafür!
Ich finde, Sie haben beim neuen Look eine großartige Arbeit geleistet.
Ich denke, die Kombination von Kontrastfarben und einer schönen Typografie ist der perfekte Weg, um eine schöne Website zu erstellen.
Ein einfacher, aber sehr sanfter Kontrast von Farben mit Typografie, brillant!
Benutzer und Kommentare werden mit großer Sorgfalt gestaltet.
Eine einfache und schöne Website zu erstellen ist etwas Kompliziertes zu erreichen.
Entschuldigen Sie mein schlechtes Englisch, ich verbessere es.
Dies wurde vielleicht schon erwähnt (habe keine Zeit, über 260+ Kommentare zu lesen), aber das neue Design scheint wirklich fehlerhaft zu sein. Ich verwende Firefox 3.6.12, eine ziemlich standardmäßige Bildschirmauflösung.
Beim Wechseln der Browser-Tabs und der Rückkehr zu dieser Seite wird das Layout durcheinandergebracht. Verschiedene Elemente wiederholen sich und überlappen sich. Außerdem scrollt die Bildlaufleiste nicht mehr zum Anfang der Seite, es scheint, als ob ein Großteil des Inhalts fehlt.
Auch alles wirkt super groß.
Bin aber ein großer Fan des Kommentarbereichs.
Was er sagte. Ich kann diese Seite in Firefox 3.6 (Windows XP) nicht mehr anzeigen.
Das Wechseln der Tabs und dann das Zurückklicken auf den CSS Tricks-Tab lässt den Browser abstürzen, und das Klicken auf einen Artikel von der Startseite lässt den Browser ebenfalls abstürzen. Dies ist auch ein ziemlich leistungsstarker XP-Rechner (3,0 GHz Quad-Core mit 3 GB RAM).
Ich stimme zu,
Ich habe keine Zeit, über 200 Kommentare zu lesen, aber diese Website sieht in Firefox (neueste Version) wirklich fehlerhaft aus. Die Navigationsleiste ist völlig durcheinander, alle Elemente überlappen sich, das Laden dauert sehr lange usw. usw.
Ich habe es mit Chrome getestet und es sieht gut aus, und es sieht auch in Firefox auf meinem MAC-Rechner gut aus. Es hat also etwas mit Firefox auf dem PC zu tun.
Ich benutze Win 7 pro.
Schönes neues Design :)
Das ist nicht als Beleidigung gemeint, Chris, aber ich bin neugierig. Sind Sie zufrieden mit dem zackigen Aussehen der Schriftarten auf Ihrer Seite jetzt? Oder stimmt etwas mit meinem Monitor nicht?
Ich erwähne es nur, weil es auf meinem Monitor sehr schwer zu lesen ist, da der kleinere Druck hellere und dunklere Bereiche hat, wo die Titel und Tabs zackige Schriftarten aufweisen.
SCHLECHTES DESIGN
Sehr gute Arbeit, Chris. Definitiv Ihre bisher beste Version.
Interessant... Ich habe viele andere Seiten gesehen, die Tandelle und ähnliche Schriftarten verwenden. Ich habe Bebas in meinem Redesign-in-Progress verwendet, das ziemlich ähnlich aussieht. Das Design der Kommentare und des Footers ist besonders gut.
Sie sind weiterhin eine Inspiration, Sir. Prost.
Leute, meint ihr, es ist fehlerhaft in Firefox 3.6 oder einer neueren Version?
Es ist seltsam, denn es scheint in Firefox 3.6 (Mac OSX) einwandfrei zu funktionieren.
Zumindest in meinem Fall.
Nun, es gibt immer Probleme mit dem schwarzen Schaf-Browser...(IE)
Hast du diesen Browser ausprobiert?
Victor —
Das Problem besteht bei Firefox 3.6+ unter Windows XP/Vista/7. Unter OSX funktioniert es.
Ich habe den Footer-Teil dieser Website nicht bemerkt!
Schön, Mann, so einen Footer habe ich noch nie gesehen.
Es ist wirklich hübsch.
Hallo Chris,
Es ist nicht wichtig, welchen Eindruck ich von Ihrem neuen Design habe, aber es erinnerte mich zunächst an die Windows Phone UI – die ziemlich gut und schlicht ist (überraschenderweise ^^).
Mit freundlichen Grüßen,
– Alex
Habe herausgefunden, dass das Problem mit den Schriftarten nur auf PCs existiert. Auf meinem MacBook Pro gibt es absolut kein Problem mit den Schriftarten. (Macs rocken) :-)