Ich hatte diese Woche ein seltsames Problem, bei dem einige mobile Geräte einige CSS-Eigenschaften, die eindeutig verknüpft waren und bei der überwiegenden Mehrheit anderer Browser geladen wurden, einfach nicht berücksichtigten. Es war nicht benutzeragentenbasiert (ich habe versucht, es zu fälschen). Es war nicht bildschirmgrößenbasiert. Es war irgendwie das Gerät selbst. Wie sich herausstellt, bin ich ein Idiot. Ich habe dies mit @import für das CSS gemacht
@import "css/style.css";Denn so macht man das in Sass oder LESS. Es stellt sich heraus, dass dies in CSS in den meisten Browsern tatsächlich funktioniert, aber natürlich falsch ist. Dies ist korrekt
@import url("css/style.css");Ich hätte es richtig machen können, aber stattdessen habe ich es gelöst, indem ich kein @import verwendet habe, was so ziemlich immer schlecht ist. Viel besser ist es, das CSS in diesem Stylesheet richtig zu machen.
Update: Die Nichtverwendung von url() ist gemäß der Spezifikation gültig, aber sagen Sie das einigen mobilen Browsern! (Thx Tab Atkins)
Ich habe die ganze Woche lang Fehler in diesem neuen Design behoben und vermute, dass noch viele Wochen folgen werden, in denen der Großteil meines Tages der Verbesserung dieses Designs gewidmet sein wird.
Ich habe die Twitter Cards-Daten aktiviert (darüber), als Teil von Joost De Valks großartigem SEO-Plugin für WordPress. Wir werden sehen, ob sie funktionieren, das wäre ziemlich cool. Ich finde Twitter immer noch großartig, obwohl dieses hier für mich traurig ist.
Ich habe meine Abende damit verbracht, meinen brandneuen Vortrag und Workshop für BD Conf vorzubereiten. Beide werden sich mit dem Thema „Ein Workflow für Webdesigner“ befassen und stark auf meine jüngsten Erfahrungen bei der Neugestaltung dieser Website zurückgreifen.
Ich habe das Video-Hosting für die Videos von The Lodge auf Vimeo Pro umgestellt. Ich hoffe, es ist grundsätzlich schneller, bietet einen schöneren Player, unterstützt mehr Geräte und das alles bei sehr hoher Qualität. Das einzige Problem bisher ist, dass der Vimeo-Player auf dem Kindle Fire und einigen anderen Android-Tablets Probleme bereitet. Ich hoffe, das kann behoben werden.
CodePen ist dank Tim Sabat, unserem Server-Administrator, jetzt auf einigen großen, neuen, schicken Servern. Theoretisch sind diese Dinger für uns für immer skalierbar.
Viel Glück mit den restlichen lästigen Fehlern
Ich habe @import immer als allgemein nicht ratsam angesehen, da link das CSS parallel lädt, anstatt den Seitenaufbau für eine große externe Datei zu verzögern. Hast du eine Präferenz?
Ich kann das Forum auf meinem Samsung Galaxy SII immer noch nicht nutzen, auch nachdem ich den Cache gelöscht habe.
Die Themenliste sieht großartig aus, aber wenn ich in einen Thread gehe, erhalte ich eine ultra-lange Spalte, wobei nur der letzte Kommentar in einer Spalte von 20px (oder so) angezeigt wird. :s
Ich habe heute versucht, eines davon zum Testen zu kaufen, aber sie sind ziemlich teuer. Ich werde sehen, ob ich einen Emulator zum Laufen bringen kann und weiterhin Fehler beheben.
Bitte sag mir Bescheid, wenn du meine Hilfe für weitere Tests möchtest, Chris.
Leute, ihr könnt den Opera Mobile Emulator ausprobieren (er hat ein Profil für das Galaxy S2).
Ich bin froh, dass du das @import-Problem erklärt hast, da ich deine Tweets gesehen hatte, aber das Problem nicht verstanden hatte.
Ich benutze wohl zu viel SASS/LESS.
Gute Arbeit, dass du es gefunden und nicht aufgegeben hast! Du hast erstaunlich viel Arbeit in deine Cross-Kompatibilität gesteckt.
Re: Vimeo – das war ein guter Schritt. Ich bekam ständig Fehler von AmazonS3 auf meinem iPad, es fror ein und sagte dann beim Aktualisieren „Ticket abgelaufen“ usw. Vimeo ist viel schneller und keine Probleme auf irgendeinem der Geräte, die ich verwendet habe.
Sehr gut zu hören. Hoffentlich beschleunigt das auch meine Fähigkeit, neue Videos hochzuladen. Ich kann es kaum erwarten, bis die gesamte Sammlung endlich veröffentlicht ist. (Wahrscheinlich ein paar Wochen.)
Chris,
Hast du Paul Boags Erfahrungen mit Vimeo gelesen? Vielleicht etwas zum Überlegen.
Hab den Link zu seinem Blogbeitrag vergessen
http://boagworld.com/reviews/vimeo/
Das gilt nur für die Nicht-PRO-Nutzung von Vimeo. Von hier
Ich bin PRO =)
Tolle Arbeit mit all dem, Chris. Eine Sache noch… Die Vimeo-Videos sind verschwommen. Liegt das nur an mir, oder haben das auch andere gesehen?
Dinge, die Sie versuchen können: 1) Klicken Sie auf die HD-Schaltfläche im Video, um in den HD-Modus zu wechseln. 2) Im Vollbildmodus ansehen. 3) Laden Sie das Video direkt herunter und sehen Sie es lokal an. 4) Kontaktieren Sie mich, damit ich prüfen kann, ob es mit einem bestimmten Video, mit dem Sie Probleme haben, etwas Seltsames gibt.
Nun, wie dumm ich bin. Die HD-Schaltfläche hat es getan. Ich habe sie nie wirklich bemerkt, ich dachte einfach, sie wäre standardmäßig HD. Danke!
Ich habe angefangen, täglich bei CodePen vorbeizuschauen, um zu sehen, was es Neues gibt. Dort tut sich wirklich Tolles und es erweist sich als großartige Ressource, um mit dem Neuesten in CSS und JS zu experimentieren.
Ich mochte CodePen. Es ist eine großartige Ressource für mich, um die neuen Dinge über CSS & Js zu erfahren....
Chris. Hast du das unter Windows getestet? Chrome rendert Schriftarten so schlecht, dass das Home-Symbol für mich wie ein Pausensymbol aussieht und alle benutzerdefinierten Schriftarten pixelig sind.
Hast du in Erwägung gezogen, auf Bilder umzusteigen – besonders in der Hauptnavigation?
In seinem Video (in der Lodge) erklärt Chris, dass er eine Icon-Schriftart für die Icons verwendet. Das macht sie skalierbar und sie sehen auf Retina-/Hochauflösungsgeräten immer noch gut aus. Ich denke, der Kompromiss ist, dass, um Dinge in modernen Browsern/Technologien gut aussehen zu lassen, es vielleicht nicht auf älteren Geräten gut aussieht.
@Brendan Nun, ich benutze Windows 7 und Chrome 21, und ich weiß, dass es ein Fehler in Chrome ist, aber ich wollte das trotzdem anmerken.
Damit sind die mysteriösen Bugs bei der Verwendung von SASS und LESS abgeschlossen. Versteht mich nicht falsch, ich halte es für eine großartige Idee. Aber ich werde bei reinem CSS bleiben. Kein serverseitiges Geschwurbel. Aber ich wäre bereit, es in Zukunft auszuprobieren.