Ein Juwel von Chris Ferdinandi, das detailliert beschreibt, wie man Custom Events nutzt, um sich in Web Components einzuklinken. Vor allem erklärt Chris pflichtbewusst, warum Custom Events besser geeignet sind als beispielsweise Callback-Funktionen.

Bei einer typischen JavaScript-Bibliothek übergibst du Callbacks als Teil des Instanziierungsprozesses. [...] Da Web Components sich selbst instanziieren, gibt es keine einfache Möglichkeit, dies zu tun.

Es gibt eine Möglichkeit, Callback-Funktionen zu verwenden, nur keine „einfache“ Möglichkeit, dies zu tun.

JavaScript bietet Entwicklern eine Möglichkeit, benutzerdefinierte Ereignisse auszulösen, auf die Entwickler mit der Methode Element.addEventListener() hören können.

Wir können benutzerdefinierte Ereignisse verwenden, um Entwicklern die Möglichkeit zu geben, sich in den von uns geschriebenen Code einzuklinken und als Reaktion auf Ereignisse weiteren Code auszuführen. Sie bieten eine sehr flexible Möglichkeit, die Funktionalität einer Bibliothek oder Codebasis zu erweitern.

Verpasse nicht den Tipp zum Abbrechen von benutzerdefinierten Ereignissen!

Vor ein paar Wochen war ich super begeistert, meinen ersten CSS-Tricks-Post zu veröffentlichen: „Letter Spacing ist kaputt“. Vergiss das aber, wichtig ist das Thema des Posts: Letter Spacing ist kaputt und funktioniert nicht so, wie die CSS-Spezifikation es vorsieht. Kurz gesagt, anstatt die Zeichen gleichmäßig zu verteilen, hinterlässt es einen unangenehmen Abstand am Ende des Elements.

Weiterlesen →

Ja, ja. Funktional sind sie verschieden. Aber verdammt, wenn ich nichts von den verrückten Schwellenwerten gewusst hätte, bis Jens Oliver Meiert ein Paar Kurzumfragen getootet hat.

Gemäß dem HTML-Standard

8. Wenn die aktuelle Zelle ein colspan Attribut hat, dann parse seinen Wert, und sei colspan das Ergebnis.
   Wenn das Parsen dieses Werts fehlschlug, null zurückgab oder das Attribut fehlt, dann sei colspan stattdessen 1.
   Wenn colspan größer als 1000 ist, sei es stattdessen 1000.
9. Wenn die aktuelle Zelle ein rowspan Attribut hat, dann parse seinen Wert, und sei rowspan das Ergebnis.
   Wenn das Parsen dieses Werts fehlschlug oder das Attribut fehlt, dann sei rowspan stattdessen 1.
   Wenn rowspan größer als 65534 ist, sei es stattdessen 65534.

Ich habe die Antworten im Voraus gesehen und weiß, dass ich rowspan versemmelt hätte. Anscheinend reichen 1000 Tabellenspalten aus, um sie gleichzeitig zu überspannen, während 65534 die magische Zahl ist, um zu begrenzen, wie viele Zeilen wir gleichzeitig überspannen können. Warum ist der Sweet Spot für rowspan 6.4543 Spalten größer als colspan? Dafür gibt es normalerweise gute Gründe.

Was dieser Grund ist, keine Ahnung, aber jetzt habe ich einen kleinen Happen für Smalltalk in meiner Hintertasche.

„Das ist keine Website. Oder nicht einmal ein Blog. Es ist ein Gespräch.“

Das ist die Idee! Jay Hoffmann und ich unterhalten uns schon lange, seit er eine Serie über Webgeschichte begann. Es ist entspannt, sich mit jemandem zu unterhalten, der all dieses Wissen über die interessanten Ecken und Winkel des Webs hat.

Jedenfalls freue ich mich immer auf diese Gespräche. Manchmal können wir uns aber auch aus irgendeinem Grund nicht treffen. Zu dieser Zeit sprachen wir über verschiedene Ansätze zum Bloggen und waren besonders am Konzept des „digitalen Gartens“ interessiert. Wir wollten keinen pflanzen oder so, aber das inspirierte uns, unser langjähriges Gespräch in einen Blog zu verlagern – wissen Sie, eines der besten Medien in der Webgeschichte.

Weiterlesen →

Vielleicht erinnert ihr euch daran, dass Alvaro vorschlägt, die font-size von der Standardgröße des User-Agents (16px) auf 1.25rem anzuheben. Sebastian Laube hakt da nach:

Ich würde Alveros Vorschlag nicht ohne Weiteres übernehmen, da ich zum Beispiel auf einem Smartphone so viel Platz verschwenden würde und viele Nutzer wahrscheinlich von der großen Schrift irritiert wären.

Ich habe ab einer bestimmten Fenstergröße eine Schriftgröße von 1,2rem gesetzt. Aber auch das muss vorsichtig geschehen, denn dann entstehen Grauzonen, in denen Media Queries plötzlich wieder in einen anderen Bereich fallen...

Ich persönlich stimme Alvaro zu, dass die Standardgröße von 16px zu klein ist. Das ist einfach meine Meinung als jemand, der ungemütlich nahe daran ist, die Unterseite echter Cola-Flaschen zu tragen, um etwas auf einem Bildschirm klar sehen zu können.

Weiterlesen →

Psychische Gesundheit ist immer schwer anzusprechen, besonders in einer Branche, die meiner Meinung nach oft das Ego über die Verletzlichkeit stellt. Ich finde es immer noch schwer, selbst nachdem ich über meine eigene chronische Depression geschrieben und UX-Fallstudien dazu untersucht habe.

Aber genau solche Diskussionen führen Schalk Venter und Schalk Neethling in ihrem Mental Health in Tech Podcast. Sie luden mich in die Sendung ein und wir tauchten tief ein, wie es ist, sein Bestes zu geben, wenn man sich nicht am besten fühlt. Wir gingen so tief, dass wir nicht merkten, wie zwei Stunden vergingen, und das Interview wurde in zwei Teile geteilt, von denen der zweite heute veröffentlicht wurde.

Weiterlesen →

Suchst du jemals nach CSS-Informationen und stößt auf einen Artikel – vielleicht sogar einen oder ein Dutzend auf dieser Seite –, der vielversprechend aussieht, bis du feststellst, dass er veröffentlicht wurde, als Dinosaurier die Erde durchstreiften? Die Informationen sind gut, aber vielleicht nicht die beste Widerspiegelung moderner Best Practices?

Das habe ich mich schon oft gefragt. Und Chris auch. Aber auch Brecht De Ruyte und er tut tatsächlich etwas dagegen, zusammen mit anderen Leuten, die die W3C CSS-Next Community Group bilden. Ich habe mit ihm an diesem Artikel für Smashing Magazine gearbeitet und war begeistert zu sehen, wie viel Diskussion, Gedanken und Absicht in die „Versionierung“ von CSS geflossen sind.

Weiterlesen →

Christian Heilmann hielt diesen Vortrag bei den Typo3 Developer Days. Ich verlinke ihn, weil er einen bereits bekannten Nerv bei mir trifft. Die zunehmende Komplexität der Webentwicklung hat eine umgekehrte Beziehung zur abnehmenden Anzahl von Einstiegspunkten für diejenigen, die in die Webentwicklung einsteigen.

Ich liebe es, wie Christian zwei hypothetische Entwicklungs-Stacks vergleicht.

Weiterlesen →

Heydon über die Tugenden des Hyperlinkens von Hypertext in einem Anker-Element

Manchmal wird das <a> als Hyperlink oder einfach als Link bezeichnet. Aber es ist keines davon, und Leute, die sagen, es sei eines, liegen technisch falsch (auf die schlimmste Art falsch).

[…]

Ein <a> ist ein interaktives Element (nun ja, wenn es ein href hat). Der Text innerhalb eines interaktiven Elements wird manchmal als Label bezeichnet, da er angeben sollte, was das Element tut. Da Anker uns auf dem Web an Orte bringen, sollte der Text angeben, wohin wir gehen würden oder was wir dort tun können.

[…]

Webentwickler und Content-Redakteure auf der ganzen Welt machen den Fehler, **Text, der einen Link beschreibt, tatsächlich in diesen Link einzufügen**. Das ist kolossal unglücklich (sic), da dies die wichtigste Sache ist, die man beim Schreiben von Hypertext richtig machen muss.

Weiterlesen →

Smashing Magazine lud mich ein, mich zu einem Einzelgespräch mit „Uncle“ Dave Rupert zu setzen, um über Webkomponenten zu sprechen, aber auch um Daves neuen Job bei Microsoft zu besprechen und woran der ShopTalk-Co-Host derzeit arbeitet.

Weiterlesen →