Webflow Tutorial - Creating a CMS Powered Slider
- NEW SKILLSHARE CLASS -
Hey all! I just launched a new course called "Webflow for Beginners". Most of the tutorials I do on YouTube are for intermediate users. But, I wanted to do something for folks starting from scratch. Click the link below to get 2 months of Skillshare Premium for free and be able to watch the course:
https://skl.sh/2PU9tML
- ABOUT -
Last week, Lous Buginet wrote an article on the webflow blog detailing how to create a CMS powered slider (link below). I thought it was an ingenious idea and created this quick slider idea to demonstrate it. Hope it’s helpful!
- CHAPTERS -
04:40 - Getting Started | Navbar
12:20 - Headline Section
15:53 - Adding the CMS Collection
17:22 - Styling the slider
28:12 - Adding the Polaroid Picture
31:57 - Adding the rainbow bars
35:35 - Adding animation to the slider
42:22 - Giving the polaroid a 3d interaction
- TUTORIAL LINKS -
Unfortunately I had to delete this site...
- RESOURCES -
Louis’ Blog on Webflow: https://webflow.com/blog/how-to-creat...
Creating Seamless Pagination : http://seamless-pagination.webflow.io/
Figma (Design Tool I used): https://www.figma.com/
Designing Effective Carousels (UX Article): https://www.nngroup.com/articles/desi...
- ABOUT ME -
Serve - My Studio’s Site: https://www.madebyserve.com/
Dribbble: https://dribbble.com/Jose_Ocando
