Page 4

  • Create Playwright tests in jest

    Thursday, July 2, 2020
    πŸ•‘2 minute read
    This is a brief guide into setting up Playwright so that it integrates with your existing Jest testing suite. The aim is to get you using Playwright quickly and easily so that you can test the frontend of your web applications. Playwright is an incredibly ...

  • What are JavaScript closures?

    Thursday, May 28, 2020
    πŸ•‘3 minute read
    Closures are a way to retain a local variable's privacy, but allow it to be accessible in a global scope. JavaScript has global variables and local variables. Global variables are accessible to everything in your application. Local variables are only acce...

  • Understanding JavaScript scope

    Monday, May 18, 2020
    πŸ•‘3 minute read
    Scope refers to which functions, variables and objects other functions, variables and objects are able to access when an application is run. It can seem confusing at first, but with a slightly strange example I will try and explain the basics unsing castle...

  • Working remotely (from home) - COVID enforced

    Friday, May 1, 2020
    πŸ•‘5 minute read
    COVID-19 has changed things completely. In a matter of days I have switched from being in an office every day to being at home 24/7. It's not typical WFH, but it does contain a large proportion of the WFH experience. I want to breakdown and understand the ...

  • Designing a running training plan

    Thursday, November 7, 2019
    πŸ•‘5 minute read
    I like to run. I run a lot, and I've found myself running every day of the week with little focus on what I want to achieve. Every day is the same 4-8km with a longer run on a Sunday. It's quite hard to progress myself, and measure my progress when I've be...

  • Theming Slack using a message

    Friday, February 15, 2019
    πŸ•‘1 minute read
    The Slack (desktop) client allows you to create your own themes. But did you know that you can also set the theme via a message. Simply send a message with the contents being 8 comma separated hex codes. You don't have to send the message to anybody either...

  • Getting to grips with CSS Grids

    Saturday, October 6, 2018
    πŸ•‘7 minute read
    Grids are the latest layout model to join the CSS spec after flex. Like flex, grids open up a whole new world of layout possibilities that will make every web developer's life a whole lot easier. Unlike flex, grids allow you to use more than one dimension ...

  • Create a basic ReactJS app with no config

    Tuesday, April 11, 2017
    πŸ•‘11 minute read
    There are many ways that a ReactJs app can be created. The aim of this guide is to get up and running with a basic react app as quickly as possible. That means no other fancy libraries such as Redux, Router, Relay or anything else beginning with R (seems ...

  • Hide number input spinners using CSS

    Monday, July 18, 2016
    HTML 5 number pickers are great, since they help restrict users to the input ranges required in certain cases. Some browsers add little up and down arrows to help the user step though numbers. On some browsers the pickers show by default even when the for...

  • Running a simple server while developing locally

    Tuesday, July 12, 2016
    πŸ•‘2 minute read
    When you’re building a website one of the most important steps is the building of the templates. Building static templates is almost always quicker than building integrated templates such as WordPress, Django or Rails. One of the biggest issues with using...