Diese Website ist ein technischer Vortrag

Dieses wörtliche Tech -Vortrag (YouTube -Video, das dort eingebettet ist) von Zach Leatherman ist eine gute Zeit. Das Gespräch ist mit lustigen Tricks bestreut, also machte ich hier nur Notizen dazu:

• Ich habe keine Ahnung, wie er den „Knall auf der Tastatur und den perfekten Code erhalten“ gezogen hat, aber es erinnert mich an Jake Albaughs „Selbstkodier“ -Stifte.
• Durch das Hinzufügen von Inhalten auf der kann die gesamte Seite bearbeitet werden! Wussten Sie, dass document.designmode = "on" das Gleiche in JavaScript tut? (Mehr über die Herstellung von Devtools zu einem Design -Tool.)
• Es gibt ein kurzes Stück, in dem das Tippen in zwei Elementen gleichzeitig stattfindet. Codepen unterstützt das! Klicken Sie einfach in den Editor, wo Sie sich ein anderes befinden möchten, oder machen Sie es zu einem Teil eines Snippets.
• Systemschriften sind schön. Mir gefällt, wie einfach sie mit System-UI aufrufen können. Firefox scheint das nicht zu unterstützen, daher brauchen wir den ganzen Stapel. Ich frage mich, wie nahe wir nur diesen einen Wert brauchen. Iainbean hat mehr in seinem Beitrag „Systemschriften nicht hässlich sein“.
• Box-Decoration-Break ist eine schöne kleine Note für "Inline-Headers". Die Verwendung von @Supports hier ist sehr sinnvoll, da es nicht nur diese eine Eigenschaft, sondern einige, sondern mehrere ist. In einer nicht unterstützenden Situation möchten Sie also nichts davon anwenden.
• Ein
• Elemente zum Vergleich von Rendering -Strategien ist eine gute Möglichkeit, eine perfekte Benutzeroberfläche ohne eine Reihe von CSS zu vergleichenden.
• Das Hervorheben von 11y -Syntax -Hervorhebungen während des Build -Prozesses ist sehr cool. Ich benutze immer noch Prism.js auf dieser Website, was einen großartigen Job macht, aber ich mache es kundenseitig. Mir gefällt es sehr, wie dieses 110 -Plugin immer noch Prisma unter der Motorhaube ist, aber es passiert einfach, wenn die Seite erstellt wird. Ich würde gerne hier auf dieser WordPress -Site arbeiten, was ich wette, da unser Codeblock im Blockeditor sowieso ein benutzerdefiniertes JavaScript -Build ist.
• Im ersten Bullet Point schrieb ich, dass ich keine Ahnung hatte, wie Zach den „Knall auf der Tastatur und den perfekten Code erhalten“ machte, aber wenn Sie das Stück über die Syntax hervorheben und weitermachen, zeigt Zach es und es ist ein kleiner Verstand.

Ich denke, Zachs Gesamtpunkt ist stark: Wir sollten jede einseitige App-für-Default-Website-Erstellungsstrategie in Frage stellen.

Als Löffel Babybärenbrei hier würde ich sagen, ich bin ein Fan von statischen Site -Generatoren und JavaScript -Frameworks. JavaScript Frameworks bieten einige Dinge, die gute Ideen für den Aufbau digitaler Produkte sind: Komponenten und Zustand. Manchmal bedeutet dies, dass das kundenseitige Rendering tatsächlich hilfreich für die Interaktivität und das Gesamtgefühl der Website ist, aber es ist bedauerlich, wenn die Kunden-Seite standardmäßig für die Fahrt statt als als Wahl für die Wahl kommt.

Direkter Link →

Das obige ist der detaillierte Inhalt vonDiese Website ist ein technischer Vortrag. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!