- 🕑4 minute read
May 1, 2020
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 pros/cons and highs and lows of the whole experience as it progresses.
So far the 2 biggest factors to me have been the change to routine and the change to interactions throughout the day.
BC (Before COVID) I had a fairly consistent routine built around...
- 🕑4 minute read
November 7, 2019
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 been doing this because it all stays the same.
- Monday - Run 4km because my legs are tired
- Tuesday - Run 6-8km
- Wednesday - Run 6-8km
- Thursday - Run 6-8km
- Friday - Run 6-8km
- Saturday - Run 5km - Probably a Parkrun
- Sunday - Run 25km maybe on a hill and tire out...
- 🕑1 minute read
February 15, 2019
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 - Just send it to yourself!
These stand for the following elements:
- Sidebar & top bar background
- Highlighted channel background
- Highlighted channel text
- Highlighted channel background...
- 🕑7 minute read
October 6, 2018
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 at a time. Flex is row OR column. Grid is row AND column.
As with flex there are some issues with support, but CSS Grids works on the latest major browsers so you can use it right now, but only if you don't need to support older browsers. NB: If a browser ...
- 🕑13 minute read
April 11, 2017
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 like there is a theme going on). There’s also going to be no Flux or jQuery or any other async included and certainly no configuration needed via WebPack, Babel or Gulp.
How do we get started so easily… Thankfully there is Facebook’s Create React App. These...
- 🕑1 minute read
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 form inputs are not focused, which is a bit ugly. You can use CSS to turn off the number input arrows.
Obviously you want to put them back on focus since they are meant to be there by default.
// Webkit: // Hide number picker input[type=number]::-webkit-inner-...
- 🕑2 minute read
July 12, 2016
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 static templates straight off the file system is that file:// urls can have issues and relative links may have to be different than what they need to be when the site goes live. A local server is what’s needed, but things like MAMP, or LAMP servers can be ...
- 🕑5 minute read
July 10, 2016
What’s essential for the head?
That can vary from project to project but a rule of thumb would be:
What should do in the footer
- jQuery. Nothing essential should be using jQuery.
- Everything else like galleries and slider js, social js etc.
How many js files should there...
- 🕑11 minute read
June 14, 2016
This is my documentation for a new project. I’m writing it here rather than inside a repository so that it can exist across multiple projects. This will eventually be duplicated on to a markdown document for posterity!
project └── front-end * Compliation and post processing * └── gulpfile.js └── package.json ...
- 🕑6 minute read
February 19, 2016
A few weeks ago I decided to make an iOS game. I’ve toyed with the idea for a long time, and tried a few times, but never actually made something that was fun enough and worked properly — consequently, I’ve never actually made a game from start to finish. Previously I only got so far, then got stuck, got disheartened and gave up. This time it’s different…
What did I want to achieve?
- Make a fun game
- Learn Swift
- Profit 🤑
Overcoming my own barriers
Building a game seems like a massive job. When you look...