Advanced Webflow Website Breakdown: Flux Academy

Check out the actual Webflow project here to see how it was built:
webflow.com/we...
Learn how to design high-value websites:
flux-academy.c...
-
Flux is proudly sponsored by Webflow, start a new account with an awesome discount:
bit.ly/FluxWebf...
-
Instagram: / ransegall
Twitter: / ransegall
-
Gear & Book Recommendations: bit.ly/2ohFOuj
#webdesign #webdevelopment #tutorial
Thanks for watching the video Advanced Webflow Website Breakdown: Flux Academy

[@adw4nce]

I'm amazed, you did an amazing job on everything - creating design courses, creating this next-level website and also this video presentation of how you did it. Amazing!

[@bencelinski523]

Just to clarify - when you use the style guide in your work do you a) copy and paste it each time b) create symbols out of those components and work with symbols ? Do your components from the style guide have their own classes or do you add them later on? Thanks for making these Webflow videos and all the best!

[@ArthurLarin]

Neither A nor B. It does have to do with classes though. Say you create a button in your style guide that you’re going to want to reuse. You’ll give that button a class like “Reusable button”. Now every time you want the same button, just add the “reusable button” class to your new button. Now the issue is that you can’t edit the styles of one of those button without changing them all. Say you want to change the color of the “reusable button” when used as the submit button for a form. In this case, add a second class, “form”. Now it’s one-way sync so that changes to the button on your style page will be reproduced throughout buttons on your site but not vise-versa.

[@hiredgoons9778]

I love this channel and I love the page transition effect! Could you please post the custom code for us to use?

[@Surya-it1kp]

What setup would you recommend for a website to offer online course's, with quizzes, drip-feed content and the option to integrate webinars and podcast, etc. The whole deal... Can I do this with webflow? And if so, what integrations would I need?

How did you do the log in and sign up interface?

[@michaelcoussement5392]

Really helpful stuff as always!

[@amitnaamani5702]

Hi Ran, awesome video. It will be a stupid question but did you design all the style guides before that in Sketch or Adobe XD? it looks so massive I wonder how you were able to execute it so well and prepare such an intricate style guide.

[@katscandance]

The website looks beautiful!!

[@crowley144]

Hi Ran, how did you bring the 3D elements into Webflow? I'm having trouble with this! Thanks

[@AntonyNorthcutt]

I'm a little bit addicted to this channel :)

[@impressionexpression]

Me too

[@aronfischer8930]

why did you need a custu code to delay if you have the webflow feature?

[@MegalodonEG]

Amazing !

[@andreasholt2633]

Where did you get those cool 3D elements?

[@RodrigoMendoza7]

He got them done by @anonymesociete (IG), who's a 3D artist

[@DanStPeter]

Awesome!

[@uilifecteau4841]

Super awesome dude

[@al3n3cula]

It would be great if this could be opened within the Webflow builder in view-only mode.

[@FluxAcademy]

it is, you can see it on my profile.

[@PswACC]

Ran would you mind sharing how you created the Hero image effect? My current method is a gradient plus Multiply in photoshop.

[@skiczuk]

kzbin.info/www/bejne/aYSumpyVhLGlftU

[@PswACC]

@@skiczuk Thanks

[@dehooogy]

Hello guys! Could someone link the tutorial from Nelson for the page change effect?

[@GretaSia]

Not sure, but think this one: kzbin.info/www/bejne/oanLi4Gwjt6LrpI

[@otimmito273]

Nice

[@AbhineshAV]

I didn't get an invite for your webnair this time.. can you send me?

[@Hamyhamster24]

Hi flux academy, can i work for you please 🙏

[@smarthustlersclub6375]

i seriously do not understand how web-flow work for website design though i am not new o design

[@themikias]

Weblfow is a development tool and not a design tool.

[@alleiera]

Thanks for the content but that sound you make with your mouth...