Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

YouTube

Responsive Color in CSS - Techniques and Best Practices

Web Conferences Amsterdam via YouTube

Overview

Save Big on Coursera Plus. 7,000+ courses at $160 off. Limited Time Only!
Explore the intricacies of responsive color in CSS with this 46-minute conference talk from CSS Day 2015. Delve into the secrets behind hex color values and learn simple mathematical techniques to adjust color attributes like saturation and brightness. Understand why colors appear differently across devices and discover strategies to address this issue. Master the art of adjusting colors with media queries to optimize appearance across various screen sizes. Examine how user context influences appropriate color choices for websites. Simplify color management by leveraging CSS preprocessors like Sass to handle color selections and automatically generate variations. Gain insights into color notation systems, opacity, colorblindness considerations, and accessibility best practices. Learn about device-specific color challenges, responsive design techniques, and methods for testing color accessibility.

Syllabus

Intro
Hue Value
Saturation
Color Notation
RGB Notation
HSL Notation
Opacity
Colorblindness
Accessibility
Color
Language
Device Colors
RGB
Light
Screen Size
Examples
Color Names
Color Functions
Saturated Desaturate
Background Blend
Screen
Responsive Design
Lent Mode
Testing for Accessibility

Taught by

Web Conferences Amsterdam

Reviews

Start your review of Responsive Color in CSS - Techniques and Best Practices

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Someone learning on their laptop while sitting on the floor.