Simon Whatley simonwhatley

Using accessible autocomplete in the GOV.UK prototype kit

This is a step by step guide on how to use the accessible autocomplete component in the GOV.UK prototype kit. There aren’t any instructions included with the code for using with the prototype kit, and it’s not straightforward if you’re not familiar with javascript.

I have an example repo you can download to check the code.

Download

Download the accessible autocomplete code, you can download the zip or clone the repo if you prefer to use git.

Copy the files to your prototype

Copy the minified files from the /dist folder to your prototype.

Accessible interactive maps (draft)

Update: blog post

Now an actual, real life blog post: https://www.benjystanton.co.uk/blog/a-plan-for-accessible-maps/

Falsehoods programmers believe about time

This is a compiled list of falsehoods programmers tend to believe about working with time.

Don't re-invent a date time library yourself. If you think you understand everything about time, you're probably doing it wrong.

Falsehoods

There are always 24 hours in a day.
February is always 28 days long.
Any 24-hour period will always begin and end in the same day (or week, or month).

Installing Node.js with `nvm` to Linux & macOS & WSL

A quick guide on how to setup Node.js development environment.

Install `nvm` for managing Node.js versions

nvm allows installing several versions of Node.js to the same system. Sometimes applications require a certain versions of Node.js to work. Having the flexibility of using specific versions can help.

Open new Terminal window.

NOTE: the list has moved to https://github.com/sketchplugins/plugin-directory

Sketch Plugins

A list of Sketch plugins hosted at GitHub, in no particular order.

brandonbeecroft/Lorem-Ipsum-Plugin-for-Sketch This is a plugin for quickly creating Lorem Ipsum text in Sketch
sebj/Sketch Templates and Plugins for Sketch by Bohemian Coding
FredericJacobs/crop_Artboard A script to export the Sketch App artboards to the clipboard
almonk/SketchGit A simple Git client built right into Sketch.

	function Validator(req, res) {
	this.req = req;
	this.res = res;
	this.validators = [];
	this.errors = [];
	}

	Validator.prototype.add = function(name, rules) {
	this.validators.push({
	name: name,

	/*
	=====================================================================
	arrayToGovukTable

	Convert an array to form needed for govukTable macro
	=====================================================================

	Expects array or nested array.

	Usage:

	router.get('/section-1*', function(req, res, next){
	res.locals['serviceName'] = foo
	next()
	})

	.autocomplete__wrapper {
	position: relative;
	}

	.autocomplete__hint,
	.autocomplete__input {
	-webkit-appearance: none;
	border: 2px solid;
	border-radius: 0; /* Safari 10 on iOS adds implicit border rounding. */
	box-sizing: border-box;

	# Compiled source #
	###################
	*.com
	*.class
	*.dll
	*.exe
	*.o
	*.so

	# Packages #