Lynda.com CSS: Gradients (Size: 185.16 MB)
| | | 1. Getting Started - Examples of gradients in design.f4v | 24.45 MB |
| | | 4. Quick Projects - Simulating metallic textures.f4v | 20.14 MB |
| | | 5. Beyond the Basics - Generating gradients via the web.f4v | 18.83 MB |
| | | Conclusion - Taking the next step.f4v | 11.66 MB |
| | | 5. Beyond the Basics - Mixing gradients with transparency.f4v | 11.58 MB |
| | | 3. Creating Radial Gradients - Creating complex radial patterns.f4v | 10.05 MB |
| | | 1. Getting Started - Exploring browser compatibility.f4v | 9.98 MB |
| | | 5. Beyond the Basics - Creating fallbacks.f4v | 9.08 MB |
| | | 5. Beyond the Basics - Using gradients to create patterns.f4v | 8.32 MB |
| | | 2. Creating Linear Gradients - Getting creative with gradient stops.f4v | 8.15 MB |
| | | 4. Quick Projects - Creating a gradient background.f4v | 6.82 MB |
| | | 3. Creating Radial Gradients - Exploring the radial syntax.f4v | 6.29 MB |
| | | 3. Creating Radial Gradients - Adding extra color stop values.f4v | 5.87 MB |
| | | 2. Creating Linear Gradients - Creating a horizontal gradient.f4v | 5.47 MB |
| | | 2. Creating Linear Gradients - Adding extra color stop values.f4v | 5.35 MB |
| | | 2. Creating Linear Gradients - Exploring the linear syntax.f4v | 5.25 MB |
| | | 3. Creating Radial Gradients - Creating a basic radial gradient.f4v | 4.67 MB |
| | | 5. Beyond the Basics - Creating diagonal gradients.f4v | 4.16 MB |
| | | 5. Beyond the Basics - Applying gradients to text.f4v | 3.38 MB |
| | | 2. Creating Linear Gradients - Creating a vertical gradient.f4v | 3.34 MB |
| | | Introduction - Using the exercise files.f4v | 1.48 MB |
| | | Conclusion - Goodbye.f4v | 863.17 KB |
Description
CSS: Gradients with Justin Seeley
Join Justin Seeley as he introduces gradients, a somewhat hidden strength of CSS that allows you to add depth and texture to your web designs while reducing load times—creating a better viewing experience for your visitors versus static images. Discover how to create simple linear and radial gradients; apply them to backgrounds, buttons, and text; and write browser-specific syntax to ensure your designs look the same across multiple platforms. The course also shows how to create metallic textures, diagonal gradients, and repeatable patterns. Along the way, Justin demonstrates real-world uses for gradients and techniques to extend them beyond the basics.
Topics include:
Exploring browser compatibility
Creating horizontal and vertical gradients
Adding extra color stops
Exploring radial gradient syntax
Using transparency
Creating fallbacks
Generating gradients via the web
Sharing Widget
All Comments