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

Build modern responsive websites without writing code by making the most of the power and flexibility of Webflow

Key Features

• Get to grips with Webflow to build and launch responsive websites from scratch
• Learn how to put Webflow into practice and take advantage of its power and flexibility
• Build your own modern responsive websites from scratch and without any code

Book Description

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.

What you will learn

• Build and customize websites without any code
• Understand how to approach designing and developing for the modern web
• Become familiar with the main functionalities of Webflow
• Follow best practices for Webflow development while working on a practical project, from its design to launch
• Harness the power of the Webflow CMS to create dynamic content
• Add modern flourishes to a website using pre-defined and custom animations and interactions

Who this book is for

If you’re an entrepreneur, web designer, or anyone with little web development knowledge, this book will help you learn how to build fully responsive websites and web prototypes without writing a single line of code. If you’re a web designer, this book will make you a more informed web developer. If you’re already a developer, this book will help you become a better web designer.

Table of Contents

1. Why Webflow?
2. The Web in a Nutshell
3. Setting Up Your First Project
4. Building above the Fold
5. Building the Rest of the Body
6. Making It Responsive
7. Introduction to Interactions and Animations
8. Advanced Interactions
9. Getting Started with Webflow CMS
10. Creating Your First CMS Project
11. Creating Collection Pages
12. Managing CMS Projects
13. Publishing Projects to the Web
14. Using Webflow Editor to Update Websites

Ali Rushdan Tariq is a product designer, strategist, and award-winning writer with more than 10 years of experience helping start-ups, scale-ups, and large corporations build simple solutions to complex problems while growing strong design teams. He is passionate about advocating user-centered design cultures in organizations and mentoring junior designers. At the time of writing, he is a Principal Designer and Associate Director of product design at Slalom Build, where he helps organizations design products that make a difference. When not designing, he enjoys traveling (in a non-pandemic-riddled world), photography, cooking, and the occasional video game. He is based in Kitchener, Canada, with his wife and son.