Learn Code by Creating Art: Developing CSS Skills in CodePen | Christina Gorton | Skillshare

Learn Code by Creating Art: Developing CSS Skills in CodePen

Christina Gorton, Teaching Code Through Creativity

Play Speed
  • 0.5x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 2x
11 Videos (1h 7m)
    • Introduction

    • Class Project

    • Getting Sassy

    • Framing it In

    • Pseudo Elements

    • Clip-Path and Border Radius

    • Adding Depth With Box-Shadow

    • Transforms and Transitions

    • Using SVG

    • CSS Animations

    • Wrapping it Up


About This Class

In this class we will enhance your CSS knowledge in a fun and creative way. You will learn intermediate and advanced CSS while creating an art project you will be excited to share with others.

My CSS image collection on CodePen is what helped me get a job as a developer.  As we create art, some of the things we will go over are how to get started with Sass, pseudo elements, clip-path, box shadow, transforms and transitions, animations and more.

This class is for students looking for a fun way to learn intermediate to advanced CSS.

Students should know basic HTML and CSS.

We will be using a free resource called CodePen for our project

You can get the starter code, finished code for each video and needed SVG for our project in the class collection: 





  • --
  • Beginner
  • Intermediate
  • Advanced
  • All Levels
  • Beg/Int
  • Int/Adv


Community Generated

The level is determined by a majority opinion of students who have reviewed this class. The teacher's recommendation is shown until at least 5 student responses are collected.

Christina Gorton

Teaching Code Through Creativity

I am a stay at home mom to three little ones turned remote front-end developer.
I learned programming best through creative coding. I participated and learned in communities like #dailyCSSimages and #100daysofcode. I hope you enjoy learning in a new and fun way as much as I do.
I am an active member of the Moms Can Code community and soon to be speaker. Most of my creative coding work can be found on CodePen at https://codepen.io/cgorton/#.

See full profile

Report class