Webflow by Example: Design, build, and publish modern websites without writing code

Cover
Title page
Copyright and Credits
Dedications
Contributors
Table of Contents
Preface
Section 1: Getting Started with Webflow
Chapter 1: Why Webflow
	The No-Code movement
	What sets Webflow apart?
		Concern 1 – Is Webflow too difficult to learn?
		Concern 2 – Will Webflow scale well to larger projects?
		Concern 3 – What kinds of websites can I build with Webflow?
		Concern 4 – Is Webflow too expensive?
		Deciding whether Webflow is right for you
	Who will benefit from this book?
	Summary
Chapter 2: The Web in a Nutshell
	The box model
		Boxes in boxes
		Implications for designers
		The anatomy of a box
	The basics of HTML and CSS
		HTML
		CSS
	Summary
Chapter 3: Setting Up Your First Project
	Technical requirements
	Project overview
	Getting set up in Webflow
		Understanding Webflow\'s priced plans
		Signing up for Webflow
		Setting up your project
	Orienting yourself to the Webflow Designer UI
	Summary
Section 2: Building a Mobile Responsive Landing Page with Webflow
Chapter 4: Building Above the Fold
	Technical requirements
	Setting up the Body
	Building the Hero section
		Adding the background image
		Adding the copy text
		Adding Call to Action buttons
		Adding showcase images
	Adding the navigation menu
	Making it responsive
		Tablet breakpoint
		Mobile Landscape breakpoint
		Mobile Portrait breakpoint
		Large screen size breakpoint
	Summary
Chapter 5: Building the Rest of the Body
	Technical requirements
	Adding the How it Works section
	The Main features section
		Creating the grid
		Adding elements to the grid
	Adding the final CTA section
	Adding the footer section
	Summary
Chapter 6: Making It Responsive
	Making the How it Works section responsive
		Large screen sizes
		Tablet screens
		Mobile screens
	Making the Main Features section responsive
		Tablet screens
		Mobile screens
	Making the CTA section responsive
		Tablet screens
		Mobile screens
	Making the footer responsive
		Tablet screens
		Mobile screens
	Summary
Chapter 7: Introduction to Interactions and Animations
	The basics
	Animating transitions on hover
	Simple element-triggered animations
	Creating custom page scroll interactions
	Summary
Chapter 8: Advanced Interactions
	Building a parallax effect
	Animating the menu on scroll
	Creating a custom floating button
		Creating the interaction
		Adding the interaction
		Displaying text on the floating button
	Summary
Section 3: Building a Dynamic Website with Webflow CMS
Chapter 9: Getting Started with Webflow CMS
	What is a CMS?
		Why Webflow CMS?
	Webflow CMS – the basics
	Project overview
	Technical requirements
	Planning the CMS structure
	Summary
Chapter 10: Creating Your First CMS Project
	Technical requirements
	Creating a CMS project
		Creating a Collection
		Adding content to a Collection
	Designing a CMS home page
	Importing mass content
	Finishing touches
	Summary
Chapter 11: Creating Collection Pages
	Project overview
	Building the Library Collection Page
		Building the Main section of the Library page
		Building the other libraries section
	Putting the finishing touches to the home page
	Summary
Chapter 12: Managing CMS Projects
	Managing Collection Page settings
		Making Collection Pages SEO-friendly
		Making Collection Pages ready for social media
		Setting up an RSS feed for a Collection Page
	Updating Collections
		Updating data in Collection fields
		Updating the structure of fields
	Managing Collection item states
	Summary
Section 4: Additional Topics
Chapter 13: Publishing Projects on the Web
	Publishing a Webflow project
		Configuring the project settings
		Publishing the project
		Exporting project code
	Showcasing a project
	Summary
Chapter 14: Using Webflow Editor to Update Websites
	Using Webflow Editor to update a website
		Using the Editor to configure page settings
		Editing a live page
	Summary
About Packt
Other Books You May Enjoy
Index