SYGNAL UNIVERSITY

Coding on Webflow

Work-in-Progress

Intermediate

No items found.

Webflow supports custom scripting & code embeds, but beyond some nice syntax-highlighting, it offers very little in the way of a developer-friendly environment.

To write a script means jumping in and out of the script-editing areas of your site, which itself is slow and cumbersome. Each change you make must be recompiled, and then you test it on your staging site.

What if that process could be vastly improved?

What if there were...

  • No need to keep accessing Webflow's custom code areas to make changes.
  • No need to recompile your site to test changes.
  • The ability to just make changes to your code, hit refresh, and see your new scripts live.

Sound like fantasy?

Meet online script development

There are a wide range of online scripting environments now that give you the ability to edit your scripts, and serve them live, directly into your Webflow site.

This course will look at a few of these.

  • CodePen.io
  • GitHub.dev
  • CodeSandbox

 

Overview
Building Apps on Webflow
001
Using Codepen
What Does CodePen Give You?
100
Using CodePen with Webflow for Script Dev
10:20
101
Using CodeSandbox.io
CodeSandbox.io
300
Using Github.dev
GitHub.dev
400
Tools & Libraries
Useful Frameworks & Libraries
500
Leveraging CodePen Effects in Webflow
Migrating CodePen Effects into Webflow
16:45
801
No items found.
Did we just make your life better?
Passion drives our long hours and late nights supporting the Webflow community. Click the button to show your love.