Explanation
CSS Masterclass”, “You can start a new career in web development by simply learning HTML and CSS. You don’t need a college degree or paid software, everything can be learned with free software and a few hours of your time. The course also comes with the CSS Masterclass e-book, which is an added bonus! This entire course is designed to take you from a beginner to a CSS expert to prepare you for a career as a web developer. Don’t limit yourself to those crappy site builder tools. It’s a great tool, but ultimately limits your creativity. By learning CSS you will be able to unleash your creativity! This course is hands-on. More than 140 lessons are guided by end-to-end activities so you can quickly experience everything new you’ve learned. You will learn how to slowly animate web components using transitions. Like when you hover your mouse over a link and it changes color slowly (instead of fast.
looks like a fading effect!) No Photoshop needed! We will learn how to learn gradients from zero. It’s a lot easier than you think and adds a great look to your website! You will learn about 2D and 3D transformations. Like making a large element but keeping its height and width. Rotating elements has never been easier! Changing the perspective of an element adds a nice angle to your elements, and can make your text look like a Star Wars intro. CSS3 animations allow you to create CSS-only animations (no JavaScript required). You can do more than just change sizes or colors… you can turn your website into a web app-like app with cool animations. And it will go through each animation property one by one with multiple iterations. By the end of the animations module, you will be an animation PRO!
What will you learn?
- transition
- gradients
- changes
- animations
- Flexbox
- Responsive Web Design
CSS Masterclass Tutorial
- Publisher: skillshare
- Teacher: John Kalob Taulin
- Language : English
- Level : All Levels
- Number of Courses: 176
- Duration : 12 hours and 49 minutes
Includes CSS Masterclass
#welcome
# First CSS
# Introduction Syntax
#Editors
#How to ask good questions
# CSS font
# In CSS
# External CSS
# Color Types
# Original colors
# Original images
# Repeating background images
#Borders
# Box Model
#padding
#Margin
# Mediation of the Element
# Style this form using only CSS
# This Mini Project Template Solution Using only CSS
#Problems
# Cursor
# Text Color
#Text Alignment
# Text Decoration
# Change Text
# Text Indent
# Spacing Papers
# The length of the line
# Text direction
# Word Spacing
#Fonts Serif vs Sans Serif
# Font family
# Many unique and free fonts
# Font style
#Finger Size
# Finger Scale
# Variation of characters
# Amazing font
# Links
# Links Hover
# Links have been visited
# Active Links
# Group Selectors
# Pedigree and Unique Selection
# Children’s Choice
# Next selectors
# List list
# List of Position Formats
# Picture Mode menu
# tables
# Table Boundaries
Align the vertical table unit
# Table Row Effect
Mini Project Format This chart
Mini Project Solution Format for this Table
# Show Introduction
# Display Block
# Online display
#Display the line
# None Shown
#SizeWidth
# Height Size
# Introduction to space
# Relative position
# Real Position
# Fixed Position
# Composite components with z-index
#Flowing Intro
#High flow stream
#Girl-over
#HiddenLaughing
#Floating Intro
#Delete left and right
#Ada
# Clearfix Hack
#Transparency
# Introduction to Advanced Options
#Advanced Selection Feature
# Advanced Selection of Correct Values
# Advanced Options Have Value
# Advanced Options Begin
# Advanced Selection Ends
# Introduction to Fake Pickers
# Fake Hover selectors
First Child False Choices
# Fake selection of the last child
#Focus Selector Forgery
# Checked false selectors
# False options are Disabled
# False options are set
# No false selectors
# Default fake selectors
# Fake Pickers After
# Use what you have learned in the project
# Project Solution Use what you learned in Part 1
# Project Solution Use what you learned in Part 2
# Project Solution Use what you learned in Part 3
# Concise CSS
# CSS3 Introduction
#BorderRadius
#Rolling Images
# Rounded Personal Corners
# Original size
#Two Real Photos
# RGBA colors
# HSL and HSLA colors
# Opacity vs Alpha
#LinearGradients
# Straight line color and transparency
# Repeating LinearGradients
#RadialGradients
#Repeat RadialGradients
#Gradient Tool
# Shadow Introduction
# Shadow text
# Shadow Box
# Small Card Making Project
# Text Introduction
#Multiple stream text
#Text Recording
# Word Break
# Final Alignment Text
# Private font
# Transition Introduction
#Transition Price
# Transition Colors
#Times of transition
# Delay Transition
# Change Introduction
# TransformTranslate
# Change Circuit
# Weight change
# Change Skew
# Many Changes
#3D conversions
# Introduction Animation
# Animation key
# Animation First
# Animation Fill Mode
# Flashing animation
# Animation count
# Delay Animation
# Animation direction
# Animation time function
#Animation Mini Project
#Animation Mini Project Solution
#misc columns
#misc Edit
# box size
# Introduction to Flexbox
#Flexbox Flat Columns
# Order Flexbox
#Flexbox rows and columns
# Flexbox rows and columns in the background
# Base Flexbox
#Flexbox Recording
# Flexbox vertical alignment
#Flexbox Adjust objects
#Flexbox all rights reserved
#Flexbox Align Yourself
#Flexbox Customize your content
Configuring Project Layout in Flexbox Part 1
Flexbox Physical Modeling Project Modeling Part 2
#Flexbox RWD Layout Project Part 3
Introduction to Responsive Web Design (RWD).
# Responsive Web Design (RWD) Meta Tag
Responsive Web Design (RWD) Quick Demo
Responsive Web Design (RWD) Responsive Flexbox Layout Part 1
Responsive Web Design (RWD) Responsive Flexbox Layout Part 2
# Publishing Responsive Web Design (RWD).
# Responsive Web Design (RWD) for multiple media queries
Responsive Web Design (RWD) Responsive Graphics
Responsive Web Design (RWD) Responsive iFrames
An Overview of Responsive Web Design (RWD).
# Summary of What to Learn Next
# Course Summary
Requirements
- This course does not require prior knowledge of CSS, but is also divided into small sections that allow you to skip around (so you don’t have to watch everything you already know about it).
Pictures
Sample Clip
Installation Guide
Extract files and watch your favorite player
Subtitle : Not available
Quality: 720p
Download Links
Password file: free download software
file size
4.32GB