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

Introduction to CSS3
University of Michigan via Coursera
Основы HTML и CSS
Moscow Institute of Physics and Technology via Coursera
Aprende Efectos CSS3
Udemy
CSS Selectors Course (How To)
Treehouse
HTML & CSS Crash Course Tutorial
Net Ninja via YouTube