Webflow: Create A Responsive Website Without Code Knowledge

Learn how to create a website with touch-activated sliders, interactive buttons, animations, hovers, and so much more!
4.4 (125 ratings) Instead of using a simple lifetime average, Udemy calculates a
course's star rating by considering a number of different factors
such as the number of ratings, the age of ratings, and the
likelihood of fraudulent ratings.
8,819 students enrolled
Instructed by Edvin Lynch Design / Web Design
Free
Start Learning Now
  • Lectures 13
  • Length 1.5 hours
  • Skill Level All Levels
  • Languages English
  • Includes Lifetime access
    30 day money back guarantee!
    Available on iOS and Android
    Certificate of Completion
Wishlisted Wishlist

How taking a course works

Discover

Find online courses made by experts from around the world.

Learn

Take your courses with you and learn anywhere, anytime.

Master

Learn and practice real-world skills and achieve your goals.

About This Course

Published 1/2015 English

Course Description

In this course you will learn how to create a responsive website with tons of complex functions that you can use for your own web projects.

  • Create a fully responsive website without any code
  • Create a responsive navbar with a drop down menu
  • Create a responsive slideshow that is touch activated on mobile devices
  • Create a lightbox widget to showcase your beautiful images
  • Create a responsive contact form to collect user data
  • Create elegant hover states for buttons with transitions
  • Create awesome interactions for images, thumbnails and navigational elements
  • Create animations that can loop and play when the page loads
  • Publish your project to the web with one click
  • Learn how to optimize a website for smaller screens

At the end of this course you will be able to build all of this without writing a single bit of code!


You should take this course if you're doing web design work for a client, family member, friend, or if you're starting your own business!

This course is Learn-By-Doing so you'll follow along with me throughout the course as I show you how to build the website and I'll explain all the tools, functions and design concepts as I go.

Each lecture will be really focused on one specific part, and I explain how that part fits in with the rest of the site so that you not only learn how to exactly replicate what I'm showing you, but you will be able to use your own creativity to create something unique, and I encourage it.

When you enroll to this course you will receive announcements whenever I add new lectures and content, so there will always be something new for you to learn!

What are the requirements?

  • Follow the instructions to create your own free Webflow account

What am I going to get from this course?

  • Create a fully responsive website without any code
  • Create a responsive navbar with a drop down menu
  • Create a responsive slideshow that is touch activated on mobile devices
  • Create a lightbox widget to showcase your beautiful images
  • Create a responsive contact form to collect user data
  • Create elegant hover states for buttons with transitions
  • Create awesome interactions for images, thumbnails and navigational elements
  • Create animations that can loop and play when the page loads
  • Publish your project to the web with one click
  • Learn how to optimize a website for smaller screens

What is the target audience?

  • This course is perfect for anyone who wants to build their own web projects
  • This course is for people who are interested in web development
  • This course is perfect for everyone who wants to build a website without code

What you get with this course?

Not for you? No problem.
30 day money back guarantee.

Forever yours.
Lifetime access.

Learn on the go.
Desktop, iOS and Android.

Get rewarded.
Certificate of completion.

Curriculum

Section 1: Welcome To Webflow
Getting Set Up With Webflow
Article
Section 2: Creating the foundation
Welcome To The Interface
19:53
Responsive Navbar
06:41
Headings
04:13
Tabs Widget
05:52
Section 3: Tab One
Responsive Slider
04:44
Section 4: Tab Two
Lightboxes
03:35
Section 5: Tab Three
Responsive Contact Form
07:31
Section 6: Interactive Elements
Button Hovers
07:22
Adding Social Sharing
03:53
Slider Animations
07:10
Section 7: Optimizing For Smaller Device
Designing it for the iPad
05:45
Section 8: Publishing
Publish your site
06:22

Students Who Viewed This Course Also Viewed

  • Loading
  • Loading
  • Loading

Instructor Biography

Edvin Lynch, UX Design Mentor

I have been designing in some form since the age of 12, and I made it my profession when I designed a logo for my first client in high school.

At the California Institute of the Arts (CalArts) I received a strong foundation in design for print, web and mobile, in addition to experience in actual product design through a side job for a startup.

For the last 3 years since graduating, I've been working for pre-seed startups in small cross-functional teams <5, agile development, and I've also started my own team at LLC. At LLC, I'm currently in charge of design, while also maintaining business operations and client relations.

I share all my expertise and insights in my Udemy courses!

Ready to start learning?
Start Learning Now