CSS: Advanced Typographic Techniques
Offered By: LinkedIn Learning
Course Description
Overview
Explore the creative possibilities of CSS typographic effects, including text shadows, animation, transforms, and 3D depth.
Syllabus
Introduction
- Welcome
- Using the exercise files
- Course overview
- Controlling font rendering
- Introducing Lettering.js
- Web font options
- Browsing Adobe Edge Web Fonts
- Project overview
- Enabling Lettering.js
- Controlling text wrapping
- Adding kerning
- Controlling stacking
- Adding text shadows
- Project overview
- Adding dimensions to text
- Using gradients
- Working with drop shadows
- Using 2D transforms
- Project overview
- Structuring HTML
- Using generated content
- Giving text a 3D look
- Simulating submerged text
- Clipping text
- Applying perspective
- Using 3D transforms
- Aligning split text
- Project overview
- Creating blurred text
- Creating transitions
- Triggering transitions
- Creating keyframe animations
- Enabling animations
- Project overview
- Downloading Modernizr
- Modernizr basics
- Creating default styles
- Using Modernizr to load scripts
- Conditional resource loading
- Using vendor prefixes
- Extending Modernizr
- Additional resources
Taught by
James Williamson
Related Courses
Probabilistic Graphical Models 1: RepresentationStanford University via Coursera Computer Security
Stanford University via Coursera Intro to Computer Science
University of Virginia via Udacity Introduction to Logic
Stanford University via Coursera Internet History, Technology, and Security
University of Michigan via Coursera