This week’s CodePen Challenge: details and her little bestie summary. I had no idea they existed, so chalk another one up to benefits of a challenge.
Confession time: I did not research too much about how to style the accordion function or even if I could. I did not find any need to with what I had chosen. Not this time. When I use details in a project, I’ll probably wonder more about the styling. When the week is up, I’ll peek at other people’s attempts.
I chose coffee types after looking at coffee graphics. I love posters that show how to make different espresso drinks. The theme announced itself. I had no choice in the matter. I’d like to style the cups more—maybe add a handle—and see if I could animate filling, but probably not for all of the drinks. Maybe the classic three: espresso, cappuccino, latte. Perhaps make an end-of-month challenge combo as a pure CSS entry.
We’ll see. Katy has big-idea-eyes and tiny-time-stomachs.
Here I am so far. (I am using screenshots because my version is not responsive.)
In terms of what is left to do that is furniture or furnishings, I have the lamp and interior of the pod. I can do those and stay pretty true to the original; however, when it’s time to do the cats …
What do I do? Do I make CSS cats that are not much like the original? There are limits with CSS. Do I make them in SVGs? I think if I do that, it feels too much like plagiarising. SVSs are a last resort. Or maybe just put a cat in the back and a person on the bench? Change it enough? I have no idea. Thankfully, I still have that lamp to do. I might animate that.
This is my first CodePen challenge, and the topic is using the del and ins tags.
My applied creativity level was low for this one. I have never used del and ins and had to figure out what their default styles were and how I could alter them. The examples found on CodePen are fanbloodytastic. I’d like to play more with del and ins and include animations like this one by Mark Praschan or make the strike-outs more organic like the school essay example by Halida Astatin (also has great animations). These were just a few. I had to back off the CodePenChallenge rabbit warren to stay focused.
This challenge didn’t excite me as much as others I have seen; however, since I did not know about del and ins, I found value in it. Learning can’t always be snazzy. Now that I have explored the other submissions, I could snazzy up my edits.