Skillshare – CSS Masterclass 2019-9

Skillshare – CSS Masterclass 2019-9 Downloadly IRSpace

Apr 17, 2025 - 10:50 Updated: Apr 20, 2025 - 19:19

0 0

Skillshare – CSS Masterclass 2019-9

CSS Masterclass، 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’ll learn how to slowly animate website components using transitions. Like when you put your mouse over a link and it slowly changes color (instead of being instant.

it looks like a fading effect!) No Photoshop required! We’ll learn how to master gradients from scratch. It’s a lot easier than you think and adds a nice visual aspect to your websites! You’ll learn about 2D and 3D transformations. Like making an element bigger but keeping it’s height and width proportional. Rotating elements has never been easier! Change the perspective on an element adds a nice angle to your elements, and can make your text look like the intro to Star Wars. CSS3 animations let you create full CSS-only animations (no JavaScript required). You can do more than just change sizes or colors… you can turn your website into an app-like website with cool animations. And we’ll go over each animation property one-by-one with lots of practice in between. By the end of the animations module, you’ll be an animation PRO!

What you’ll learn

Transitions
Gradients
Transformations
Animations
Flexbox
Responsive Web Design

Specificatoin of CSS Masterclass

Publisher : Skillshare
Teacher : John Kalob Taulien
Language : English
Level : All Levels
Number of Course : 176
Duration : 12 hours and 49 minutes

Content of CSS Masterclass

# 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
# Responsive Web Design (RWD) Responsive Layout with Flexbox Part 2
# Responsive Web Design (RWD) Print
# Responsive Web Design (RWD) Multiple Media Queries
# Responsive Web Design (RWD) Responsive Images
# Responsive Web Design (RWD) Responsive iFrames
# Responsive Web Design (RWD) Summary
# Summary What to Learn Next
# Course Summary

Requirements

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