[educative.io] CSS Theming for Professionals - Learn Interactively

[Aragorn]

This is the hidden content, please

• Sign In
• or
• Sign Up

CSS isn’t what it used to be. Today, you’ll be hard-pressed to find a strong, straightforward, and expressive UI language that can beat modern CSS.

As the tech world moves more and more towards web-based frameworks for UI, seen in the embrace of electronics for modern sleek looking desktop apps, we start to see a bigger emphasis on highly customized looks for apps. Everyone’s racing to create that dark theme, right?

The goal of this course is two-fold:

Devise practical methods and patterns around theming and outline some common problems and their solutions.
Learn how to use css-theming. We wouldn’t want to repeat the theming plumbing each time we build a new app, so css-theming is a publicly distributed package that implements all patterns discussed.
While discussing problems and solutions in the first part, we’ll be building our theoretical system, the system that is implemented in css-theming.

As such, this course is not a documentation of CSS features! It’s rather the practical results of my experience over years developing highly customized complex UIs using CSS. I will express some opinionated views, but you can use the knowledge obtained to develop any variation if you so desire.

Some of our discussions will be around colors, as this is the most important part of a theme. Something I want to emphasize here is that developing a consistent system that can also understand different brightness levels is hard and requires intricate planning. For example, Slack has had support for themes since the start but only introduced a true dark theme not long ago. There’s an inherit complexity in designing a well thought out dark theme as we’ll see.

This is the hidden content, please

• Sign In
• or
• Sign Up