237: Warum MAST Client-First in Webflow überholt – Framework Deep Dive

MAST ist nicht einfach „noch ein Webflow-Framework“ – es ist ein komplett anderer Ansatz, wie du Layouts, Komponenten und Utility-Klassen in Webflow strukturierst. In dieser Folge gehen wir tief rein: Was unterscheidet MAST von Client-First? Warum setzt Matthias MAST inzwischen überall in Kundenprojekten ein und wann lässt er Komponenten bewusst weg? Du bekommst ein klares Bild davon, wie MAST gedacht ist: Less is more, 12-Column-Grid, komponentenbasierte Workflows, aber trotzdem genug Freiheit für Custom Sections. Wir sprechen außerdem darüber, wie Must mit Webflow Components, Slots, Build Mode, Variables/Fluid Design, Phosphor Icons und sogar fertigen Lösungen wie Swiper Slider umgeht – inklusive Praxisblick: Was ist wirklich hilfreich, wo wird’s für Anfänger zu komplex, und wie onboardet man Kunden sinnvoll, ohne dass sie die Seite „kaputtklicken“?MAST Framework: Kostenloses Starter-Cloneable: https://try.webflow.com/MAST *Podcastfolge online schauen: https://youtu.be/xsBUG6yG_8A?si=mBEmBLjAZerGxCbwMatthias Cordes online:Website: https://www.matthiascordes.comLinkedIn: https://www.linkedin.com/in/matthiascordes*Affiliate LinksMeine Onlinekurse:👉 Webflow Onlinekurse: Lerne Webseiten für Kunden Schritt für Schritt professionell umzusetzen: https://formburg.com/coursesChapter00:00 Einführung in das MAST Framework02:50 Komponentenfokus im Must Framework05:24 Effizienz und Namensgebung im Must Framework08:47 Anpassungen und individuelle Styles10:48 80-20-Philosophie und Anpassungen13:06 Beispiel: Umsetzung kundenspezifischer Designs16:05 Nutzung von Komponenten in Projekten18:57 Kundenanpassungen und Training21:33 Komponenten und ihre Herausforderungen27:15 Kreative Layouts vs. Komponenten29:55 Effizienz durch Komponenten31:38 Grid und Columns Aufbau in MAST37:30 Variablen und Icons in Layouts40:32 Integration von Icons und Komponenten42:08 Neue Komponenten wie Slider und deren Nutzung44:23 Herausforderungen bei der Verwendung von Komponenten45:49 Zugänglichkeit und SEO-Optimierung46:32 Praktische Anwendung und Screensharing46:57 Typografie und Fluid Design49:09 Responsive Design und Spacing51:28 Optimierung von Layouts und Variablen56:45 Effiziente Container-Nutzung57:48 Flexibles Layout mit Rows und Columns58:41 Gestaltung von Cards und Inhalten01:01:03 Responsive Design und Breakpoints01:02:18 Abstände und Margins in der Gestaltung01:04:39 Animationen und Interaktionen mit GSAP01:06:58 Komponentenbasierte Ansätze in der Webentwicklung01:10:00 Vorlagen und Templates für Kunden01:13:11 Empfehlungen für Kunden im Designprozess