Introducing Webflow Interactions

Create website interactions visually.

Vlad Magdalin
January 30, 2015
Announcements

We’re proud to announce the launch of Webflow Interactions - a visual way for designers to create compelling interactive effects without having to write a single line of code.

Yesterday, web designers had to roll up their sleeves and learn how to code in order to create effects and animations on their web designs. Creative people were required to understand really technical concepts like jQuery event handlers, cross-browser CSS transforms, and JavaScript-triggered animations. It’s a bit reminiscent of the 80s, when designers had to learn how to write PostScript code just to get some text to rotate.

Today, with the launch of Webflow Interactions, designers can now create compelling interactive effects without having to write having to hand-write code. Webflow’s visual interaction editor puts designers in the drivers seat, and removes the requirement of having to learn to code (or even copy-paste code snippets from the web) in order to create website interactions.

Webflow Interactions (codenamed “Webflow IX”) put a lot of possibilities in the hands of designers and entrepreneurs. Here’s a small list of applications that are now possible without having to write any code:

Fade in a navigation bar once users scroll past a section (used on this blog post)

Highlight new elements on scroll to draw attention

Click on a button to show/hide another element

Animate elements as the mouse hovers over them

At Webflow, we believe that technical details shouldn’t get in the way of your creativity, and we’re working on creating a better web design tool that empowers you to create anything you can imagine and make it available to the world. Interactions are another step in that direction, and we can’t wait to see what you’re able to build with this new feature.

To learn more about Webflow IX, head over to our live demos or interactions help center.

What else should I consider?

While speed, reliability, scalability, and security should be your chief concerns, Webflow offers a host (pun sheepishly intended) of other features that have a significant impact on SEO and performance, and may not be offered by most hosting services.

HTTP/2

2015 saw the release of the first new Hypertext Transfer Protocol since 1999: HTTP/2.

This new standard promises faster websites across the web — but not all hosting platforms support it yet. Because Google has always cared about page speed, there’s a good chance that HTTP/2 will become a component of their ranking algorithm soon.

Here are some benefits of HTTP/2 support/compatibility:

  • Multiplexing: Your browser can receive requests over multiple connections, not just one. Think of it like switching from a one-lane road to an interstate.
  • Header compression: Your browser loads the top of your pages first, before the rest of the page, which means your site visitors see content faster. On mobile especially, this is a big improvement.

Webflow’s hosting has been HTTP/2 compliant for a couple years now, unlike services out there. (And even hosts who do offer it typically only do so on higher-tier packages.)

Today, all assets published to a Webflow site are served via HTTP/2 — increasing page load performance when a large number of assets need to be downloaded.

Other powerful features of Webflow hosting

Everything above is more or less essential, but there are many other features that can make managing your website a lot easier and more convenient. These include:

  • Automatic backups and version control (you can also save and name a site version whenever you’d like with the key combo Command + Shift + S on Mac or Control + Shift + S on Windows)
  • Site-wide and per-page password protection
  • Simple publishing workflows
  • Responsive images
  • Protection against distributed denial of service (DDoS) attacks

On top of these features, Webflow hosting includes:

  • Form submissions (manage lead gen and let us store your data for you). It’s like Wufoo, but built into Webflow!
  • SEO and social tools: manage OpenGraph and SEO meta tags in one convenient interface. Easily combine it with the CMS to automate your metadata optimization.
  • Dynamic embeds: integrate Webflow CMS with Shopify for ecommerce, SoundCloud for music, Eventbrite for events, and anything else that uses custom code embeds.

Webflow combines all these elements in a first-class global hosting infrastructure that’s available at the click of a button. This means that when you publish with Webflow, your site’s files and assets are published across the globe and immediately ready for any amount of traffic, from any location.

Want to know how much we believe in Webflow hosting?

We put a lot of thought and effort into making Webflow hosting one the the best hosting services out there. We’ve seen Webflow-using businesses like Kisi grow their organic traffic by over 300%, while also supporting thousands of requests per second for businesses like Eventbrite.

In fact, when Eventbrite launched their Amstel Live festival page with Webflow, they received over 10,000 requests a second — resulting in over 3,000,000 page views in just one hour. Webflow hosting was able to handle it without a hitch.

But above all, we believe in our hosting platform so much so that we use it for our own websites, which see hundreds of thousands of visitors from around the globe every day, and have seen nearly perfect performance over the last year.

Vlad Magdalin

Vlad is the founder and CEO of Webflow.

You might also like...

More

Join the conversation

What's Webflow?

Try it for free
Designer

Designer

The power of CSS, HTML, and JavaScript in a visual canvas.

Interactions

Interactions

Build website interactions and animations visually.

CMS

CMS

Define your own content structure, and design with real data.

Ecommerce

Ecommerce

Goodbye templates and code — design your store visually.

Editor

Editor

Edit and update site content right on the page.

Hosting

Hosting

Set up lightning-fast managed hosting in just a few clicks.