Sliders, Carousels, and Tabs - A Webflow Tutorial

Опубликовано: 16 Июнь 2019
на канале: Jose Ocando
78,927
1.3k

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 -
Sliders and tabs are powerful components in webflow, but they can be a little hard to learn how to use. In this tutorial, we cover both while developing a fictional coworking company's website.

CHAPTERS -
First Slider: 00:02:47
Second Slider: 00:33:41
Amenities Tab: 00:51:20
Multiply Blend Mode: 1:10:32

PHOTOS -
https://unsplash.com/@austindistel
https://unsplash.com/@jayden_cjy

WEBFLOW -

Live Site
https://jocando-tutorials.webflow.io/...
*Quick note. I consolidated all of the tutorials into one project and lost some stylings along the way. But the core functionality is still there.

Read Only Link
https://preview.webflow.com/preview/j...

Clone Site
https://webflow.com/website/Space-a-W...

RESOURCES -

Object Fit
https://www.w3schools.com/css/css3_ob...

Multiply Blend Mode
https://www.w3schools.com/cssref/pr_b...

Tabs Autoplay Code
https://forum.webflow.com/t/autoplay-...

Font
https://fonts.adobe.com/fonts/sofia

ABOUT ME -

Serve - My Studio’s Site: https://www.madebyserve.com/
Dribbble: https://dribbble.com/Jose_Ocando