Page 3

  • Putting the `S` in SOLID JavaScript

    Tuesday, February 16, 2021
    🕑4 minute read
    S - Single-Responsibility Principle (SRP) is the first design principal covered by SOLID principals. SOLID is an Object oriented design principal. It stands for: The principals were originally created and promoted by Robert Martin (aka Uncle Bob). S -...

  • Getting started with Blender

    Saturday, February 13, 2021
    🕑4 minute read
    I recently picked up 3d modelling after quite a few years away. I have not used Blender before so learning the basics involved many seaches and skimming videos to fine what I needed. This post is a quick guide to getting started with blender that I have cr...

  • React and Material UI (MUI)

    Friday, January 8, 2021
    🕑7 minute read
    When I first used Material UI, I struggled with a few concepts. I've written this quick overview to help get my head around it, and hopefully guide others to a quicker start. I'm going to make a new project and then create some (horrible) styles! Create ...

  • Formatting percentage values with JavaScript Intl

    Tuesday, January 5, 2021
    Javascript contains an Internationalisation API that you can use to format numbers to a user's locale. Setting the style to percent is all that is needed. Note: A value of 1 will return 100% because 1x anything is 100%! To specify the decimal places use ...

  • Formatting currency with JavaScript Intl

    Thursday, December 17, 2020
    🕑1 minute read
    JavaScript's Internationalization API allows you to format currency. It takes the locale and options to configure the currency we're using. The options require the style to be set to currency and a currency option to specify the unit type, as this is retur...

  • Strava API activity sync with Axios, React, Redux & Saga - part 2

    Wednesday, December 16, 2020
    🕑6 minute read
    With the auth and state setup from part 1 of "Strava API activity sync with Axios, React, Redux & Saga" we can now progress to getting the activities and displaying them in a table. Overview Now we have tokens we can start to get the data from Strava. Th...

  • Strava API activity sync with Axios, React, Redux & Saga - part 1

    Sunday, December 13, 2020
    🕑10 minute read
    Why? I've been using Strava for over 5 years to track my activities, and more recently analyse them too. Towards the end of 2019 I realised that I was getting close to running 1,000km in a year, so I started a basic spreadsheet to track the data so that I...

  • Getting user locale with JavaScript

    Tuesday, November 24, 2020
    🕑1 minute read
    To get a user's prefered locale we can query the navigator.language. To change your language in Chrome go to chrome://settings/languages and add/edit the list of languages. To get the full list of user languages we can use navigator.languages. This retur...

  • Styling React apps - what are the options?

    Sunday, November 1, 2020
    🕑9 minute read
    When building a React app there are a number of ways you can styles your components and layout. These range from plain CSS classes on elements through to fully integrated style libraries that handle building the styles and creating class names for you. Th...

  • Getting to grips with CSS variables

    Wednesday, October 21, 2020
    🕑3 minute read
    If you have ever used JavaScript variables then the concept of CSS variables should feel pretty familiar. You set a variable You use the variable CSS variables follows this same pattern, but the language is slightly different. What is happening here? F...

  • Running up the worlds (formerly) steepest street

    Tuesday, September 15, 2020
    🕑2 minute read
    On the 15th of July 2019, Ffordd Pen Llech became the Guinness world record holder for the steepest street in the world at 37.5%. The road is fairly infamous amongst cyclists as a hill climb (although it's actually a 1 way road - downhill). It starts behin...