Sadly Daily CSS Images has now closed down, the programmer running it has deemed it too costly, and has shut dow the website, which is a huge shame as I feel I was learning so much there.
Luckily lots of the images are still online, so with a bit of digging, I can track down the prompts and continue.
And so this week was Food Week. I recently went home and saw some of the toys that my step-sister is into, including a lot of little collectable foods with cute faces, so I’ve tried to emulate that, for the first two at least. I also discovered a website of CSS patterns which can be edited and set as div backgrounds, so they have featured this week.
Also I’d been learning a bit of jQuery and added that once or twice.
Day 11: Pizza - https://codepen.io/alittleredpanda/pen/prWdyq
This may or may not have been heavily influence by a certain children’s collectable. The bun was made by an egg shape (which I use quite a lot for roundish shapes) and the cheese and sauce were made from a semi-circle, and border-edges and circles to make the wavy edge. The peppers and pineapple are also border-edges, and the basil leaves are squished crcles. If you prefer a meat topping, click the cheese to change it.
Day 12: Burger - https://codepen.io/alittleredpanda/pen/prdPad
This was quite fun to work out, as it was made of lots of different parts. The bun was made with my favourite egg shape again, and the lettuce was done like the cheese in the pizza bun. The tomatoes are all ovals with shadows to give them depth. The cheese was bits of border-edge pieced together to make the right shape. And the burger was a rectangle with a curved edge.
Day 13: Taco - https://codepen.io/alittleredpanda/pen/PKOxRO
I wasn’t really sure where to go with this one, as it involves a lot of organic, bumpy shapes. In the end I went for a turtle, with a semi-circle shell. The lettuce is just a few circles, the tomatoes are circles with a darker edge and the face is a cirlce, with one pointed edge.
Day 14: Cheesecake - https://codepen.io/alittleredpanda/pen/dzmzER
The cake part of this was very simple. It’s two rectangles with a curved top and bottom, placed on top of each other, with an oval on top to simulate a 3D shape. The drips are each rectangles with curved edges, with border-edges between them for the curves. They are animated to drip at different rates, which looks pretty cool. The cream on top is an oval with two border-edges arranged on top. It took far too long to organise it properly and make it look nice. I’ve since thought of a better way to do it, but I’m not going to mess with it just yet.
Day 15: Pie - https://codepen.io/alittleredpanda/pen/RZyPpM
I wanted to try and make something a little more interesting than just a basic pie, and found an image of a lovely fruit pie with an interesting crust on top. I had to arrange the stripes so that it looks like they’re crossing over each other, and added another ring around the edge to cut them all off, giving a neat edge.
