Course info
July 19, 2016
1h 13m

Web designers can use CSS shapes to create rich, complex layouts like those common in print design. This course will introduce you to the CSS Shapes specification and show you how to use its properties in-depth. You'll learn about various interesting use cases and examples, ranging from basic to complex, as well as the future of the spec, browser support, and helpful tools and resources. By the end of this course, you'll be up and running with CSS shapes, and thinking about web design and layout in a whole new way.

About the author
About the author

Brian Treese is the Chief Designer at SoCreate, a company building a fun and easy way to turn great ideas into movie & TV show scripts. Technically a Web Designer (he's always loved the aesthetic side of the web), but his expertise does not stop at Photoshop and Illustrator.

More from the author
Styling Angular Applications
1h 54m
8 Feb 2017
Modern Web Layout with Flexbox and CSS Grid
1h 14m
15 Jan 2016
Web Accessibility: Getting Started
1h 30m
17 Sep 2015

Hi everyone, my name is Brian Treese and welcome to my course Thinking Outside the Box with CSS Shapes. I’m the Chief Designer at SoCreate.

For the longest time we’ve been stuck with rectangles and boxes for layout on the web and it makes things that are common yet beautiful in the print world difficult if not impossible on the web. CSS shapes change this, leveling the playing field allowing us to create much more engaging layouts and designs on the web.

In this course, we are going to

  • Explore what CSS shapes are and why we need them
  • We will discuss basic concepts around how they work
  • We will explore the properties and functions associated with the spec and we will examine and manipulate basic shape examples
  • We will then take them to the next level with more complex examples and use cases
  • We will also cover browser support and some very handy tools and resources that make working with shapes much easier

By the end of this course you’ll be thinking about layout on the web in a whole new way. You’ll be ready to push the envelope and break free from the rectangular world of the past.

Before beginning the course you should be familiar with HTML, CSS, and traditional layout methods on the web.

From here, continue your learning by diving into the future of web layout with courses on:

  • Flexbox
  • And CSS Grid layout

I hope you’ll join me on this journey to learn CSS Shapes with the Thinking Outside the Box with CSS Shapes course, at Pluralsight.