2012
Pluralsight
Michael Palermo
2:46
English
This course is a discovery of the many new features found in CSS3. Web developers will learn tips and tricks on how to target content for styling, enhance text, understand colors, provide smooth corners, add dimension with shadows, adapt to sizing, transform and animate, and manipulate style with script (whew)!
Introduction to CSS3
19m 17s
Introduction 0m 51s
Course Overview 1m 58s
Topics Covered 3m 46s
Accelerated Introduction to CSS 2m 44s
CSS Syntax 2m 18s
DEMO: Getting Started with Visual Studio 1m 25s
DEMO: Examining the HTML Source 1m 11s
DEMO: Adding Style to HTML 1m 55s
DEMO: Simple CSS Syntax 2m 32s
Summary 0m 37s
Content
25m 44s
Introduction 0m 41s
Fonts 2m 33s
Text Shadow 1m 15s
DEMO: Font Face 2m 49s
DEMO: Text Shadow 1m 29s
Selectors 0m 47s
DEMO: Positional Selectors 6m 22s
DEMO: Target Selector 1m 49s
DEMO: Selection Selector 1m 31s
Styling Form Inputs 0m 58s
DEMO: Stateful Selectors 4m 55s
Summary 0m 35s
Layout
18m 28s
Introduction 0m 29s
Layouts 1m 37s
Box Layout 1m 42s
Vendor Prefixes 1m 49s
Columns 1m 8s
DEMO: Columns 3m 4s
DEMO: Box Layout 2m 12s
Background 1m 27s
DEMO: Multiple Image Background 4m 32s
Summary 0m 28s
Colors
19m 39s
Introduction 0m 45s
Opacity 0m 57s
DEMO: Opacity 3m 47s
RGBA and HSLA 3m 8s
Alpha 0m 34s
currentColor 0m 53s
DEMO: Colors 4m 10s
Gradients 1m 9s
DEMO: Gradients 3m 2s
Summary 1m 14s
Borders
17m 21s
Introduction 0m 44s
Resizable Borders 1m 31s
Rounded Corners 1m 46s
DEMO: Borders 4m 51s
Shadowing 1m 58s
Complex Box Shadows 1m 46s
DEMO: Shadowing 4m 19s
Summary 0m 26s
Transforms
8m 31s
Introduction 0m 40s
Rotate 0m 59s
Skew 0m 49s
Scale 1m 13s
Translate 0m 49s
DEMO: Transforms 3m 26s
Summary 0m 35s
Animations
17m 23s
Introduction 0m 39s
Animations 0m 21s
KeyFrames 1m 54s
KeyFrames and Animations 1m 2s
DEMO: Animations 5m 54s
Transitions 1m 58s
DEMO: Transitions 4m 54s
Summary 0m 41s
Media Queries
13m 40s
Introduction 0m 41s
Brief Overview of Responsive Design 1m 9s
Responding to Viewing Dimensions 1m 27s
Responding to Device Constraints 1m 23s
DEMO: Site before changes 0m 54s
DEMO: Applying Media Queries 7m 40s
Summary 0m 26s
Script
26m 5s
Introduction 0m 50s
Managing Styles in Script 1m 39s
Supporting Multiple Browsers 2m 24s
DEMO: Adding Scripts 1m 54s
DEMO: Viewing with Multiple Browsers 1m 38s
DEMO: Using Modernizr, No Support 5m 35s
DEMO: Using Modernizr, Supported 2m 43s
DEMO: Script for Feature Detection 3m 12s
DEMO: Using jQuery to Change Style 2m 46s
Module Summary 0m 46s
Resources 1m 16s
Course Summary 1m 22s
pluralsight.com/courses/css3
Download File Size:389.09 MB
|
