CodePen Challenge: details

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.

coffee_math

CodePen Challenge: del & ins tags

This is my first CodePen challenge, and the topic is using the del and ins tags.

list of greyhound myths
Screenshot of my del and ins attempt

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.