Webflow Website Builder
|
SCA – Technical Workshop Descriptor
Bismark Tackie Workshop Title: Web Design with Webflow - MA Graphic Arts, BA Graphic Design Technical Instruction Area: Digital Design Studios Duration of Workshop: Half day Pre-requisites/Skill Levels/Workshop Preparation: Students who wish to participate with any hands on exercises will need to sign up for a free account at the beginning of this workshop. Technical Learning Objectives: his session is designed a brief taster for those interested in making creative use of simple interaction and animation to author websites without code. Academic Programme/Level/Workshop code: MA Graphic Arts Beginner/Intermediate Room Number: (4AF002, 4AF003, 0F15 or 0F17 )* Maximum Numbers Possible: 30† *This year the workshops will be delivered as an online session. †As an online this workshop session can accommodate up to 90 students. NOTE: If students intend to follow this session using a booked DDS computer should bring their own headphones. |
Webflow is a web app for authoring websites featuring motion and animation with no or little need to write code.
Webflow is a branch of Wix and shares some of it's advanced features, such as CMS and eCommerce. It also claims to have collaboration tools suitable for working with dynamic and creative websites featuring rich media. Workshop files:
This folder contains some files for you to play along with: 
Useful Links
Webflow websites https://webflow.com/blog/best-websites https://webflow.com/blog/parallax-scrolling https://webflow.com/made-in-webflow Workshop samples Made In Webflow: https://maga-workshop-sample-1.webflow.io/ Made with code: https://gsap-scrolltrigger-sections-maga.glitch.me p5js example: https://p5js.org/examples/classes-and-objects-flocking/ p5js example customised: https://p5js-flocking-sketch-customized.glitch.me Tutorials Webflow https://university.webflow.com/ GSAP: https://gsap.com/resources P5js: https://p5js.org/tutorials/ https://happycoding.io/tutorials/p5js/ https://thecodingtrain.com/ This Padlet contains a few useful resources to support our workshop sessions: uwe.padlet.org/digitaldesignstudios/y2ekoneud9r4z5ei | ||||||