Practical CSS Art - Master CSS: Draw Ferb Using CSS

Draw Ferb Using CSS From Scratch: Practical CSS Art - Master CSS Skills

4.50 (25 reviews)
Udemy
platform
English
language
Web Development
category
1,929
students
30 mins
content
Dec 2022
last update
FREE
regular price

What you will learn

Master CSS pseudo selectors; before and after.

Pick colors from different images so that you can add the exact color in your art.

Divide any image to small parts so that you can handle them in your code

Master how to make use of CSS properties such as: colors, color picking, background, positions, transform, borders, box-shadow, z-index and more.

Draw your favorite cartoon character :)

Description

If you’re looking to become more familiar with CSS, or get more creative with your coding, CSS Art is the best fit. CSS Art in my opinion is one of the best ways to learn and master CSS basic and advanced skills.


By the end of this lesson you will be able to:

  • Draw your favorite cartoon character :)

  • Master CSS pseudo selectors; before and after.

  • Pick colors from different images so that you can add the exact color in your art.

  • Divide any image to small parts so that you can handle them in your code


Moreover, By the end of this lesson you will master how to make use of CSS properties such as: colors, color picking, background, positions, transform, borders, box-shadow, z-index and more.

In this lesson, we will start coding from scratch so it completely beginner friendly you will just need a code editor.


After you are done with the videos, it is so recommended to apply what you have learned by completing an assignment.


Assignment:

Your class project is to create a piece of CSS Art in which you draw your favorite cartoon character :)

Tips:

  • Find a high-quality image of your best cartoon character

  • Pick the right colors using the color-picking tool

  • Divide the character into different pieces

  • Follow a code pattern

  • Start coding :)

Sharing Your Work:

I hope you will enjoy it :)

Happy Coding...

Content

Introduction

What is CSS Art

Environment Setup

Environment Setup

Let's Draw Ferb!

Let's Draw Ferb!

Assignment

Project

Conclusion

Conclusion

Screenshots

Practical CSS Art - Master CSS: Draw Ferb Using CSS - Screenshot_01Practical CSS Art - Master CSS: Draw Ferb Using CSS - Screenshot_02Practical CSS Art - Master CSS: Draw Ferb Using CSS - Screenshot_03Practical CSS Art - Master CSS: Draw Ferb Using CSS - Screenshot_04

Charts

Price

Practical CSS Art - Master CSS: Draw Ferb Using CSS - Price chart

Rating

Practical CSS Art - Master CSS: Draw Ferb Using CSS - Ratings chart

Enrollment distribution

Practical CSS Art - Master CSS: Draw Ferb Using CSS - Distribution chart
5026048
udemy ID
12/15/2022
course created date
12/22/2022
course indexed date
Bot
course submited by