Blue Buttefly
![Blue Buttefly](/thumbnail/DSC09545.jpg)
Shot at #Emsflower
Personal Blog about anything - mostly programming, cooking and random thoughts
Shot at #Emsflower
Shot during day trip to #Emsflower
Shot during day trip to #Emsflower
Eine einfache, vegane und nicht scharfe Erdnusssauce. Ich habe das klassische Sambal Oelek (oder Chilisauce) mit Ajvar ausgetauscht, um das Gericht für Kinder anzupassen.
Ich benutze die Sojaschnetzel von Vantastic als Fleischersatz. Alternativ kann auch fester Tofu gepresst und in Stärke gewendet benutzt werden. Oder einfach ganz weglassen, funktioniert trotzdem :).
Serviert wird das Gericht entweder mit Reis oder Udon Nudeln.
Eine wichtige Lektion die ich gelernt habe: wenn die Sauce zu dünn wird nicht mit Stärke andicken. Die Stärke zieht sämtlichen Geschmack aus der Sauce.
Owl-blogs has reached a certain level of maturity and I think it is stable enough to be used by other people. As I have a lot of articles on my blog any future changes have to be compatible or need an automated adjustment, even if I'm the only person using the software.
If you like to try out owl-blogs or even contribute to the project, the main location of the code is now on GitHub.
Ein Rotkehlchen sitzt auf einer verzierten Stange
A frog sitting in a pond and croaking
I'm currently rebuilding the design of my blog and want to use a complementary color palette. As I'm not yet sure which colors I will use it would be ideal to automatically derive the secondary color from the primary color.
In the future this can be done using the relative color feature coming to CSS, but this isn't yet widely supported.
--primary: hsl(170, 66%, 28%);
--secondary: hsl(from var(--primary) calc(h + 180) s l);
I figured out that you can achieve the same effect using the color-mix. This is already supported by all major browsers.
--primary: hsl(170, 66%, 28%);
--secondary: color-mix(in hsl longer hue, var(--primary), var(--primary) 50%);
The command mixes the primary color with itself in the HSL color space. Additionally it is specified that it should use the longer pass along the hue axis. As this will always be the 360° path, a mix of 50% will end up at the 180° complementary color to the primary color. The saturation and lightness will stay the same.
This allows for fast testing of colors using the developer console:
This can also be used to create other color palettes by changing the percentage accordingly.