Creating a chord diagram generator

I recently made chordgenerator.xyz - a web app using Rust which lets you create guitar chord diagrams. The source is on Github here. This…

Static file paths with Actix

There’s a couple of options I’ve come across when I need a path to a directory with Actix, usually for static files like Javascript or CSS…

Use prebuilt rooms with Rust macros for more interesting procedural dungeons

Use pre-designed rooms to generate more interesting dungeons.

Fixing an Adsense 'Valuable inventory No content' error

How to fix Adsense's mysterious error

Moving to Gatsby (and Rust)

Porting my site from Django to a static site with Rust for dynamic bits

Enable class properties in Gatsby

Get fun things like arrow functions in classes.

Creating authentication middleware for Actix API

Add an authentication middleware layer to Actix so routes can be automatically protected

Integrate Squidex with Gatsby, and join Graphql queries with foreign keys

How we linked separate schemas together in Gatsby

Procedural level generation using Binary Space Partitioning in Rust

Place rooms around a level using binary space partitions. Part 3.

Drawing tilemaps with Rust and Cairo

Draw the procedurally-generated map. Part 2.

Procedural level generation with Rust

Create a randomised dungeon-crawler map. Part 1.

Introducing Rust to our development workflow

Creating a Webpack plugin with Rust.

Made With React Native interview

Fun times with React Native.

Mock ES6 imports and dependencies for testing in Jest

Mocking ES6 imports is really useful for being able to test modules.

Set up proxy on Android devices and Emulators

Configure Android devices to connect to your local machine to test sites or apps.

Open iOS simulator to test a website

Access Docker sites from IE virtual machines

Debug React Native Android code

Link Android Studio to your React Native app.

Using async and await with React and Redux

Vanilla JS equivalent of common jQuery functions

Props, parents, classes and append equivalents.

Progressive web-app with Webpack and React

React context require contextType

52 project ideas to learn a new programming language

Rust snippet - import crate in module

Making Get On With It, a Pomodoro and Tabata timer

A React-based productivity app.

Proxy API calls for local development

Writing a basic JSON response web server in Rust using Iron

Making the random number picker site

Detect clicks outside an element with React components

Using Adsense with React

Read headers in Javascript from a CORS request

add_header ‘Access-Control-Expose-Headers’ ‘content-disposition’

Devlog - Design Decisions

Building asciiPicture.com

Create a text version of an image in your browser.

Improving React performance by optimising components

Getting to the bottom of a Rust bug

Upgrading a static site to use HTTP/2

Mocking ES6 imports for tests

Logging client Javascript errors

Creating React components with ES6 classes

React Inline Styles

Devlog - Shaders, sound and standalone

Devlog - Powerups, particles, pictures

Scale Phaser 2 games to fit screen

RGB to Hex colour converter

Translate colour formats.

Squash git commits using rebase

Change address bar colour in Chrome on Android

Colours in Chrome.

Building a runner game with Phaser.js

Finding placeholder styles using the Shadow DOM

Lazy load Youtube videos

https://developers.google.com/youtube/iframe_api_reference

Deploying Express NodeJS app to Webfaction using Git

Use source control to ensure your deployed files are correct.

Pairs game released!

Changing pages with bookmarklets

Run arbitrary code in your browser.

Vanilla Javascript alternative to jQuery's $(document).ready()

This example binds a click on all links, prevents the link from visiting the page and logs the destination to the console. The $(document…

Using virtual machines to test sites in Internet Explorer

Add, remove or toggle classes with vanilla Javascript

You may not need jQuery.

Totally awesome Sass tips

Compiles to:

Creating a Yeoman Generator

Setting up SSL

Building the Pollen Count site - a Node.js walkthrough

Are you going to sneeze all day?

Check Yourself released!

Get blood sugar reminders after meals.

Make an accordion using CSS animations

Slidey CSS.

Virtualbox Add shared folder from Windows host in Linux guest

View Sass line numbers in Chrome Dev Tools

Before: After:

Procedural tilemap generator

Using cellular automata to create a procedurally-generated tilemap.

Animate link underlines

Animate all the things, all the time.

Glow highlight using CSS

Built-in servers

Using unicode characters in CSS before and after

Example

1GAM Javascript Particle System

Make circular images using CSS

Round round baby right round.

Remote debugging Chrome on Android and iOS Safari

Remove cookies from a site with Chrome

Responsive Design - Three case studies

Debug Javascript on Android

Chrome debug tools can connect to Android web views.

Help! My Twitter feed isn't working!

Repeating commands in the terminal

6 Tips for Chrome's Web Tools

1GAM February - Copycat

Creating a 'Simon'-like game in a month.

Use Drupal's base URL in Javascript

1GAM January - Pew Pew

Use Drupal's alias URLs

Enable dropdown styles in CKEditor

Compile one Sass file with Compass

Find your Ruby config file.

Convert public:// url to a relative path in Drupal

Sorted.

Useful Javascript Books

Parsing RSS feeds with jQuery

Sublime Text 2

This expands to:

Sort Your Life Out released!

A lovely simple to-do app.

Android - Reduce lag when updating lists

Speed up scrolling.

Android - allow apps on SD cards

Update your manifest.

Open links in new tab

Android naming conventions

Reverse domain names.

Load external scripts with $.getScript()

Sliding elements with jQuery

The basic effect is controlled by animating the width of the element; in jQuery this would look like:

Add snippets to Zen Coding in Notepad++

Zen coding can help you write code faster.

Display Flickr photos in Galleria plugin

(using Google’s CDN of jQuery and the bundled Galleria theme)

Android - stretch to fill screen