Netz

So erstellen Sie ein Echtzeit-Multi-User-Spiel von Grund auf neu

Dieser Artikel beleuchtet den Prozess, die technischen Entscheidungen und die gewonnenen Erkenntnisse hinter dem Aufbau des Echtzeitspiels Autowuzzler. Erfahren Sie, wie Sie mit Colyseus den Spielstatus über mehrere Clients hinweg in Echtzeit teilen, mit Matter.js physikalische Berechnungen durchführen, Daten in Supabase.io speichern und das Front-End mit SvelteKit erstellen.

Weiterlesen

Respektieren der Bewegungspräferenzen der Benutzer

Die Medienabfrage „bevorzugt reduzierte Bewegung“ wird seit einigen Jahren in allen modernen Browsern hervorragend unterstützt. In diesem Artikel erklärt Michelle Barker, warum es keinen Grund gibt, es heute nicht zu verwenden, um Ihre Websites zugänglicher zu machen.

Weiterlesen

Das SSG bauen, das ich mir schon immer gewünscht habe: Ein Sandwich aus 11ty, Vite und JAM

Bereits im Januar 2020 machte sich Ben Holmes daran, das zu tun, was fast jeder Webentwickler jedes Jahr tut: seine persönliche Website neu zu erstellen. In diesem Artikel erzählt er seine Geschichte, wie er begann, seine eigene Build-Pipeline vom absoluten Nullpunkt aus zu bauen und „Slinkity“ zu erschaffen.

Weiterlesen

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.

Weiterlesen

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.

Weiterlesen

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.

Weiterlesen

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.

Weiterlesen

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.

Weiterlesen

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.

Weiterlesen

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.

Weiterlesen