Richard Kotze

Continuous integration, delivery and deployment

Published Jul 3, 2016

Below is a succinct overview of what is continuous integration, delivery and deployment. The core benefit of following these practices allows developers to ship production code quicker to the user. This should help provide a quicker feedback loop.

Elixir task file watch with Eye Drops

Published May 4, 2016

Eye drops is an Elixir mix task used to watch file changes and run tasks in the command line for those files. You can read more about how to use it on my Github repository read me documentation.

Redux, keeping it immutable

Published Apr 28, 2016

Redux has reducers tasked with transforming the state across the application. They are pure functions, which is a function that does not modify variables outside of its scope or depend on them. They are given the same parameters and the output should be the same every time.

Git and Putty on Windows in command line

Published Mar 20, 2016

I’ve moved away from using a Git GUI to command line, I typically used GitExtensions. The reason being, it’s a little annoying having to open any GUI to make a commit and push. It is quicker to use the command line and you learn more about how Git works.

Stubbing Reflux and SuperAgent with Sinon

Published Mar 6, 2016

To follow on from the testing post I wrote on Findmypast tech blog for stubbing dependances in commonJS using proxyquire.

Building London Traveller app

Published Sep 13, 2015

This project was about using Ionic Framework to build a mobile app and publish it to the Android play store.

My talk about getting setup using Ionic Framework

Published May 27, 2015

I gave a talk at ShoreditchJS meetup about how to get started with Ionic framework for Android on Windows and Mac OS.

Useful JavaScript snippets

Published Mar 8, 2015

I have picked a few useful features of JavaScript which you might find helpful and I will explain how to use them.

Upload multiple images to web server

Published Jun 28, 2014

This is a continuation from preview selected images tutorial, I will now explain how to take the multiple selected file data and upload it to the server

Preview selected images for uploading using JavaScript / jQuery

Published Nov 21, 2013

This is the continuation of how to open a multi select file dialogue just using JavaScript. In this tutorial I will explain how to preview the selected files before upload.

A faster web Delay JavaScript loading to last

Published Sep 28, 2013

The speed of a website is important to most users especially when they are looking for specific information. They won’t wait around long for your website to load for that information and will try find it somewhere else. One way to motivate the user to stay is to get some content showing that they can consume as soon as possible to give incentive that the rest will be arriving shortly. The common blockers that cause the long wait from a blank page to all of a sudden everything shows are CSS and JavaScript files.

@font-face throwing a 404 on woff file

Published Jul 30, 2013

I’ve noticed that in Google Chrome and FireFox console the font file resources .woff throws a 404 when using @font-face CSS feature.

You will need to add a configuration to allow IIS to serve the font. In your web.config you can add the follow lines in the system.webServer block:

<system.webserver>
     <staticcontent>
            <mimemap fileextension=".woff" mimetype="application/x-font-woff">
     </mimemap></staticcontent>
</system.webserver>

By applying this mimeType: application/x-font-woff for .woff will should fix this issue in Chrome and Firefox. This is the mimeType they request and IIS can’t work out which file type is should serve until it registered in the web.config or IIS.