Ich habe dieses Wochenende ein neues Design eingeführt! Wie üblich ist es eine ästhetische Überarbeitung (blau!). Ich werde das Warum, die neuen Aspekte und einige der neuen Technologien, die damit verbunden sind, behandeln. RSS-Leser, ihr müsst den Sprung wagen und euch umschauen =).
Und nun ein Hinweis zur Kritik: Ich liebe Kritik! Wenn ihr dieses Design in Stücke reißen wollt, tut das bitte. Ich habe einen Bachelor in Kunst, und ein Teil davon war es, in Kritiken zerlegt zu werden, wenn es verdient war. Das macht uns besser. Ich nehme jede Kritik an und bin auch offen für Änderungen, wenn ich einen Trend in den Kommentaren sehe oder etwas gesagt wird, das bei mir ankommt. Das heißt, ich bin nicht offen für allgemein negative Kommentare wie "Das alte Design hat mir besser gefallen." Ich habe sogar schon Unsinn von Leuten gehört, die "den Respekt" vor mir verloren haben. All das verletzt nur meine Gefühle und lässt mich wiederum den Respekt vor ihnen verlieren. Solche Kommentare sind oft von Angst ausgelöste "Wer hat meinen Käse verschoben"-Reaktionen, keine sorgfältigen Überlegungen. Wie alle Kommentarthreads auf dieser Seite wird auch dieser moderiert. Ich verbringe viel Zeit mit dieser Seite, und dieses Design spiegelt wider, was ich als Verbesserungen in vielen Aspekten betrachte. Bitte nehmt euch die Zeit, die ihr braucht, um das Design auf euch wirken zu lassen und es zu betrachten, und kommentiert unten mit euren Gedanken. Danke =)
Warum?
Dies ist nicht die Art von Design, die in CSS-Galerien landet. Es hat Werbung. Es ist sehr funktional. Es liefert einfach die Art von Inhalt, die diese Website hat, auf eine (hoffentlich) sehr auffindbare und leicht verdauliche Weise. Die Schriftgröße des Haupttextes in Artikeln in diesem neuen Design ist auf recht große 16px erhöht. Meine Sehkraft ist gut und ich habe vorher keine großen Beschwerden über die Lesbarkeit gehört, aber in letzter Zeit habe ich festgestellt, dass ich Webseiten ein paar Stufen hochskaliere, weil ich große Schrift schneller und mit höherem Verständnis lesen kann. Oder es ist nur in meinem Kopf, ich weiß es nicht.
Ich hatte auch das Bedürfnis, einige der Werbeanzeigen auf der Website neu anzuordnen. Ich habe einige Zonen entfernt, die ich für unpassend hielt. Ich habe ein paar neue hinzugefügt und andere angepasst. Es gibt ungefähr die gleiche Menge wie immer, ich habe nur das Gefühl, dass sie schöner integriert sind. Falls jemand interessiert ist, gibt es noch offene Zonen auf BuySellAds.
Geschwindigkeit ist auch ein Faktor. Es gibt weniger Bilder in diesem Theme, was die Dinge etwas beschleunigt. Ich habe versucht, Dinge so gut es ging zu spriten, natürlich. Ich habe im Durchschnitt eine Ladezeit von etwa 2 Sekunden pro Seite, was nicht erstaunlich ist, aber ich denke, es ist anständig für eine Seite mit so viel Inhalt. Einige der langsamsten Dinge sind extern, also werden wir sehen, was dort passiert…
Verlauf
Zur Langlebigkeit bewahre ich mein Archiv alter, peinlicher Designs auf einer neuen Design-Verlauf-Seite auf.
Neue Sachen
- Verlinkung ist zurück!
- Die Seite läuft mit WordPress 3.0.1
- Die Website hat nun zum ersten Mal eine variable Breite. Sie passt auf 1024px-Bildschirme ohne horizontalen Scrollbalken und verbreitert sich auf bis zu 1200px. Keine große Spanne. Eines der Dinge, die mir bei Designs mit variabler Breite am wenigsten gefallen, ist, wenn sich nur die Zeilenlänge des Textes ändert. Hier gibt es Änderungen bei der Zeilenlänge, aber sie sind ziemlich begrenzt und es gibt subtile Layoutanpassungen, wo nötig.
- Es gibt die neuen offiziellen Twitter-Buttons in den Beiträgen. Ich war schon immer ein bisschen sauer auf Social-Media-Buttons. Zum Beispiel, wenn Sie ein Delicious-Benutzer sind, wissen Sie, dass die zu Ihrem Browser hinzugefügten Tools 10x besser sind als ein Link auf einer Website. Aber, 1) ich mag irgendwie, wie diese Buttons funktionieren 2) Twitter ist meine Lieblings-Social-Site und 3) ich kann jetzt das Gefühl haben, dass ich kein potenzielles Traffic durch eine ideologische Haltung wegwerfe.
Entfernte Inhalte
- Die neueste Tweet-Blase ist verschwunden. Das war in den letzten zwei oder drei Designs und ich bin jetzt darüber hinweg. Ich habe das Gefühl, dass es oft seltsam unpassend war, nur meinen letzten Tweet zu sehen. Wichtiger ist, dass es langsam geladen wurde (ich habe nie Caching betrieben). Es gibt immer noch Social-Media-Links im Footer (einschließlich einiger neuer!)
- Vor langer Zeit erlaubte ich Benutzern, sich über WordPress für die Seite zu "registrieren". Das war nur von kurzer Dauer, da es am Ende kaum einen Zweck hatte. Es gab etwa 1.000 registrierte Benutzer, die Hälfte oder mehr davon Spam. Ich wollte diese Benutzer schon immer loswerden, um die Datenbank aufzuräumen. Das Problem ist, dass das Löschen eines Benutzers in WordPress bedeutet, dass Sie dessen Kommentare jemand anderem zuordnen oder löschen müssen. Ich wollte potenziell wertvolle Kommentare nicht löschen. Also... es ist ein generischer Benutzer namens "Old Registered User" übrig geblieben, dem diese Kommentare zugeordnet sind. Ziemlich blöd, aber es ist alles jahrealt und es ist nicht allzu viel davon.
Technologie-Hinweise
Was wäre ein Redesign auf einer solchen Seite ohne neuartige Technologie?
CSS3
- Es werden CSS-Dreiecke verwendet. Die Hauptnavigation verwendet sie, um den aktuellen Standort anzuzeigen, und die Abstimmungsblase verwendet sie ebenfalls. Die Abstimmungsblase verwendet sogar zwei davon übereinander, um eine Art Dreieck-mit-Rand-Effekt zu erzielen.
- Der ABSCHNITT ABSTIMMUNG enthält eine Frageblase, die einen Verlaufshintergrund sowie abgerundete Ecken verwendet (wie viele andere Elemente auch).
- Die verschiedenen Linklisten in der Seitenleiste, die beim Erkunden dieser und anderer Websites helfen, haben einen Link-Schiebeeffekt, der mit CSS3 realisiert wurde.
- Der PROPS-Bereich enthält kleine Karten, die in WebKit-Browsern einen 3D-Flip-Effekt ausführen.
- Die Boxen rechts im Footer haben ebenfalls einen Animationseffekt, bei dem Informationen zu diesem Thema von unten hochgleiten, wenn man mit der Maus darüberfährt.
Wenn Sie keinen WebKit-Browser haben, können Sie einen Screencast ansehen. Safari 5-Nutzer, sehen Sie beim Verwenden einiger interaktiver Elemente im Footer viel "Blinken" und unangenehmes Flackern? Chrome ist in Ordnung. Seltsam.
- Es gibt eine kleine Verwendung von CSS-Medienabfragen, bei der sich der Footer leicht neu anordnet, wenn das Design am breitesten ist.
Die 125x125-Anzeigen in der Seitenleiste werden ebenfalls über @media-Abfragen neu angeordnet. Wenn das Design am breitesten ist, sind sie 3x2 angeordnet, und bei geringerer Breite 2x3.
- Ein Teil des Umgangs mit variabler Breite bedeutete, dass mehrspaltige Designs Prozentsätze nutzen mussten. Das bedeutet, dass die Bilder in diesen Spalten `img { max-width: 100%; }` verwenden müssen, damit sie bei Bedarf mit der Spalte schrumpfen/wachsen können.
Alle diese Effekte würde ich als progressive Verbesserung betrachten, da Browser, die eine bestimmte Funktion nicht unterstützen, auf eine einfachere, aber akzeptable Erfahrung zurückfallen. Zum Beispiel zeigen die 3D-Flip-Karten beim Überrollen sofort ihre "Rückseiten".
HTML5
- Neuer DOCTYPE, Verwendung neuer Elemente usw. Im Grunde fühlt es sich einfach gut an, die Vereinfachung, die HTML5 bietet, und die semantischeren Elemente zu nutzen. Ich habe wahrscheinlich nicht alle neuen Elemente perfekt verwendet. Dies wird sich wahrscheinlich mit der Zeit entwickeln.
- Die Videoseiten (Beispiel) verwenden jetzt HTML5-
<video>-Tags zur Anzeige von Videos. Sie werden nativ in WebKit-Browsern abgespielt, die H.264 unterstützen. Browser, die dies nicht tun, fallen zuerst auf Silverlight zurück, dann auf Flash mit mediaelement.js. Die UI-Steuerelemente bleiben konsistent, unabhängig davon, welche Technologie verwendet wird. Ich hätte die Videos gerne mit variabler Breite erstellt, aber es gab viele Probleme damit (über die ich vielleicht noch posten werde). Besonders schön ist die Möglichkeit dieser neuen Player, vorzuspringen (ohne Vorladen zu erfordern), was der alte Player nie konnte. - Das Suchformular ist jetzt buchstäblich nur ein gestyltes Eingabefeld, was bedeutet, dass es nicht die seltsamen Zeilenhöhe-Probleme gibt, die ich mit dem bildbasierten Hintergrund des alten Designs hatte. HTML5 hilft in WebKit-Browsern mit
<input type=search results=5 placeholder=Suchen... name=s>und ermöglicht dieses Aussehen und diese Funktionalität.
Was hat es mit dieser seltsamen Umriss-Hervorhebung auf sich? Könnte ein WebKit-Bug sein.
- Das Kommentarformular bietet zusätzliche HTML5-Formularfunktionen. Die Felder haben Platzhalterwerte und verwenden auch das Attribut "required", was bedeutet, dass moderne Browser den Kommentar ohne die erforderlichen Werte nicht einmal versuchen werden zu senden (was zu einer unschönen WordPress-Fehlerseite führen kann).
jQuery
- Alles, was jQuery im alten Design getan hat (organische Tabs, Umschalten des Suchbegrenzers usw.), tut es immer noch, wurde aber effizienter umgeschrieben. Zum Beispiel verarbeitet der Code jetzt beide organischen Tab-Abschnitte mit einem Codeblock, anstatt sie wie zuvor aufzuteilen.
- Die Homepage hat "Fadeouts" bei den neuesten Artikeln. Ich hoffte, es würde helfen, einige sich wiederholende Seitenunordnung zu entfernen und gleichzeitig visuelles Interesse hinzuzufügen. Ich hatte es so eingerichtet, dass ein :after-Pseudo-Element absolut am unteren Rand jedes Beitrags positioniert wurde und beim Hovern verschwand. Ich wollte aber den Fading-Effekt, und CSS erlaubt noch keine Übergänge/Animationen bei Pseudo-Elementen. Also habe ich jQuery verwendet.
- Ich lasse jQuery nach Schaltflächen auf der Seite suchen, die den Text „View Demo“ oder „Download Files“ enthalten, und führe eine kleine HTML-Manipulation und Stiländerung durch. Vielleicht keine ideale Methode, aber das macht es rückwärtskompatibel mit meinem gesamten Beitragsarchiv und hält die Schaltflächenmarkierung wirklich einfach.
- Beachtet, dass die Seitenleiste eine Hintergrundfarbe hat, die sich von unten nach oben über den weißen Hauptinhaltsbereich erstreckt. In früheren Iterationen dieses Designs habe ich die Seitenleiste mit einer statischen Breite versehen und falsche Spalten verwendet, um die gleichen Höhen vorzutäuschen. Aber letztendlich entschied ich, dass eine Seitenleiste mit variabler Breite cooler wäre, was falsche Spalten unmöglich macht. Um die gleichen Höhen zu erreichen, habe ich eine einfache Größenänderungsfunktion, die die Höhe des Hauptinhalts testet und, wenn sie größer ist als die Höhe der Seitenleiste, die Seitenleiste anpasst. Es ist etwas wackelig… es muss den Resizer 2 Sekunden nach dem Laden der Seite ausführen, um Drittanbieterinhalte in der Seitenleiste zu berücksichtigen, die möglicherweise nicht bei DOM Ready oder Window Load vorhanden sind. Es wird auch bei Größenänderung des Fensters ausgeführt, falls der Umbruch die Situation beeinflusst. Es funktioniert nicht perfekt und erfordert irgendwann ein Umdenken.
Was kommt
Ich arbeite an einigen Ideen für die Foren, um sie noch großartiger zu machen, als sie es bereits sind, also haltet in den nächsten Monaten Ausschau danach.
Nicht schlecht, aber den Fade-Out auf der Listing-Seite weglassen.
Die Theorie hinter dem Ausblenden, abgesehen davon, dass es von möglicher visueller Faszination und einem Anreiz zum Klicken auf das Enthüllte ist, besteht darin, wiederholende Designelemente daran zu hindern, auf einmal angezeigt zu werden.
Weiterlesen →
Weiterlesen →
Weiterlesen →
Weiterlesen →
Weiterlesen →
...all das übereinander gestapelt kann unübersichtlich wirken. Die Idee bekam ich, als ich bei einer Konferenz einem Vortrag über iPhone-App-Design zuhörte, bei dem einer der Vortragenden präsentierte, dass er keine sich wiederholenden UI-Steuerelemente dieser Art verwendete. Vielleicht haben wir im Web mehr Spielraum dafür, aber ich versuche es jetzt einfach mal. Wenn es genügend Leute hassen (nach einiger Zeit), kann es überdacht werden.
Ich verstehe deine Begründung für die Überblendungen, und ich denke, es funktioniert. Was es meiner Meinung nach besser machen würde, wäre, wenn es nicht ins Nichts überblendet würde, sondern eher ins fast Nichts (sagen wir 8 oder 10 % Deckkraft). Auf diese Weise bleibt es beim Durchsuchen der Seite niedrig in der Hierarchie, aber das wiederholte Ein- und Ausblenden aus dem Nichts ist auffälliger, als wenn sie überhaupt nicht überblenden (möglicherweise, weil das Auge von Bewegung angezogen wird, so dass weniger Bewegung (weniger Überblenden) weniger ablenkend sein sollte). Entschuldigung, wenn das keinen Sinn ergab.
...alle Übergänge waren faszinierend, als ich sie zum ersten Mal sah, ich habe wie 5 Minuten damit verbracht, mit all den neuen Animationen zu spielen.
Obwohl ich die Idee verstehe und denke, dass sie auf einigen Websites passen könnte, finde ich das Ausblenden einfach nur störend.
Dennoch habe ich einen guten ersten Eindruck von deinem neuen Design, obwohl ich mich erst daran gewöhnen muss (dachte, ich hätte beim ersten Anblick das falsche Lesezeichen angeklickt).
Mir gefallen die Überblendungen optisch, und für mich scheinen sie eine Art CSS-Tricks-"Geschichte" zu referenzieren... ist das nicht eine Art modifizierte Version des ausblendenden Texteffekts, der css-tricks zuerst ziemlich populär gemacht hat?
Ich stimme Steven zu, dass ein Überblenden auf 15-10% interessant sein könnte, auch wenn sie, wenn sie nicht ausgeblendet sind, nur bei etwa 80% liegen würden. Die Tatsache, dass sie aus dem Nichts erscheinen und verschwinden, ist ein wenig ablenkend, aber nichts Besonderes. Ich liebe das neue Design wirklich viel mehr als v6. Obwohl v5 auch ziemlich fantastisch war. Tolle Arbeit!
Dem stimme ich zu.
Ich mag es. Viel sauberer. Eine Sache, die ich weglassen würde, ist der ausblendende Artikel-Footer auf der Startseite. Nur meine 0,02 $
... obwohl die vorherige Version auch ausgezeichnet war
Funktioniert gut in dem beschissenen alten IE8
Schön und sauber – die Überblendung mag ich auch nicht so sehr.
Ich bin nicht derjenige, der dein Design oder deine Website kritisiert. Es ist originell, solange es dir gefällt, ist das alles, was zählt.
Die Umfragefrageblase wird in Chrome nicht gut dargestellt.
Zurück zum Fade. Was ist der Sinn? Es spart keinen Platz.
Vielleicht sollte es, wenn ich lange genug darüber schwebe, den Rest des Inhalts der Geschichte oder so öffnen. Ansonsten trägt es nichts zur Seite bei.
Wie suprsidr bereits erwähnte, scheint die Schattenbox der Abstimmungsblase in Chrome den border-radius zu ignorieren, was ziemlich deutlich herausragt.
Ansonsten liebe ich den neuen Look, Chris, zuerst dachte ich, all diese coolen Animationen wären Jquery, kann es kaum erwarten, mit CSS3 auf diesem Niveau herumzuspielen!
Die Schaltfläche „Kommentar absenden“ ist ebenfalls ein Opfer, wenn auch viel weniger auffällig. Habe sie erst beim Posten des letzten Kommentars gesehen.
Das gleiche Problem mit einem farbigen Hintergrund besteht bei dem Stern, der nach rechts gleitet, wenn man auf der Hauptseite über die Beiträge fährt.
Bisher nur ein Problem in Chrome, sowohl auf Mac als auch auf PC.
Einverstanden. Die Umfrageblase könnte etwas aufgeräumt werden.
Das neue Design ist sehr sauber und geräumig. Die Grautöne sind sehr augenfreundlich, was die Lesbarkeit hervorragend unterstützt und sicherlich das Ziel der Inhaltsfokussierung erfüllt.
Wenn es einen Nachteil gäbe, so hat die Seite meiner Meinung nach etwas an Persönlichkeit verloren. Ich bin seit ihren Anfängen ein begeisterter Leser deiner Seite. Jede Version hatte eine klare Marke und drückte deinen Stil aus. Diese hier wirkt etwas zu minimalistisch.
So oder so, ich liebe deine Inhalte immer noch. Herzlichen Glückwunsch zum neuen Design!
^__^
Es fühlt sich sauber an, ich bin ein großer Fan. Das einzige, was mir aufgefallen ist, ist, dass es sich ein wenig schwieriger anfühlt, es zu "scannen". Ich kann nicht herausfinden, woran das liegt, aber ich mache oft eine kurze Pause, um die Website zu überprüfen, und es scheint, als müsste ich etwas mehr Zeit investieren, um interessante Elemente im Text zu finden. Vielleicht war das von Ihrer Seite beabsichtigt :)
Tatsächlich gibt es jetzt mehr auf der Startseite, so dass Ihre verminderte Scan-Fähigkeit wahrscheinlich nur vorübergehend ist, während Sie sich an ein neues Layout gewöhnen. Lassen Sie mich wissen, wie es Ihnen im Laufe der Zeit damit ergeht. Vielen Dank für das Feedback!
Meine einzige Kritik ist, dass die Schrift etwas eng wirkt, es gibt nicht viel Weißraum darum herum. Version 5 wirkte in dieser Hinsicht am offensten und aufgeräumtesten, meiner Meinung nach.
Respekt auch für die 16px!
Dieser, inzwischen recht alte, Artikel über Webtypografie ist einer meiner Favoriten: 100e2r
Um das klarzustellen, ich denke, die enge Schrift beeinträchtigt die "Scan-Fähigkeit".
Ich mag es, wie der Rest der Kommentatoren vor mir. Es ist sauber und leicht zu lesen.
Wie einige der Kommentatoren oben, bin ich auch kein großer Fan dieses Überblendeffekts, aber Geschmäcker sind verschieden.
Auf Win7+Chrome gibt es ein Problem mit der „Vote“-Blase, sie hat graue Ränder und Post-Überschriften sehen irgendwie abgehackt aus, ebenfalls Win7+Chrome.
Hey Mann!
Liebe das neue Layout – sieht super aus. Super sauber… und der neue Ansatz bei IA ist definitiv eine Verbesserung (das letzte Layout war auch toll, dieses ist einfach so viel besser)
Was die Kritik angeht (und ich weiß, das ist Nörgelei)… ich würde denen zustimmen, die sagen, lasst das Ausblenden weg. Es ist ein interessanter Effekt, aber insgesamt ablenkender als hilfreich.
Abgesehen davon… liebe es!
(Oh, und die css3-Übergänge im Footer… super geil. Fühlt sich viel reaktionsschneller an als eine JS-Animation bei weitem)
Ich mag das neue Design, es gibt jedoch einige Probleme mit der Textlänge.
Die ersten paar Absätze reichen etwas unter die graue Seitenleiste. Das könnte durch Adblock verursacht werden, aber da es auch unter dem Abschnitt "Erkunden" passiert, ist es wahrscheinlich nicht so. Es passiert auch in den Kommentaren.
Jedenfalls ist ein Bild mehr wert als tausend Worte.
Bild, Bild
Hey, schönes Update, Chris!
Das Gesamtdesign gefällt mir, und insbesondere die 'Ich arbeite für..'-Boxen im Footer funktionieren sehr gut.
Das einzige kleine Problem, das ich sehe (könnte mit dem oben genannten Beitrag zusammenhängen, der erwähnt, dass es schwer ist, die Seite zu "scannen"), ist, dass die Überschriftenebenen alle die gleiche Größe haben. Es wäre schöner, wenn die Unterüberschriften etwas kleiner wären, um "zu Unterabschnitten scannen" zu können. Ich mag verrückt sein, aber das sagen mir meine Augen!
Tolle Seite, ich liebe es, die Artikel hier zu lesen, danke Mann!
Ich mag es, es fühlt sich weniger überladen an.
Die Such- und Umfrage-Schaltflächen werden in Chrome (Ubuntu) nicht gut dargestellt. Es gibt ein Hintergrund-Problem in den Ecken.
Eine weitere Stimme für den Verzicht auf den Fade-Out... Insgesamt ein sehr sauberes Design.
Einige kleinere Punkte
Im Bereich „Einen Kommentar hinterlassen“ gibt es einige Ausrichtungsprobleme (mit Chrome unter Win7).
Die Verwendung der orangefarbenen Farbe wirkt etwas deplatziert. Irgendwie passt sie meiner Meinung nach nicht hinein.
Ich liebe den Footer wirklich, ich würde nur ein anderes Bild finden.
Ich habe es noch nie vermisst, aber ich suche nach einer Möglichkeit, frühere Artikel zu sehen. Ich weiß, ich kann ins Archiv gehen, aber einfach in der Zeit zurückzugehen wäre schön.
Die Sprechblase im Abstimmungsbereich ist äh... schau es dir einfach an. Irgendetwas stimmt nicht mit den abgerundeten Ecken. Das Gleiche gilt für die blauen Schaltflächen im Hauptbereich.
Nur meine Meinungen...
Grüße
Ja, ich habe diesen Bug auch.
Hinterlassen Sie einen Kommentar-Bug
Ich denke, dieser sollte behoben werden. Das Problem war, dass ich diesen Gravatar unter den Feldern ausgegeben habe. Das war unbeabsichtigt, ich hatte ihn entfernen wollen. Danke für den Screenshot!
Kein Problem. :)
Diese Version gefällt mir viel besser als die letzte, aber ich muss meine Stimme gegen den Ausblendeffekt in der Artikelliste abgeben – ich finde, er nimmt der Klarheit der Listenelemente tatsächlich etwas weg, und (da du dich für helle Grau- und Blautöne entschieden hast) schwächt sein ausgewaschener Effekt die Stärke des gesamten Themes ab. Ich würde ihn mit der Seitenleiste kontrastieren, wo die Dinge groß, fett und klar definiert sind.
Liebe den Footer – und diese Webkit-Effekte sind groovy. Vielleicht auch ein bisschen TLC für den Header? Da oben schwebt alles so herum…
Wie auch immer, das ist meine Meinung. Es übertrifft alles, was ich schaffen würde, also hast du das immer! ;)
Alle Animationen und die „Ausblendungen bei den letzten Artikeln“ sind exzellent, aber der Stil der Schaltflächen „Go“ und „Submit Comment“ erinnert an den Stil vor Web 2.0, kurz gesagt: Das hättest du besser machen können, besonders mit einigen subtilen Verläufen. Auch der Stil der Tabs ist mir etwas zu flach.
Fühlt sich blitzsauber und sehr poliert an. Ich liebe die Details wie die Flips und Animationen und mir gefällt der Fade-In auf der Startseite, was er wert ist. Das einzige, was mir ins Auge fällt, sind die Tabs. Die abgerundete Ecke links und nicht rechts lässt mich ein wenig schielen, ebenso wie die letzte Kerbe (es scheint, als gäbe es einen Tab, wo keiner ist).
Chris,
Ich mag den Überblendeffekt tatsächlich. Ich mochte es (sogar auf meiner Website) nie wirklich, dass der "Weiterlesen"-Link das Ende jedes Beitrags auf der Listing-Seite markiert.
Gute Sachen – ich mag das neue Design und die kleinen CSS3-Verbesserungen!
Als ich die Website zum ersten Mal sah, mochte ich das Aussehen überhaupt nicht, es war zu kastenförmig und krankenhausartig mit dem Blau und Grau. Dann merkte ich, dass ich es im IE ansah... also startete ich Chrome und oh mein Gott. Tolles Aussehen, ich liebte es sofort. Es war, als würde ich ein völlig anderes Design sehen.
Für die ganze Sache mit dem Verblassen der Artikel, über die alle deine Schwiegermutter spielen, lass es. Es bietet einen Wow-Faktor und ein Gefühl von Spaß, ich stimme zu, dass es verwirrend und ein wenig sinnlos sein kann, aber jeder, der auf die Seite kommt, sind entweder Entwickler/Designer und weiß, wie man eine Website navigiert.
Mach weiter so mit der guten Arbeit.
Ich würde sagen, es ist ein sauberes Layout, aber für mich fehlt ihm vielleicht die Tiefe und der "WOW"-Faktor deiner letzten Designs... sorry :( Dieses Design wirkt ziemlich flach und vermittelt ein Gefühl von zu viel Einfachheit. Der Text in den Tabs oben wirkt etwas gestreckt. Der Footer ist jedoch fantastisch und ich liebe einige der coolen Techniken, die du in dieser Version verwendest.
Für mich werde ich, egal wie diese Seite aussieht, immer wiederkommen, denn dein Inhalt ist fantastisch und du hast mir bei meinen eigenen Designprojekten, insbesondere bei WordPress-Projekten, wirklich geholfen. Mach weiter so mit der großartigen Arbeit!!!
Ich stimme zu, das Design hatte nicht die gleiche Reaktion, die ich bei den letzten beiden Designänderungen hatte. Es wirkt ein bisschen zu... flach, mangels besserer Worte.
Alles in allem ein toller neuer Look & Feel. Das Einzige, was mir aufgefallen ist, ist ein Problem mit den Kommentaren beim Anzeigen mit IE7. Die Kommentarautorinformationen scheinen links unter einer Ebene verschoben zu sein. Habe einige Screenshots für Sie gemacht.
IE7
http://pd.alphaready.com/ie7.jpg
IE8
http://pd.alphaready.com/ie8.jpg
Ich mag das Ausblenden. Ich stimme Ihrer Theorie zu, dass es die Seite vor zu vielen Wiederholungen bewahrt. Weißraum ist Ihr Freund! Der Weißraum um jeden Artikel hilft auch, sie optisch zu trennen und der Seite ein allgemein sauberes Aussehen zu verleihen. Es sieht auch auf dem iPhone gut aus. Gute Arbeit, Chris.
Das Argument des Weißraums ist gut – aber versuchen Sie, das Whiteout-PNG in Firebug zu deaktivieren und den Rand des "post"-Divs auf 35 oder 40 zu erhöhen. Derselbe Weißraum, aber finden Sie es nicht einen stärkeren, klareren Eindruck und leichter zu lesen?
Chris,
Das neue Design gefällt mir sehr gut. Ich verstehe, was einige über den Verlust eines Teils der "Marke" sagen (ich mag Orange), aber ich denke, Ihre wahre Marke liegt in der Qualität des Inhalts und der Zugänglichkeit Ihres Inhalts, unabhängig vom Kenntnisstand. Und ich denke, dieses neue Design trägt zu beiden Aspekten bei. Es ist sauber, einfach, zweckmäßig (wie Sie sagen) und gut durchdacht (wie üblich). Gut gemacht.
Ich mag das neue Design und freue mich darauf, mich mit dem neuen Look und Layout vertraut zu machen.
Mir ist aufgefallen, dass die Anzeige für BuySellAds.com doppelt zu sein scheint.
Mach weiter so mit der guten Arbeit.
Ich habe Ihre Seite erst kürzlich entdeckt, vor etwa zwei Monaten. Ich war an Ihr altes Design gewöhnt, so dass ich neulich, als ich meinen täglichen Besuch bei CSS-Tricks machte, überrascht war. Mein erster Gedanke war, dass Ihre Seite offline war.
Dann sah ich, dass all der fantastische Inhalt da war. Ich besuche Ihre Seite seitdem und jetzt kann ich sagen, dass ich mich an Ihr neues Design gewöhnt habe. Ich habe viele Dinge mit Ihren Artikeln und Screencasts gelernt, also hören Sie eines: NIEMALS, NIEMALS werde ich den Respekt vor Ihnen verlieren.
Herzlichen Glückwunsch zu Ihrer Seite, zu Ihrem neuen Design und dazu, ein guter Kamerad für uns alle zu sein.
Entschuldigen Sie mein schlechtes Englisch.
P.S. Warum kann ich Ihre Videos nicht maximieren, indem ich auf das Maximieren-Symbol klicke? Ich muss auf den Text "Vollbildmodus" klicken.
Ich benutze die neueste Version von Firefox.
Es sieht tatsächlich organisierter und sauberer aus, ich mag es.
Was die Seitenleiste betrifft, haben Sie gesagt, dass es nicht möglich ist, ich habe vor ein paar Jahren eine Website erstellt, fluid mit faux column (www.icad.com.ve), die % zur Positionierung des Hintergrunds verwendet, vielleicht funktioniert das für Sie.
Die Mängel, die ich sehe, unter dem Suchfeld, hat die Seitenleiste eine eckige Ecke oben auf der runden blauen Ecke, sieht für mich seltsam aus (es macht sogar eine 1px Trennung auf anderen Seiten). Ihr Bild unten sollte keinen unteren Rand haben, und das Dreieck der Abstimmungsblase, es ist außerhalb der Blase. (FF Mac).
Mein erster Eindruck war "OMG, was ist passiert!!!", aber ein paar Sekunden später bemerkte ich die Verbesserungen, jetzt erinnere ich mich nicht einmal mehr an das alte :P.
Gute Arbeit.
Ich muss sagen, ich liebe es, ich finde die Schriftart des Headers absolut wunderschön und das Gesamtgefühl der Seite wirkt entspannend und sauber. Ich muss jedoch dem Fade auf der Homepage zustimmen, ich weiß nicht, was es damit auf sich hat, aber ich habe einfach das Gefühl, dass es nicht zum Rest der Seite passt.
Ich kann anscheinend keinen Kommentar mit der neuesten Version von Safari absenden. Musste Firefox starten, was ich zu Hause normalerweise nicht gerne tue.
Und der Kommentar, den ich machen wollte
Liebe es! Ein Rechtschreibfehler lenkt mich ab: Es heißt „quandary“, nicht „quandry“. Entschuldigung, ich kann meinen inneren Korrekturleser nie unterdrücken!
Ich werde den kitschigen Weg gehen und einfach sagen: Du bist der Mann :) Liebe die Seite und das neue Design. Der Fade ist ein bisschen seltsam, aber er lässt mich mehr Dinge bemerken. Nochmals vielen Dank!
Hallo, ich kommentiere die Grafiken nicht, da es Geschmackssache ist. Aber
1/ die Seite ist ungültig, ja, es hat keinen Sinn, wegen der Gültigkeit zu masturbieren, aber einige Probleme hier sind einfach unnötig (http://validator.nu/?doc=https://css-tricks.de/design-v7/&showsource=yes)
2/ Man kann mehr mit HTML5 machen, ich würde vorschlagen, das article-Element für Artikel, header- und footer-Elemente zur Spezifikation dieser Teile innerhalb eines Artikels (in der Auflistung und in der Einzelartikelanzeige) zu verwenden. Das section-Element für Abschnitte der Seite (Kommentarbereich, Abschnitte der Seitenleiste, etc.). Hier gibt es immer noch zu viele div-Elemente :)
1) Die meisten dieser Validierungsfehler habe ich behoben, danke! Die einzigen, die noch übrig sind, betreffen das results-Attribut, das mir egal ist. Obwohl ich bemerkt habe, dass es bei den neuesten Builds von WebKit nicht besonders gut funktioniert, werde ich es vielleicht irgendwann aufgeben.
2) Zustimmung zu HTML5. Ich habe eine gute Menge an Übergängen gemacht, aber weitere semantische Elemente müssen noch raus. Das wird sich mit der Zeit entwickeln, wie ich oben erwähnt habe.
Sie könnten die „results“-Attribute durch „data-results“-Attribute ersetzen, die gültiges HTML5 sind: http://html5doctor.com/html5-custom-data-attributes/
Ich habe vor kurzem angefangen, Ihre Artikel über RSS zu lesen, daher habe ich das alte Design nie wirklich gesehen, aber ich denke, dieses hier funktioniert gut für die Art von Inhalt, die Sie anbieten. Sieht toll aus!
Ich habe auch bemerkt, dass ich größere Schriftarten verwende, und ich denke, das liegt daran, dass die Bildschirmauflösungen ständig wachsen, was zu kleinerem Text führt. Eine 16px-Schriftart mag vor fünf Jahren viel zu groß für Ihren Primärtext gewesen sein, aber auf heutigen Monitoren werden größere Schriftarten erwartet.
Das ist nicht schrecklich, aber ich denke, jedes Design auf der Archivseite war besser.
Als ich zum ersten Mal zum neuen Stil kam, dachte ich, es sähe irgendwie seltsam aus, jetzt, da ich es ein paar Mal benutzt habe, hat es sich bereits eingeprägt. Die vergrößerte Schriftgröße hilft mir, weil meine Sehkraft ziemlich schlecht ist, und ich mag die Einfachheit auch sehr!
Großartige Arbeit, Chris, ich denke, das neue Design ist eine große Verbesserung und ich mag den Fade wirklich. Ich denke, es reduziert Unordnung und Wiederholungen gut und sieht wirklich scharf aus.
Wenn überhaupt, würde ich sagen, das einzige Problem mit den neuesten Artikeln ist, dass der Hover über den Überschriften sehr subtil ist, ich habe Mühe, den Unterschied auf meinem Bildschirm zu erkennen.
Das „Roll“-Widget ist großartig, jetzt, da WordPress anfängt, die Verweise auf Bloggen zu entfernen, sollten sie Blogroll so kürzen.
Es scheint immer noch ein Problem mit den abgerundeten Ecken der Schaltflächen zu geben: Es gibt gerade Ecken um die Sprechblase und die blauen Schaltflächen.
Ansonsten liebe ich die progressiven Verbesserungen und die HTML5/CSS3-Sachen!
Negative
Obwohl die Seite in FF großartig aussieht und in Chrome tolle Übergänge hat, sieht sie in FF besser aus als in Chrome.
Die Suchbox, Schaltflächen und abgerundeten Ecken sind in Chrome alle durcheinander. Sie haben alle eine Hintergrundfarbe, die sie wie IE6 mit PNGs ohne IEPNGFix aussehen lässt.
Ich gehöre auch zu der Gruppe, die der Meinung ist, dass man beim Überfahren einer Schaltfläche einen Zeiger-Maus-Cursor haben sollte, um anzuzeigen, dass man darauf klicken kann. Ihr Mauszeiger ist beim Überfahren ein Pfeil.
Im Props-Bereich sollte meiner Meinung nach der gesamte Block anklickbar sein, und nicht nur der Linktext. Das kann man schnell mit jQuery erreichen: .click(function(){ window.location = $(this).find('a').attr('href');
Positives
Ich liebe die blaue Farbe und das minimalistische Design des Headers, es bringt dich wirklich schneller zum Inhalt, weniger Scrollen = mehr Inhalt über dem "Fold".
Ich liebe das neue pixelige Logo.
Ich finde es toll, dass der Footer den gleichen Hintergrund hat wie die Seiten und der Header.
Der Asterisk zeigt jetzt an: "Diese Website kann tatsächliches CSS oder Tricks enthalten oder auch nicht." Das ist brillant. Ich glaube, ich mag es mehr, als ich sollte.
Wow. Du kriegst ja wirklich einen Schlag wegen der Überblendung. Ich persönlich mag sie. Sie erfüllt, was du erreichen wolltest. Weniger Unordnung und sie fasziniert mich genug, um darüber zu schweben und zu klicken.
Mein Lieblings-Update ist jedoch das flüssige Layout. Und ich würde gerne mehr darüber erfahren, wie Sie die Höhe der Seitenleiste angepasst haben.
Zuerst war meine Reaktion: Oh nein, er hat es geändert? Warum?? Aber ein paar Dinge, die ich als Webdesigner gelernt habe, sind, sich einen Tag von einem Design zu lösen und es erneut zu besuchen, um zu sehen, ob es einem immer noch gefällt. Nun, das habe ich getan, und es gefällt mir.
Sehr sauber, wie immer gut durchdacht. Ich würde den Überblendeffekt im Text definitiv weglassen. Ich bin mir nicht sicher, ob es dahinter liegende Gründe dafür gibt, aber optisch fand ich ihn störend.
Letzte Gedanken... Ich mag die Sauberkeit, aber ich finde, es fehlt etwas an Pepp. Ich vermisse die kleinen Airbrush-Details, die leichte Dimension und die warmen Farbblöcke der früheren Websites.
Insgesamt aber habe ich Ihre Arbeit auf dieser Seite und die sorgfältige Berücksichtigung von Details immer gemocht. Diese Version gefällt mir, ich denke nur, sie braucht noch ein wenig Feinschliff.
Nicht die Art von Design für CSS-Galerien? Vielleicht... aber ich mag dieses neue Design wirklich, mein Favorit von allen Versionen. Sauber, wie ich es liebe!
Nur eine Sache: Warum gibt es nach der Artikelliste keinen Link "ältere Artikel"?
Wie ich bereits in einem Tweet erwähnte, liebe ich den unteren Teil und hasse den oberen.
Der Footer ist perfekt, viel besser als die letzte Änderung. Der CSS-Hover-Effekt ist rechts sehr schön.
Allerdings sieht der obere Teil der Seite schlicht und fade aus. Es gibt einen riesigen grauen Bereich. Die Tabs sind mein Hauptkritikpunkt. Meiner Meinung nach sehen sie schrecklich aus. Fade blau, das einfach in den nächsten Tab übergeht.
Der Rest der Website sieht großartig aus, aber es gibt einen Fehler in Chrome bei der Vote-Blase – die Eckentransparenz funktioniert nicht.
Ich hoffe, Sie verstehen, was ich meine. Fragen Sie bei Bedarf nach weiterer Klärung – ich weiß, das ist ein bisschen "notizartig".
Insgesamt vielen Dank für die ständige Aktualisierung des Designs von CSS-Tricks – es erfrischt das Erlebnis. Und der Satz „* Diese Website kann tatsächliches CSS oder Tricks enthalten oder auch nicht“ hat mich zum Schmunzeln gebracht.
Vielen Dank,
Nachdem ich deine Gründe gelesen habe, kann ich einige der vorgenommenen Änderungen nachvollziehen.
Mein einziges wirkliches Problem ist jetzt: Wenn ich Websites um Hilfe beim Codieren usw. suche, ist mein erster Eindruck immer, wie die Seite aussieht, wie bei jeder Seite, um fair zu sein. Der Typ hinter der Seite könnte ein Coding-Genie sein (was du während meiner Zeit, diesen Blog zu lesen, auch bist), aber wenn seine Seite für mich ästhetisch nicht ansprechend ist, werde ich sie ohne zweiten Gedanken völlig ignorieren. Es würde mich interessieren herauszufinden, ob Ihr neues Design die Anzahl der neuen Leser, die sich für Ihre RSS-Feeds anmelden, verringern könnte. Ich hätte nicht gedacht, dass Sie welche verlieren würden, aber Sie könnten weniger gewinnen.
Ich hoffe, das entspricht deinen Kritikrichtlinien – ich möchte mich nicht auf deine schlechte Seite begeben.
Mach trotzdem weiter so mit deinen Beiträgen!
Paul
Hallo Chris,
Ich gehöre zu denen, denen deine Seite auf den ersten Blick nicht gefallen hat, und winke ruhig mit einem missbilligenden Finger in meine Richtung, wenn du das Gefühl hast, dass eine dieser Kritiken nicht fair ist, aber ich habe ein paar Anmerkungen zur Seite.
1. Zuallererst ist der Footer (ja, wirklich zuerst) ziemlich fantastisch und es ist großartig, dass du dich für die Verwendung der neuen "Html 5"- und "CSS 3"-Effekte für all die coolen WebKit-/Gecko-Benutzer entschieden hast. Auch das Banjo (ist es das?) und die Botschaft im Footer liebe ich.
Ein großes Lob für die Media Queries!
2. Chrome hat dieses seltsame Problem mit einigen der CSS 3-Sachen, und es hinkt Safari in Bezug auf die Anzeige stark hinterher. Das ist wirklich Googles Schuld – aber ich dachte, du solltest es wissen.
3. Meine persönliche Meinung ist, dass der Text zu groß ist (vielleicht würde eine Serifenschrift für die Größe besser passen?) und dass vielleicht zu viel Platz für den Hauptinhalt vorhanden ist. Da dies aber nur meine Meinung ist, finden es andere vielleicht besser so.
Und darum geht es doch!
Hallo Chris,
Ich liebe das neue Design, das einzige kleine Ding, das mich stört, ist der ausgeblendete Text bei jeder Beitragsübersicht auf der Startseite.
Ich weiß nicht warum, aber es sieht nicht so aus, als würde es gut zur Seite passen. Es ist auch nie eine gute Idee, dass der Benutzer über etwas hovern muss, um mehr zu lesen.
Nur meine 2 Cent.
Ich weiß, dass Sie viel Kritik für das Ausblenden der Listing-Seite erhalten haben, aber ich mag es wirklich. Alle WordPress-/anderen "Blog"-Seiten, denen ich folge, landen immer in meinem RSS-Reader, weil ich die echten Seiten schwer lesbar finde. Ich kann das "Weiterlesen" nach jedem einzelnen Artikel und all die Unordnung nicht ausstehen. Ich denke, Sie haben hervorragende Arbeit geleistet, indem Sie das Ausblenden auf der Listing-Seite integriert haben. Es ermöglicht dem Benutzer, den Anfang jedes Artikels leicht zu lesen. Ich werde jetzt vielleicht direkt auf die Seite kommen, um Ihre Beiträge zu lesen.
Das Gleiche gilt für den Rest der Website. Sie haben es selbst gesagt... es ist sehr funktional, und daran ist hier nichts auszusetzen. Wir kommen hierher für Ihren großartigen Inhalt, es besteht keine Notwendigkeit, unseren Blick von diesem Inhalt mit Tonnen von Ablenkungen abzulenken. Ich denke, Sie haben die gesamte Werbung und andere Inhalte auf eine schöne, organisierte Weise integriert, die den Benutzer auf das Wesentliche konzentriert. Bravo.
Ich scheine der Einzige bisher zu sein, aber ich mag das Ausblenden der Artikellisten wirklich! Es unterbricht sie ein wenig, wodurch es für mich einfacher wird, die Artikel zu scannen. Clever! :)
Das neue Design wächst mir wirklich ans Herz, und ich mag es immer mehr, je länger ich es mir ansehe. Das Einzige, was mir bisher nicht gefällt, sind die blauen Schaltflächen und das Suchfeld. Sie wirken nicht auf dem Niveau des restlichen Designs.
Liebe das Redesign. Ich bin mir nicht sicher, ob das schon jemand vorgeschlagen hat, aber die CSS3-Eigenschaften
display: table;unddisplay: table-cell;könnten Ihre Probleme mit der Höhe der Seitenleiste und so weiter wahrscheinlich beheben. Ihr CSS würde so aussehenDann könnten Sie einfach Bedingungen verwenden, um die JavaScript-Technik in Browsern zu nutzen, die dies nicht unterstützen.
Das habe ich versucht! Ich hatte am Ende eine Reihe von Problemen. Ich kann mich nicht einmal mehr an alle erinnern. Eines davon war, dass ich die Seitenleiste etwas über die Navigationsleiste ragen lassen wollte, und das war seltsam. Ein weiteres ist die fehlende IE7-Unterstützung. Ich brauchte auch ein weiteres umschließendes Element, das sich wie eine Tabellenzeile verhält. Wie auch immer, ich könnte das eines Tages noch einmal versuchen, nachdem ich ein paar andere Optionen ausgeschöpft habe.
Hallo Chris,
Der Footer macht Spaß. Und danke für die Erhöhung der Textgröße! Für diejenigen von uns, die den ganzen Tag online sind, hilft das wirklich!
Meine einzige Kritik ist, dass ich das Blau nicht liebe. Es hat der gesamten Seite ein viel kälteres, fast schon klinisches Gefühl verliehen. Was meiner Meinung nach im Widerspruch zu Ihrer Persönlichkeit und Ihrem bodenständigen Stil steht. Das Blau in Links ist auf dem sanften Grau auch schwer zu lesen. Ich denke, ein etwas dunklerer Farbton mit einem Hauch von Orange würde die Lesbarkeit erleichtern und besser zu Ihrem charakteristischen Orange passen.
(Entschuldigung für meine Farbmischung… ich denke immer noch an Farbmischungen als tatsächliche Pigmente… Sie wissen schon, die Komplementärfarbe hinzufügen, um die Sättigung zu reduzieren, etc.!)
Ich dachte gerade, anstatt zwei Divs für die Abstimmungs-Sprechblase zu verwenden, könnten Sie nicht einfach
box-shadow: 1px 1px 0 #IhreFarbe
Ich habe es noch nicht getestet, aber ich würde denken, dass es den gleichen Effekt erzielen würde.
Hey Chris.... Ich mag, wohin das Redesign geht. Ich denke, die früheren Versionen fühlten sich wie eine persönliche Website an und diese fühlt sich größer an (und ist es wohl auch) und mehr auf Smashing Magazine ausgerichtet... fühlt sich professionell an.
Als Kritikpunkt fühlt sich das Design etwas unfertig an. Ich weiß, dass Sie Bilder reduzieren wollen, und ich stimme zu. Die Navigation könnte meiner Meinung nach jedoch besser durchdacht sein. Sie fühlt sich irgendwie wie ein Prototyp oder etwas unfertig an. Ich finde es immer am schwierigsten, Navigationsleisten selbst zu entwerfen, aber ich denke, Ihre könnte etwas mehr Präsenz vertragen, wissen Sie, was ich meine?
Persönlich mag ich das Ausblenden der Beiträge und stimme zu, dass es unnötigen Text verbirgt, bis man sich mit dem Artikel beschäftigt. Ich würde gerne Miniaturansichten von Bildern sehen, die sich auf den Artikel beziehen, um ihn etwas aufzupeppen, aber wie Sie sagten, Sie möchten, dass er schnell ist.
Insgesamt gefällt es mir. Sauberer, schneller, intelligenter, produktiver. Ich kann mir nur vorstellen, wie schwer es ist, all die Informationen, die Sie hier haben, so zu integrieren, dass sie schön und konsistent angezeigt werden.
Ich finde, das Blau kontrastiert etwas zu stark mit dem Orange. Optisch fühlt sich der Kontrast an wie ein Hirnfrost von einem eisgekühlten Slurpy. Ich denke, es gibt zu viel Blau, weil es wirklich hervorsticht. Vielleicht verwenden Sie mehr Feuerfarben wie Gelb. Das Grau (grau?) mildert es etwas ab und ich mag das Banjo-Bild wirklich.
Aber das könnte alles daran liegen, dass ich Ihre Grooveshark-Seite höre und das orange-gelb-Tag-am-Strand-Thema mag.
Ich vermisse die Links zu Ihren anderen Seiten im Footer, DigWP und Script & Style.
Das neue JS ist einfach fantastisch für die Benutzeroberfläche. Ich bin sehr neugierig auf den 3D-Flipping-Effekt.
Gibt es einen Grund, warum meine Festplatte jedes Mal hochfährt, wenn ich CSS Tricks besuche?
Danke, dass Sie meine Meinung angehört haben.
Das neue Design bricht in IE6 ziemlich stark (zumindest über IETester). Haben Sie bewusst die Entscheidung getroffen, IE6 aufzugeben? Was zeigen Ihre Statistiken für IE6-Benutzer? Ich stelle mir vor, dass Sie einen beträchtlichen internationalen Traffic haben und ich glaube, dass IE6 in Südostasien immer noch ziemlich groß ist.
Ja, ich habe IE6 vorerst komplett ignoriert. Die einzigen Statistiken, die zählen, sind die Statistiken für diese Seite, und ich liege unter 1 % für IE 6, und ich wette, ein gewisser Prozentsatz davon sind Leute, die die Seite absichtlich mit diesem alten Browser besuchen, nur um zu sehen =)
Beim letzten Design habe ich Universal IE 6 CSS verwendet, und ich könnte darauf zurückgreifen, bin aber noch nicht so weit gekommen.
Ich würde mich nicht um IE6 kümmern. Schließlich behandeln Ihre Artikel moderne Designansätze. IE6 hätte schon vor Jahren aussterben sollen, aber es hält sich hartnäckig und zieht alle mit sich. Und ich denke, Sie haben Recht; die meisten Ihrer IE6-Benutzer sind wahrscheinlich nur neugierige Designer, die sich fragen, ob Sie immer noch eine IE6-funktionale Erfahrung anbieten.
Ich liebe alles daran, kann glücklich mit dem Design eines Mannes leben, besonders wenn er so viel Gedanken darauf verwendet wie Sie.
Die Schriftgröße von 16px passt perfekt, lässt sich gut lesen, wirkt nicht unproportioniert und ergibt einfach Sinn.
Das Farbschema ist hell und luftig, es gab keine Belastungen beim Verarbeiten des Inhalts.
Anzeigen sind klar und prägnant, wenn ich jemals auf eine Anzeige klicken würde, dann hier auf css-tricks.com
Ich bin froh, dass du den Footer neu arrangiert hast, es war in meinen Augen immer der überfüllteste Teil.
Die neuen, kleineren Auszüge auf der Startseite sind viel passender. Im Vergleich zum vorherigen Design schien es, als würden Sie viel hineinquetschen wollen. Für mich zumindest ist der Freiraum perfekt.
Kommentare sind ordentlich.
Das ist im Moment alles, was ich habe.
Über das Ausblenden, im Abschnitt der neuesten Artikel.
Schöner Effekt, gut gemacht, gefällt mir.
Es könnte jedoch den Eindruck erwecken, dass die Artikelüberschriften Teil desselben Artikels sind.
Es fehlt meiner Meinung nach vielleicht eine orangefarbene "hr" im Chris Coyier-Stil, ein Rahmen oder was auch immer dazu beitragen könnte, die Artikelblöcke auf einen Blick zu unterscheiden.
Außerdem hätte ich gerne einen Hover-Effekt auf den Überschriften, bitte. Oder einen aktiven?
Vielen Dank, tolles Design von 2010. Riesiges Footer-Bild, übertrifft das vorherige total, so web.jetzt!
Ich kann v8 kaum erwarten! :p (nur ein Scherz)
Ich denke, ich bin bei den anderen, die das Gefühl haben, dass die Fade-Funktion auf der Hauptseite in der Theorie gut ist, aber in der Praxis nicht so effektiv. Ich persönlich würde mir etwas wünschen, das die Beiträge offensichtlicher unterteilt. Im Moment ist es ein Fade zu Weiß, und dann kommt Ihr nächster Header-Titel, und es teilt es einfach nicht genug auf. Ich merke, wie meine Augen beim Lesen darüber hinweggleiten und ich denke, ich lese immer noch eine kleine Notiz aus einem Beitrag, obwohl ich eigentlich schon 2 Beiträge weiter bin.
Das neue Design ist zweckmäßiger. Es erinnert mich an den minimalistischen Look, den man von einer forumorientierten Seite kennt, und ich bin mir noch nicht sicher, wie ich das finde, da es im Moment etwas "steril" wirkt und ich früher immer das Gefühl hatte, dass Ihre Seite eine persönlichere Note hatte.
Wenn ich Ihre Seite jetzt auf Google Chrome unter OSX anschaue, muss es etwa eine ganze Seite zum Scrollen zwischen dem Kommentar-Erinnerungstext und dem eigentlichen Seiten-Footer geben. Nichts als Weißraum. Ich schätze, das ist ein Bug Ihres jQuery-Skripts für gleiche Spalten?
Schönes Redesign, Chris!
Die Übergänge in der Seitenleiste und im Footer sind großartig! (schöne Details)
Ich mag die Farben und das Raster-/Flüssiglayout im Allgemeinen – und Ihr neues Bild im Footer. :-D
Ich bin mir nur nicht sicher, ob das Hintergrundmuster.
Aber unabhängig vom neuen Design – Ihr Inhalt und Ihre Unterstützung/Hilfe sind großartig!
Sie haben mir schon ein paar Mal wirklich geholfen – danke!
Ich habe das Gefühl, dass die Navigation und die Marke CSS-Tricks in diesem neuen Design viel stärker ausgeprägt sind.
Das neue Design wirkt weniger wie ein Webentwickler-Blog und mehr wie eine Gemeinschaft von CSS-Enthusiasten. Ich habe zum Beispiel die Artikel auf dieser Seite immer gelesen, mich aber nie mit den Foren beschäftigt, aber seit diesem Redesign habe ich mich registriert.
Die ganze Seite fühlt sich insgesamt leichter an. Selbst die Anzeigen wirken nicht wirklich so, als würden sie die Seite überladen. Ich mag, wie Sie sich von einem eher monochromatischen Farbschema gelöst und mit Orange und Blau komplementär gearbeitet haben. Das zeigt wirklich Design-Muskeln, denn das ist nicht immer einfach umzusetzen. Kommentare fügen sich nahtlos in die Seite ein, schön und sauber.
Tolle Arbeit und sehr nett von Ihnen, einige der inneren Abläufe Ihrer Website und was Sie wo gemacht haben, zu teilen.
Nur eine subtile Sache, die mir aufgefallen ist, und ich habe Ihren „Pet Peeve“-Screencast vor nicht allzu langer Zeit gesehen, aber auf Ihrer Videoseite verschieben sich Ihre Links um 1px. Ich bin mir nicht sicher, ob Sie diesen „Button-Press“-Effekt beabsichtigt haben oder nicht.
Es sieht gut aus. Ich glaube nicht, dass es eine große Sache ist, aber ich habe entdeckt, dass, wenn ich das Fenster verkleinere und es kleiner mache, wenn man es wieder größer macht, ein riesiger Weißraum am unteren Rand entsteht.
Ich mag das neue Layout sehr – besonders auf den einzelnen Artikelseiten. Ich denke, die größere Schrift ist eine gute Wahl.
Mein einziger Kritikpunkt betrifft die Startseite mit dem Ausblenden. Ich finde, es beeinträchtigt tatsächlich meine Fähigkeit, die Artikel schnell zu überfliegen. Aus irgendeinem Grund lässt es die Startseite in meinen Augen viel unübersichtlicher wirken.
Einige erste Eindrücke: vielleicht tatsächlich etwas zu grau. Nicht ganz überzeugt vom Opazitäteffekt bei einigen Divisionen. Ich mag die für die Kopfzeilen gewählte Schriftart und den Stil der Klasse .meta .read-more.
Chris,
Ich genieße das leichtere Gefühl dieses Designs, es ist weniger kühn als frühere Versionen, aber ich habe nicht das Gefühl, dass Sie an Charakter verloren haben. Mir ist nichts aufgefallen, was mir nicht zusagt.
Besonders gut gefällt mir die interessante Form der Tabs, ich mag ihre Asymmetrie.
Ich genieße auch die clevere Fußnote, die Sie mit dem Logo gemacht haben, und die Aussage "Diese Website kann tatsächliches CSS oder Tricks enthalten oder auch nicht." über dem Footer. Ich denke, es zeigt Ihre Haltung in dem langen Kampf um den Namen der Website und die Relevanz ihrer Themen.
Das Umriss-Highlight? Versuchen Sie es mit
input { outline:none; }
Ich liebe das neue Design. Ich mag, wie sauber und einfach es ist. Für mich ist es viel leichter zu lesen als die letzte Version.
Ich bin mir nicht sicher, warum die Leute den Fade-Out auf der Hauptseite nicht mögen, aber ich liebe ihn!
Ich muss sagen, ich bin enttäuscht…
Ich liebe css-tricks und all deine Arbeit, aber dieses Update ist einfach nicht nach meinem Geschmack.
Es braucht mehr Weißraum, es hat meiner Meinung nach viel zu viel Blau. Ich habe css-tricks bereits mit Orange assoziiert, und selbst wenn Blau eine Komplementärfarbe ist, denke ich, dass es weniger Blau und mehr Orange sein sollte. Ich weiß, dass Blau auch mit Technologien in Verbindung gebracht wird, und das ist gut so. Was ich meine ist, dass McDonalds aus KEINEM Grund/Idee, die jemandem einfallen mag, die rote Farbe loswerden kann. Das ist zu tief verwurzelt, um geändert zu werden.
Also, ich mag das Blau, ich mag nur nicht, wie Sie es verwendet haben. CSS-Tricks ist jetzt ein kälterer Ort.
Nur meine 2 Cent, aber ich liebe dich immer noch, Chris, und ich liebe diesen Ort immer noch!
...außerdem wird die Seitenleiste irgendwann nutzlos und frisst etwa 1/3 der Gesamtbreite.
Ich stimme zu, dass es sauberer und einfacher zu sehen und Informationen zu finden scheint, auf Kosten eines Teils der Ästhetik. Es ist eine feine Linie, auf der wir im Webdesign wandern, und ich denke, Sie haben hier den Nagel auf den Kopf getroffen. Schließlich, wenn Ihr durchschnittlicher Leser wie ich ist, kommen sie nicht hierher, um von Ihrem Layout begeistert zu sein... sie sind hier, um von Ihrem Inhalt begeistert zu sein, was ich täglich bin..
Und ich werde das kleine Problem/den Fehler mit dem großen Weißraum unter dem Kommentarbereich bestätigen. Ich habe es nicht gemessen, aber ich würde schätzen, dass weit über 1000px Platz zwischen dem "Kommentar hinterlassen" und dem Footer liegen. Dies geschieht nur, wenn Sie Ihren Browser neu skalieren, daher ist es kein großes Problem, aber es ist ein Rätsel...
Viel Glück und machen Sie weiter so mit den großartigen Inhalten... deshalb komme ich.
Chris… Ich würde davon ausgehen, dass Sie angesichts all der Kommentare zum unteren Fade bei jedem Beitrag zumindest darüber nachdenken, ihn zu überarbeiten. Persönlich fand ich es beim ersten Besuch faszinierend… Ich mag die Lesbarkeit, die der visuelle Abstand zusammen mit der Schriftart bietet. Es ist wahrscheinlich eine persönliche Marotte, aber ich scheine überempfindlich auf "Social Engineering" zu reagieren, wenn ich es auf Websites sehe, und ich muss Ihnen sagen, dass ich mich "gezwungen" fühlte, auf diesem verdammten Ding zu verweilen. Es wird bei wiederholten Besuchen etwas ermüdend und ablenkend (Sie HABEN gefragt) – erinnert mich an .
Eine Sache, die bisher nicht kommentiert wurde, ist, dass ich es genieße, von Ihren "Überlegungen" hinter den Entscheidungen zu hören – und zu wissen, dass es dabei einen Gedanken gab, außer "Ich finde, das sieht gut aus." Mir ist klar, dass Sie nicht der Einzige sind; aber ich habe mich schon länger gefragt, warum die Websites der "Gurus" des Webdesigns alle eine feste Breite zu haben schienen. Im unendlichen Browserkrieg um den Bildschirmplatz auf dem Desktop schien mir all dieser "verschwendete" Seitenrand das Niveau der Verschwendung von "denk an all die hungernden Kinder in Biafra" zu erreichen. Und es scheint, dass es viel mehr Benutzer mit breiteren Bildschirmen gibt als solche, die "Chrome" oder "Safari" verwenden (zur Perspektive bei der Auswahl des Codes). Ich genieße das weniger Scrollen, frage mich aber immer noch, warum Sie bei der vollen Bildschirmbreite Halt gemacht haben – ist es einfach zu kompliziert oder schwierig oder etwas, das mir nicht bewusst ist?
Zuletzt (weil es persönliche Vorliebe ist): Wenn ich mich nur für eines entscheiden müsste, würde ich sagen, behalten Sie die ärgerliche Schattierung bei und bringen Sie einige Grafiken zurück. Für mich ist es der zeitaufwändigste Teil des Postens (das Erstellen der Header-Grafiken), ABER viel mehr als der Weißraum ist ES das, was visuell die Beitragsabgrenzungen scannt UND der Seite Interesse verleiht. Sie haben es immer außergewöhnlich gut gemacht. Ich stelle dies zuletzt, weil mir klar ist, dass es persönliche Präferenz ist, und solange es auf Ihre Website beschränkt bleibt und nicht zu einem Webentwickler-Trend wird, gibt es uns einfach eine willkommene Vielfalt. Meine Gedanken über das Web als interessanten Ort zum "Verweilen" sind jedoch (obwohl Google angekündigt hat, seine "Bully-Kanzel" zu nutzen, um die Seitengeschwindigkeit zu bewerten), dass, wenn all meine Lieblingsseiten (Envato, Remy usw.) so wären, es tatsächlich ein grauer Ort wäre. Gibt es keinen glücklichen Mittelweg? Nur eine Beobachtung – visuell erscheint diese Seite voller Kommentare und Avatare künstlerisch ansprechender als die Startseite (alle Anzeigen ignoriere ich – was ich immer tue). Während einige das Weglassen der Grafiken als "Best Practice" betrachten mögen, ist es für mich keine "gute" Praxis.
Oh… und vielleicht könnten Sie etwas über die Bedeutung und den Ursprung all dieser cleveren Slogans in der Seitenleiste posten ("männlicher Stolz und Freundschaft", "Hände von Kameraden, die sich umklammern", "Formen und Erscheinungsbilder") Ein Gedicht? Und wo wir gerade dabei sind – gibt es eine Geschichte hinter dem Ursprung des Sternchen-Symbols? Sie machen "Branding" sehr gut.
Ich sehe, dass mein Satz "erinnert an" nicht durchgekommen ist – und ich konnte meinen Kommentar nicht mehr bearbeiten – also werde ich ihn in einer Antwort korrigieren… sorry.
„erinnert an“ – ich werde es noch richtig machen.
Ich schätze, dass Chris sich entschieden hat, bei 1200 Pixeln aufzuhören (700px für den Haupttext). Da diese Seite mit Inhalten überladen ist, muss die Lesbarkeit sorgfältig berücksichtigt werden. Die volle Breite würde definitiv die Satzlänge beeinflussen, und ich persönlich würde am Ende meinen Finger auf den Bildschirm legen müssen, um meine Stelle zu halten.
Gute Arbeit, Chris :)
Sieht gut aus, liebe das Blau.
Meine einzige Kritik wäre, den Hintergrund etwas dunkler zu machen. Ich hätte gerne etwas mehr Kontrast zwischen dem Hintergrund und dem Inhaltsbereich.
Ich habe gerade die erweiterten Boxen bemerkt, die Sie sich selbst und "Lieblingspostern" in den Kommentaren geben – das ist ordentlich. Merke ich das gerade erst, oder haben Sie das schon immer gemacht? Eine Bitte für einen zukünftigen Beitrag – wie machen Sie das?
Ich freue mich immer auf Ihre Website-Anpassungen und Überarbeitungen. Es hält mich auf Trab. :)
Zugegebenermaßen wird es eine Weile dauern, sich an diese neueste Version zu gewöhnen. Ich mag die Liebe zum Detail, die Sie so gut umsetzen, aber insgesamt scheint es an der Farbkraft Ihrer früheren Versionen zu fehlen. Es fühlt sich irgendwie düster und fast geschäftlich-undesignerisch an, wenn das Sinn macht.
Nur meine 0,02 $ :)
Aus "künstlerischer" Sicht gefällt mir die vorherige Version besser, diese ist etwas langweilig, aber aus der Sicht einer "Informationsseite" ist sie viel sauberer und einfacher zu lesen (für mich jedenfalls), aber hey! Es ist Ihre Seite. Ich mag sie immer noch und werde weiterhin hierher kommen, um CSS und andere Dinge zu lernen. (Ich habe viel gelernt)
Machen Sie weiter so!
Vielen Dank,
Aaron
Tatsächlich ist es wunderschön….
Liebe den Überblendeffekt
Zuerst hat mich das neue Design wirklich erschreckt… Ich bin seit mehreren Jahren Leser dieses Blogs und dieses Redesign war das überraschendste :D
Es sieht wirklich frisch aus und ich finde die Farben besser :)
Beim zweiten Besuch begann es mir zu gefallen :D
Das Logo mag ich aber nicht wirklich.. Den Text danach mag ich, aber nicht das CSS-TRICKS Ding.. es sieht billig aus..
Billig?! Das ist Gotham Condensed.
=)
Eines meiner Lieblingsdinge am Redesign ist die Typografie, besonders das Logo und die Titel der Seitenleiste.
Ich denke, dieses Layout hat sowohl Vor- als auch Nachteile…
Erstens ist der Footer ausgezeichnet. Die kleinen Rollover-Dinge sind großartig, ebenso die in der Seitenleiste.
Es ist Ihnen gelungen, viel unterzubringen, ohne dass die Ladezeiten zu schlecht sind, was auch großartig ist. Der Kommentarbereich gefällt mir auch – alles ist sinnvoll mit den Grautönen und den orange/blauen Rändern, die auf bestimmte Kommentare aufmerksam machen.
Ich stimme jedoch vielen hier zu – die Tabs oben sind etwas langweilig und ich mag es nicht, dass es einen zusätzlichen ganz rechts gibt, wenn man die Seite in ihrer breitesten Ansicht betrachtet. Vielleicht ändern Sie sie, damit sie mehr dem schönen "Kommentar absenden"-Button ähneln, den ich hier sehe?
Die Ausblendfunktion ist sinnvoll, aber wenn Sie das tun, sollten Sie den "Weiterlesen"-Button vielleicht AJAXifizieren, damit er auf der Seite geladen wird, anstatt die Seite neu zu laden?
Es ist überraschend, einen Tweet-Button, aber keinen Like-Button zu finden, aber verständlich und ich würde einen Artikel von hier eher twittern als auf Facebook teilen.
Und schließlich hatte ich ein kleines Problem mit der Suchleiste – wenn ich anfange zu tippen, werden Suchanfragen aus meiner Historie angezeigt, aber diese ändern sich nicht je nachdem, was ich tippe, sie bleiben gleich. Natürlich könnte es ein Chrome-Fehler sein.
Wie immer ist es großartig. Machen Sie weiter so, Chris (und vielleicht machen Sie einen Screencast über all die kleinen Details, die die Leute vielleicht nicht bemerken?) :)
Chris--
Brillante Arbeit (
Wirklich gefällt mir "Diese Website enthält möglicherweise tatsächliches CSS oder Tricks, oder auch nicht." (( Ich kann mich nicht erinnern, das zuvor gesehen zu haben, also falls es schon da war.. ))
Auch ein nettes Forrst-Abzeichen ;)
Ich denke, es ist das bisher beste CSS-Tricks-Design.
ABER der Fade-out-Effekt ist falsch, er widerspricht dem allgemeinen "leicht zu lesenden" Ansatz der Website. Er erschwert das Lesen und führt zu Verwirrung.
Mann, ich liebe den cleaneren Look, meiner unprofessionellen Meinung nach würde ich etwas mehr im Header erwarten, aber ansonsten liebe ich den Footer und den Hauptinhaltsbereich!
Gute Arbeit!! Eines Tages werde ich vielleicht so gut sein!!! LOL
Oh noch eine Sache, liebe den Disclaimer!!!!!
„Diese Website enthält möglicherweise echtes CSS oder Tricks, oder auch nicht.“ LOL
Auf IE7 sind der Name und das Bild des Kommentators nicht sichtbar, sie sind irgendwo links. In FF sieht es okay aus, Chrome habe ich noch nicht ausprobiert.
Ich benutze hier normalerweise IE7 zum allgemeinen Surfen, der PC ist noch nicht auf IE8 aktualisiert. Ich schätze, ich habe IE immer benutzt, seit ich mit Windows 95 angefangen habe und tue es weiterhin, benutze auch FF und Chrome, aber nicht für den Großteil meines Surfens.
Al
Das IE7-Kommentarproblem ist definitiv real und muss unbedingt behoben werden. Entschuldigen Sie die Schwierigkeiten, das sollte spätestens innerhalb von ein oder zwei Wochen behoben sein.
Interessante Sache. Vieles davon gefällt mir aber nicht wirklich. Ich habe das Gefühl, dass manche Dinge einfach reingepfercht wurden, nur um eine bestimmte Technik anzuwenden. Wie zum Beispiel die Hauptnavigation. Die letzten 2 Versionen hatten schöne und funktionierende Hauptnavigationen. Ich habe das Gefühl, diese Navigation hat das künstlerische Aussehen zugunsten abgerundeter Ränder verloren, nur um CSS dafür zu verwenden.
Ich bin mir nicht sicher, warum Sie Ihr Hauptlogo geändert haben, und ich finde die Startseite etwas verwirrend, um sie schnell zu lesen. Die Animationen im Footer sind jedoch ziemlich krank.
Nur meine Meinung… und ich zolle Ihnen großen Respekt für die Zeit, die Sie in die Veröffentlichung neuer Versionen des Theme-Designs investieren… es ist nie einfach, Zeit für die eigene Website zu finden.
Das Logo hat sich nicht geändert.
Ich kann verstehen, was Sie mit der Fülle verschiedener Techniken meinen. Zum Beispiel die Flipcards. Es gibt kein Thema, das diese spezielle Animation/Interaktion ergänzt. Es ist jedoch ein vollwertiger CSS-Trick! Daher gefällt mir die Idee, dass all diese kleinen Nuggets an CSS-Tricks verstreut sind, auch wenn sie etwas unzusammenhängend oder "reingepfercht" sind.
Hehe, es ist interessant zu sehen, wie das Logo ohne Ihr erkennbares Sternchen ("Stern") für manche anders aussieht – obwohl Sie tatsächlich nur das "Tag" entfernt haben, das früher dort war. :)
Ich denke, das liegt daran, dass die Leute den eigentlichen "CSS-Tricks"-Teil des Logos im vorherigen Design nicht bemerkt haben – er war in der oberen linken Ecke etwas versteckt und klein.
Es scheint ein wirklich schönes Design zu sein, das einzige Problem ist, dass es mit Chromium (v5.0.375.99 (51029) Ubuntu 10.04) nicht sehr gut funktioniert :'(
mediaelement.js zeigt das Video unter Chromium Ubuntu nicht an :(
Ich antworte mir selbst
sudo apt-get install chromium-codecs-ffmpeg-nonfreelöst das Videoproblem…
Was es wert ist, und ich weiß, Sie hatten schon einige davon, aber mir gefällt das Ausblenden der letzten Beiträge auf der Startseite einfach nicht. Es war das Erste, worauf mein Auge fiel, als ich das neue Design zum ersten Mal sah, und es hinterließ keinen guten Eindruck. Normalerweise sehe ich gerne, wie viele Kommentare ein Beitrag hat oder wann er veröffentlicht wurde, und das Überfahren des Beitrags, um diese Informationen zu erhalten, ist ein unnötiger zusätzlicher Schritt. Ich habe auch das Gefühl, dass es das Design auf der Startseite in diesem speziellen Bereich irgendwie "schwächert". Abgesehen davon bevorzuge ich dieses neue Design viel mehr als das vorherige. Ich mag dieses hier sehr und finde es eine große Verbesserung. Vielleicht einen Hover-Effekt bei den 125x125 Anzeigen hinzufügen. Großartige Arbeit und danke für alles, was Sie tun.
Sieht wirklich ordentlich und sauber aus. Auch eine schöne Verwendung von CSS3. Aber vielleicht sollten Sie phpBB durch FluxBB ersetzen. ;)
Ich denke, der Plan sind Vanilla-Foren. Ich arbeite mit ihnen an einem anderen Produkt und mag, wie sauber und einfach die Software ist. Ich denke, es wird ein riesiges Upgrade sein, wenn ich es umsetzen kann.
Ok, ich habe Vanilla nur kurz ausprobiert und im Code nachgesehen, aber es hat mir nicht gefallen. FluxBB ist viel leichter und die Codebasis ist auch einfacher. Ich muss sagen, dass ich auch im Entwicklungsteam von FluxBB bin, also bin ich wahrscheinlich voreingenommen ;), aber es ist viel leichter/schneller als Vanilla.
Ich bin kein Fan dieses Designs, aber das ist nur meine Meinung. Mein am wenigsten beliebter Teil ist wahrscheinlich die Navigationsleiste. Eine Sache, die vielleicht etwas besser funktionieren würde, wäre, die obere rechte Ecke abzurunden, damit sie mit allen Links einheitlich ist. Ich denke auch, dass ein leichter Verlauf sie hervorheben und etwas "klickbarer" machen könnte, aber ich bin mir nicht sicher. Nur meine zwei Cent, aber am Ende ist es Ihr Design, tun Sie, was Sie wollen.
Insgesamt sieht das Design in Ordnung aus, nichts, was mich wirklich umhaut, aber keineswegs schrecklich.
Das Einzige, was ich absolut hasse, ist das jQuery-Fading. Ich hasse die Tatsache, dass ich, anstatt die Website zu laden und zu lesen, jetzt über jeden einzelnen Beitrag schweben muss, um den Beitragsausschnitt zu sehen. Unabhängig davon, ob es nur das Veröffentlichungsdatum und die Anzahl der Kommentare sind, aber es sind auch die letzten Zeilen des Artikelausschnitts, zum Beispiel: „shreds, please do so. I have my bachelors in Art and part of that was getting torn…“ wird mir nicht angezeigt, es sei denn, ich schwebe über den Artikel auf der Startseite – dies ist meiner Meinung nach schlechtes Design und alles andere als zugänglich.
Für mich sollte Design nicht nur darauf abzielen, Inhalte gut aussehen zu lassen, sondern auch dem Benutzer das Finden dessen zu erleichtern, wonach er sucht – sie zum Überfahren jedes Artikels zu zwingen, tut beides nicht.
Chris,
Dieses Design wächst mir mit den Tagen tatsächlich ans Herz. Ich sehe, Sie haben ein paar Dinge wie das Kommentarformular behoben (das in Firefox defekt war).
Ich bin froh, dass Sie diesen Beitrag erstellt haben. Es war interessant und ich war mir der coolen Animationen in WebKit-Browsern überhaupt nicht bewusst! Ich öffnete schnell mein Chrome und war schockiert, eine völlig andere Welt!
Was das Fading angeht… es stört mich nicht. Es schafft etwas Platz.
Und eine Sache, die nicht so oft erwähnt wurde, ist, dass ich die 16px Schriftart wirklich liebe, sie erleichtert definitiv die Lesbarkeit, was für diese Website von extremem Wert ist, da sie hauptsächlich für Tutorials und/oder hilfreiche Informationen verwendet wird.
Wie auch immer, machen Sie weiter so!
Noch eine letzte Sache —
Ich habe Ihre Website in IE7 ausprobiert, und sie wird ziemlich gut heruntergestuft, außer den Kommentaren (wie bereits erwähnt) und den Screencasts. Die Videos können nicht abgespielt werden :(
Wollte das nur anmerken.
Ich persönlich finde das neue Design wirklich toll. Ich stimme Ihnen bei der Wahl der Schriftgröße zu. Ich stelle fest, dass ich ständig die Schriftgröße in meinem Browser vergrößere, damit ich mich nicht so sehr hineinlehnen muss. Vielleicht habe ich schlechte Augen, ich trage eine Brille. Aber ich denke auch, dass das Lesen von Dingen auf einem Bildschirm anstrengend sein kann, also möchte ich die Dinge nicht verschlimmern.
Es wirkt jetzt auch stromlinienförmiger und organisierter. Es gefiel mir, dass Sie das Homepage-Layout abgeschafft haben, bei dem Sie 1 (oder 2?) Beiträge und dann diese 4 Blöcke von Beiträgen hatten. Es war cool, aber jetzt, da es weg ist, mag ich Ihre neue Homepage irgendwie besser.
Ich liebe Blau, die Farbauswahl ist großartig.
Chris, hast du das mit dem leeren Thema von DIW begonnen? Ich hatte auf ein 3.0-Upgrade des leeren Themas gehofft…
Okay, ein paar Dinge
1) Der Ausblendeffekt in der Liste. Die Idee stört mich nicht, aber positionieren Sie den Ausblendeffekt etwas tiefer, damit der gesamte Auszug ohne Hover über den Container sichtbar ist. Denken Sie daran, wir sind faul und die zusätzliche Mausbewegung ist ein NO NO.
2) Auf den Artikelseiten ist die Seitenleiste etwas höher positioniert, als sie sein sollte (etwa 5px).
3) Was ist mit dieser Schriftart, "crete-rounded-web-1"? Sie sieht verschmiert aus.
4) Fügen Sie dem "content-wrap" etwas unteren Abstand hinzu (20px reichen aus), es wird besser aussehen, zumindest meiner Meinung nach.
5) Der "Kommentar absenden"-Button und die "Umfragefrage"-Blase sehen in Chrome nicht gut aus, entweder den box-shadow oder die abgerundeten Ränder entfernen, da der box-shadow die abgerundeten Ecken nicht berücksichtigt, keine Ahnung warum, ich habe sie in meinen Projekten zusammen verwendet, sie funktionierten einwandfrei.
6) Die Ergebnisse der Umfragefrage "(8%, 621 Stimmen)" sehen in Safari überhaupt nicht gut aus, sie wirken, als wären sie aus Punkten gemacht. Vielleicht liegt es an der "text-rendering".
7) Entfernen Sie den Outline bei den Inputs, keine Ahnung, wer zur Hölle es für clever hielt, Inputs einen Standard-Outline-Stil hinzuzufügen.
Ansonsten ist alles super :)
Und ich bin froh zu sehen, dass Sie endlich den "Tweet"-Button hinzugefügt haben :) Ich habe nie verstanden, warum Sie uns dazu gebracht haben, ein paar Klicks mehr zu machen, um Ihre Artikel zu twittern, wenn Sie den Tweet-Button hinzufügen könnten.
Das ist alles.
Hey Chris, ich liebe das neue Design, ein kleiner Fehler, den ich in Safari gefunden habe, ist, dass beim Überfahren der Social-Media-Symbole am unteren Rand der Seite die Seitenleiste für eine Sekunde weiß blinkt. Ansonsten liebe ich es,
Schönes Design, aber nicht orange ;)
Vielleicht sollten Sie eine Umfrage zum Überblendeffekt machen?
Ich bin auf der negativen Seite.
Schade, dass die Effekte im Footer derzeit in Safari nicht funktionieren,
habe es in Chrome ausprobiert und sie sind nett. Hoffe, Sie schaffen es, das Problem zu lösen.
Ich denke, das allgemeine Design ist eine Entwicklung in die richtige Richtung,
obwohl ich es etwas zu viel Grau/Blau finde. Der Gesamteindruck wird verwischt, meine Augen müssen mehr umherwandern und nicht in dem Sinne, dass ich mehr entdecke, sondern weniger sehe.
Hoffe, Sie verstehen, was ich meine, ich habe normalerweise Probleme, das in meiner Muttersprache zu erklären :)
Ich hätte gerne mehr Kontrast, wenn nicht mehr Orange, dann mehr Kontrast in den Farben, mit denen Sie arbeiten, oder vielleicht andere Effekte, um Dinge zu trennen.
Nur meine Meinung, vielleicht liege ich falsch.
Machen Sie weiter so, ich glaube, es ist das erste Mal, dass ich kommentiere, aber ich besuche die Seite schon lange regelmäßig.
Mir gefällt es. Die Zeilenlänge bei 1200px ist bei 1200px nicht zu lang, daher hat sich die Vergrößerung der Schriftgröße gelohnt.
Ich bin kein Fan davon, Überschriften zu überrollen, um Inhalte im Footer zu erhalten – ich finde, der Inhalt sollte jederzeit sichtbar sein – aber dies fällt eher unter Meinungsverschiedenheit als unter richtig/falsch.
Alles andere werde ich erst beurteilen, wenn ich einige Zeit mit dem neuen Layout verbracht habe, um die instinktive Reaktion auf Veränderungen zu vermeiden. Menschliche Natur, bla bla bla.
Ich empfand die Artikel-Ausblendungstechnik auf der Startseite nicht stark genug, um das überwiegend negative Feedback dazu zu überstimmen, daher habe ich sie zugunsten einer anderen CSS-Spielerei entfernt. Ich bin sicher, viele Leute werden sie genauso hassen. C'est la vie.
Danke an Matthew Davis für die Hilfe bei der Suche nach einer (seltsamen) Lösung für das Flackern, das durch die "Dinge, die ich mache"-Boxen im Footer verursacht wurde.
Verschiedene andere Korrekturen sind veröffentlicht.
Ich persönlich bevorzuge die neue Methode! Es gab einen Divider mit etwas Markenpersönlichkeit, *und* die benötigten Elemente erscheinen beim Hover. Eine gewinnende Lösung, wenn Sie mich fragen.
Dieses ganze Thema mit Elementen, die beim Hovering in Bezug auf Touch-Geräte (wie das iPhone) erscheinen, ist ziemlich umstritten, aber ich denke, die heute akzeptierte Lösung ist, etwas zu verwenden, um das Gerät zu erkennen und dann die Elemente dauerhaft auf Touch-Geräten anzuzeigen.
Vielleicht sollten Sie das in Betracht ziehen?
Ich muss es zugeben. Als ich das neue Design zum ersten Mal sah, hasste ich es. Aber nach ein paar Besuchen auf der Seite ist es mir ans Herz gewachsen. Ich mag das Blau wirklich und wie viel weniger aufgebläht die Seite sich jetzt anfühlt.
Und jetzt, da ich das gelesen habe und beginne, die subtilen Feinheiten zu erkennen, die man bei der ersten Betrachtung vielleicht nicht bemerkt hätte, bin ich ziemlich beeindruckt.
Sie haben viel Arbeit in dieses Design gesteckt. Gute Arbeit!
Hey Chris, cooles neues Design! Ich habe gerade einen seltsamen Fehler mit der Suchleiste oben und der Seitenleiste bemerkt. Ich benutze OS X 10.6.4 mit Safari 5.0.1.
Nach dem Laden einer Seite (beliebige Seite) auf Ihrer Website, wenn ich in die Suchleiste klicke, bewegt sich die gesamte Seitenleiste (vielleicht 3-4 Pixel nach links und oben) und geht dann wieder an ihren Platz zurück. Wenn ich außerhalb des Suchfeldes klicke und es erneut versuche, passiert es nicht. Aber wenn ich eine andere Seite besuche und es erneut versuche, passiert es wieder (scheint jedes Mal zu passieren, wenn Sie die Suchleiste zum ersten Mal nach dem Laden einer Seite verwenden). Ich bin mir nicht sicher, was damit los ist, es könnte eine Safari-Eigenart sein. Ich finde es nicht störend oder so, aber ich dachte, Sie möchten es vielleicht untersuchen. ;)
Beste Grüße
Nach ein paar Tagen, in denen ich mir die Seite angesehen habe, bin ich immer noch kein Fan der Navigationsleiste, ich bin mir nicht sicher, was es ist, sie sieht für mich einfach nicht richtig aus. Obwohl der Rest der Seite, wie andere schon sagten, schön und lesbar ist, was auf einer solchen Seite das Wichtigste ist.
Im Gegensatz zu dem, was viele andere gesagt haben, gefällt mir der Ausblendeffekt der Artikelvorschauen wirklich gut und ich mag auch viele der Rollovers, die Sie für verschiedene Dinge haben (insbesondere "Ich arbeite für...", "Buch, das ich mitverfasst habe..." und "Wörter, die ich sammle").
Alles in allem muss ich sagen, dass Sie wie immer eine wunderbare Arbeit geleistet haben. Und die Navigationsleiste ist eine Kleinigkeit, daher kann ich leicht darüber hinwegsehen und ich bin sicher, dass ich mich mit noch mehr Zeit daran gewöhnen werde.
Wollte nur eine kurze Notiz hinzufügen. Ich bin gerade über die Navigationsschaltflächen gerollt, und ich persönlich würde das dunklere Blau als Normalzustand und das hellere Blau als Rollover-Zustand verwenden. Nur meine 2 Cent
Wow, wenn ich zurückblicke, erinnere ich mich an V2. So cool!
Ich persönlich mochte das alte Design besser. Aber das ist nur meine Meinung.
Chris, zum größten Teil liebe ich es. Der Footer ist eine RIESIGE Verbesserung. Ich weiß nicht, ob ich die Navigations-Tabs mag, aber es ist nichts Großes. Die Sauberkeit ist inspirierend. Ich bin unentschlossen bezüglich des Blaus. Jemand oben sagte, es sei fast klinisch... Dem stimme ich nicht zu, aber etwas an diesem Farbton stört mich definitiv. Zu... himmelblau für mich. Das können Sie jedoch notieren, da ich einfach an die früheren Farben gewöhnt war. Ich werde darüber hinwegkommen.
Eine Sache nervt mich tierisch, nur weil Sie es in einem Bild gezeigt haben. Die Blase, die für den Abstimmungsbereich verwendet wird, ich schwöre, das Dreieck ist um 1% daneben. Wenn ich es in Firebug auf 97% ändere, sieht es großartig aus. Ich benutze FF 3.6.8. Ich weiß, es ist eine Kleinigkeit, die man hervorhebt, aber wenn Sie kein Bild eingefügt hätten, das beschreibt, was Sie getan haben (was mich zum Hinschauen veranlasst hat), hätte ich es nicht bemerkt.
Ich werde mir jetzt selbst die neuen Tweet-Buttons holen!
Neuer Listeneintrag in der Seitenleiste. Ich liebe ihn wirklich.
Neuer Footer. Absolut sauberer und heller.
Neue Blasenfrage im Abstimmungsbereich. Cool.. (kleines Problem mit Safari 5 http://skitch.com/ebiansyah1402/d1jmm/design-v7-css-tricks)
Als jemand, der gerade an einem neuen Design für meine Website arbeitet (da das aktuelle eher ein Platzhalter für das Konzept ist), hätte Ihr Redesign für mich zu keinem besseren Zeitpunkt kommen können. Obwohl ich Ihre vorherige Iteration teilweise bevorzugte, kann ich das minimalistische Gefühl der neuen Website absolut nachvollziehen.
Im Gegensatz zu einigen Kommentaren empfinde ich die Farben nicht als trocken und kalt, sondern eher als beruhigend und fokussierend. Dieses Design scheint sich eher darauf zu konzentrieren, den Inhalt zu betonen als das Design selbst.
Umgekehrt ist das Einzige, was bei mir nicht ganz ankommt, die Navigation oben. Es gibt etwas an den ineinanderlaufenden Tabs, das mich leicht *unbehaglich* macht, mangels eines besseren Wortes. Abgesehen davon bin ich an Ihrer Begründung für die Wahl dieses Designelements interessiert und kann es kaum erwarten zu sehen, was Sie in Zukunft noch hinzufügen/ändern werden.
Dies ist definitiv die beste Version bisher. Ich liebe die größeren Schriftarten, das hellere/sauberere Layout, HTML5-Ergänzungen wie das Suchfeld, WebKit-Übergänge usw. Der Überblendeffekt bei den Artikeln ist cool, aber er lenkt auch ein wenig ab. Ansonsten eine definitive Verbesserung auf ganzer Linie.
Ich weiß nicht, Mann. Dieses hier wirkt etwas... leblos und nicht so sexy. Es passiert zu viel und springt herum, wenn ich scrolle und die Maus bewege. Manchmal will man einfach ruhige Bereiche, in denen nichts passiert.
Du willst das nicht hören, aber mir gefällt das Gefühl der früheren Designs besser. Dieses Metall/Blau-Thema ist nicht das gemütliche, lustige CSS Tricks, bei dem ich mich aufgehalten habe. Der Header dieses Designs ist nicht so prominent, was seltsam ist. Es fühlt sich etwas leer an.
Und ich weiß nicht genau, welche fluiden Dinge Sie hier eingebaut haben, aber es hängt enorm, wenn ich die Seite (mit Safari 5.0.1) in der Größe ändere. Ich würde vermuten, dass es einige Performance-Probleme im Zusammenhang mit dem Neuzeichnen von fluiden Bildern, Anzeigen und ähnlichem gibt, aber ich weiß es nicht.
Mein unmittelbarer Eindruck, als ich das neue Redesign sah, war das Blau. Blau überall! Wo ist das Schwarz und Orange, rief ich! Abgesehen davon gab es nur eine Sache, die nicht zu passen schien. Das Sternchen oben rechts sieht eher unvollständig aus. Es wäre besser, wenn es Farbe hätte.
Ich liebe, wie Sie ganz unten geschrieben haben, dass diese Seite möglicherweise kein echtes CSS oder Tricks enthält.
Insgesamt ein großartiges Redesign.
Schön, es gefällt mir. Bisher war ich mit Ihnen einverstanden. Jedes neue Design war eine Verbesserung gegenüber dem anderen. Nun zu dieser Zeile
„Diese Website enthält möglicherweise echtes CSS oder Tricks, oder auch nicht.“
Hallo Chris,
Du warst fleißig! Also, gleich zu Beginn…
Dinge, die ich verdammt liebe
Du und dein Banjo im Footer
Haftungsausschluss im Footer mit dem Sternchen-Logo
Größere Schrift für bessere Lesbarkeit (und meine Augen sind auch völlig in Ordnung)
Spritzer von Blau und Orange (Ich mag es auch)
CCS3 und HTML5: Wenn jemand es tun sollte, dann sind es Jungs wie du
Dinge, die ich verdammt hasse (okay, hassen ist wahrscheinlich ein zu starkes Wort)
Das antiseptische Gefühl (außer dir und deinem Banjo)
Was am Ende wie ein leerer Hauptnavigationsbutton aussieht
Was am Ende wie ein leerer Hauptnavigationsbutton aussieht
Insgesamt, und das ist nur meine bescheidene Meinung, ist es wahr, dass das Design sauber und funktional ist. Ich schätze es, dass Sie sich nie auf Ihren Lorbeeren ausruhen und für den Rest von uns weiter innovativ sind.
Natürlich ist es egoistisch, aber als begeisterter Leser und Chris Coyier-Fanboy wünschte ich mir persönlich, Sie wären bei dem geblieben, was ich immer für eine bewusste Wahl für den Kontrast hielt. Deshalb vermisse ich v5.
So viele Websites, die ich besuche, verwandeln sich scheinbar in langweiligere Versionen ihrer selbst. Ich gebe dem Kool-Aid die Schuld, das auf Konferenzen serviert wird, auf denen Steve Jobs spricht. Apple wird immer für eine sehr saubere und nutzbare Website und für ein insgesamt subtiles und schlankes Design in all ihren Produkten gelobt. Das mag sicherlich stimmen, aber als Ergebnis überflutet Graustufen meinen Sichtbereich immer mehr.
Eine Website, die Unmengen von Inhalten gewidmet ist, kann immer noch einige Farbkontraste für separate Bereiche beibehalten, ohne aufdringlich zu wirken. So viel Weiß und sehr helles Grau strengt mich tatsächlich beim Lesen an, unabhängig von der Schriftgröße, und ich kann nicht glauben, dass ich allein bin. Ich brauche etwas Dunkleres in meinen "Randbereichen", damit ich sehen kann. Für mich ist es dieselbe Theorie wie bei den Letterbox-Versionen von Filmen.
Fangen Sie erst gar nicht an, wie sehr ich mir Sorgen mache, dass die Technologie uns näher an die Codierung für eine Standardbreite von 2880 Pixeln bringt. Welche Schriftgrößen und Zeilenhöhen werden dann für die Lesbarkeit notwendig sein?
Wie auch immer, insgesamt ein Lob, ich vermisse nur mehr Farbe.
Ich verstehe die Überblendungen überhaupt nicht. Ich meine, es ist nicht so, dass die Überblendungen zusammenbrechen und eine Art platzsparende Funktionalität bieten würden. Sie verstecken einfach Informationen vor dem Leser, meiner Meinung nach, ohne ersichtlichen Grund. Ich vergleiche das damit, dass Google beschließt, die Links auf ihrer Suchseite einzublenden. Ästhetisch ist ihre Suchseite bereits die sauberste Website überhaupt, daher ist das (anfängliche) Verbergen von Links nur eine kleine Ärgernis, die wirklich nichts bewirkt.
Was das allgemeine Aussehen/Gefühl des neuen Designs betrifft, so bevorzuge ich das alte. Warum? Ich bin kein Fan der blauen Farbwahl oder des "kastenartigen" Layouts, es ist meiner Meinung nach einfach zu langweilig.
Natürlich schätze ich Ihre Website und was Sie für die Webentwickler-Community tun, und dies sind nur persönliche Meinungen.
Die Überblendungen sind seit ein paar Stunden verschwunden. Wenn Sie das also immer noch sehen, leeren Sie Ihren Cache. Es ist lustig, dass Sie dieses Design als "boxy" empfinden. Das alte Design bestand buchstäblich ausschließlich aus Boxen, und dieses weicht davon ab. Lesen Sie meinen ersten Kommentar in diesem Thread über "Warum Informationen verstecken?". Die Idee ist, visuelle Unordnung/Intensität zu reduzieren, indem identische Seitenelemente nicht wiederholt werden.
Gibt es eine Möglichkeit, dieses Fadeout-Ding zu sehen, über das sich alle beschwert haben?
Ich weiß, Sie haben es entfernt, aber es wäre cool, eine bessere Vorstellung davon zu bekommen, worum es bei dem ganzen Aufhebens geht.
Tut mir leid, Mann, es ist für immer weg. Es war einfach zu großartig für diese Welt.
Großartiges Gesamtbild und -gefühl. Ich denke, Sie geben auf der rechten Seite zu viel Terrain auf. Ich würde versuchen, es um etwa 15% zu reduzieren (und auch die Suchleiste), und sehen, wie sich das auswirkt. Auch die Textgröße ist großartig, aber wie wäre es, die Zeilenhöhe um weitere 2px zu erhöhen? Für mich könnte das das Lesen noch einfacher machen.
Zunächst einmal ist das Design ein völlig neuer Anfang für diese Seite, den ich nicht erwartet hatte. CSS-Tricks ist mehr als ein Webdesign-Blog (zumindest meiner Meinung nach) und ich bin froh, dass Sie diese Botschaft mit diesem neuen Design vermittelt haben. Das Blau fühlt sich definitiv besser an und ich mag all die kleinen Details, besonders die Fußzeilenmeldung mit dem "may not contain css/tricks"-Teil.
Einige Dinge, die sich für mich jedoch seltsam anfühlen, sind die Schaltflächen und das Suchfeld. Der Inset wirkt sehr alt und veraltet, anstatt modern. Auch der "blaue Umriss"-Effekt ist nur für Safari/Chrome-Benutzer oder Firefox auf dem Mac, was mich mit nichts zurücklässt und es wäre großartig, wenn Sie den Effekt stattdessen in CSS hinzufügen könnten, was ziemlich einfach ist (http://forr.st/~uQJ).
Entschuldigung für den langen Kommentar, nur eine Angewohnheit, aber nochmals tolles Design =)
Chris, ich liebe das Design und ich liebe, wie klar Sie die Gründe und Vorgehensweisen Ihrer Entscheidungen erklären. Meine einzige Kritik ist, dass Ihre Demos immer noch das Orange des alten Designs haben. Vielleicht eine einfache CSS-Änderung zusammen mit neuen Bildern? Vielleicht eine komplizierte jQuery-Lösung? So oder so, machen Sie weiter so!
Ich denke, Sie geben auf der rechten Seite zu viel Terrain auf.
Es lässt Safari auf dem iPad abstürzen, wenn man in einen Artikel hineinzoomt.
Ansonsten gefällt es mir!
Ich würde diese Seite sogar lieben, wenn sie mit Frontpage ohne CSS und einem grün-gelben Verlauf im Hintergrund gestaltet wäre :-) Der Inhalt ist das Wichtigste, und der Inhalt ist perfekt…
Das Einzige, was mich wirklich stört, ist das Logo oder der Header, das Kerning ist zu stark oder ich würde eine andere Schriftart in Betracht ziehen, nicht die kondensierte..
Video bitte! (>_<)
Ich finde es großartig, liebe die Typografie. Übrigens, ein schönes Deering Goodtime im Footer ;-) Ich spiele und besitze eine Deering Sierra.
Es gibt wirklich schöne Elemente im neuen Design. Aber man hat den Eindruck, es sei überstürzt worden? Ich könnte mich jedoch völlig irren
Abgesehen von ein paar CSS-Anpassungen hier und da gefällt es mir. Ich denke, es wirkt geschäftsmäßiger aufgrund des minimalistischen Designs, aber die Grautöne sind großartig.
Designtechnisch würde ich jedoch etwas (mehr) 'Whitespace' am unteren Rand der RSS-Links im Footer platzieren.
Ich liebe die neue Startseite, viel attraktiver meiner Meinung nach.
Mir gefällt das Redesign, aber
Sowohl der Effekt der Footer-Links (Ich arbeite für, Buch, das ich mitverfasst habe, etc.) als auch der neue "Fade-in"-Effekt auf der Startseite funktionieren in Opera 10.5+ nicht, obwohl sie es könnten. Kopieren Sie einfach alle -webkit-transition und -webkit-transform Eigenschaften und benennen Sie sie in -o-transition und -o-transform um. Ich habe es ausprobiert, es funktioniert bei mir (Opera 10.61, die gleiche Engine wie 10.5).
Ich liebe das Redesign. Liebe die Farben und das Gesamtgefühl der Seite. In v6 hatte ich das Gefühl, dass es schwieriger war, die neuesten Beiträge zu finden, aber jetzt sieht es viel besser aus.
Ich liebe Ihre Arbeit und habe so viel von Ihnen gelernt. Machen Sie weiter so!
Ach, in meinem alten Freund Firefox 2 funktioniert es nicht mehr, seit Sie auf HTML5 umgestiegen sind (-_-)
Die Übergangseffekte gefallen mir am besten, hier und da sind sehr schöne und clevere Dinge dabei. Den Rest, muss ich leider sagen, habe ich das alte CSS2-Design bevorzugt! Es fühlt sich jetzt etwas weniger lebendig und farbenfroh an. Ich freue mich jedoch auf das, was als Nächstes kommt. :)
Funktionalität super
aber farblich nicht so gut
Gut. Viel besser als der kastenartige Mist, den Sie auf der Startseite der letzten Version hatten.
Sieht super aus, Mann!! Gefällt mir wirklich gut und das Foto unten ist 100 Mal besser. Rock on!
Das Design sieht frisch aus wie immer, Chris, nur eine kleine Sache, die mir in Firefox 3.6.3 aufgefallen ist, ist, dass der Hintergrund Ihrer Seitenleiste links nicht ausgerichtet ist. Ich habe unten einen Screenshot bereitgestellt.
Screenshot
Nochmal, das neue Design gefällt mir sehr gut, ich liebe das Blau.
FDL.
Ich mag das neue Design und danke, dass Sie all die neuen Verbesserungen Ihrer Website teilen!
Mir gefällt es, schön und sauber. Immer ein Fan von minimalistischen Dingen.
Wirklich toll, wie Sie die "Weiterlesen"-Teile in den Artikeln enthüllen.
Falls noch nicht erwähnt, können Sie diesen blauen Umriss in Webkit mit diesem CSS entfernen. Wenn Sie möchten, können Sie dann andere Effekte zum Fokus hinzufügen.
.your-form-class:focus
{
outline: 0;
}
Grüße
Thomas
In FF und IE bei 1900x1200 Auflösung schwebt Ihre Seitenleiste über dem Inhalt. Ich muss einmal herauszoomen, um es richtig anzuzeigen.
Bildschirm: http://imgur.com/FmIqr.jpg
Du weißt, wie man es hinkriegt.. sehr sauber und schön!
Liebe das neue Design, Chris, vieles wurde weggeschnitten, aber die Seite fühlt sich viel informativer an.
Ich war wie viele andere gegen die Überblendung, aber die neue Einschiebe-Animation, mit der Sie diese ersetzt haben, haut mich um.
Sieger, Sieger. Gebratenes Hühnchen-Dinner.
Hallo Chris,
Sollte der graue Hintergrund des "Go"-Buttons neben dem Suchfeld nicht entfernt/transparent sein?
Es sieht jetzt irgendwie falsch aus…
Jelmer
Liebe v7! Sehr sauberes Aussehen mit viel Raum zum Atmen!
Ich würde ein etwas dunkleres Grau für den Hintergrund verwenden.
Das Muster im oberen und unteren Hintergrund lässt den Text komisch aussehen…
Kann es kaum erwarten, v8 zu sehen.
Sehr sauberes Design, ich liebe diese "crete-rounded" Schrift und Ihren Footer. Das Bild mit Ihnen und Ihrem Banjo ist fantastisch und der Page Speed Score ist 89/100, das ist großartig!
Nur meine zwei Cents
Ich denke, es ist gut geworden. Leicht und sauber. Ich war mir zuerst nicht sicher wegen der Hintergrundtextur, aber jetzt gefällt sie mir auch. Nette jQuery-Dinge unten rechts.
Machen Sie weiter so!
(Safari 5.0.1, OSX Snow Leopard)
Sehr schön, ich liebe die Vereinfachung und es gibt sehr wenig Unordnung mit einem schönen Anteil an Weißraum. :) Leicht und wolkig… Ich mag dieses Design wirklich. Ich bin sicher, es gibt Möglichkeiten, es noch besser zu machen, aber zumindest für mich "funktioniert es" momentan.
Generell stört mich dieses Design nicht. Es ist sehr funktional, aber das scheint eine bewusste Entscheidung zu sein.
Ich muss sagen, dass ich das Tag vermisse. Ich fand das immer ein süßes kleines Bild/eine Repräsentation. CSS-Tagging und so.
Außerdem habe ich noch nie einen Kommentar hinterlassen, aber Ihre Kommentare scrollen FÜR IMMER!! Ich habe fast aufgegeben, bis zum Ende zu scrollen, um die CSS-Tricks zu sehen, die Sie in den Footer eingefügt haben.
Sehr schön, Chris. Ein weiteres Meisterwerk!
Es ist ein sehr sauberes Design, und ich mag die größere Schriftgröße für den Haupttext. Allerdings lässt das Hintergrundmuster hinter dem Header-Bereich es unscharf erscheinen. Es gibt auch einige Lesbarkeitsprobleme mit dem Text auf dem dunkleren Grau, wenn Sie antworten.
Den Footer mag ich wirklich.
– Lori
„Inhalt ist König“, und da ich seit v3 dabei bin, denke ich, dass es klar ist, dass die „Verdaulichkeit“ des Inhalts eine treibende Kraft bei diesen Redesigns war – ich finde es mit jeder Iteration einfacher, Ihre Artikel zu konsumieren.
Eine Sache, die die Verdaulichkeit wirklich beeinflusst und oft übersehen wird, ist die Anzahl der Wörter pro Zeile. Die vergrößerte Schriftgröße hilft dabei sehr, aber indem Sie die maximale Breite der flüssigen Komponenten begrenzen, verhindern Sie tatsächlich zu viele Wörter pro Zeile für Breitbildbenutzer – großartige Liebe zum Detail!
Meine einzige Beschwerde ist, dass ich denke, Sie sollten das Thema der Website immer mit dem Thema Ihrer Identität verbinden, daher ist das Fehlen von Orange ein bisschen ein Überraschung. Diese hellblauen Links fallen mir nicht ins Auge.
Das alte Aussehen gefiel mir gut, aber dieses hier ist auch gut!
Ich bin wie viele andere, die das neue Design zum ersten Mal sahen und dachten: "Wo ist CSS-Tricks hingegangen?". Seitdem ist es mir jedoch ans Herz gewachsen. Eine Sache, die mir wirklich gefällt, ist, dass Sie alle CSS3- und HTML5-Funktionen integriert haben.
Alle haben die meisten meiner Gedanken angesprochen, aber ich habe noch eine neue Sache beizutragen. Ich habe ein iPad und lese Blogs darauf immer mehr. Das bedeutet, dass die tollen Rollover-Effekte größtenteils verschwunden sind und die aktiven Zustände für die Interaktivität übernehmen. In den meisten Fällen ist dies kein Problem. Der neue Schiebeeffekt (zuvor der Überblendeffekt) am unteren Rand der Artikelzusammenfassungen ist jedoch nicht vorhanden, so dass ich selbst herausfinden muss, dass ich auf die Artikelüberschrift klicken kann, um mehr zu lesen. Das ist nicht sehr intuitiv, zumal die Überschriften grau sind und die Rollover-Effekte auf dem iPad nicht funktionieren. Ich schlage nicht vor, dass Sie für iPad-Benutzer optimieren, aber dieser eine Effekt könnte mehr Schaden als Nutzen anrichten, da er rein ästhetisch ist.
Insgesamt aber ein großartiges Redesign.
Noch eine Sache zu den Hover-Effekten in den Artikelfußzeilen. Ich glaube, ich habe endlich herausgefunden, was sie für mich ablenkend macht.
Meine Maus befindet sich oft in der Mitte der Seite, während ich scrolle, was bedeutet, dass der Rollover-Effekt immer wieder bei einer Artikelzusammenfassung ausgelöst wird, die sich unter der befindet, die ich gerade lesen möchte. Das lenkt mich von dem ab, worauf ich mich konzentrieren möchte, was das Gegenteil seiner Absicht ist.
Ich bin mir nicht sicher, ob jemand anderes das auch so empfindet.
Ich mag das Redesign. Es passt perfekt zum Zweck der Website und ist schön und frisch. Und ich stimme Ihnen zu, Chris… Das jQuery-Fade war zu großartig für diese Welt. : )
Nebenbei bemerkt, ich muss sagen, ich bin ziemlich entsetzt darüber, wie Menschen ihre Meinungen eher wie Befehle äußern..
z.B. 'mach dies, mach das. k danke'
Ziemlich respektlos und geschmacklos, wenn Sie mich fragen.
Leute, die Firefox verwenden, werden v7 lieben
Leute, die IE8 verwenden, werden v7 hassen
Ich benutze IE8, also…
Dann können Sie Chrome verwenden :)
Ja, hör auf, IE zu benutzen. Ganz einfach.
Hhhmm… das Design hat sich geändert. Die Probleme, die ich mit IE8 hatte, sind verschwunden.
Also sage ich jetzt: Leute, die IE8 verwenden, werden es mögen, aber nicht so sehr wie Leute, die Firefox verwenden.
Tabs treffen mich. Sieht WIRKLICH seltsam aus, meiner Meinung nach.
Ich melde mich zu Wort, obwohl Ihnen mein Kommentar zum anderen Beitrag nicht gefallen hat. Man kann es Ihnen nicht übel nehmen, aber ich war ehrlich, andererseits hatte ich auch 6 Biere intus, als ich es schrieb. Die Probleme, die ich mit der Ästhetik hatte, waren nicht nur eine Bauchreaktion, sie basierten rein auf Lesbarkeit, Benutzerfreundlichkeit und der Tatsache, dass ein Teil der Persönlichkeit des letzten Designs verloren gegangen war. Ein großes Problem, das Sie gelöst haben, ist das Ausblenden des Beitragstextes. Es mag ein netter Effekt bei begrenzter Nutzung sein, aber bei jedem Beitrag auf der Seite war es anstrengend für die Augen, ihn anzusehen. Das neuere Einblenden ist effektiver. Ich hatte auch das Gefühl, dass Sie mit den Tabs in der Navigation etwas Besseres hätten machen können. Ich bin sicher, sie könnten als brauchbar verteidigt werden, was sie auch sind, aber ihnen fehlt Persönlichkeit… nur eine Meinung. Was mir gefällt, sind viele subtile Elemente im gesamten Design, die eine zusätzliche Ebene der Interaktivität hinzufügen, was für das Webmedium schön ist, und die Tatsache, dass Sie die Animation ohne einen Tropfen Flash vorantreiben. Ich würde von einem jQuery/CSS-Typen nichts weniger erwarten. Insgesamt also großartige Arbeit, und ich bin sicher, sie wird sich weiter verbessern. Und übrigens, wie finden Sie die Zeit, all das zu tun, was Sie tun? Sie müssen eine ernsthafte Aufmerksamkeitsdefizitstörung oder so etwas haben :)
Ich bin verwirrt über die Umstellung auf HTML5 (H.264) Video. Bedeutet das nicht, dass sie auf einem iPad sichtbar sein sollten? Haben Sie die Videos in Ihrem Archiv/Katalog neu codiert? Da ich sie auf meinem iPad nicht ansehen kann, fehlt mir eindeutig etwas. Kann mir jemand helfen zu verstehen, wo ich falsch liege?
Chris, danke für eine fantastische Lernseite. Ich bin so neu in der Designseite des Handwerks, dass ich einfach nicht weiß, was ich nicht weiß, und ich finde CSS-Tricks eine erstaunliche Ressource. Danke!
Ich bin im Moment auch verwirrt darüber. Ich würde denken, dass sie auf dem iPad einwandfrei abgespielt werden. Es verwendet das Video-Tag ordnungsgemäß und die Videos sind in H.264 kodiert. Aber dennoch spielen sie nicht ab. Ich habe ein Gerücht gehört, dass das Setzen des Poster-Attributs das Abspielen unterbricht, was ich tue, aber ich habe es mit und ohne versucht und sie spielen sowieso nicht ab, also habe ich es drin gelassen.
Ich habe auch gehört, dass die Videos auf anderen zufälligen Kombinationen von Browser und Plattform nicht abgespielt werden.
Im Laufe der Zeit werde ich all das klären. Im Moment können Sie sich natürlich jederzeit bei iTunes abonnieren oder sie direkt herunterladen und mit etwas wie dem VLC-Player abspielen.
Verwenden Sie zusätzliches Javascript, um die Benutzeroberfläche zu verbessern?
Okay, ich bin ein CSS-Tricks-Oldtimer und ich muss zugeben, dass ich anfangs etwas skeptisch gegenüber Design v7 war, aber Sie haben tonnenweise Leistungsverbesserungen vorgenommen. Und es wächst mir definitiv mit der Zeit ans Herz.
Visuell genieße ich besonders die neue Art, wie Code-Snippets jetzt in Beiträgen aussehen. Sie sind einfach ein verrücktes, kühnes Statement mit ihren schwarzen Hintergründen, und ich liebe, wie sie hervorstechen.
Unterm Strich ist es Ihre Website, Mann! Machen Sie, was Sie *gerne* tun, solange die Qualität Ihres Inhalts sich nicht ändert, werde ich immer wiederkommen!
Alles gesagt, Chapeau.
Ich glaube, ich war vorher nicht nett genug. Jetzt, da das Fading weg ist (angeblich, weil es 'zu großartig für diese Welt' war! lol!) und ich nicht mehr davon abgelenkt werde, finde ich die Seite großartig. Sie sollten wirklich glücklich damit sein. Ich liebe die Schriftarten, die Schriftgrößen und den Weißraum. Im Nachhinein denke ich, dass dies vielleicht Ihr stimmigstes Thema bisher ist, und es gefällt mir immer besser.
Es gibt lustige Dinge mit abgerundeten Ecken und so, aber solche Kinderkrankheiten werden sich von selbst erledigen. Seien Sie glücklich!
P.S. Ist Ihr neuer Disclaimer dafür da, falls Sie jemand unweigerlich wegen der Diskussion über JQuery zur Rechenschaft zieht? :P
Großartige Entwicklung Ihrer Website… Mir gefällt das, weil es ein bisschen modern und minimalistisch ist, während es dennoch dem Thema Ihrer früheren Designs treu bleibt. Ich habe bemerkt, dass Sie das Fadeout entfernt haben, es funktionierte nicht und war etwas nervig. Der einzige Nachteil für mich ist Ihr Snippets-Bereich ganz unten. Ich denke, es wäre besser in der Seitenleiste.
Insgesamt finde ich, dass dieses Design gut funktioniert. Ich habe die Entwicklung mit dieser jüngsten Änderung verfolgt und war kein großer Fan des Verblassens, aber es war trotzdem eine nette Idee. Das Bild unten gefällt mir auch. Banjos sind toll. Mach weiter so und danke, dass du eine der besten Seiten da draußen betreibst.
Das neue Design sieht großartig aus. Das einzige Problem, das ich habe, ist die Navigation. Ich denke, das Padding könnte zu exzessiv sein. Es lenkt vom Haupttitel von CSS-Tricks ab. Ansonsten bin ich ein Fan. Froh, dass du fluid geworden bist.
Hallo Chris, bezüglich des neuen v7 gefällt es mir wirklich gut, mehr Fokus auf den eigentlichen Inhalt. Was großartig ist. Nur ein kleiner Schock, als ich es zum ersten Mal sah, und normalerweise ändert man Dinge nur zum Besseren, wobei dies eine ziemlich komplette Änderung ist. Auch, wie andere erwähnten, mochte ich das Verblassen bei den Posts nicht besonders, aber ich habe gerade bemerkt, dass stattdessen etwas jQuery-Magie hinzugefügt wurde. Das ist Qualität! Ich liebe die Arbeit. Möge es lange so weitergehen!
Hallo, ich bin's wieder, habe auch gerade bemerkt, dass der flackernde Bug in Webkit beim Hover von „Ich arbeite für…“ usw. verschwunden ist. Was war das Problem??
http://forrst.com/posts/Fighting_Transition_Related_Flickering-uEh
Wow, ich liebe dieses Design, es ist so augenfreundlich, es macht viel mehr Spaß zu lesen, und wie ein anderer Benutzer sagte, es ist originell. Also ja, ich liebe das neue Design, und wenn ich meine Gefühle zu diesem neuen Look erklären müsste, müsste ich einen sehr langen Beitrag schreiben, und mein Englisch ist nicht so gut, aber insgesamt ist es einfach erstaunlich. Herzlichen Glückwunsch dazu!
Es ist schön! Einfach, sauber, aber effektiv, es ist freundlicher als zuvor. Ich mag die Kommentare.
Gute Arbeit.
Ich bin seit V3 bei dir. Sehr gute Arbeit, Chris. Es wirft mich immer ein wenig aus der Bahn, wenn du ein Theme wechselst, aber sobald ich mich wieder an die Anordnung gewöhnt habe, scheint es immer eine Verbesserung zu sein. Danke, dass du immer weiter vorantreibst und mein Interesse am Webdesign aufrechterhältst!
Tolle Arbeit. Eine Sache, die mich immer wieder erstaunt, ist, wie du so viel Zeit findest, um Arbeit zu bewältigen, umwerfende Artikel zu schreiben und deinem Blog auf so effektive Weise ein Makeover zu verpassen. Bravo! :) Der Besuch deines Design-Archivs erinnerte mich an das erste Mal, als ich auf deiner Seite war, haha... Ich glaube, es war v1 oder v2...
Ich glaube, er schläft nicht.
Gute Arbeit. Ich denke, dieses neue Design verbessert die Lesbarkeit. Und ich schätze wirklich die Zeit und Mühe, die du in das Styling des Kommentarbereichs gesteckt hast. Ich bin 50/50, was die Überschneidung des Anzeigenbereichs mit dem Navigationsbereich angeht. Ich finde jedoch, dass es eine clevere Art ist, diesen toten Raum zu füllen.
Ich denke, dass der Hintergrund des Inhalts derselbe sein sollte wie der Hintergrund des Body. Ich denke, dass dadurch der Inhalt weniger gedrängt wirken würde.
Insgesamt, große Liebe zum Detail. Das war ein großes Redesign.
Tut mir leid, Kumpel. Es hat etwas von seinem Charakter verloren. Das ganze Blau und Saubere nimmt den persönlichen Touch weg, den ich am vorherigen Design mochte. Lässt es eher billig wirken.
Es sieht wirklich aus wie eine Standardvorlage statt einer individuellen Qualität…
Mach trotzdem weiter so. Der Inhalt zählt, und da die meisten Leute es zu mögen scheinen… ;)
Ich mag deine Artikelfußzeilen auf der Homepage, das verschiebbare Logo, das "Weiterlesen" und das Datum enthüllt, ich würde gerne sehen, wie du das gemacht hast. Ich schätze, ich könnte im Quelltext herumstöbern^^
Ich denke, es hat viel von dem Detail verloren, das es so schön zu besuchen machte. Auch das helle Theme ist nicht meine persönliche Wahl, besonders nachdem ich die schöne Mischung aus Orange, Blau und Graustufen im vorherigen Design gesehen habe.
Auch die Menüelemente und der Header oben wirken sehr einfach und amateurhaft, fast so, als ob sie einfach von einer kostenlosen Basisschablone und nicht von einem individuellen Design übernommen wurden.
Persönlich gefiel mir die Kompartimentierung in V6 besser. Ich finde, V7 liest sich wie eine Rolle.
Die geringfügigen Änderungen, die seit der Veröffentlichung an V7 vorgenommen wurden, machen wirklich einen Unterschied. Jede Verfeinerung hilft. Großartige Arbeit.
Schöne und ausgezeichnete Arbeit, hoffe, ich kann eines Tages so etwas machen, danke fürs Teilen
Es ist mehr auf Inhalte fokussiert, was gut ist, denn ich liebe deine Inhalte! Ich beziehe mich ständig darauf. Danke und mach weiter so!
Das alte Aussehen besser, aber ich mag es, weil es originell ist!
Mach weiter so!
Danke, dass du dir die Zeit genommen hast, die Änderungen aufzulisten, Großartig! LT
Insgesamt ein sehr schönes Design!
Eine Sache, die mir aufgefallen ist (ich glaube, sie wurde in den Kommentaren schon erwähnt), ist, dass es keinen „Nächste Seite“- oder „Vorherige Artikel“-Link unter den Artikeln auf der Startseite gibt. Es ist etwas lästig, immer wieder nach oben gehen und auf „Archiv“ klicken zu müssen – ein Link wie in v6 wäre perfekt!
Ach übrigens, in Chrome sieht dein Homepage-Slide-in-Effekt dieses "Weiterlesen"-Dings fantastisch aus. Aber nicht in Firefox. Ist die Ease-in-Funktion nur für Webkit verfügbar?
Ich mag das neue, klare Design sehr!
Aber ich kann deine Videos auf meinem iPad nicht sehen, der Play-Button ist deaktiviert. (Bitte mache DIE Videos .mp4 h264)
Nur eine kleine Idee für deine Snippets-Seite
Mir ist in den Foren aufgefallen, dass du die Suche in den Foren standardmäßig auf dem Reiter "Tab" hast. Ich dachte, es wäre auch eine gute Idee, dies im Snippets-Bereich zu tun. Nur ein Vorschlag. Du könntest dann auch die Suche von der eigentlichen Snippets-Seite entfernen.
Gute Idee, Josh, ich kümmere mich darum.
Meine einzige Kritik ist, dass der Haupttext zu breit läuft.
Das sind etwa 740 Pixel auf meinem Bildschirm. Das sind mindestens 100 Zeichen – mir wurde vor Jahren beigebracht, dass die Augen Schwierigkeiten haben, sobald die Breite mehr als 72 Zeichen beträgt.
Und persönlich denke ich, dass der Text zu nah an die Ränder der Hauptspalte gerät. Das absolute Maß des Randes ist in Ordnung, ich denke, es gibt nicht genug Weißraum relativ zur Spaltenbreite.
Ansonsten, eine wirklich schöne Arbeit.
Hallo Chirs,
Blau ist meine Lieblingsfarbe und deine Website ist so cool und schön.
Könntest du einen Artikel über deine Überschriftenschriften schreiben? Wie man benutzerdefinierte Schriften verwendet?
Nur ein paar Anmerkungen
* Das erste, was mir auffiel, ist, dass die Seitenleiste (oder die Artikel-Inhalts-Spalte, ich weiß nicht welche, aber eine von beiden) sich irgendwie verzögert verhält. Es ist, als ob sie neu gerendert wird, wenn ich scrolle. Eine bewegt sich zuerst und die andere später (ein bisschen wie die JavaScript-Dinge aus den 1990ern, die beim Verändern der Größe die Position eines Elements ändern würden).
* Im Kommentarbereich scheinen die runden Ecken meiner Meinung nach nicht richtig zu sein. Sie passen nicht zum Rest des Designs. Runde Buttons sind zwar nett, aber der Rest ist größtenteils rechteckig. Es ist meiner Meinung nach eher übertriebene Show als grafische Verbesserung.
* Das Datum hat je nach Tiefe des Kommentarballons kaum Kontrast zum Hintergrund.
* Einige Forum-Fehler (siehe den Kommentar zum anderen Artikel dazu)
* Ich mochte die Luftigkeit der vorherigen Designs. Beim Schreiben des Kommentars und ganz nach unten gescrollt sehe ich einen sehr schmalen Rand zwischen dem Textbereich und dem linken Rand der Inhaltsspalte. Auch die Fußzeile könnte etwas mehr unteren Rand vertragen.
Ansonsten gefällt es mir wirklich gut, und wie immer muss man sich vielleicht nur daran gewöhnen, aber ich sage es hier :-)
Wie ein anderer Kommentator dachte ich, als ich nach der Änderung zum ersten Mal hierher navigierte, dass dies eine generische Vorlage sei. Das klingt grausamer, als es ist. Nach ein paar Tagen bin ich mit dem neuen Design vertrauter (und es dauert bei mir immer etwas, mich an radikale Designänderungen zu gewöhnen), und ich genieße es, zu sehen, wie die Dinge anders sind und wie du damit umgegangen bist.
Mir gefällt das Hintergrundbild von oben bis unten sehr gut; besonders der pixelige Stern gefällt mir, weil er meiner Meinung nach eine schöne Art ist, dieses Zeichen auf einzigartige Weise zu tragen, ohne verwirrend zu sein. Es ist groß, ohne zu überwältigend zu sein, und diese Art von Subtilität lässt Benutzer wissen, dass sie nach anderen feinen Details Ausschau halten sollen (wie der Disclaimer – eine nette Geste).
Was an der Seite so interessant ist, ist, wie du von einem Design, das viele "offensichtliche" Chris Coyier-ähnliche Elemente enthielt, zu einem gewechselt bist, das fast leer wirkt – doch bei näherer Betrachtung genauso viele versteckte Elemente offenbart (ich denke dabei insbesondere an deine Verwendung fortgeschrittener Techniken und die Befürwortung des Ausprobierens von Optionen und Dingen – das Ausblenden, das niemand mochte und das ich nie sah, den Abschrägungs-/Prägungseffekt, die schönen Schriftarten, die Layoutbreite).
Obwohl der anfängliche Schock der Veränderung relativ stark war, habe ich es, sobald ich anfing, Artikel zu lesen, irgendwie vergessen. Ich bin wirklich wegen des Inhalts hier, und wenn er gut serviert wird, ist das Design sowieso unsichtbar. Ich mag die Schriftgröße und dass die Seite sich über meinen gesamten Bildschirm erstreckt (die Zeilenlänge stört mich persönlich nicht), weil es einfacher ist, sich in meinem Stuhl zurückzulehnen und Artikel zu durchsuchen – was ein angenehmeres Erlebnis schafft.
Ich habe länger als gewollt damit verbracht, herauszufinden, wie man Artikel liest, die nicht mehr auf der Startseite waren (peinlicherweise habe ich nicht sofort gemerkt, dass das Durchsuchen des Archivs mir das gewünschte Ergebnis bringen würde).
Ich freue mich darauf, noch etwas mehr herumzustöbern und aus erster Hand zu sehen, welche Arten von CSS-Tricks du im Redesign angewendet hast.
Ich habe länger als gewollt damit verbracht, herauszufinden, wie man Artikel liest, die nicht mehr auf der Startseite waren (peinlicherweise habe ich nicht sofort gemerkt, dass das Durchsuchen des Archivs mir das gewünschte Ergebnis bringen würde).
Ich liebe das breitere Design. Fühlt sich viel besser an. Gute Arbeit!
Ich mag das neue Design! Ich bin extrem kurzsichtig (selbst mit korrigierenden Kontaktlinsen) und vergrößere ständig Seiten, um alles größer und damit leichter lesbar zu machen, aber mit der größeren Schrift und dem breiteren Inhaltsbereich ist das nicht unbedingt nötig wie auf so vielen anderen Websites.
Allerdings finde ich, dass der hellgraue Text auf grauem Hintergrund, wie im Fall des Datums im Kommentarbereich (commentmetadata), schwer zu lesen ist. Es gibt einfach nicht genug Kontrast. Ich finde auch, dass die Standard-Linkfarbe (#50A3E5) manchmal zu neonfarben ist, besonders bei kleineren Schriftgrößen und auf bestimmten grauen Hintergründen (zum Beispiel in der Fußzeile). Auch hier bin ich mir sicher, dass es mit meiner Sehkraft zusammenhängt, aber es ist einfach "laut" und für mich schwer zu lesen (dieselbe Schriftgröße in Schwarz auf demselben Hintergrund ist kein echtes Problem), aber die gute Nachricht ist, dass ich die Links auf der Seite definitiv finden kann.
Ich glaube auch, dass Sie den Link zu älteren Beiträgen von der Startseite entfernt haben. Ich habe den Link zum Durchsuchen älterer Beiträge schließlich unter dem Suchbutton gefunden. Jetzt, da ich weiß, wo ich suchen muss, ist es kein großes Problem mehr, aber es war damals frustrierend. Das andere, was mir fehlt, ist, dass Ihre Browse-Liste keine Vorschau des Beitrags enthält, sondern nur den Beitragstitel, so dass ich die Möglichkeit verloren habe, einen Teil der Beiträge zu lesen, bevor ich mich entscheide, auf "Weiterlesen" zu klicken.
Insgesamt, großartige Arbeit und mach weiter so, Chris!
Gute Arbeit, Chris! Ich finde, das neue Design hat nicht nur eine bessere Funktionalität, sondern auch der Farbwechsel ist sehr erfrischend! Du hast das Blau und Orange sehr gut hinbekommen. Mach weiter so.