Creative coding: Create CSS collage | Aga Naplocha | Skillshare

Creative coding: Create CSS collage

Aga Naplocha, Creative coder & designer

Play Speed
  • 0.5x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 2x
11 Videos (45m)
    • Create CSS Collage – intro

      0:57
    • Tools

      3:06
    • HTML & CSS

      0:41
    • Clip-path – basic shapes

      4:21
    • Clip-path – exercise

      5:40
    • Clip-path – url function

      7:58
    • Clip-path – glitter exercise

      5:40
    • Masking

      6:41
    • Masking – part 2.

      1:45
    • Final exercise – Water Collage

      6:15
    • Exercise bonus

      1:45
20 students are watching this class

About This Class

If you have ever thought that CSS is used only for positioning and coloring elements, I’m going to show you that it’s an enormously creative tool.
In these classes we’re going to create some cool CSS effects, which you can later on implement on your website.

Explore fun & creative coding with Aga Naplocha–coding designer, currently working at Adobe and co-organizer of The Awwwesomes workshops. You will learn step-by-step how to use CSS properties such as mask-image or clip-path to create really creative effects on the Web.

Don’t worry if you don’t have experience with coding! You will have fun as well and be able to do the exercises. The course is adjusted to people with different coding levels.

By the end, you will be able to create collage in your web browser. 
Practice makes master, so the course includes set of exercises.

The course is destined for:

  • people who like coding,
  • designers who would like to learn more about creative aspects of CSS,
  • everyone, who likes to create things on the computer and the web.

Visit my other classes on creative coding:

82

Students

--

Projects

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

Level

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.

Aga Naplocha

Creative coder & designer

Hello, I'm Aga! I'm a coding designer currently working at Adobe.

I love sharing with my knowledge and experience this is why I'm working on The Awwwesomes - an initiative, which encourages people to start learning coding and designing awwwesome websites!

You can visit me at:

- http://twitter.com/aganaplocha
- https://www.instagram.com/theawwwesomes/
- https://twitter.com/the_awwwesomes
- http://theawwwesomes.org

 

 

See full profile

Report class