Mastering "Native CSS Shapes" To Build Modern Web Pages
5.0 (6 ratings)
Instead of using a simple lifetime average, Udemy calculates a course's star rating by considering a number of different factors such as the number of ratings, the age of ratings, and the likelihood of fraudulent ratings.
1,050 students enrolled
Wishlisted Wishlist

Please confirm that you want to add Mastering "Native CSS Shapes" To Build Modern Web Pages to your Wishlist.

Add to Wishlist

Mastering "Native CSS Shapes" To Build Modern Web Pages

Learn to harness the power of Native CSS Shapes to create beautiful modern web pages. it's future of web page design
5.0 (6 ratings)
Instead of using a simple lifetime average, Udemy calculates a course's star rating by considering a number of different factors such as the number of ratings, the age of ratings, and the likelihood of fraudulent ratings.
1,050 students enrolled
Created by Rahul Giri
Last updated 5/2017
Curiosity Sale
Current price: $10 Original price: $195 Discount: 95% off
30-Day Money-Back Guarantee
  • 3.5 hours on-demand video
  • 20 Supplemental Resources
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
What Will I Learn?
  • Build modern stunning web pages using Native CSS Shapes
  • Follow the future of web design landscape in present
View Curriculum
  • You need a modern web browser (Chrome or Safari) and a code editor.
  • You should be able to learn even if you are beginner to front web design.

Hi there,

This course is the only course on Native CSS Shapes on udemy at the time of this launch. In this course you will learn to build most awesome delightful and clean web page layouts with amazing CSS Shapes. which is the future of web design.

You will learn all the shape-outside property functions. 

  1. circle()
  2. ellipse()
  3. inset()
  4. polygon()
  5. url()

In order to create stunning, most beautiful web pages with real world example. you will learn all the possible css shapes keywords and settings in this course. this course packed with lots and lots code example.

Exercise files are included in this course.

After completing this course you will be full confident to work with CSS Shapes and build modern web pages.

so let's get started !

Who is the target audience?
  • Anyone who wants to learn the future of web design.
  • Anyone who anyhow related to web programming or wants to be a web developer
Students Who Viewed This Course Also Viewed
Curriculum For This Course
30 Lectures
Getting Started with CSS Shapes
4 Lectures 20:00

Understanding shape-outside property

Understanding clip-path/masking property
Understanding Reference Box Settings or keywords
4 Lectures 16:47
Understanding margin box settings

Understanding border box settings

Understanding padding box settings

Understanding content box settings
Understanding CSS Shape-Outside Functions in Depth
7 Lectures 01:10:32

Working reference box coordinates, farthest-side & radius

Fast forwarded daily life use of circle() function

Working with ellipse() function

Working with inset() function

Working with polygon() function

Working with beautiful url() function
Building Responsive Juicy grapes website with CSS Shapes
5 Lectures 44:47
Introduction: What you will learn & build

Creating beautiful & clean website layout

Improving styling of our Juicy grapes website

Making content flow around our shapes

Making our webpage responsive
CSS Shapes Tools & Resources
4 Lectures 14:40
Using CSS shape editing tool

Using clippy polygon generator tool

Using poly draw tool

Browser supports & polyfills
Building more complex shapes & Animating it.
3 Lectures 28:55
Animating your basic shapes

Animating your polygons shapes

Animating your shapes created by url() function
Let Your imagination fly : Build Awesome page design with CSS Sahpes
2 Lectures 17:35
Creating Awesome webpage for girl with umbrella

Blue Parrot in love web page using CSS Shapes
Final Words
1 Lecture 01:35
Final words
About the Instructor
Rahul Giri
4.6 Average rating
447 Reviews
20,330 Students
11 Courses
Entrepreneur, Web developer & Graphics Designer

Hi ! I am Rahul Giri. I have a degree in Information Technology. I am a Web developer , Graphics designer and I love the web and coding.

I have also done Specialization in "Entrepreneurship : building a hi-tech innovative company" from university of Maryland. USA

I have lot of enthusiasm in web development and graphic design. i work on three tier system. I use PHP as server side. I love to make websites and currently i'm working on my dream project. Yaay.

I love learning, i have also learned CEH v7, CHFI v8, CISSP just for knowledge and i love Linux.

I has always had passion for Goggling, Coding , Graphic designing, Technology, and Most Important learning new technology from scratch.

I teach 11 courses till now and i got so much appreciation and loves of my students. They gave me amazing 300+ reviews for my courses.

I have 20k+ worlds best students in just couple of months. They always inspire me to do more and more.

What they like about my courses. - Based on reviews.

1. My Courses uniqueness and full with lot of information.

2. My multiple different way to explain particular topics.

3. Clear misconception about any particular topics.

4. My happy tone in entire course like we are not just learning, we are living that course life.

5. My Response time to any question asked in the forum. I love answering the questions and more :).

If you get my courses , you will actually get a family, which is full of information and lot of happiness.

We love technology and we live technology.

Take Care :)