Sign In Start Free Trial
Account

Add to playlist

Create a Playlist

Modal Close icon
You need to login to use this feature.
  • Book Overview & Buying Webflow by Example
  • Table Of Contents Toc
  • Feedback & Rating feedback
Webflow by Example

Webflow by Example

By : Ali Rushdan Tariq
4.1 (7)
close
close
Webflow by Example

Webflow by Example

4.1 (7)
By: Ali Rushdan Tariq

Overview of this book

Webflow is a modern no-code website-builder that enables you to rapidly design and build production-scale responsive websites. Webflow by Example is a practical, project-based, and beginner-friendly guide to understanding and using Webflow to efficiently build and launch responsive websites from scratch. Complete with hands-on tutorials, projects, and self-assessment questions, this easy-to-follow guide will take you through modern web development principles and help you to apply them efficiently using Webflow. You’ll also get to grips with modern responsive web development and understand how to take advantage of the power and flexibility of Webflow. The book will guide you through a real-life project where you will build a fully responsive and dynamic website from scratch. You will learn how to add animations and interactions, customize experiences for users, and more. Finally, the book covers important steps and best practices for making your website ready for production, including SEO optimization and how to publish and package the website. By the end of this Webflow book, you will have gained the skills you need to build modern responsive websites from scratch without any code.
Table of Contents (20 chapters)
close
close
1
Section 1: Getting Started with Webflow
5
Section 2: Building a Mobile Responsive Landing Page with Webflow
11
Section 3: Building a Dynamic Website with Webflow CMS
16
Section 4: Additional Topics

Summary

We covered a lot in this chapter!

We created a CMS project and created our Libraries Collection by adding fields. We also saw how Webflow can generate randomized content for us to help speed up the design process. We took advantage of this to quickly put together our home page.

Then, we updated one of the library items directly in the CMS to reflect some real data. This helped us get an updated view of the home page, which helped make things more contextually real.

Next, we uploaded a number of new library items by importing a CSV file that contained data that we mapped back to our CMS. Each row in the CSV file corresponded to a new library item in the CMS.

Finally, we made some last adjustments to the design of the home page to ensure that the library items were being displayed well.

In the next chapter, we'll continue building the website out. What happens when a user selects one of the libraries? How do we allow users to filter the view of their libraries...

Unlock full access

Continue reading for free

A Packt free trial gives you instant online access to our library of over 7000 practical eBooks and videos, constantly updated with the latest in tech
bookmark search playlist download font-size

Change the font size

margin-width

Change margin width

day-mode

Change background colour

Close icon Search
Country selected

Close icon Your notes and bookmarks

Delete Bookmark

Modal Close icon
Are you sure you want to delete it?
Cancel
Yes, Delete

Confirmation

Modal Close icon
claim successful

Buy this book with your credits?

Modal Close icon
Are you sure you want to buy this book with one of your credits?
Close
YES, BUY