Viele interessante Dinge sind diese Woche passiert.
Das neue Design wurde veröffentlicht. Wenn Sie etwas dazu zu sagen haben, insbesondere über das Design, lassen Sie es uns bitte im Launch-Thread wissen. Bugs auf GitHub.
Einer der größten Fehler beim Launch war, dass der Launch-Beitrag sofort mobile WebKit-Browser zum Absturz brachte. Nicht gut. Ich habe einige reduzierte Testfälle erstellt, um das Problem zu verfolgen. Stürzt ab. Stürzt nicht ab. Getestet auf (echtem) iPhone 4s. Das iPad 2 stürzte nicht ab. Der Unterschied zwischen den beiden Fällen? Nur ein Kommentarlistenpunkt weniger. Es ist kein JavaScript beteiligt. Könnte es ein Problem mit der Seitenhöhe oder der reinen DOM-Größe sein? Die Anzahl der Anfragen vielleicht? Ich muss weitere Recherchen anstellen und wahrscheinlich einen Blogbeitrag darüber schreiben.
Ich möchte Pippin Williamson für seine Hilfe in letzter Minute danken, sein Plugin Restrict Content Pro für die Nutzung auf The Lodge auf Vordermann zu bringen.
Ein weiterer Launch-Bug war, dass die verwendete Icon-Schriftart, die in der lokalen Entwicklung gut funktionierte, in Firefox und IE 9 in der Produktion nicht mehr funktionierte. Das lag daran, dass ich auf der Produktionsseite ein CDN verwende und diese Browser das Laden von @font-face-Schriften über Domains hinweg verbieten. Es sei denn, sie werden mit einem speziellen Header ausgeliefert, der dies erlaubt. Ein wenig davon in meiner .htaccess-Datei, um das zu tun.
<FilesMatch "\.(woff|eot|svg|ttf)">
Header set Access-Control-Allow-Origin *
</FilesMatch>Es hat funktioniert! Glücklicherweise, weil NetDNA die von den Originaldateien gesetzten Header respektiert. Gute Arbeit, NetDNA.
Auf CodePen haben wir Tags eingeführt, die es einfacher machen, ähnliche Pens zu finden, zum Beispiel Pens mit HTML5 Canvas. Wir haben auch jQuery UI-Unterstützung (die sowohl jQuery UI als auch sein Basis-Stylesheet lädt). Es ist auch viel einfacher, externe JS-Bibliotheken hinzuzufügen, da wir in der externen JS-Eingabe eine Autovervollständigung haben, die durch URLs von CDNjs.com gespeist wird. Auch einige weitere Verbesserungen sind detailliert in diesem Blogbeitrag beschrieben. Es kommen noch viele weitere spannende neue Funktionen, ich kann es kaum erwarten, allen davon zu erzählen.
Ich mag es, wenn Benutzer die Foren nutzen, um andere auf Browserprobleme aufmerksam zu machen, die sie finden. Und sich dann die Zeit nehmen, mit weiteren Erkenntnissen und Lösungen zurückzumelden.
auch ein Test.
Cool! Ich sehe also auch das neue Design für versteckte Kommentare?!
Nun... das Bild vom Gravatar-Test ist fehlgeschlagen. Langsame Server bei Gravatar? Ich warte ein paar.
übrigens... während ich hier tippe... wollte ich Ihnen sagen, dass Sie versuchen sollten, Ihre HTTP-Anfragen zu reduzieren, Verfallsdatums-Header in Ihrem .htaccess hinzuzufügen und nicht vergessen, Gzip-Komprimierung zu aktivieren.
Seiten mit hohem Traffic wie diese werden viel Geld bei den Hosting-Kosten sparen, wenn sie Performance ernst nehmen.
Ich weiß nicht, ob Sie das wissen, aber Chris hat vor etwa einer Woche einen ganzen Screencast darüber gemacht, also tut er das tatsächlich,
Sie müssen ein neuer Besucher sein, haha :)
Chris, das neue Design ist erstaunlich. Ich liebe die Art und Weise, wie Sie die Illustrationen integriert haben, und ich habe das Design noch nicht auf einem Retina-Display gesehen, aber ich weiß, dass ich mehr Begeisterung erwarten kann.
Mit den anderen Entwicklungen der Tag-Funktion auf CodePen weiß ich, dass sie für Endbenutzer äußerst nützlich sein wird, wenn die Community wächst.
Mit Ihrem Debugging von CSS-Tricks und all den Problemen, denen Sie anscheinend immer begegnen, bin ich erstaunt, wie einfach es Ihnen fällt, Lösungen zu finden. Ich weiß, dass Sie diesen mobilen WebKit-Bug angehen werden, ich wäre verloren!
Wie debuggen Sie so gut? Ist es FireBug oder etwas Größeres?
Danke für die Erinnerung, das neue Design auf meinem Windows Mobile zu überprüfen. Es sieht wirklich gut aus. Der Kontrast auf dem Handy ist viel besser als auf dem Desktop.
Cooles Design, ich finde die Schriftarten im oberen Menü sehen knackig aus. Sie sollten andere glatte Schriftarten ausprobieren. Ich schätze, Sie wissen das bereits. Ich schaue es mir in Google Chrome (Windows) an :)
Windows hat manchmal Probleme damit, Webfonts glatt darzustellen, sogar Helvetica. Ich bin diesem Problem in IE, Firefox und Chrome begegnet, obwohl sie auf meinem Mac perfekt glatt sind.
Schriftglättung ist kein Windows-spezifisches Problem, es ist ein Browser-Rendering-Problem. Schriftarten sind in FF, IE9 und Safari perfekt glatt, werden aber in Chrome und Opera schrecklich dargestellt, was ironisch ist, da Google ein so großer Akteur in der Webfont-Bewegung ist. Es hat nichts damit zu tun, ob Cleartype aktiviert ist oder nicht, oder irgendein anderer Unsinn, es kommt einfach auf die Rendering-Engine des Browsers und wie er Text behandelt an.
Ich habe keine Probleme in irgendeinem Browser auf Mac, während ich auf Windows Probleme in IE und Chrome und FF habe (andere habe ich nicht getestet).
Ich habe Schriftprobleme in Chrome und Firefox auf Mac gesehen. Hör auf, so ein Fanboy zu sein!!
Das bin ich nicht; ich weise nur auf Probleme hin, die ich hatte und von anderen gehört habe, die meistens von Cleartype herrühren.
Und ich habe ein paar Webseiten erstellt, auf denen selbst Helvetica, Arial oder Times nicht glatt sind, jedes Mal haben Leute unter Windows dieses Problem.
50.000 für die Installation eines Plugins, viel Glück dabei.
Entschuldigung Chris, dieses Design gefällt mir nicht. Der einzige Bereich, der mir auf dieser Seite gefällt, ist der Fußbereich mit dem CodePen- und Shoptalk-Button.
Aber kein Problem. Ich liebe den Inhalt. Am Ende des Tages ist es das, was ich brauche.
Das neue Design ist einfach nur hässlich. Es tut mir leid, ich liebe diese Website, aber ich muss ehrlich sein.
Das sieht einfach nicht richtig aus. Auch das Formular, in das ich gerade tippe, war früher etwas Besonderes...
Die Seite wird anscheinend auch in IE8 nicht gut dargestellt, ich habe sie heute zum ersten Mal seit einer Weile auf der Arbeit besucht und es fehlte viel Styling etc.
Das neue Design gefällt mir auch nicht besonders gut, aber ich denke, ich werde mich daran gewöhnen...
Aber das ist nicht das, worüber ich wirklich kommentieren wollte. @smedz28, eine Sache, die Sie von Chris' Seite hätten lernen sollen, ist vorausschauend zu denken. Ich liebe es, dass er zukunftsorientierten Code verwendet, verdammt sei IE8!
Mein Lieblingsaspekt dieses neuen Designs ist die Fokussierung, die Sie auf Kommentare legen. Leute sagen immer, dass die Kommentare und die daraus resultierende Community-Kollaboration der beste Teil dieser Blogs sind, aber ich ignoriere sie tendenziell, weil sie versteckt sind. In diesem Design können Sie sie irgendwie nicht ignorieren. Tolle Arbeit!
Auch in Firefox musste ich raten, was die erforderlichen Felder dieses Kommentarfeldes sind, da sie nicht markiert sind.
Ich liebe das neue Design absolut, besonders die Art und Weise, wie Sie das CSS-Tricks-Logo in der oberen linken Ecke gestaltet haben, großartige Arbeit!
Ich mochte die frühere Version, aber ich denke, ich werde sie auch lieben, sobald ich mich daran gewöhnt habe.