Photos & Coding
With the passing of the Queen at Balmoral recently, she has now gone on her ‘Last Great Journey’ through Aberdeenshire, down to Edinburgh, and eventually down to London. Her procession passed close to where I’m now living so I decided to make a morning of it and go see her Majesty. The first stop was …
Check out the final result: https://nikmaxott.github.io/intro-section-with-dropdown/Check out the source code: https://github.com/nikmaxott/intro-section-with-dropdown Desktop Design This challenge had a few key steps. I started with the basic Desktop Layout and perfecting that. This required extensive use of the CSS Grid, something that I’m not overly familiar with, in combination with Flexbox, a tool I have a lot …
Update and TLDR at bottom. I find myself yet again in the Red Lion Wetherspoons in Gatwick Airport waiting on a heavily delayed EasyJet flight, I have 4+ hours until my flight leaves at point of writing. Many ups and downs have occurred in the last 2/3 months, but I am finally back on my …
Check out the final result: https://nikmaxott.github.io/sunnyside-agency-landing-page/Check out the GitHub repo: https://github.com/nikmaxott/sunnyside-agency-landing-page A larger scale project. Using both CSS Flexbox and CSS Grid to achieve this amazing final result! This meant a lot of media queries to enable the webpage to be mobile friendly. Again, a no framework build, just pure CSS, HTML and JavaScript. The …
As of this week I have given in my notice at Superbase and DKAVS, it’s been an amazing 4 years, working on so many amazing projects and meeting so many amazing people. The ability to work from anywhere, be that Hong Kong, Germany, or Scotland has been truly special, and so freeing. Sadly my time …
Check out the final result: https://nikmaxott.github.io/interactive-rating-component/Check out the GitHub repo: https://github.com/nikmaxott/interactive-rating-component My first proper interactive challenge. The challenge here was state management, featuring a very simple layout, with very little changing between mobile and desktop versions. I set myself the additional challenge to build this entire project in pure HTML, CSS, and JavaScript. No frameworks …
Check out the final result: https://nikmaxott.github.io/ProductPreview/Check out the GitHub repo: https://github.com/nikmaxott/ProductPreview Responsive Mobile Design is the name of the game with this challenge. Although very similar to last weeks challenge, this one had the added complexity of layout changes when switching between Mobile and Desktop view. Using the magic of flexbox this is no problem, …
As part of my new found freedom with being done from University I’ve decided to refresh my knowledge, starting with HTML, CSS and ES6 JavaScript, using https://www.frontendmentor.io/ as a source for inspiration. Have a look at the final result hereAnd the GitHub repository here It’s very very simple, but it’s a start, and I’ll try …
As of the 5th July I am a fully qualified engineer, with a BEng (Hons) in Mechanical Engineering from the University of Aberdeen, graduation with an upper second! The next chapter of my life has already begun, I started full-time work in early June, and am getting acquainted with the current company. I am very …