CSS For Smart People
4.4 (51 ratings)
Course Ratings are calculated from individual students’ ratings and a variety of other signals, like age of rating and reliability, to ensure that they reflect course quality fairly and accurately.
5,106 students enrolled

CSS For Smart People

A filler free course on web development's main building block, Cascading Style Sheet (CSS).
4.4 (51 ratings)
Course Ratings are calculated from individual students’ ratings and a variety of other signals, like age of rating and reliability, to ensure that they reflect course quality fairly and accurately.
5,106 students enrolled
Created by Eric Tam
Last updated 8/2019
English
English [Auto]
Current price: $86.99 Original price: $144.99 Discount: 40% off
2 days left at this price!
30-Day Money-Back Guarantee
This course includes
  • 5 hours on-demand video
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
Training 5 or more people?

Get your team access to 4,000+ top Udemy courses anytime, anywhere.

Try Udemy for Business
What you'll learn
  • Be able to design websites using CSS
  • Be able to read CSS written by other software developers
Course content
Expand all 91 lectures 04:53:26
+ Intermediate CSS
24 lectures 01:06:04
Height And Width
03:42
Max-width
02:47
List Style Type
01:07
Display
02:40
Margins And Paddings
01:39
Background Color
00:59
Background Image And Background Size
03:27
Font Size
01:19
Background Position
02:47
Font Family
06:37
Font Awesome
04:01
Adding A New Type Of Font
05:16
Less Commonly Used Font Properties
01:00
Text Align
02:16
Text Decoration
01:58
Less Commonly Used Text Properties
01:52
Position
07:27
Float
00:53
Line Height
01:59
Combinators
01:49
Combinators Example
04:53
Border Radius
02:28
+ Advanced CSS
17 lectures 01:15:16
Cursor
01:54
Transition
02:32
Animation
07:32
Box Shadow
01:59
Overflow
05:02
Linear Gradient
04:13
Z-index
08:13
Before And After
04:44
Transform: Introduction
01:17
Transform: rotate
03:01
Transform: scale
03:44
Transform: translate
04:55
Transform Style
04:53
Transform Origin
04:10
Variables, var() and calc()
08:58
Em, Rem, And Vh
04:07
Nth-Child And Nth-Of-Type
04:02
+ Mini Projects
8 lectures 40:55
A Quick Message On Mini Projects
00:44
Mini Project: Making A Circle and Oval
03:14
Mini Project: Creating A Crescent Moon
04:38
Mini Project: Making A Triangle
03:15
Mini Project: Making An Outline Button
09:08
Mini Project: Making A Button With Pressed Effect
06:43
Mini Project: Make An Alert Button
07:52
Mini Project: Create An Overlay
05:21
+ Project 1: Tapping Right Hand
13 lectures 47:46
Project Introduction
01:08
What You Will Learn
01:23
Challenges
01:17
Default Settings And Body Tag
01:50
Hand's Container
01:37
Hand's Shadow
03:03
Hand's Palm
02:26
Hand's Thumb
05:40
Thumb's Nail
02:19
Back Joint Of Fingers
03:43
Front Joint Of Fingers
04:39
Scaling The Fingers
07:28
Creating The Tapping Motion
11:13
+ Project 2: Penguin
23 lectures 54:49
Project Introduction
01:17
What You Will Learn
00:59
Challenges
01:00
Default Settings And Body Tag
01:01
Penguin's Container
01:49
Head Of Penguin
01:19
Irregular Shape Of Head
01:29
Adding A Before Element To The Head
03:50
Adding An After Element The Head
02:00
Adding Container of Inner Head
01:46
Adding A Before Element to Inner Head
02:37
Adding An After Element To Inner Head
02:22
Penguin's Eyes Container
01:29
Outline Of Penguin's Eye
03:21
Second Part Of Penguin's Eye
02:33
Third Part Of Penguin's Eye
02:01
Adding Right Eye Of Penguin
01:29
Adding Mouth Of Penguin
04:02
Setting Up Body Of Penguin
03:00
Adding After Element Of Penguin
03:30
Adding Container Of Arms And Left Arm
04:34
Adding Right Arm Of Penguin
02:42
Adding Feet To Penguin
04:39
Requirements
  • HTML
  • A code Editor
  • An Internet browser
Description

In this course, you will learn all the most important properties in CSS. 

In addition to HTML, mastery of CSS is essential for creating any website. 

I hope this course will save you time spent trying to figure out what you need to learn and what you do not. 

By the end of the course, you will have a firm understanding of all commonly used CSS properties. 

I have included four projects for you to practice with.


Who this course is for:
  • Someone who is familiar with HTML
  • A hard worker with a good memory: this course has a lot of material to learn