I have decided to give myself a challenge. Each week I will create a new code based project. The size, technology and usefuleness of each project will vary greatly. The only thing not changing is that something will be published each week. The reason for this challenge is simple: it's fun, I can learn a lot quickly, and gives me the excuse and oportunity to play with technologies I otherwise wouldn't touch. ðŸ›
For the first week of the coding challenge, I wanted to create a simple landing page for myself. To have a main landing page for me and all my projects. The project uses Pug and Sass, and the bouncy animation is created with handwritten SVG and CSS transform animations.
View eivindml.github.ioAfter creating a landing page for my online presence, the next step was a dedicated landing page for the Weekly Coding Challenge itself. Which resulted in this site. It's designed mobile first, and the boxes are based on the modal action sheets in iOS. It was also an experiment with the CSS flexbox property.
View CodingChallengeI played around with some 3D landscape animation using Processing. Based on tutorials by Daniel Shiffman of the Coding Train Youtube channel.
View triangle-landscape