Companies Home Search Profile

Creative CSS Drawing Course : Make Art With CSS

Focused View

Ahmed Sadek

5:02:11

10 View
  • 1 - course introduction.mp4
    02:45
  • 2 - diamond.mp4
    06:50
  • 2 - diamond.zip
  • 3 - envelope with heart.mp4
    09:42
  • 3 - envelope-with-heart.zip
  • 4 - pepsi.zip
  • 4 - pepsi logo.mp4
    06:47
  • 5 - camera.mp4
    11:29
  • 5 - camera.zip
  • 6 - coffee mug.mp4
    08:45
  • 6 - coffee-mug.zip
  • 7 - batman.mp4
    18:46
  • 7 - batman.zip
  • 8 - captain america.mp4
    10:44
  • 8 - captain-america.zip
  • 9 - gear.mp4
    06:11
  • 9 - gear.zip
  • 10 - git.zip
  • 10 - git logo.mp4
    06:49
  • 11 - google.zip
  • 11 - google logo.mp4
    06:37
  • 12 - instagram.zip
  • 12 - instagram logo.mp4
    06:05
  • 13 - panda.zip
  • 13 - panda drawing.mp4
    11:01
  • 14 - watermelon.zip
  • 14 - watermelon drawing.mp4
    05:26
  • 15 - adidas.zip
  • 15 - adidas logo.mp4
    05:36
  • 16 - Brackets logo.mp4
    07:05
  • 16 - brackets-logo.zip
  • 17 - donut drawing.mp4
    11:21
  • 17 - donut-drawing.zip
  • 18 - figma logo.mp4
    06:38
  • 18 - figma-logo.zip
  • 19 - react.zip
  • 19 - react logo.mp4
    05:20
  • 20 - LG logo.mp4
    09:43
  • 20 - LG-logo.zip
  • 21 - ice cream drawing.mp4
    11:01
  • 21 - ice-cream-drawing.zip
  • 22 - Pikachu-drawing.zip
  • 22 - pikachu drawing.mp4
    11:31
  • 23 - koala drawing.mp4
    10:12
  • 23 - koala-drawing.zip
  • 24 - beaver part 1.mp4
    12:54
  • 24 - css-beaver-1.zip
  • 25 - beaver part 2.mp4
    10:29
  • 25 - css-beaver-2.zip
  • 26 - beaver part 3.mp4
    04:29
  • 26 - css-beaver-3.zip
  • 27 - beaver part 4.mp4
    09:12
  • 27 - css-beaver-4.zip
  • 28 - clock-books-and-cactus-on-a-shielf-1.zip
  • 28 - part 1.mp4
    16:32
  • 29 - clock-books-and-cactus-on-a-shielf-2.zip
  • 29 - part 2.mp4
    06:25
  • 30 - clock-books-and-cactus-on-a-shielf-3.zip
  • 30 - part 3.mp4
    08:15
  • 31 - homer drawing part 1.mp4
    10:05
  • 31 - homer-drawing-part-1.zip
  • 32 - homer drawing part 2.mp4
    07:02
  • 32 - homer-drawing-2.zip
  • 33 - homer drawing part 3.mp4
    10:01
  • 33 - homer-drawing-3.zip
  • 34 - homer drawing part 4.mp4
    05:58
  • 34 - homer-drawing-4.zip
  • 35 - homer drawing part 5.mp4
    04:25
  • 35 - homer-drawig-5.zip
  • 36 - Bonus Lecture.html
  • Description


    level up your CSS skills by learning how to create more than 20 drawings, shapes and logos using only CSS.

    What You'll Learn?


    • how to create more than 20 well-known and original illustrations in CSS.
    • take your CSS skills to the next level using different creative approach.
    • how to use your CSS skills in a fun creative way.

    Who is this for?


  • Web designers and developers who want to enhance their CSS skills in ways they probably never considered.
  • Anyone who has basic CSS skills and wants to have some fun learning how to illustrate and solve creative problems with CSS.
  • What You Need to Know?


  • basic CSS skills are required like positioning elements, adding different styles, colors and so on
  • code editor and browser
  • More details


    Description

    If you get bored in those regular CSS courses where the instructor just builds web pages and want to try something new that takes your CSS skills to the next level by using different creative approaches, or, if you just want to push all your CSS skills to their limits and learn how to use them to create shapes, drawings, and logos...then this course is for you!

    I’m Ahmed Sadek, a full stack web developer and designer with more than 8 years of experience and I wanna welcome you to my Creative CSS Drawing course. This course will help you get the most out of your CSS skills; you will create more than 20 different shapes, logos and drawings. Some of them are complex in ways that are different from web pages, and the methods we’ll use to solve these creative puzzles are also different. That means this course will help you open your mind to things you never knew you could create with CSS, and hopefully, you’ll learn to see more of the fun, imaginative side of CSS in each lesson.

    A very important heads-up, though: before taking this course you should have basic knowledge of CSS—things like positioning elements on the screen or adding borders and backgrounds.

    The drawings and logos we will create include some well-known items, like the Batman symbol, Captain America’s shield, Homer Simpson, and logos for Adidas, Brackets (the code editor), Git, Google, Instagram, and Pepsi! We’ll even do some original illustrations, like a camera, a donut, a diamond, a panda, and more!

    Don’t worry, though. You don't have to watch the lessons in any specific order to be able to follow along. You can just hop around and enjoy the lessons in the order that works best for you.

    Who this course is for:

    • Web designers and developers who want to enhance their CSS skills in ways they probably never considered.
    • Anyone who has basic CSS skills and wants to have some fun learning how to illustrate and solve creative problems with CSS.

    User Reviews
    Rating
    0
    0
    0
    0
    0
    average 0
    Total votes0
    Focused display
    Category

    CSS

    Hi, it's Ahmed, glad you made it here!i'm a senior web developer working as a freelancer for the last 7 years, i've developed hundreds of web projects and have tens of happy clients.i've helped companies of all sizes to improve their business.i can't wait to share all the web development knowledge i have with students here in udemy so if you're interested in learning modern web development technology we will see each other inside my courses.
    Students take courses primarily to improve job-related skills.Some courses generate credit toward technical certification. Udemy has made a special effort to attract corporate trainers seeking to create coursework for employees of their company.
    • language english
    • Training sessions 35
    • duration 5:02:11
    • English subtitles has
    • Release Date 2024/05/17