Simon Griffee · Design · Photography · Writing · Illustration

What: code

Learning to Program in Python

A drawing Monty Python’s foot from the original in Venus, Cupid, Folly and Time.
The Python programming language was named after the BBC’s comedy series Monty Python’s Flying Circus created by, among others, John Cleese. Perhaps this in itself says much about the language.

A friend with no programming experience asked how to learn to program a computer using the Python language, so I wrote this list:

…continue #

Every student in every school should have the opportunity to learn computer science.

HTML Form to File.txt

Summary: HTML/JavaScript form that saves user input into a text file in Markdown format with YAML front matter for use on your local computer. Use to quickly create a post for publishing with a static website generator such as Hugo or Jekyll. After my recent site redesign my photo publishing workflow is as follows: After choosing a photograph in Lightroom, I export it into the images folder of my Hugo-powered site on my computer.

Designers That Code #

Jenifer Tidwell:

So, it’s possible to be seen as both a designer and a coder. But it requires very, very careful management of your personal brand. Set expectations clearly, and defend your personal boundaries — if you’re doing more coding than you like, you’ll have to decide when and how to push back or ask for more design responsibility.

Script to Convert Django Flatpages to Hugo Markdown Files with YAML Frontmatter

I needed to export a lot of entries stored in the SQLite database of my previous Django site for importing into the new Hugo-powered Thankfully, Sam Kingston had already written a script to export Mezzanine blog posts to Jekyll, so I modified it to make, below. To use it: Save the the code below in a file called and put it in the following location: yourdjangoproject/ management/ commands/ djangoflatpage2hugo.



A few websites I have made in the past.


Web Design: Where to Begin

To make good websites you need good writing skills. Clear writing is good web design. You also need to know some Hypertext Markup Language (HTML) to define your content (text, images, etc) in a way a web browser can understand, and some Cascading Style Sheets (CSS) to control how this content is presented. Begin by reading the classic article on web design: A Dao of Web Design. Then: On the Web Any of the following resources (I particularly like Simple & Useful) are good ways forward:


Web Typography Template

Good web design involves good writing and good typography. To offer the latter to anybody looking to make reading easy on a web browser or a mobile device, I made an HTML & CSS template using the first chapter of Olaf Stapledon’s Star Maker as example text and the Georgia typeface.

Here’s the HTML and CSS code, and here's a preview image:

Simple web typography template (HTML and CSS).

See also: Another template using the Roboto typeface.

Pasta Clock

Pasta Clock

Pasta Clock

Graphic design, website design, copywriting


Overcooked pasta.


I worked with Jimmy Boss to cobble together a website that helps everyone cook pasta al dente rather than al mush.

Work Done

Graphic design, HTML markup, CSS, JavaScript hacking. Visit site →