Netz

Können Sie das mit einem JavaScript-Datenraster tun?

In diesem Artikel werden Sie einige ziemlich bahnbrechende Dinge sehen, die Sie mit modernen JavaScript-Grids erreichen können, und neue Möglichkeiten entdecken, ein Datengrid zu erweitern, um es ansprechend, reaktionsschnell und zugänglich zu machen. All dies wird anhand von Kendo UI Data Grids und ihren Funktionen veranschaulicht.

Frustrierende Designmuster: Kaputte Filter

Der häufige Umgang mit Filtern kann frustrierend sein. Lassen Sie uns sie richtig machen. Das bedeutet, dass Sie die Benutzeroberfläche niemals bei einer einzelnen Eingabe einfrieren, Texteingabe-Fallback bereitstellen und Benutzer niemals automatisch bei einer einzelnen Eingabe scrollen. Hier ist der Grund.

Aufbau eines dynamischen Headers mit Intersection Observer

In JavaScript kann das Anhängen eines Ereignis-Listeners zum ständigen Auslösen eines Callbacks beim Scrollen leistungsintensiv sein. Aber es gibt einen besseren Weg mit Intersection Observer.

So migrieren Sie von jQuery zu Next.js

In diesem Artikel werfen wir einen genaueren Blick auf verschiedene Ansätze und Strategien, wie wir eine Webanwendung migrieren können, die das jQuery-Framework verwendet, und beginnen, eines der coolsten React-Frameworks auf dem Markt zu verwenden: Next.js.

Refactoring von CSS: Einführung (Teil 1)

CSS-Refaktorisierung ist keine leichte Aufgabe – sie muss auf eine Weise durchgeführt werden, die keine Probleme verursacht. Zuerst müssen wir die vorhandene Codebasis analysieren, den Zustand der CSS-Codebasis prüfen, Schwachstellen entdecken, uns auf den Ansatz einigen und das Management davon überzeugen, Zeit und Ressourcen in den Prozess zu investieren.

Ein starkes Argument für Barrierefreiheit

Barrierefreiheit wird oft übersehen oder an das Ende eines Projekts geschraubt. Lassen Sie uns herausfinden, wie Barrierefreiheit vom Beginn eines Projekts bis zur Veröffentlichung oder Übergabe und darüber hinaus implementiert und befürwortet werden kann.

Tools und Praktiken zur Beschleunigung des Vue.js-Entwicklungsprozesses

Obwohl Vue.js behauptet, ein zugängliches minimalistisches Framework zu haben, das schrittweise angepasst werden kann, kann es ein wenig überwältigend sein, wenn man als Vue.js-Neuling anfängt. In diesem Artikel sehen wir uns Möglichkeiten an, das Schreiben von Vue.js zum Kinderspiel zu machen.

Eine Einführung in Figma Interactive Components

Interaktive Komponenten in Figma ermöglichen es Designern, eine Komponente mit Zuständen (schweben, aktiv, angeklickt, Fokus) zu erstellen und sie interaktiv zu gestalten, sodass jede Kopie der Komponente standardmäßig dieselben Interaktionen erbt. Lassen Sie uns untersuchen, wie es den Zeit- und Arbeitsaufwand reduzieren kann, der zum Erstellen von Interaktionen für Ihre Mock-ups erforderlich ist.

So wählen Sie ein Headless-CMS aus

Es gibt eine Reihe von Headless-CMS da draußen. In diesem Artikel befassen wir uns mit Headless-CMS-Funktionen, um Ihre Content-Redakteure, Vermarkter und Sie als Entwickler zufrieden zu stellen. Für den erfahrenen Headless-Praktizierenden könnte dies eine Checkliste sein, um zu sehen, was es Neues gibt. Für diejenigen, die ihre kopflose Reise beginnen, könnte dies ein Leitfaden sein, wonach sie suchen müssen.

Verwenden von HSL-Farben in CSS

In diesem Artikel erklärt Ahmad Shadeed, was HSL ist, wie man es verwendet, und teilt einige der nützlichen Anwendungsfälle und Beispiele, die Sie sofort in Ihren aktuellen Projekten verwenden können.