Articles

Page 3



  • What are JavaScript closures?

    ๐Ÿ•‘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

    ๐Ÿ•‘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

    ๐Ÿ•‘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

    ๐Ÿ•‘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

    ๐Ÿ•‘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

    ๐Ÿ•‘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

    ๐Ÿ•‘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

    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

    ๐Ÿ•‘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...

  • Javascript best practices

    ๐Ÿ•‘4 minute read
    Where to put the javascript? Unless itโ€™s essential for it to be in the head of the HTML document, place all javascript just before the closing body tag of a page. Whatโ€™s essential for the head? That can vary from project to project but a rule of thumb w...