On Monday, we looked at how to create an accessible color palette. Today, we’re going to learn how to take that palette and use it to create semantic color variables that we can use throughout our design system. This approach is at the heart of Kelp, my UI library for people who love HTML. Let’s dig in! What are semantic colors? In Monday’s article, we built out a collection of CSS variables that use the color’s name and shade:
I’ll finally be releasing some early code for Kelp UI (my UI library for people who love HTML) over the next few days. The one last thing I’ve been finalizing before I do is the license. I knew early on that I didn’t want to release this under a traditional open source license like MIT, but I do want users to be able to view, modify, and redistribute code.
For The Thursday Exchange-
I wanted to talk about error driven development -
https://www.youtube.com/watch?v=1ShPOXnZIRA
What does “error-driven development” mean in the context of your current Python workflow?
How do you typically respond when you encounter an unexpected exception in your code?
At what point in your development process do you intentionally write code that will fail?
How do you track and learn from recurring errors or bugs in your projects?
What role does testing play in how you discover and fix errors during development?
#tte
#TheThursdayExchange
#programming
#Python
#PythonProgramming
#DevLife
#CodeNewbie
#100DaysOfCode
#ErrorDrivenDevelopment
#TestDrivenDevelopment
#BugFixes
#CleanCode
#Debugging
#CodeWithMe
#LearnToCode
#Developers
#TechCommunity
I’ve been putting the finishing touches on the color palette for Kelp, my UI library for people who love HTML. Today, I wanted to share how it works, and give you a sneak peak of the color palette generator I’m building to make theming Kelp without build tools fast and easy. Let’s dig in! Building a palette from base colors What I want users to be able to do is pick a single color for each hue in the rainbow and automatically generate a range of brightness/saturation combos for that hue.
You don’t need to know everything to begin. Start where you are—one step, one page, one terminal window. That’s how we all grow.
#SelfTaught isn’t a lesser path. It’s the real one.
TechKeysX
Chris Ferdinandi ⚓️
Rye
teddymatayoshi
Pyxofy
No Starch Press