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
English
Curiosity Sale
Current price: $10 Original price: $195 Discount: 95% off
30-Day Money-Back Guarantee
Includes:
  • 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
Requirements
  • 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.
Description

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
03:34:51
+
Getting Started with CSS Shapes
4 Lectures 20:00


Understanding shape-outside property
03:05

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

Understanding border box settings
04:40

Understanding padding box settings
04:46

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

Working reference box coordinates, farthest-side & radius
16:04

Fast forwarded daily life use of circle() function
06:11

Working with ellipse() function
10:43

Working with inset() function
08:19

Working with polygon() function
06:48

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

Creating beautiful & clean website layout
15:42

Improving styling of our Juicy grapes website
08:55

Making content flow around our shapes
09:44

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

Using clippy polygon generator tool
03:52

Using poly draw tool
02:40

Browser supports & polyfills
04:20
+
Building more complex shapes & Animating it.
3 Lectures 28:55
Animating your basic shapes
09:49

Animating your polygons shapes
09:46

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

Blue Parrot in love web page using CSS Shapes
09:08
+
Final Words
1 Lecture 01:35
Final words
01:35
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 :)