Riding on the Back of Giants and The No-Code Movement
The Mother of All Demos - Lemelson Center for the Study of Invention and Innovation

Riding on the Back of Giants and The No-Code Movement

How do you turn what a developer is doing in a text editor, remove the abstraction layers from code to final presentation, and put the developer closer to the art of what they are creating? That was the question Vlad Madalin asked himself before starting Webflow, a six-year-old company that is taking over the world one website at a time. The idea of Webflow is simple: Take away the work of building websites by putting an interface around the core concepts of HTML, CSS, and JavaScript. 

The Inspiration of Direct Manipulation

Vlad’s breakthrough—he had tried and failed to build Webflow twice before—turned out to be the idea of “direct manipulation”, which is about removing as many layers of abstraction as possible between a user and what they're trying to interact with. It’s the difference between using a mouse and a touchscreen, which also accounts for why babies can use iPads but not laptops. Vlad was specifically inspired by a presentation by designer Bret Victor’s titled “Inventing on Principle”. 

He painted this whole picture of being able to build games and define electric flows if you’re trying to create a circuit board or whatever. Where applying a visual language to something that’s technically, really traditionally, more complicated or you have to do a lot of things in your brain and translate it in your brain. Saw that video, immediately the next day put in my notice and said, “I’m starting Webflow.”

(All quotes in this piece, unless otherwise noted, are from Madalin’s excellent interview on the Acquired LP show. It’s well worth the $5 monthly fee for this episode alone.)

At the time he stumbled on the video, Madalin was building websites on the side with his brother as he worked on saving up enough money to buy a house. What struck him about the experience was that while his brother, a designer, had great fun creating each new project from scratch, the development work that Vlad had to do was … not great fun.

I was building all of them in WordPress. I would translate them to HTML and CSS or whatever. Almost every single build that I’m doing is kind of the same thing. The same workflow for creating layouts, the same kind of workflow for creating pages. I was getting honestly really tired of it because it was really tedious.

At the end of the day, the difference in their jobs came down to the tools available. Whereas his brother could see what he was doing as he did it, Vlad the developer was left staring at code that represented the visual end product. Every so often he’d switch over to the browser to make sure things looked right and continue on with his HTML and CSS. “Jumps” like this interrupt your flow and make everything feel more tedious. Webflow is an attempt to solve this problem by removing as many layers as possible between the builder and the end product.

Why is Webflow different than Dreamweaver, FrontPage, and all the other website builders that promised this sort of amazing “what you see is what you get” (WYSIWYG) functionality? It seems to come down to two things, which are interrelated. First, Webflow respects the fundamentals of the web. It doesn’t try to hide the “box model” behind softer-sounding language and it shows you that all elements start as rectangles which can then be rounded off. This sort of “shallow abstraction” as Madalin calls it requires the second critical component: It’s not for everyone. If you want to be respectful of how the web works, you need to have some fairly complicated functionality. Webflow is built for people who know how to build websites but would rather not waste the time writing all that code. Similar to using software to create music, you still need to understand the core principles if you want to make something people will like. 

The Rise of No-Code

Webflow is part of what’s being called the “no-code revolution”: A set of tools and technologies that require far less technical skill to create highly technical user experiences. 

No alt text provided for this image

In the above chart by Michael Dubacov you can start to get a sense of where no-code sits within the broader timeline of software. The exciting part, of course, is that with each wave technology has become more democratized. No-code is the culmination of this idea and could lead to an even bigger explosion of ideas and companies than we saw in the previous eras (to give you a sense of the opportunity, currently only about 0.3% of the world’s population can code, this type of shift in how and who can build could change that). But it will take time to get there, even Webflow as Vlad describes it, isn’t no-code, but rather “code optional”:

Webflow is very much a code-optional type of tool. The aspiration is that it becomes a lot closer to no-code over time. A lot of the things that people have to pull in code for in Webflow today is just the limitation of the platform. It just means the building blocks are not available. 

Riding on the Back of Giants

Webflow is a great example of a company that is built on the back of giants. The ideas of direct manipulation bring you back to Douglas Engelbart and his 1968 Mother of All Demos, which showcased some of the first examples of the Graphical User Interface (GUI) and point-and-click interactions. Fifty years later with inventions like Chrome riding Moore’s Law, the web finally became a true application platform. “In order to create that full abstraction of I’m previewing exactly what’s going to ship,” Vlad explains, “you have to actually show that in the browser in an iframe or something.” It wasn’t until around 2013 when Chrome was advanced enough and its install base large enough to make that happen. The shape of the web and the potential applications are just now truly emerging.

I’m passionate about Vlad’s story, the rise of no-code, and the ideas behind direct manipulation because it sits at the center of what we are trying to build at Variance. We believe we can help you master the software tools that you use each and every day. To make that happen we need to rethink the interfaces for how you document, teach and learn from the tools that you are using, regardless of your technical capabilities. If this sounds interesting to you, please say hello.

Vlad Magdalin

Co-Founder & Chief Innovation Officer at Webflow

5 年

This was an awesome read, James!

Laura Niebel

Communications Officer ?? Digital Designer ?? Webflow Specialist

5 年

Great read, James! I also find the nocode movement quite interesting and I'm equally amazed of what Webflow can do. I really like that Webflow still respects the fundamentals of how the web & websites work and I speak from experience when I say the learning curve for the tool is much lower if you know at least the basics of HTML and CSS. While not so long ago learning to code was all the rage in certain circles, #nocode seems to be picking up speed! I'm excited to see where Webflow and similar tools are headed in the future.

要查看或添加评论,请登录

James Gross的更多文章

  • Let Them Eat Data

    Let Them Eat Data

    "Let them eat cake" is the traditional translation of the French phrase "Qu'ils mangent de la brioche", said to have…

    1 条评论
  • The Case for Research Led Growth and First-Party Data

    The Case for Research Led Growth and First-Party Data

    One day in the not-too-distant future Apple is going to drop App Tracking Transparency (known around the industry…

  • Linear Growth > Funnel

    Linear Growth > Funnel

    Often when you see a customer journey graph it looks like something like this: A wide funnel shrinks down to a deal and…

  • Grow 10x in Five Years Without Adding a Customer

    Grow 10x in Five Years Without Adding a Customer

    Compound interest has long been a point of fascination for the world. There’s a misattributed Einstein quote in which…

  • 2030 Sales: The Five Forces

    2030 Sales: The Five Forces

    When it comes to change there are really only two questions: what is going to change and what isn’t? While most people…

    3 条评论
  • Intent as a Service

    Intent as a Service

    Every great sales team has a sales process: the stages and gates they use to move deals forward and forecast success…

    2 条评论
  • Your Territory is Your Investment Portfolio

    Your Territory is Your Investment Portfolio

    "Opportunities come infrequently. When it rains gold, put out the bucket, not the thimble.

    1 条评论
  • The Sales Shift

    The Sales Shift

    There is a change underway in how you build and scale a software company and two moments are coming…

    7 条评论
  • Creating Categories and Buying Software

    Creating Categories and Buying Software

    Ask most new enterprise software companies about what they’re trying to do and you’re likely to hear the words…

    3 条评论
  • Toward Greater Diversity

    Toward Greater Diversity

    Micromobility is a big word for a small idea, the idea that all people should have the right to cleaner, safer, and…

    1 条评论

社区洞察

其他会员也浏览了