Netz

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.

E-Mail-Testablauf, wie er sein sollte

Bei so vielen Tools und Ansätzen hat E-Mail immer noch einige Schwachstellen, sowohl für Entwickler als auch für E-Mail-Vermarkter. E-Mail ist schwierig, weil es zu viele Aspekte zum Festlegen und einige Instanzen ohne gemeinsame Regeln zu befolgen gibt.

Aufschlüsselung sperriger Builds mit Netlify und Next.js

Static Generation ist großartig für die Leistung – bis die App zu groß wird und die Build-Zeiten durch die Decke gehen. Heute werden wir uns ansehen, wie die frischen On-Demand-Builder von Netlify das beheben können.

Smashing Podcast Folge 40 mit Mike Cavaliere: Was ist Chakra UI für React?

In dieser Folge sprechen wir über die Chakra-Benutzeroberfläche. Was ist das und wie kann es bei Ihren React-Projekten helfen? Drew McLellan spricht mit dem Experten Mike Cavaliere, um es herauszufinden.