Ich habe diese Seite ein wenig überarbeitet. Es ist keine große Neugestaltung oder ein so großes Unterfangen wie v10, aber es ist anders genug, dass ich es v11 nenne.
Ein Teil davon sieht so aus
Weniger
Die Download-Sektion (auch "Demos" genannt) ist verschwunden. Obwohl sie viel Traffic erhielt, habe ich sie nie auf dem neuesten Stand gehalten und die Demos wurden langsam alt. Ich lebe in einer Welt der Demos und dieser Ort ist jetzt CodePen.
Die Galerie ist weg. So sehr ich sie auch mochte, die Erfahrung hat mich gelehrt, dass ich sie nicht genug aktualisiert habe, um sie lohnenswert zu machen. Ich habe immer noch ein riesiges Archiv von Screenshots, die ich zwanghaft aufnehme, aber bis ich einen reibungsloseren Weg finde, sie zu posten (und das responsiv zu tun), lasse ich das.
Die Möglichkeit, bestimmte Bereiche der Website zu durchsuchen, ist weg. Das hat nur zu verschiedenen Google Custom Search Engines geführt, die auf Unterverzeichnisse beschränkt waren. Die Standard-Suche ist gut genug.
Das Logo ist jetzt einfach ein einfarbiges Gotham Rounded. Ich denke immer noch, dass das Sternchen das Logo für CSS-Tricks ist, aber ich konnte keine gute Möglichkeit finden, es zu integrieren. Ich bin sicher, es wird eines Tages zurückkehren.
Die vielen Links im Footer sind weg. Nur die wichtigen sind noch übrig.
Die Homepage (und der Rest der Website) hat nun 2 Spalten statt drei.
Einfacher fühlt sich hier besser an.
Mehr
Während es in gewisser Weise weniger gibt, werden auch mehr Beiträge auf der Homepage angezeigt. Es ist eine so leichte und einfache Sache zu tun, warum also nicht.
Geschwindigkeit
Geschwindigkeit ist hier immer ein Ziel, wie es auf jeder Website sein sollte.
Es werden weniger Icons verwendet. Für die verbleibenden habe ich Icon-Fonts zugunsten eines Inline-<svg>-Iconsystems verworfen, was null Anfragen bedeutet.
Es gibt nur noch eine Handvoll Bilder, und ich plane, so viele wie möglich davon zu streichen.
Ein guter Homepage-Ladevorgang dauert typischerweise unter einer Sekunde, was ein guter Wert ist. Ich plane, weiter daran zu arbeiten. Ich denke, es gibt noch ein paar Ressourcen, die ich entweder kombinieren oder entfernen kann.
Auf Seiten mit vielen Kommentaren ist klar, dass Gravatar das Langsamste ist, hauptsächlich weil es eine Menge einzelner Anfragen sein kann. Ich würde gerne versuchen, diese lazy zu laden. Ich werde sie nicht aufgeben, glaube ich nicht; ich war schon immer ein Fan von Avataren neben Kommentaren und anderen benutzergenerierten Inhalten.
Schriftart
Die CSS-TRICKS-Logo-Schriftart ist Gotham Rounded. Ich liebe sie.
Während ich H&FJ Cloud Typography-Schriftarten verwendete, entschied ich mich ursprünglich für Ideal Sans als Body-Schriftart. Ich liebe sie auch, aber ich erhielt sofort viele Beschwerden, dass sie im klassischen Windows/Chrome-Szenario schlecht dargestellt wurde. Ich hätte einiges ausprobieren können, aber die Schriftarten luden auch etwas langsam, also beschloss ich, Ideal Sans zu streichen und eine (unglaublich) Nicht-Custom-Schriftart zu verwenden. Nur normales Lucida Grande. Ich liebe es nicht, aber es ist schnell und rendert überall gut.
Aussehen
Generell bessere Ästhetik ist ein weiteres Upgrade – zumindest meiner Meinung nach. Ich bin schon lange ein Fan von hellen, fröhlichen Farben, besonders auf dunklem Hintergrund. Das ist etwas, das ich von Kevin Hale (schlecht) kopiert habe, wie man es von seinen Folien-Decks sehen kann wie diesem.
Es gibt nur eine Handvoll Farben, die definiert sind und die ich immer wieder in einem möglichst logischen System verwende. Fühlt sich meiner Meinung nach recht stimmig an.
Eine ziemlich große ästhetische Veränderung sind die großen Header.
Das mochte ich schon immer – wenn ein Artikel einen so klar begrüßt. Das war eine Art Last-Minute-Änderung für dieses Design, und der neuere nGen Works Blog hat mich dann endgültig überzeugt, als ich ihren sah.
Validierung
Dribbble hat die Idee für dieses Design eigentlich validiert. Ich habe ein einfaches Beispiel dort gepostet und es hat so viel positives Feedback erhalten, dass ich beschloss, es umzusetzen.
Wir sind etwa eine Woche nach dem Launch, während ich das schreibe, und das Design wurde größtenteils positiv aufgenommen. Das ist buchstäblich ein Novum =).
Größenveränderbare CodePen-Einbettungen
Ich hatte gehofft, diesmal mehr Funktionalität zur Website hinzuzufügen, aber leider habe ich davon nicht so viel geschafft, wie ich es gerne gehabt hätte. Eine Sache, die ich geschafft habe, war, alle CodePen-Einbettungen größenveränderbar zu machen.
Da diese Funktionalität nur auf großen Bildschirmen wirklich nützlich ist, habe ich ein sehr grundlegendes "Cutting of the Mustard" durchgeführt, um sie aus meinem globalen JavaScript zu laden.
// Cut mustard
if ($(window).width() > 1000) {
$.getScript(__templatePath + "/js/min/mega-mustard-ck.js");
}Ich habe dazu auf dem CodePen Blog geschrieben.
Forum-Upgrades
- Sie erhalten eine E-Mail-Benachrichtigung, wenn Sie in einem Thread von @username erwähnt werden. So wissen Sie, ob jemand über Sie spricht oder speziell Ihre Aufmerksamkeit erregen möchte. Sie können auch weiterhin einem Thread folgen, nachdem Sie kommentiert haben (wie bei den Blog-Kommentaren), wenn Sie über alle Folgebeiträge auf dem Laufenden bleiben möchten.
- Sie erhalten eine E-Mail-Benachrichtigung, wenn Ihr Beitrag im Spam-Ordner landet, mit Anweisungen, wen Sie benachrichtigen sollen, damit er nicht in Vergessenheit gerät.
- Das Konzept des Hervorhebens und Verbergens von Kommentaren hat es in die Foren geschafft. Ich, jeder der Moderatoren und die Person, die das Thema gestartet hat, haben Links, um Antworten hervorzuheben und zu verbergen. Ich hoffe, das ermutigt zu besseren Antworten.
- Für regelmäßige Forenbesucher ist die neue Seite Alle Themen vielleicht interessant, die die jüngsten Aktivitäten in allen Unterforen kombiniert zeigt.
- Markdown hat seinen Weg in Jetpack gefunden, daher verwende ich es jetzt anstelle eines separaten Plugins. Über ein von Justin Sainton maßgeschneidertes Plugin wird Jetpack-Markdown in den Foren und auch in den Blog-Kommentaren verwendet, aber nicht im Blog selbst (aus Legacy-Gründen). Ich habe auch die Live-Kommentarvorschau durch einen Vorschau-Tab in den Blog-Kommentaren ersetzt. Das Schöne daran ist, dass es eine echte Live-Vorschau ist, die vom Server gerendert wird, so dass sie nicht wie zuvor mit einer clientseitigen Bibliothek vortäuscht.
- In v10 habe ich die Responsivität der Foren nie ganz fertiggestellt. Sollte in v11 viel besser sein, wenn auch nicht perfekt.
Verlauf
Ich habe v11 zur absolut beschämenden Design-Historie auf dieser Seite hinzugefügt.
Probleme
Es gibt immer noch einige Dinge, die ich ausbügeln muss. Wenn Sie einen Fehler sehen, ist der beste Weg, um sicherzustellen, dass ich ihn sehe, mir eine Nachricht zu schicken – und das wäre sehr dankbar.
Tolles Design, aber es funktioniert nicht richtig auf IE11 unter Windows Phone 8 (Huawei Ascend w1). Jedes der Navigationselemente geht über den ganzen Bildschirm. Entschuldigen Sie mein schlechtes Englisch, ich komme aus Deutschland.
Sieht für mich in Ordnung aus. Samsung ATIV Odyssey mit WP8 Version 8.0.10521.155
Ich habe angefangen, ungefähr mit v9 zu folgen, und v9.2 war mit Abstand mein Favorit. Allein beim Betreten der Seite wurden die kreativen CSS-Säfte in Fluss gebracht. Ich sehe heutzutage viele Websites, die ihre Designs vereinfachen, um dem mobilen Publikum gerecht zu werden, aber ich bin nostalgisch nach den großen, beeindruckenden Photoshop-Layouts.
Juhu für Lazy-Loading von Kommentaren. Persönlich mag ich es nicht, dass Kommentare die Seitenhöhe aufblähen (bin ich der Einzige, den das stört?), sodass ich nicht sofort erkennen kann, ob ich eine kurze Nachricht oder das Kapitel eines Romans lese (damit ich weiß, wie viel ich bereit bin zu investieren, um es zu lesen).
Sieht großartig aus! Ich folge dieser Seite eigentlich erst seit der letzten Version, und ehrlich gesagt mochte ich sie wirklich :( ABER Ihr Inhalt ist immer großartig und ich genieße das Lesen so sehr, dass ich darüber hinwegkommen konnte. Dieses neue Design ist großartig, ich liebe es! Ich kommentiere eigentlich nur, um Ihnen für die Entwicklung einer so großartigen Ressource für Entwickler zu danken :) Machen Sie weiter so (bitte)
Viel besser als v.10!! Ich vermisse aber immer noch 9.2. Das war mit Abstand mein Favorit.
Chris,
Ich verfolge die Seite seit v9 und habe durch Sie viel gelernt. Das Screencast für v10 war eine große Inspiration. Ich freue mich auf den neuen Look von v11. Ich denke, meine Lieblingselemente sind Ihr Logo und das Suchformular. So einfach, aber so effektiv. Gut gemacht!
Das ist meiner Meinung nach die beste Version. Ich war nie ein großer Fan von V10.
Ich hoffe, Sie machen bald einen neuen Kurs für die Lodge!
Ich würde auch gerne sehen, wie Sie dieses SVG-Icon-Ding über eines Ihrer Videos erklären. (inklusive des Grunt-Teils)
Ich werde ehrlich sein, ich mag das neue Design wirklich. Ich bin bei ein paar Dingen etwas zögerlich, aber insgesamt ist es definitiv eine Verbesserung. Gut gemacht, Chris!
Ich mag das Design auch, aber ehrlich gesagt ist die Logo-Schriftart hässlich.
Gute Arbeit. Wird etwas dauern, bis ich mich daran gewöhnt habe, aber ich mag Veränderung. Die Kommentarvorschauen funktionieren noch nicht ganz, aber das wird wohl noch kommen. Gute Arbeit!
Ich denke immer noch, dass v9 / 9.2 mein absoluter Favorit war :) Ich kam ungefähr mit v4 dazu.
Krass. Ich verfolge CSS-Tricks seit innerhalb Ihrer ersten 10 Screencasts. Ich bin immer begeistert, wenn ich eine neue Version von CSS-Tricks sehe. Ich mag das knackig saubere Gefühl dieser Neugestaltung. Danke für die Erinnerungen und Fähigkeiten. Bleib großartig!
Das Vertauschen von 'CKS' mit 'XXX' beim Überfahren des Logos mit der Maus ist einfach genial.
Großartiges Detail.
Ich fühle Ihren Schmerz, Chris. Ich habe ein "Gravatar-Cache"-System auf meiner Website implementiert, um dabei zu helfen. Es gibt ein Plugin dafür. Ich habe mein eigenes entwickelt.
Ein paar Falten müssen noch ausgebügelt werden, aber GOTT SEI DANK ist v10 tot! :)
Können wir zur letzten Version zurückkehren, wenn ich sie mit meiner Version vergleichen möchte (nachdem ich sie im Lodge gelernt habe)?
Ich mag dieses neue Design, Chris, aber ich denke, es könnte verbessert werden. Ich bin kein Fan der Farbverläufe, die Sie oben auf jeder Seite verwendet haben, ich denke nicht, dass sie richtig auf der Seite sitzen. Außerdem denke ich, dass die Seitenleiste vielleicht etwas zu breit ist und die riesigen Abo-Buttons viel zu groß sind, meiner Meinung nach müssen sie nicht wirklich so groß sein.
Eine weitere Sache, die mich ärgert, ist die Überlappung der Titel mit dem darunter liegenden Abschnitt. Ich denke, das macht sie schwerer zu lesen, nicht gut für jemanden mit schlechter Sehkraft.
Werden wir das Making-of-Screencast im Lodge haben?
Hallo Chris, erster Post und langjähriger Leser, es tut mir leid zu sagen, dass das neue Design für meinen Geschmack einfach zu simpel ist, es fühlt sich wie Noddy-Town in einer langen Liste von erwachsenen Websites an. Ich respektiere jedoch die Arbeit, die Sie hineingesteckt haben, es ist nie einfach und ich werde Ihre großartigen Inhalte weiterhin lesen.
Wenn ich durch die Design-Historie blättere, kommen mir Tränen bei dem Anblick, wie sich Webdesign verändert hat. Wenn ich mir v10 ansehe, das seit wenigen Tagen weg ist, wirkt es wirklich altmodisch!
Erstaunliche Neugestaltung für v11! Weiter so :)
Ich mag die Neugestaltung. Schön und sauber auf dunklem Hintergrund – ich mochte die Schatten auf allen Panels nie – zu aufwändig.
Werden Sie auch das Favicon vom Sternchen ändern?
Ich liebe die neue Neugestaltung!
Ich war zuerst schockiert, als ich Ihre Website geladen habe, da es keine Anzeichen dafür gab, dass dies passieren würde, aber wie bei allem… wir gewöhnen uns daran.
Wenn Sie sich erinnern, mochte niemand die neue Gestaltung, als Facebook sie aktualisierte, aber man gewöhnt sich einfach daran.
ICH LIEBE ES!
CSS Trixxx sieht fantastisch aus – eines der inspirierendsten Designs, das ich seit langem gesehen habe. So viele coole Dinge zu lernen. Natürlich liebe ich die responsiven Einbettungen. Wirklich großartige Arbeit, Chris!
Es ist spitze!
Hey, gut, das neue Layout zu sehen :) ich mag es, aber besonders gut finde ich Ihren Ansatz, mit IE8 und niedrigeren Einschränkungen umzugehen. Alle Inhalte sind da, die fancy Sachen stören nicht. Im Gegenzug sieht das Web auf Tablets, Smartphones, Fablets usw. fantastisch aus.
Wirklich gut gemacht! :)
Das ist eine unglaublich freundliche Geste, und obwohl es mich (noch?) nicht betroffen hat, verdienen Sie ein Lob für Ihre Rücksichtnahme.
Sieht großartig aus, Chris, aber die Rundungen am unteren Rand der Post-Boxen rendern nicht über die volle Breite der Box. Ich bin auf Safari 6.1.2. Sie sehen in Chrome gut aus. :\
Ich habe ein bisschen im Web Inspector herumgespielt und die Änderung von
mobile-blogpost>footeraufmargin-bottom: -15px !important;undheight:15px;hat es komplett behoben. Eigentlich, wenn ich es mir genauer ansehe, hat es etwas mit den flexiblen Boxen zu tun. Da die Höhe des Footers festgelegt ist und der Hintergrund auf "cover" gesetzt ist, skaliert das SVG nicht richtig, wenn die Breite erhöht wird. Mann, das ist knifflig.Es wäre cool, wenn man die Höhe einer Box im Verhältnis zu ihrer Breite über ein Seitenverhältnis definieren könnte.
Natürlich könnte man das mit JS machen, mit einem Listener für Box-Breiten-Änderungen, aber bei so vielen Boxen ist das viel Rechenaufwand bei Fenstergrößenänderungen.
Da alle im Allgemeinen so positiv klingen, frage ich mich, ob ich die falsche Website sehe. Für mich fühlt es sich schlicht und langweilig an. Die Farbverläufe fühlen sich auch wie ein Rückfall vor 5 oder 6 Jahren an. Das Menü ist immer noch der schlimmste Teil, obwohl die Tablet-Version schöner aussieht, hauptsächlich weil sie besser im Einklang mit dem Metro-Stil des restlichen Designs steht. Darüber hinaus sieht der Abonnement-Bereich in der Seitenleiste eher wie eine CodePen-Übung aus als ein zusammenhängender Teil des Designs. Technisch sehr schön, aber nicht gut integriert.
Und die versteckten Kommentare unter einer leuchtenden Leiste scheinen eine eher schwer zu findende Funktionalität zu sein. Ich habe zuerst angenommen, dass es sich um die Überreste einer blockierten Anzeige handelt.
Ich gehe davon aus, dass die Überlappung des Textes am unteren Rand ein Fehler und nicht Teil des Designs ist: Ansehen
Als abschließender Gedanke präsentiere ich einen kleinen Vorschlag, um das Menü stärker in jede Seite einzubinden: Ansehen
Ich hasse es wirklich, negativ zu klingen, aber ich glaube daran, ehrliches Feedback zu geben, besonders da Sie offensichtlich viel Arbeit investiert haben. Aber ich glaube, dass eine so großartige Seite in der Vergangenheit Besseres hatte und Besseres verdient.
Ich mag das neue Design. Einfach, aber effektiv und ansprechend. Unten ist ein Screenshot eines CSS-Fehlers, den ich bemerkt habe. Viele Header kollidieren mit dem Inhalt darunter. Ich benutze Chrome 33.0.1750.152.
http://cl.ly/image/3x2X2u0k1104
CP
Ich glaube, das ist so beabsichtigt.
Ich dachte, das wäre beabsichtigt?
Ja, das habe ich auch bemerkt.
Schöne Version :)
Erinnert mich an Version 8.
Liebe die Kühnheit und Einfachheit.
Ich bin HCI-Absolvent in Chicago und habe viele nützliche Informationen von Ihrer Seite erhalten.
Eine Sache, die ich bemerkt habe – auf der Almanac-Seite verläuft der Hintergrund zu Schwarz und die Beschriftung ist schwarz, sodass sie zu verschwinden scheint. Vielleicht sollte man diese Schriftart anders als Schwarz wählen?
Danke für all die Ressourcen!
Apropos Gotham-Schriftart, nach sehr langer Entwicklungszeit bietet H&F nun seine Schriftarten als Webfonts an, verwaltet über Cloud.typography… wir verwenden Gotham, wo ich arbeite, in einem Krankenhaus, für unser Branding, also habe ich geduldig darauf gewartet (Wortspiel beabsichtigt).
Entschuldigen Sie Chris, ich schätze die technischen Fähigkeiten, aber das neue „Design“ ist schrecklich.
Schreiben Sie einen Blogbeitrag mit Kritik.
Eine Sache, die mich irritiert hat, war die Suche. Ich dachte, die Lupe wäre Teil Ihres neuen Logos. Das Formularfeld mit dem "Unterstrich"-Ansatz war sehr unintuitiv, und die Lupe hatte keinen Zeigercursor, sodass ich nicht erkannte, dass sie interaktiv war.
Eigentlich mag ich den neuen Ansatz gegenüber v10 sehr, aber es könnte ein Label gebrauchen.
Bis ich diesen Kommentar gelesen habe, wusste ich das auch nicht.
Der Rest der Website ist okay, aber die Benutzerfreundlichkeit dieser Suchleiste ist ein bisschen meh. Es gibt nichts, was darauf hindeutet, dass es sich um eine Suchleiste handelt, und wie Sie sagten, sieht die Ikone einfach wie Teil des Website-Logos aus.
Ich schätze einige der kleineren UX-Verbesserungen, insbesondere die Platzierung und den Stil der Suche, das ist eine große Verbesserung gegenüber 10, wenn Sie mich fragen.
Es könnte etwas mit meinem Zeichensatz nicht stimmen (obwohl ich das nicht glaube), aber ich bekomme auf diesem Rechner (Windows 7/Chrome) faux-Kursivschrift bei der Body-Kopie. Die Bolds sind vielleicht auch faux, aber sie sind schwerer zu erkennen und sehen für mich ziemlich gut aus.
Tolle Arbeit.
Der Font-Stack hier ist "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", "Bitstream Vera Sans", "Liberation Sans", Verdana, "Verdana Ref", sans-serif.
Lucida Sans Unicode hat kein Fett oder Kursiv. Vielleicht wäre es besser, Lucida Sans und Lucida Sans Unicode zu vertauschen.
Off-Topic: Ich mag es normalerweise nicht, wenn " oder ' automatisch durch “, ”, ‘ oder ’ ersetzt werden. Besonders in Codebeispielen führt das zu Fehlern. Wenn sie ersetzt werden, sollten sie zumindest die richtigen Anführungszeichen sein (“↖falsch”, “↖richtig”).
Ist es beabsichtigt, dass im Kommentarfeld keine Scrollbar ist?
Guter Fang, Gerhard, da mein Computer Lucida Grande nicht hat, greife ich auf die nächste Option Lucida Grand Unicode anstelle von Lucida Grand zurück (was die dritte Option ist und Fett und Kursiv in der Sammlung hat).
Ich bin mir nicht sicher, warum die Unicode-Version als zweite Option festgelegt ist, das habe ich ursprünglich nicht bemerkt.
Sieht großartig aus, Chris, fühlt sich an wie die alte Seite, sieht viel besser aus.
Windows 7/Firefox 27.0.1
– Kein Farbverlauf bei den Headern.
– Keine abgerundete Schriftart für das Logo (Firefox blockiert Schriftarten von anderen Domains ohne entsprechende Skripte/ htaccess).
Windows 7/Chrome 33, Opera 16
Alles oben genannte ok.
Windows 7/IE10
Kein Farbverlauf auf den Überschriften.
Gutes Design, aber ich habe (auf Safari 7.0.2) dasselbe Problem bemerkt, das ich früher auf meiner Website hatte. Achte darauf, wie sich die Dicke deiner Schrift beim Überfahren deines Logos ändert. Das hat mit Übergängen und/oder Deckkraft zu tun.
Sehr cool, Chris; mir gefallen die Farbauswahl, die Schriftarten, die Farbverläufe und das Layout. Ich benutze zwar einen Dell-Monitor, der seitlich gedreht ist, als Zweitbildschirm (den ich ausschließlich für den Browser nutze), und er scheint insgesamt etwas zu groß zu sein (mein Bildschirm zeigt 1024px Breite an). Definitiv lesbar :p
Ich finde, es sieht gut aus.
Das wirklich Tolle an diesem neuen Design ist, dass es mir ein Beispiel dafür gegeben hat, was ich mit SVG machen kann. Die Tabs im Menü sehen ziemlich gut aus. Ich glaube, jetzt kann ich mit SVG fast alles auf meinen Seiten gestalten, was ich möchte.
Was die Schriftarten angeht, hatte ich einige Glättungsprobleme mit Ideal Sans, ich habe immer noch einige Probleme mit der Schriftart in den Tabs (sie sieht etwas pixelig aus), aber ich weiß, dass das ein kleiner Bug unter Windows/Chrome ist; und vielleicht können wir gemeinsam brainstormen, um eine Lösung zu finden!
Auf jeden Fall arbeite ich auch an einem Redesign für meine Website und das verursacht mir viel Stress. Also, Chris, Glückwunsch zu dieser guten Arbeit.
Gut gemacht, Chris, es gibt noch Dinge zu verbessern ... aber der neue Stil gefällt mir!
Eine wichtige Sache: das Logo (*). Beeile dich, es zurückzubringen, ich denke, das ist ein wichtiges Markenproblem.
Ich fühle eine gewisse Traurigkeit, als ich V10 gehen sehe, nachdem ich miterlebt habe, wie es in der Lodge gebaut wurde, fühlte ich mich damit verbunden. Ich scheine in der Minderheit zu sein, die v10 auch liebt.
Während V11 gewöhnungsbedürftig sein wird, müssen wir uns daran erinnern, dass Chris ein Führer in der Web-Industrie ist, er gehört zu denen, die Trends SETZEN, anstatt ihnen zu folgen.
Ich mag das saubere und einfache neue Design wirklich!
Das Einzige, was ich wirklich vermisse, ist das orangefarbene *
Auch Titel scheinen auf dem iPad etwas überlappt oder falsch zu sein, ich weiß nicht, ob das beabsichtigt ist.
Großartige Arbeit, danke fürs Teilen!
Liebe es!
Wirklich makellos, Chris, mach weiter so, Mann. Sauberes, einfaches Design.
Schön. Gut gemacht!
Ich mag den neuen Look .... allerdings war ich ein bisschen erschrocken, als 'XXX' erschien, nachdem ich über das Logo gefahren war. Ich dachte: „Wow, einige Hacker haben deine Website neu gestaltet – wie nett von ihnen – und dich subtil mit einigen Porno-Seiten verlinkt.“
Wofür stehen die XXX wirklich?
Haha, gut bemerkt. Das ist ein bisschen seltsam ... und leicht irreführend – wenn auch ein lustiger Effekt. Drei X'e haben definitiv eine gewisse Stigmatisierung.
Ich mag das neue Design, vermisse aber wirklich die alte Suchfunktionalität innerhalb bestimmter Abschnitte.
Alter klassischer Google-Trick, Suche wie
Erstaunliche Arbeit, ich liebe es!
Gute Arbeit, Chris!
Es hat eine Weile gedauert, bis ich mich an das Design gewöhnt hatte. Aber jetzt liebe ich es. Sehr einfach, blockig und kindlich. Was ich großartig finde. Ich liebe auch die Schaltflächen. Gute Arbeit.
Ich finde die Seite exzellent, sie fühlt sich für mich sehr reaktionsfreudig an. Sie hat fast das Gefühl einer 'App' – wenn das Sinn ergibt.
Sehr raffiniert und es hat einen Look, der sie irgendwie zu einem Bruder von CodePen macht. Tolle Arbeit, Chris. Dieses neue Design wird dazu führen, dass ich die Seite öfter besuche als in letzter Zeit.
Chris, ich war schon immer von deinen Ideen inspiriert und V11 enttäuscht nicht. Während viele einige deiner Änderungen kritisieren, denke ich, dass das Wichtigste, was jeder erkennen sollte, ist, dass du diese Seite besitzt, also solltest du nicht deine eigenen Ideen einbringen? Mir wurde von klein auf von denen beigebracht, die ich in der Branche schätze, dass ja, deine Zuschauer wichtig sind, aber am Ende des Tages ist es immer noch deine Seite, die du besitzt. Die Säfte, die von einem Designer fließen, sind seine eigenen, und wie Künstler mit anderen Medien wird nicht jeder die Arbeit gleich interpretieren, und einige werden sie hassen. Aber dieses wunderbare Kunstwerk, das du auf dieser Leinwand präsentiert hast, Chris, raubt mir den Atem. Ich fühle mich erfrischt und neu mit Ideen, nachdem ich einen Stillstand erreicht habe, und dafür danke ich dir.
Glückwunsch zum Redesign, Chris. Normalerweise finde ich schwarze Themen recht gewagt, aber du hast es geschafft, sie sehr ansprechend zu gestalten.
Ich glaube, es gefällt mir besser als v10, besonders weil es *einfacher* aussieht. Viel *einfacher*. Es ist schon lange her, dass ich über die Bereiche Galerie und Downloads nachgedacht habe; ich bin froh, dass sie endlich da sind.
Mir gefällt diese Version, aber ich liebte v10. Es ist schade, dass ein so wunderbares Design (die vorherige Version, um genau zu sein) weggeworfen und vergessen werden musste.
Sehr schönes Design, gefällt mir sehr.
Ich habe das in Chrome 33 gefunden
http://i5.minus.com/ib8TckS64XIvP.png
Sieht auf meinem Windows Phone großartig aus!
Ich liebe den Inhalt ...
Danke
Ich liebe es. Ich bin ein Fan des Trends zu einfachem Design, es ist interessant, wie viele Leute das nicht sind.
Auch die Geschichtsseite ist großartig. *„Wenn du nicht zurückblicken und zusammenzucken kannst, dann wächst du nicht“*
Würdest du uns eine grobe Vorstellung davon geben, wie viele Arbeitstage dieses Redesign beansprucht hat?
Großartiges Redesign, ich beginne, mehr Websites mit großen Schriftarten und kräftigen Farben zu gestalten. Gut, dass du den Snippet-Bereich nicht gestrichen hast. Ich schaue dort gerne nach großartigem Code.
Arbeitest du schon an Version 12?
Gute Arbeit! Die Ressource wird einfacher und bekommt einen schönen Look.
Großartiges neues Design, Chris, wirklich SO viel besser als das vorherige v10. Tolle Arbeit, Kumpel!
Sam
Ich liebe das neue Design wirklich (nichts Neues hier, mochte alles).
Ich sehe, du hast deine Meinung bezüglich der Körper-Schriftart geändert und bist zu einer benutzerdefinierten Schriftart zurückgekehrt. Wie schneidet diese in Bezug auf die Leistung ab?
Wirst du den Beitrag aktualisieren, um darüber zu sprechen?
Hallo nochmals,
Ich stelle fest, dass du 2 404 hast
http://cdn.css-tricks.com/Users/chriscoyier/GitHub/CSS-Tricks/wp-content/themes/CSS-Tricks-11/css/bbpress.css
Und
GET http://cdn.css-tricks.com/Users/chriscoyier/GitHub/CSS-Tricks/wp-content/themes/CSS-Tricks-11/css/videos.css
Ich bin ehrlich, ich liebe es! Du bist großartig, Chris!
Ich mag das neue Design, aber jedes Mal, wenn ich über den Titel fahre und „xxx“ in Orange sehe, denke ich an Pornos und Sex. Nicht, dass das schlimm wäre.
Ich mag das neue Design nicht und habe jetzt einige stilistische Regeln angewendet. Gründe sind
– zu dunkel (!)
– zu große Schriftarten (jetzt bin ich bei 80% Zoomstufe im Browser und es ist okay)
– zu viel Abstand zwischen den Elementen
– ablenkender „Touch“ der h-Elemente mit den Blöcken darunter
Es ist für Handys konzipiert, führt aber zu schlechter Benutzerfreundlichkeit auf Desktops. Ernsthaft: Ich frage mich, warum so viele Leute hier von einer ERSTAUNLICHEN Arbeit sprechen!?
Übrigens: .shape-tab hat darunter einen kleinen Spalt (ich habe die Höhe auf 101% gesetzt, um das zu beheben) und der Box-Schatten der Papier-Ecken ist fehlerhaft.
Du musst in Firefox schauen, denn in Chrome ist es definitiv nicht zu groß.
Ich habe beschlossen, keinen Kommentar abzugeben, um meine Meinung zu äußern, dass v11 das Beste bisher ist.
Ich mag diese Version!!! lesbarer und minimalistischer.
Der schwarze Hintergrund passt sehr gut, ich mag, dass die Anzeigen entfernt wurden.