Next lesson playing in 5 seconds

Cancel

Overview
Transcript

1.1 Introduction

Foundation is an awesome framework that allows you to quickly get your project from prototype to production. It’s all possible thanks to a collection of modular and flexible components.

Recently, ZURB launched “Foundation Building Blocks”, a collection of coded components intended to supplement the existing ones. These include blocks like custom menus, social buttons, custom forms and much, much more.

In this short course you’ll learn how to install these components and how to use them to build a simple UI. Let’s get started.

1.Introduction
1 lesson, 00:41

1.1
Introduction
00:41

2.Working with Foundation Building Blocks
4 lessons, 38:35

2.1
What Is a Building Block?
05:44

2.2
Installing a Building Block Manually
04:01

2.3
Installing a Building Block via Foundation CLI
11:26

2.4
Building a Simple Page
17:24

1.1 Introduction

Foundation is an awesome framework that allows you to quickly get your project from prototype to production. And that's possible thanks to a collection of modular and flexible components. Now, recently ZURB launched Foundation Building Blocks, which is a collection of coded components meant to supplement the existing ones. You can find blocks like custom menus, social buttons, custom forms and much, much more. In this short course you'll learn how to install these components, and also how to use them to build a simple UI. I'm Adi Purdila, let's begin.

Back to the top

Adi Purdila

Adi Purdila is a web design instructor for Tuts+. With over 100 courses and 200 tutorials published to date, Adi's goal is to help students become better web designers and developers by creating content that’s easy to follow and offers great value. Being self-taught himself, Adi strongly believes that constant learning (academic or otherwise) is the only way to move forward and achieve your goals. When not typing away at his keyboard, he loves woodworking and caring for his ever-growing family of rescue pets. You can stay up to date with what he's doing by following him on social media or visiting his website at adipurdila.com.

adipurdila

Getting Started With Foundation Building Blocks

Next lesson playing in 5 seconds

1.1 Introduction

1.Introduction1 lesson, 00:41

1.1Introduction00:41

2.Working with Foundation Building Blocks4 lessons, 38:35

2.1What Is a Building Block?05:44

2.2Installing a Building Block Manually04:01

2.3Installing a Building Block via Foundation CLI11:26

2.4Building a Simple Page17:24

1.1 Introduction

1.Introduction
1 lesson, 00:41

1.1
Introduction
00:41

2.Working with Foundation Building Blocks
4 lessons, 38:35

2.1
What Is a Building Block?
05:44

2.2
Installing a Building Block Manually
04:01

2.3
Installing a Building Block via Foundation CLI
11:26

2.4
Building a Simple Page
17:24