動画検索
関連広告
検索結果
Web Design Basics
Webflow Basics
Components/Symbols in Webflow
Variables in Webflow
Assets/Images
Webflow CMS
Users in Webflow
E-commerce in Webflow
Add Pages/Folder in Webflow
Style Panel
Layouts - CSS Grid & Flexbox
Typography
Backgrounds
Borders & Radius
Effects
Element Settings
Animations
Landing Page Development
Blog CMS for Landing Page
Mobile & Tablet Responsive
Landing Page Animations
SEO in Webflow
Domain & Hosting
Final Words
Introduction
Iterate and design your site in Figma
Model and render product images and animations in Cinema 4D & Octane
Export your 3D animations from After Effects and Lottie
Build and develop your website in Webflow
Publish and launch your production-ready site
Bonus lessons for extra credit
Accountability & share your progress
Starting soon
Making it pop
Intro - Carter Ogunsola
Carter's websites
Saul Rhand Website
Part 1 - Layout fundamentals
Part 2 - Webflow Interactions
Interaction Tip: Hover out duplication
GSAP text line animation
Installing GSAP
Scroll trigger start
Stagger effect
Q&A - Where does the code go?
Q&A - GSAP script vs js code
Q&A - Community Resources for GSAP
Final Words from Carter
End Credits
Starting soon
Off+Brand's sizzle reel video
Introducing the agency
Off+Brand's website
How they got the gig
Pitching to Webflow
Exploring concepts with Figma prototypes
Using WebGL, OGL, GSAP, and Vanilla JS
Concepting depth layers for WebGL
Creating components for rapid prototyping
Designing for performance in Webflow
Using pure GSAP and CSS
Considerations using Spline
Key takeaways and learnings from the project
Community resources for WebGL and GSAP
Tips for capturing large clients
Conclusion