CSS shapes allow designers to move past the limitations of rectangular box layouts and create rich designs previously only possible in print. This course will teach you the foundations of using CSS shapes.
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.
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.
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:
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.