Netz

Erstellen einer API mit Gatsby-Funktionen

In diesem Tutorial erklärt Paul Scanlon, wie Sie eine API mithilfe von Gatsby-Funktionen erstellen und was Sie bei der Bereitstellung in Gatsby Cloud beachten müssen.

Smashing Podcast Folge 42 mit Jeff Smith: Was ist DevOps?

In dieser Folge sprechen wir über DevOps. Was ist das und ist es eine Saite, die Sie Ihrem Webentwicklungsbogen hinzufügen sollten? Drew McLellan spricht mit dem Experten Jeff Smith, um es herauszufinden.

Lösung von CLS-Problemen auf einer Next.js-basierten E-Commerce-Website (Fallstudie)

Cumulative Layout Shift ist eines der am schwierigsten zu debuggenden Kernwebsites. In diesem Artikel gehen wir verschiedene Tools durch, um CLS zu untersuchen, wann sie verwendet werden sollten (und wann nicht), und Lösungen für einige der CLS-Probleme, mit denen wir auf unserer Next.js-basierten E-Commerce-Website konfrontiert waren.

Eine einfache, aber effektive Routine zur psychischen Gesundheit für Programmierer

In diesem Artikel sehen wir uns an, warum es wichtig ist, sich um unsere Work-Life-Balance zu kümmern, wie Sie eine einfache und effektive Routine für die psychische Gesundheit entwickeln und die gängigsten und effizientesten Techniken, die Sie verwenden können, um Ihre individuelle Routine zu erstellen.

Tipps und Tricks zur Bewertung von UX/UI-Designern

Kunden beginnen möglicherweise damit, Ihre App zu verwenden, weil Sie ein einzigartiges Produkt anbieten, aber die Benutzererfahrung ist es, was sie dazu bringt, zu bleiben. Dafür brauchen Sie exzellente UX-Designer und das Know-how, sie bei der Einstellung zu erkennen.

Intelligente CSS-Lösungen für allgemeine UI-Herausforderungen

Das Schreiben von CSS war wahrscheinlich noch nie so unterhaltsam und aufregend wie heute. In diesem Beitrag werfen wir einen Blick auf häufige Probleme und Anwendungsfälle, mit denen wir alle bei unserer Arbeit konfrontiert sind, und wie wir sie mit modernem CSS lösen können. Falls Sie interessiert sind, haben wir kürzlich auch [CSS-Audit-Tools](https://www.smashingmagazine.com/2021/03/css-auditing-tools/), [CSS-Generatoren](https:// www.smashingmagazine.com/2021/03/css-generators/), [Frontend-Boilerplates](https://www.smashingmagazine.com/2021/06/useful-frontend-boilerplates-starter-kits/) und [ VS-Code-Erweiterungen] (https://www.smashingmagazine.com/2021/05/useful-vs-code-extensions-web-developers/) – vielleicht finden Sie sie auch nützlich.

Nützliche React-APIs zum Erstellen flexibler Komponenten mit TypeScript

React with JSX ist ein fantastisches Tool zum Erstellen benutzerfreundlicher Komponenten. Typescript-Komponenten machen es Entwicklern zu einem absoluten Vergnügen, Ihre Komponenten in ihre Apps zu integrieren und Ihre APIs zu erkunden. Erfahren Sie in diesem Artikel mehr über drei weniger bekannte React-APIs, die Ihre Komponenten auf die nächste Stufe bringen und Ihnen helfen können, noch bessere React-Komponenten zu erstellen.

Überbrückung der Lücke zwischen Designern und Entwicklern

UXPin hat kürzlich eine neue Funktion namens „Merge“ eingeführt. Dieses Tool zielt darauf ab, die Abgründe von Design und Entwicklung zu durchbrechen und gleichzeitig die Agilität und Qualität zu verbessern, die unsere Teams erwarten. Diese neue Technologie kann zu einem Umdenken darüber führen, wie das gesamte Designteam und das Engineering-Team zusammenarbeiten.

Das dunkle Autofill-Muster

Ein „dunkles Muster“ ist ein irreführendes UX-Muster, das Benutzer dazu verleitet, Dinge zu tun, die sie möglicherweise nicht wirklich tun möchten. In diesem Artikel führt Alvaro Montoro ein kleines Experiment durch, um herauszufinden, wie viel Privatsphäre den Benutzern in drei verschiedenen Browsern genommen wird.

Zusammensetzbare CSS-Animation in Vue mit AnimXYZ

Die meisten Animationsbibliotheken wie GSAP und Framer Motion werden ausschließlich mit JavaScript oder TypeScript erstellt, im Gegensatz zu AnimXYZ, das als „das erste zusammensetzbare CSS-Animations-Toolkit“ bezeichnet wird und hauptsächlich mit SCSS erstellt wurde. Obwohl es sich um eine einfache Bibliothek handelt, kann sie verwendet werden, um viel zu erreichen Animation im Web in kurzer Zeit und mit wenig Code.