Ihre Websites starten schnell, bis Sie zu viel hinzufügen, um sie langsam zu machen. Ich persönlich liebe die Idee, weniger Code auszuliefern, um letztendlich mehr Wert an den Browser zu liefern. Das Verständnis von Browser-APIs und dessen, was "kostenlos" kommt, kann tatsächlich zu weniger Neuerfindungen des Rads führen und potenziell mehr Zugänglichkeit, wenn Sie die bereitgestellten Werkzeuge nutzen.

Es ist allzu leicht, sich vom Reiz, Dinge herumzuschwingen, mitreißen zu lassen, aber denken Sie daran, dass das Web in erster Linie ein Informationssystem ist. Wenn Menschen versuchen zu lesen, können animierter Text oder Schleifenanimationen, die in der Nähe abgespielt werden, stark ablenken.

Eines der besten Dinge, die Sie für Ihre Website tun können, ist das Hinzufügen eines Service Workers, wenn Sie noch keinen haben. Service Worker verleihen Ihrer Website Superkräfte. Wenn Sie nichts anderes tun, wird dies 2022 einen enormen Schub für Ihre Website bedeuten.

Damals erkannte ich, dass sich das Paint-Worklet nicht an die Präferenzen [des Benutzers] anpasste. Das wäre normalerweise eine riesige Schwierigkeit, aber mit CSS-Custom-Properties erkannte ich, dass ich die Rendering-Logik des Paint-Worklets mit relativer Leichtigkeit an das bevorzugte Farbschema eines Benutzers anpassen konnte!

Dank einiger Standardisierung (mit weiteren im Anmarsch) ist die API einfach: sieben Pseudo-Elemente und elf Pseudo-Klassen, die (fast) jede erdenkliche Komponente und jeden Zustand der vertrauenswürdigen (und oft übersehenen) Scrollleiste ansprechen. Klingt nach viel, aber Sie können mit nur dreien von ihnen sehr weit kommen.

Eine Sache, die Menschen tun können, um ihre Websites zu verbessern, ist, sich daran zu erinnern, dass Sie nicht repräsentativ für alle Ihre Benutzer sind. Unsere Lebenserfahrungen und wie wir mit dem Web interagieren, ist kein Indikator dafür, wie jeder mit dem Web interagiert.

Wie viel Zeit verbringen Sie mit der Gestaltung der Inhaltspräsentation für Ihre Websites? Wenn Sie einen neuen Blogbeitrag schreiben oder eine neue Seite erstellen, denken Sie nur an die Worte oder daran, wie Ihre Leser mit diesen Worten interagieren werden? Mit diesen wenigen Tipps im Hinterkopf können Sie die Inhalte Ihrer Website für Ihre Besucher leichter verdaulich und visuell interessanter gestalten.

Die Gewährleistung der Zugänglichkeit ist ein klarer Weg, um Ihre Website zu verbessern. Wenn Sie Ihre Website zugänglich machen, vergrößern Sie Ihr Publikum, verbessern die Erfahrung für alle, die sie nutzen (nicht nur für Menschen mit besonderen Bedürfnissen bei der Zugänglichkeit), und Sie erhalten auch SEO-Vorteile.

Es geht weder nur darum, eine Behinderung zu haben, noch darum, eine Behinderung zu haben. Das ist eine veraltete Denkweise. Denken Sie: Wer greift nur dann auf eine Website zu, wenn er an seinem Schreibtisch in einem gut beleuchteten Bereich sitzt, Kopfhörer mit Geräuschunterdrückung trägt und auf ein schönes Retina-Display starrt? Eine sehr kleine Gruppe von Menschen, und ironischerweise meist nur die Leute, die Websites für alle anderen erstellen.

Websites sehen (meistens) irgendwie gleich aus. Die Verbreitung von Frameworks, Vektorgrafik-Design-Tools, datengesteuertem Design und die Aufforderung, den Geschäftswert zu maximieren, haben zu einem Status quo des Standarddesigns geführt. Was wäre, wenn wir beschließen würden, Freude an unserer Arbeit zu schaffen? Schließlich ist es in einer zutiefst dunklen Zeit für viele etwas Besonderes, jemanden mit seiner Arbeit zum Lächeln oder Lachen zu bringen.

JavaScript ist zu einer dritten Säule des Webs geworden. Ich weiß, dass JavaScript super nützlich ist, also warum picke ich es heraus? Ich picke es heraus, weil viele Websites gar nicht erst geladen werden können, wenn JavaScript fehlt. Seit wann ist das Laden von HTML und CSS von JavaScript abhängig?

Fragen Sie sich bei der Entscheidung, etwas Neues zu Ihrer Website hinzuzufügen: Was passiert, wenn ich das nicht sofort richtig mache? 

Ich sehe so oft inkonsistente Abstände – besonders vertikal –, die das Scannen von Inhalten erschweren und dieses subtile, unzusammenhängende Gefühl erzeugen. Dasselbe gilt für Typografie: riesige Überschriften auf kleinen Ansichtsfenstern oder Überschriftenhierarchien, die visuell keinen Größenkontrast haben und sie somit visuell nutzlos machen.

In einer Welt, in der die Entwicklererfahrung oft Priorität hat, ist es zu leicht zu vergessen, dass wir diese Werkzeuge verwenden, um Erfahrungen für andere Menschen zu schaffen. Und wir haben die Verantwortung, Erfahrungen zu schaffen, die die Besucher unserer Website nicht gefährden.

Wenn es nur eine Sache gibt, die Sie tun können, um Ihre Website zu verbessern, dann könnten Sie verdammt viel falsch machen, als sich etwas Zeit zu nehmen, sie zu lesen. Ernsthaft, tun Sie mehr, als die Worte anzusehen – lesen Sie sie und nehmen Sie alles auf, was von oben bis ganz unten gesagt wird. Und nehmen Sie sich wirklich Zeit dafür. Ich spreche davon, alles in der Navigation zu öffnen, Akkordeons zu erweitern, Modals zu öffnen und alles aufzunehmen. Lesen Sie es so, wie Wendy's ihre Burger macht: keine Abkürzungen oder so.

Starten Sie sauber, bauen Sie auf und scheuen Sie sich nicht, seltsame Funktionen zu testen. Spielen Sie mit Layouts, Farben und Schriftarten herum, aber versuchen Sie auch, den Text zu ändern – zum Beispiel verschiedene Töne zu verwenden, Humor hinzuzufügen, vielleicht etwas Sarkasmus – was auch immer zu Ihnen passt. Probieren Sie neue Dinge aus, hören Sie auf Ihr Bauchgefühl und nehmen Sie dann einen tiefen Atemzug und ignorieren Sie Kritik.

Wenn es eine Sache gibt, die Sie tun können, um Ihre Websites zu verbessern, dann ist es, die Möglichkeiten, die Ihnen die Webplattform bietet, zu nutzen: HTML, CSS und JavaScript – in dieser Reihenfolge. Wenden Sie die Regel der geringsten Macht an. Bauen Sie mit Blick auf progressive Verbesserung. Sie werden ein glücklicherer Entwickler sein. Ihre Besucher werden auch glücklicher sein, da die Dinge wie erwartet funktionieren.

Nehmen Sie sich jetzt zwei Minuten Zeit und besuchen Sie Ihr aktuelles Projekt in einem Browser. Dann sollten Sie mit nur der Tabulatortaste zwischen interaktiven Elementen wie Schaltflächen, Links und Formularelementen navigieren können.

Wenn ich eine Sache hervorheben könnte, die Menschen tun können, um ihre Website zu verbessern, dann ist es, sich einen Moment Zeit zu nehmen, um über die wichtigsten Aktionen nachzudenken, die wir möchten, dass unsere Benutzer auf einer Seite ausführen können, und diese so einfach und zugänglich wie möglich zu gestalten.

Ich verstehe, dass nicht jeder seine Website auf Remix migrieren kann und das ist in Ordnung. Der Slogan von Remix lautet: Bauen Sie bessere Websites (manchmal mit Remix). Das Einzige, was ich Sie ermutigen möchte, um Ihre Website besser zu machen, ist, von Remix zu lernen und einige der Ideen auf Ihre Website anzuwenden.

Es gibt eine riesige und immer größer werdende Lücke zwischen den Geräten, die wir zum Erstellen des Webs verwenden, und den Geräten, die die meisten Menschen zum Konsumieren verwenden. Es ist auch kein Geheimnis, dass die durchschnittliche Größe einer Website riesig ist und sie nur noch größer wird. Was können Sie dagegen tun? Besorgen Sie sich einen Schrott-Laptop und versuchen Sie, Ihre Website oder Webanwendung zu benutzen.

Performance-Budgets in der Webentwicklung sind keine neue Idee und gehen in vielerlei Hinsicht Hand in Hand mit CO2-Budgets. Die Optimierung der Leistung sollte sich im Allgemeinen positiv auf die Energieeffizienz Ihrer Website auswirken. Aber ein quantifizierbares CO2-Budget hilft uns auch, jeden Aspekt unserer Website durch die Linse der Nachhaltigkeit zu betrachten und kann uns helfen, Aspekte zu berücksichtigen, die ein reines Performance-Budget allein nicht abdecken würde.

Nehmen Sie sich einfach eine Minute Zeit, um die Auswirkungen dessen zu bedenken: Jedes Skript von Drittanbietern auf Ihrer Website erlaubt jemand anderem, Code auf Ihren Webseiten auszuführen. Das ist erstaunlich unsicher.

Wir testen nicht zum Spaß am Testen. Wir testen, um Dinge zu verbessern. Der nächste Schritt ist also, aus diesen Tests zu lernen. Was hat gut funktioniert? Was kann verbessert werden? Wie könnten wir uns verbessern? Natürlich haben Sie vielleicht nicht die Zeit und das Budget, alles auf einmal zu verbessern. Mein Rat ist, Prioritäten zu setzen und iterativ vorzugehen.

Wenn Sie den Aufwand des Schreibens Ihres eigenen Codes rechtfertigen können, werden Sie mit Webstandards vertrauter und lernen, wie robust sie von sich aus sind. Sie erhalten auch etwas, das langfristig einfacher zu warten ist, da es dem Kernentwicklungspfad des Webs am nächsten kommt.

Das Leben ist unvollkommen, unvorhersehbar und schön. Wir können jeden Tag durch denselben Wald gehen und verschiedene bunte Blätter sehen. Wir können jede Minute in die Wolken schauen und eine völlig neue Formation beobachten. Die physische Welt ist vergänglich und ständig im Wandel. Was wäre, wenn unsere Designs ein wenig mehr so wären?

Wenn Sie Ihre bevorzugte Art von Arbeit präsentieren, erhalten Sie mehr Anfragen für ähnliche Projekte oder Aufträge – was zu einem positiven Kreislauf führt, in dem Sie mehr von dem tun, was Sie lieben.