Invalid Date

100 Days of CSS: Day 21

Pac-Man: Waka Waka Waka Waka Waka Waka Waka Waka Waka Waka Waka Waka Waka Waka Waka Waka Waka Waka Waka…

February 28, 2025

100 Days of CSS: Day 20

Send Mail: Surprise your visitors with a nice animation instead of a simple "request sent".

February 27, 2025

100 Days of CSS: Day 19

Slider with Radio Buttons: Why use JavaScript when you can use CSS? Selectors can be wildly combined with each other.

February 26, 2025

100 Days of CSS: Day 18

Elastic: I thought for a long time about the best way to achieve this effect. In the end, the solution was easier than expected.

February 25, 2025

100 Days of CSS: Day 17

Penrose Triangle: CSS makes even the impossible possible. Can you find out how it was done?

February 24, 2025

100 Days of CSS: Day 16

Blobby: It appears, wobbles, changes its shape and disappears again. Just like that.

February 21, 2025

100 Days of CSS: Day 15

Upload: Yes, you can actually drag and drop a file in there. But don't worry, the upload process is faked.

February 20, 2025

100 Days of CSS: Day 14

Byciclopter: Which side of the card do you want to use? Either drive or fly to work in the morning?

February 19, 2025

100 Days of CSS: Day 13

User Gallery: An idea for a transition between user overview and profile page.

February 18, 2025

100 Days of CSS: Day 12

Tooltip: I'm quite sure, you already know what obsession means. But you can look it up anyways.

February 17, 2025

100 Days of CSS: Day 11

Walking Boots: These boots are made for walking. Where are they going and for how long?

February 14, 2025

100 Days of CSS: Day 10

Watch: Classic, noble, modern or playful? What do you want your favorite watch to look like?

February 13, 2025

100 Days of CSS: Day 9

Rainy Night: The perfect time of day and the perfect weather to program in peace. The raindrops even shatter on the ground.

February 12, 2025

100 Days of CSS: Day 8

Metaballs: At first glance impossible to implement with CSS, but filters make this possible too.

February 11, 2025

100 Days of CSS: Day 7

Notifications, Search and Menu: The three cornerstones of any application? Brought together in the smallest possible space.

February 10, 2025

100 Days of CSS: Day 6

Profile: Who of you knows how many social media profiles you have already created? For a refreshing twist, you can also create one yourself.

February 7, 2025

100 Days of CSS: Day 5

Statistic: In a world of numbers, it is important to be able to interpret them correctly. Beautiful statistics help to capture these data.

February 6, 2025

100 Days of CSS: Day 4

Simple use of nested spheres tp create a cascading animation effect using keyframes. The rhythm mimics expansion and contraction in an infinite loop.

February 5, 2025

100 Days of CSS: Day 3

An animated scene of the pyramids that involves the sun casting a shadow on the pyramid and the ground. This challenge utlises CSS animations to represent the day cycle of the sun.

February 4, 2025

100 Days of CSS: Day 2

A custom menu icon created using CSS and Javascript. Upon click the menu morphs from a hamburger into an X and vice-versa.

February 3, 2025

100 Days of CSS: Day 1

Easing into the challenge with a build of the number 100 with custom geometry and a gradient.

January 31, 2025

Learning in Public

A little note to myself and why I chose to do this

January 28, 2025

Markdown Examples

View examples of all possible Markdown options.