Variant Width for CMS items (on the same list)

Automatically update social data for clients using Webflow and just a Google Sheet. 

Google Sheet to copy (Ben Collins): https://docs.google.com/spreadsheets/d/1Rz7bRjojp6CxhptfGIn7ITxGekd-RM7uUiBEE4V9cAQ/edit#gid=0

Added: Instagram, Facebook, Twitter

Google Sheets and Chart.js

I'd like to share with you my first study project. This project shows how to use Barba.js base transition and Webflow interactions together. I spent a few weeks searching for the right parts of custom code and understanding the processes in general. I'll be very grateful for your likes of this project.
To see the custom code I used you need to clone the project and look at the custom code tab in the project settings.
I'll add a project with a custom Barba.js transition soon, so subscribe to my Webflow profile to make sure you don't miss anything.

Barba.js doesn't work in webflow project preview mode.
To see the transition open the live site.

Barba JS Base Transition Webflow Reinit

Design Direction 002. 

Learn how to create a this custom homepage design with multiple interactions and animations including TweenMax text animations. 

Watch Video Tutorial here: https://youtu.be/bejjNVTs2ZA


Hope you enjoy.

Design-direction-002

Reload Architecture & Research progetta spazi e strategie innovative integrando Architettura, Design e nuove tecnologie.
Website design by Nafta Studio https://dribbble.com/naftastudio

Reload Architecture

brilliance

A site for a nonprofit organization
-
Still a lot of things to finish

FBPF - Federation Bulgarian Patients Forum

Webflow version for this Dribbble post:
https://dribbble.com/shots/5380052-Golf-Course-Header

Original design by: Marko Cvijetic — https://dribbble.com/marko-cvijetic

[ UPDATED · October 13th ]
- Added some smooth animations on page load.
- Added opacity changes in navigation.
- Made the Free Play and Tournament inputs selectable.

Presidio Golf Course

Event One Pager

A valuable utility for the Webflow community:

Enables body scroll locking (for iOS Mobile and Tablet, Android, desktop Safari/Chrome/Firefox) without breaking scrolling of a target element (eg. modal/lightbox/flyouts/nav-menus).

Features:
- Disables body scroll WITHOUT disabling scroll of a target element
- Works on iOS mobile/tablet (!!)
- Works on Android
- Works on Safari desktop
- Works on Chrome/Firefox

The Custom Code is 2 Parts:
1. Desktop solution, courtesy of @Sabanna 
2. Mobile touch + iOS solution, courtesy of Bohdan Didukh

Lock Body Scroll (iOS Included)

A prototype of a cabin rental service homepage.

Cabin Prototype

I decided to recreate a nice looking full-screen navigation. This is not my design. Original source: http://publiclibrary.co.nz.

Full-screen navigation

Multi-Step form using the slider component and some jQuery

Multi-Step Form (Slider + JS)

sss-first-project-d10096

This is an example of a horizontal layout using IX2 with an Active Menu

Nafta Studio

About

About

About