CodeMode for Webflow - Chrome Extension

thekevbot · October 15, 2020, 6:42pm

Hey y’all! I just launched a new chrome extension that makes it easier to write code in the designer, without any distractions. Get it here

If anyone encounters any bugs or has any suggestions on how to make it better, please let me know!

Siton_Systems · October 15, 2020, 9:05pm

WOW looks great (This idea should be built into webdlow).

One issue - if you click on </> when page setting is open this is the result (The code window cut in the middle).

1 Gear icon open page setting ==> 2 open extension.

3

thekevbot · October 16, 2020, 1:49am

Thanks Ezra, I’ll fix that!

ChrisDrit · October 16, 2020, 7:27am

Nice

JanneWassberg · October 16, 2020, 7:30am

Really cool feature. nice done

nathanielperales · November 3, 2020, 7:14am

I’ve been waiting for something like this!!! THANK YOU!!! This should be built directly into Webflow.

Siton_Systems · November 3, 2020, 10:51am

Also when the window is active - the shortcut ctrl+a (select all) - is buggy (Windows/Chrome).

thekevbot · November 3, 2020, 10:09pm

Hey Ezra, I recently pushed an update that fixes the shortcut bug. You should be able to update the extension to fix

ChrisDrit · February 19, 2021, 5:25pm

@thekevbot I’m getting some emails from people telling me that your CodeMode link to the Chrome store is no longer working. Clicking the link in your original post and indeed it is broken. Do you have an updated link for everyone?

thekevbot · February 20, 2021, 12:03am

@CrisDrit yes, due to a system error the extension was mistakenly taken down. I’m in the process of getting it fixed and back up asap

thekevbot · March 2, 2021, 12:38am

The extension is back online

Marius1989 · March 2, 2021, 1:19am

Thank you @thekevbot!

This is an essential tool for an efficient workflow.
No more nightmares due to the default implementation.

thekevbot · March 2, 2021, 2:23am

Glad you find it helpful @Marius1989 !

yescaptain · March 10, 2021, 3:57am

this works for static pages but not template pages for me - comes up blank
this a bug?

miekwave · March 10, 2021, 5:43am

Wow his is great! did webflow hire you yet? Lets get this native on platform!

I’m curious, are you working to view code as well, as to compare it with whats designer? For example Hero Section class and all its children’s elements.

thekevbot · March 11, 2021, 12:03am

Yes, this is a bug - thanks for reporting it!

thekevbot · March 11, 2021, 12:04am

Thanks, glad you’re enjoying the extension

Can you elaborate on what you mean about comparing code?

miekwave · March 11, 2021, 12:18am

@thekevbot
Thanks for feedback and replying.

I should be more specific.
I would absolutely love to view Designer Canvas and HTML code side by side.

For example suppose left was designer and right was HTML:

yescaptain · March 11, 2021, 12:25am

no worries
please let me know when you get the chance to fix it
great extension

thekevbot · March 11, 2021, 12:45am

Oh wow, interesting What would the use-case for that be? Just curious