Скачать с ютуб Fluid Design in Webflow (Responsive Design Layouts skalieren) в хорошем качестве

Fluid Design in Webflow (Responsive Design Layouts skalieren)

Schon mal von Fluid Design gehört? Ich beschreibe es gerne als ein Upgrade für Responsive Design. Es ermöglicht dir bei einem bestimmten Breakpoint dein Website Layout zu skalieren. Gerade bei dem Desktop Breakpoint in Webflow sieht das Design schnell mal gequetscht aus, wenn man es bis auf 991 Px Breite kleiner macht. Das kannst du umgehen, indem du genau dann das Fluid Design aktivierst. Wir schauen uns zum einen die Wizardry Methode von Timothy Ricks und genauso auch die Client First Varianten von Finsweet an. Zudem hast du ab 9:04 eine Schritt für Schritt Anleitung, wie du den Fluid Design Kalkulator für dein Layout anwendest und das Ganze dann auch in die Website einbindest (Beispiel anhand von einem Client First Template mit REM Einheiten). Wichtig! Diese Methode funktioniert nur, wenn du mit REM oder EM arbeitest! Finsweet Fluid Design Kalkulator: https://www.finsweet.com/client-first... Wizardry Methode: https://wizardry-technique.webflow.io --------------------------------------------- Meine Onlinekurse: 👉 Webflow Onlinekurs: Lerne Webseiten für Kunden Schritt für Schritt professionell umzusetzen (ohne Programmierkenntnisse!): https://formburg.com/kurs 👉 50+ Webflow-Tricks: https://www.formburg.com/tricks 👉 Webdesign Angebote mit drei Preisoptionen erstellen: https://www.jonasarleth.com/produkt/w... --------------------------------------------- Kostenlosen Webflow Account anlegen: https://formburg.com/webflow-kostenlos * Webflow schnell und einfach lernen: https://formburg.com/tutorials --------------------------------------------- // TIMESTAMPS 00:00 – Intro 01:37 – Das Problem bei vielen responsive Websites 03:27 – Die Lösung 05:18 – Fluid Design nur auf dem Desktop Breakpoint 06:27 – Probleme der Wizardry Methode vs. Client First 09:04 – Anleitung: Fluid Design in deine Website integrieren 17:47 – Fragen? → In die Kommentare! #webflow #websitedesign #webdesign --------------------------------------------- // PATREON ► Unterstütze meinen Kanal auf Patreon (mehrere Podcast Sonderfolgen und Webflow Tutorials pro Monat): http://bit.ly/patreon-seite ---------------------------------------------- // MEIN WEBDESIGN UND FREELANCER BLOG ► https://jonasarleth.com/blog ---------------------------------------------- // SOCIAL MEDIA ► Instagram:   / jonasarleth   ► Dribbble: https://dribbble.com/jonasarleth ► LinkedIn:   / jonasarleth   ---------------------------------------------- // MEIN WEB & DESIGN PODCAST ► iTunes: https://jonasarleth.com/itunes ► Spotify: https://jonasarleth.com/spotify ► Pocket Casts: https://jonasarleth.com/pocketcasts ► SoundCloud: https://jonasarleth.com/soundcloud ► Overcast: https://jonasarleth.com/overcast ► Stitcher: https://jonasarleth.com/stitcher ---------------------------------------------- Affiliate Links