Download Skillshare – CSS Masterclass

Description

CSS Masterclass, a comprehensive CSS course, is published by Skillshare Academy. You can start a new career in web development by learning HTML and CSS. You don’t need a college degree or any paid software, you can learn everything for free with free software and a few hours of your time. The course also comes with the complete CSS Masterclass eBook as an added bonus. The entire course is designed to take you from a beginner to a CSS expert, preparing you for a career as a web developer. Don’t limit yourself with those terrible website building tools. They are cool tools, but they ultimately limit your creativity. By learning CSS, you can unleash your creativity. This course is very practical. Over 140 lessons with assignments at the end so you can immediately get hands-on experience with the new concepts you’ve learned. You’ll learn how to animate website components smoothly and using transitions. Like when you hover your mouse over a link and it slowly changes color (instead of being instantaneous).

No Photoshop required. We’ll master gradients from scratch. It’s a lot easier than you think and will give your website a nice visual touch. You’ll learn about 2D and 3D transformations. Like making a shape larger but keeping its height and width the same. Rotating elements, changing the angle of a shape, and giving your shapes a nice look. CSS3 animations allow you to create full CSS-only animations (no JavaScript required). You can do more than just change sizes or colors. You can turn your website into a functional website with cool animations. We’ll also go over each animation feature one by one in this course. Flexbox is probably the most important CSS3 feature. It lets you set the base size of a shape and let it grow or shrink depending on other content. You can arrange content vertically without tables or CSS “hacks.” This makes for a responsive website design. You can rearrange your HTML elements without writing any HTML.

What you will learn

• Transitions
• Gradient
• Moving
• Animations
• Flexbox
• Responsive web design

CSS Masterclass Course Details

• Publisher: Skillshare
• Instructor: John Kalob Taulien
• Language: English
• Education level: All levels
• Number of lessons: 176
• Training duration: 12 hours and 49 minutes

CSS Masterclass Course Topics

# Welcome
# Introduction To CSS
# Syntax Introduction
# Editors
# How to Ask Good Questions
# Inline CSS
# Internal CSS
# External CSS
# Color Types
# Background Colors
# Background Images
# Repeating Background Images
# Borders
# The Box Model
# Padding
# Margin
# Centering an Element
# Style This Form Using Only CSS
# Solution To Mini Project Style This Using Only CSS
# Outline
# Cursor
# Text Color
# Text Align
# Text Decoration
# Text Transform
# Text Indent
# Letter Spacing
# Line Height
# Text Direction
# Word Spacing
# Fonts Serif vs Sans Serif
# Font Family
# Lots Of Free Custom Fonts
# Font Style
# Font Size
# Font Weight
# Font Variant
# Font Awesome
# Links
# Links Hover
# Links Visited
# Links Active
# Groupong Selectors
# Descendant Selectors and Specificity
# Child Selectors
# Adjacent Selectors
# List Style
# List Style Position
# List Style Image
# Tables
# Table Borders
# Table Cell Vertical Align
# Table Row Hover Effect
# Mini Project Style This Table
# Mini Project Solution Style This Table
# Display Introduction
# Display Block
# Display Inline
# Display Inline Block
# Display None
# Sizing Width
# Sizing Height
# Position Introduction
# Position Relative
# Position Absolute
# Position Fixed
# Overlapping Elements with z-index
# Overflow Introduction
# Overflow Scroll
# Overflow Auto
# Overflow Hidden
# Float Introduction
# Float Left and Right
# Clear
# Clearfix Hack
# Opacity
# Advanced Selectors Introduction
# Advanced Selectors Attributes
# Advanced Selectors Exact Value
# Advanced Selectors Contains Value
# Advanced Selectors Starts With
# Advanced Selectors Ends With
# Pseudo Selectors Introduction
# Pseudo Selectors Hover
# Pseudo Selectors First Child
# Pseudo Selectors Last Child
# Pseudo Selectors Focus
# Pseudo Selectors Checked
# Pseudo Selectors Disabled
# Pseudo Selectors Enabled
# Pseudo Selectors Not
# Pseudo Selectors Before
# Pseudo Selectors After
# Project Use What You’ve Learned
# Project Solution Use What You’ve Learned Part 1
# Project Solution Use What You’ve Learned Part 2
# Project Solution Use What You’ve Learned Part 3
# CSS Summary
# CSS3 Introduction
# Border Radius
# Round Images
# Individually Rounded Corners
# Background Sizes
# Two Background Images
# Colors RGBA
# Colors HSL and HSLA
# Opacity vs Alpha
# Linear Gradients
# Linear Gradients Color and Transparency
# Repeating Linear Gradients
# Radial Gradients
# Repeating Radial Gradients
# Gradient Tools
# Shadows Introduction
# Text Shadows
# Box Shadows
# Mini Project Creating A Card
# Text Introduction
# Text Overflow
# Word Wrap
# Word Break
# Text Align Last
# Custom Fonts
# Transition Introduction
# Transitioning Sizes
# Transitioning Colors
# Transition Timing Functions
# Transition Delay
# Transform Introduction
# Transform Translate
# Transform Rotate
# Transform Scale
# Transform Skew
# Multiple Transformations
# 3D Transformations
# Animation Introduction
# Animation Keyframes
# First Animation
# Animation Fill Mode
# Blinking Animation
# Animation Iteration Count
# Animation Delay
# Animation Direction
# Animation Timing Function
# Animation Mini Project
# Animation Mini Project Solution
# Misc. Columns
# Misc. Resize
# Box Sizing
# Flexbox Introduction
# Flexbox Equal Sized Columns
# Flexbox Order
# Flexbox Rows and Columns
# Flexbox Rows and Columns in Reverse
# Flexbox Basis
# Flexbox Wrap
# Flexbox Vertical Alignment
# Flexbox Align Items
# Flexbox Justify Content
# Flexbox Align Self
# Flexbox Align Content
# Flexbox Layout Project Getting Setup Part 1
# Flexbox Layout Project Body Styling Part 2
# Flexbox Layout Project RWD Part 3
# Responsive Web Design (RWD) Introduction
# Responsive Web Design (RWD) Meta Tag
# Responsive Web Design (RWD) A Quick Demo
Responsive Web Design (RWD ) Responsive Layout with Flexbox Part
1

Course prerequisites

• This course does not assume any prior knowledge in CSS, but it’s also broken up into small sections that allow you to skip around (so you don’t have to watch everything you already know about).

Pictures

Sample video

Installation Guide

After Extract, view with your favorite player.

Subtitles: None

Quality: 720p

File size

4.32 GB

Download link