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.
WeiterlesenRespektieren 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.
WeiterlesenDas 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.
WeiterlesenErstellen 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.
WeiterlesenSmashing 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.
WeiterlesenLö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.
WeiterlesenEine 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.
WeiterlesenTipps 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.
WeiterlesenIntelligente 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.
WeiterlesenNü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