YoVDO

How to Tell an Engaging Story With the Help of CSS

Offered By: Kevin Powell via YouTube

Tags

Web Design Courses Computer Science Courses Storytelling Courses Pseudo-elements Courses

Course Description

Overview

Explore innovative storytelling techniques using CSS in this 46-minute video tutorial. Learn how to leverage position sticky to create engaging web narratives. Discover creative applications of CSS properties including grid layouts, hidden messages, gradient backgrounds, dynamic font sizing, and pseudo-elements. Master advanced techniques such as z-index manipulation, parallax effects, and fade transitions. Gain insights into calculating transparency, optimizing padding, and incorporating background images to enhance your storytelling. Apply these skills to craft visually captivating and interactive web experiences that bring your stories to life.

Syllabus

Intro
Body
Background
Sticky top
Grid gap
Hidden message
Gradient background
Changing font size
Changing the background
Pseudo elements
Index
Linear Gradient
Background Colors
Calculating Transparency
Not the end
More padding
Text size
Background image
Color
Thumbnails
Zindex
Parallax
Fade
Wrap up


Taught by

Kevin Powell

Related Courses

Probabilistic Graphical Models 1: Representation
Stanford 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