English | MP4 | AVC 1280×720 | AAC 48KHz 2ch | 13 Hours | 1.64 GB
Learn CSS3 Transitions, Transformations, Animations, Flexbox and Responsive Web Design. Includes projects and code!
You can launch a new career in web development by simply learning HTML and CSS. You don’t need a university degree or any paid software, everything can be learned for free with free software and a few hours of your time. This course also comes with my full CSS Masterclass e-book, as an added bonus!
This entire course is designed to take you from a beginner to a CSS expert in order to prepare you for a job as a web developer.
Don’t limit yourself with those terrible site-builder tools. They are cool tools, but ultimately the limit your creativity. By learning CSS you’ll be able to unleash your creativity!
This course is very hands on. Over 140 lessons have tasks at the end of them so you can gain immediate experience with everything new you’ve learned.
YOU’RE GOING TO LEARN AMAZING ADVANCED CSS3 SUCH AS:
- Transitions
- Gradients
- Transformations
- Animations
- Flexbox
- Responsive Web Design
Table of Contents
CSS Introduction
1 CSS Introduction
2 How To Get The Most From This Course
3 Syntax Introduction
4 Editors
5 How to Ask Great Questions
6 CSS Masterclass e-book free
7 What is Inline CSS
8 What is Internal CSS
9 What is External CSS
Getting Started
10 Color Types
11 Background Colors
12 Background Images
13 Repeating Background Images
14 Borders
15 The Box Model Extremely Important
16 Padding
17 Margin
18 Centering an Element
19 Outline
20 Cursor
21 A Quick Checkup
22 Mini Project
23 Mini Project Solution
Text Formatting
24 Text Color
25 Text Alignment
26 Text Decoration
27 Text Transform
28 Text Indent
29 Letter Spacing
30 Line Height
31 Direction
32 Word Spacing
Fonts and Font Styling
33 Serif vs. Sans Serif
34 Font Family
35 Lots of Free Fonts
36 Font Style
37 Font Size
38 Font Weight
39 Font Variant
40 Font Awesome Icons
Links and their States
41 Links Introduction
42 Hover Over Links
43 Visited Links
44 Active Links
Better Selectors
45 Grouping Selectors
46 Descendant Selectors and Specificity
47 Child Selectors
48 Adjacent Selectors
Lists
49 List Style Type
50 List Style Position
51 List Style Image
Tables
52 Tables
53 Table Borders
54 Table Cell Vertical Align
55 Table Row Hover Effect
56 Mini Project
57 Mini Project Solution
Display
58 Display Introduction
59 Display Block
60 Display Inline
61 Display Inline-Block
62 Display None
Sizing Elements
63 Width
64 Height
Positions
65 Position Introduction
66 Position Relative
67 Position Absolute
68 Position Fixed
69 Overlapping Elements with Z-Index
Overflow
70 Overflow Introduction
71 Overflow Auto
72 Overflow Scroll
73 Overflow Hidden
Float Clear
74 Float Introduction
75 Float Left Right
76 Clear
77 Clearfix Hack
78 Opacity
Advanced Selectors
79 Advanced Selectors Introduction
80 Attribute Selector
81 Exact Value Selector
82 Contains Value Selector
83 Starts With Selector
84 Ends With Selector
Pseudo Selectors
85 Pseudo Selector Introduction
86 Hover Selector
87 First Child Selector
88 Last Child Selector
89 Focus Selector
90 Checked Selector
91 Disabled Selector
92 Enabled Selector
93 Not Selector
Pseudo Elements
94 Before Selector
95 After Selector
Project Use What You Have Learned So Far
96 The Project
97 The Solution Part 1
98 The Solution Part 2
99 The Solution Part 3
100 CSS1 and CSS2 Summary
CSS3 Introduction
101 CSS3 Introduction
CSS3 Rounding Corners
102 Border Radius
103 Round Images
104 Individually Rounded Corners
CSS3 Background Images
105 Background Sizes
106 Multiple Background Images at the Same Time
CSS3 New Color Properties
107 RGBA
108 HSL and HSLA
109 Opacity vs. Alpha
CSS3 Gradients
110 Linear Gradients
111 Linear Gradient Colors and Transparency
112 Repeating Linear Gradients
113 Radial Gradients
114 Repeating Radial Gradients
115 Amazing Gradient Tools
CSS3 Shadows
116 Shadow Introduction
117 Text Shadows
118 Box Shadows
119 Mini Project Creating a CSS Card
CSS3 Text Formatting
120 Text Introduction
121 Text Overflow
122 Word Wrap
123 Word Break
124 Text Align Last
125 Self-Hosted Custom Fonts
CSS3 Transitions
126 Transition Introduction
127 Transitioning Sizes
128 Transitioning Colors
129 Transition Timing Functions Speed Curves
130 Transition Delay
CSS3 Transformations
131 Transform Introduction
132 Translate
133 Rotate
134 Scale
135 Skew
136 Multiple Transformations
137 D Transformations
CSS3 Animations
138 Animation Introduction
139 Animation Keyframes
140 Your First Animation
141 Animation Fill Mode
142 Create a Blinking Animation
143 Animation Iteration Count
144 Animation Delay
145 Animation Direction
146 Animation Timing Functions Speed Curves
147 Animation Mini Project
148 Animation Mini Project Solution
CSS3 Misc. Lessons
149 Columns
150 Resize
151 Box Sizing Extremely Important
CSS3 Flexbox
152 Flexbox Introduction
153 Equal Sized Columns
154 Flexbox Order
155 Flexbox Rows and Columns
156 Flexbox Reversed Rows and Columns
157 Flexbox Basis
158 Flexbox Wrap
159 Flexbox Vertical Alignment
160 Flexbox Align Items
161 Flexbox Justify Content
162 Flexbox Align Self
163 Flexbox Align Content
164 Responsive Flexbox Layout Project Part 1
165 Responsive Flexbox Layout Project Part 2
166 Responsive Flexbox Layout Project Part 3
Responsive Web Design
167 Responsive Web Design RWD Introduction
168 Responsive Web Design RWD Meta Tag
169 A Quick Demo
170 Responsive Layout with Flexbox
171 Responsive Layout with Flexbox Part 2
172 Responsive Web Design RWD Print Mode
173 Multiple Media Queries
174 Responsive Images
175 Responsive iFrames
176 Responsive Web Design RWD Summary
Summary
177 Summary What To Learn Next
178 Course Summary
Resolve the captcha to access the links!