2013
LearnNowOnline / John Wiley & Sons
6:47
English
CSS3 is the latest standard for Cascading Style Sheets and the language used to change the style of web pages and user interfaces written in HTML and XHTML, and any kind of XML document. Now, in this 6 part learning series you can learn the ins and outs of maximizing CSS3 to create professional-looking websites with expert, straight-forward, user-friendly video training. Understand how to layout web pages with CSS3, format text, work with colors and gradients, and create background images. Add design elements like shadows and borders, buttons, and navigation menus to improve the user experience, and enhance your web pages with Transforms, transitions, and animation.
Part 1:
Selectors (18:10)
Introduction (00:08)
Introduction to CSS3 (02:19)
Asterisk Selector (04:10)
ID & Class Selectors (02:49)
Predefined Selectors (01:22)
Descendant Selector (04:22)
Descendant Cont. - List (02:49)
Summary (00:08)
Selectors Continued (30:49)
Introduction (00:08)
Pseudo-Classes (04:30)
Hover & Focus (05:15)
List & Clear Class (04:46)
Advanced Selectors (16:01)
Summary (00:08)
New for CSS3 (20:18)
Introduction (00:08)
Shadows (04:19)
Insets (03:07)
Stroke (03:28)
Shift (02:11)
Blurring (03:18)
Transparency (03:37)
Summary (00:08)
Part 2:
Color And Gradients (25:31)
Introduction (00:08)
Color (03:33)
Linear Gradient (04:00)
Horizontal Gradient (01:39)
Diagonal Gradient (04:12)
Radial Gradient (03:50)
Background Images (04:03)
Combining Images (03:56)
Summary (00:08)
Buttons And Shadows (24:04)
Introduction (00:08)
Button Design (03:54)
Create Button (05:01)
Modify Button (04:24)
Intro to Shadows (01:57)
Create Shadows (04:13)
Inner Shadows (04:17)
Summary (00:08)
Borders And Navigations (27:48)
Introduction (00:08)
Borders (03:26)
Border Radius (04:39)
Circles (04:27)
Image Radius (03:24)
Navigations (03:10)
Nav Style Sheet (03:46)
Basic Nav Menu (04:38)
Summary (00:08)
Part 3:
Navigations And CSS3 (11:46)
Introduction (00:08)
Applying CSS3 to the Menu (03:27)
Border & Gradient (03:38)
Hover & Focus (04:24)
Summary (00:08)
More Nav And The Box Model (28:56)
Introduction (00:08)
Drop Down Menu (04:31)
Display Submenu (04:25)
Define List Items (03:04)
Edit the Top Items (03:01)
Edit the Drop Down (05:07)
The Box Model (03:02)
Box Model for CSS3 (05:28)
Summary (00:08)
Positioning And Layout (24:30)
Introduction (00:08)
Positioning (03:08)
Relative Positioning (02:30)
Absolute & Fixed Positioning (04:11)
Sticky Positioning (04:41)
Layout - Taking Notes (04:55)
More Layout Notes (04:46)
Summary (00:08)
Part 4:
Beginning The Layout (15:17)
Introduction (00:08)
Reset CSS (03:28)
PXs or EMs (02:13)
The Style Sheet (04:05)
Style Sheet & Index Page (05:12)
Summary (00:08)
Navigation And Content (24:17)
Introduction (00:08)
Layout Navigation (04:58)
Navigation Hover (04:17)
The Index Page (01:59)
The Content (04:03)
Content Columns (04:55)
Text Alignment & Padding (03:47)
Summary (00:08)
Layout Footer And Logo (23:46)
Introduction (00:08)
Layout Review & Additions (04:33)
Beginning the Footer (04:42)
Footer Links (03:56)
Completing the Footer (04:49)
Adding the Logo (05:28)
Summary (00:08)
Part 5:
Transformations (22:23)
Introduction (00:08)
Transformation Properties (04:19)
Rotate, Matrix, & Translate (04:22)
Scaling & Skewing (02:43)
Transforming Images (04:15)
Transforming Text (02:51)
Transforming Buttons (03:34)
Summary (00:08)
Transitions And Animations (27:19)
Introduction (00:08)
Intro to Transitions (02:59)
Coding Transitions (05:23)
The Bus Transition (03:42)
The Descending Ball (03:05)
Multiple Balls (04:12)
Animations (04:33)
Key Frames (03:05)
Summary (00:08)
Advanced Animation (17:47)
Introduction (00:08)
Animating a Button (03:49)
Add in Transitions (03:50)
Add Pseudo-Classes (05:08)
Define the Animation (04:42)
Summary (00:08)
Part 6:
Media Queries (13:13)
Introduction (00:08)
Media Queries (04:21)
Vocabulary & Components (04:41)
More to Consider (03:54)
Summary (00:08)
Coding Media Queries (28:54)
Introduction (00:08)
Media Query - Break Pt 320px (04:55)
Break Pt 320px - Image, Footer (05:03)
Break Pt 320px - Tweak, 480px (04:06)
Break Pt 480px - Footer, 768px (04:47)
Break Pt 640px (03:12)
Break Pt 1024px (03:41)
Break Pt 1024px - Tweak (02:50)
Summary (00:08)
More Media Query Coding (21:24)
Introduction (00:08)
Edit Index Page (05:05)
Mobile Menu (04:24)
Navigation Block (04:45)
Hover Effects (02:54)
Testing the Menu (03:58)
Summary (00:08)
Download File Size:1.54 GB
|
