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.
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.
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 SimonGriffee.com.
Thankfully, Sam Kingston had already written a script to export Mezzanine blog posts to Jekyll, so I modified it to make djangoflatpage2hugo.py, below.
To use it:
Save the the code below in a file called djangoflatpage2hugo.py and put it in the following location: yourdjangoproject/ management/ commands/ djangoflatpage2hugo.
Excellent, epic writing by Paul Ford. The lead ‘Hello World’ picture is by nice person and photographer I’ve coincidentally met in NYC: David Brandon Geeting. I warmly recommend his book ‘Infinite Power’ if you can get a copy!
A few highlights from the gigantic, in web parlance, ‘wall of text’, to help convince you to go read the whole thing:
Compilation is one of the denser subjects in computer science, because the lower down you go, the more opportunities there are to do deep, weird things that can speed up code significantly—and faster is cheaper and better.
DRAKON is a visual language to represent any knowledge that explains how to accomplish a goal. See also: Using DRAKON to generate code from flowcharts:
Human eyes and brains are optimised for looking at shapes and patterns - not lines and lines of text. Drakon allows you to spot errors in your algorithms before you commit them to code.
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.
On the Web Any of the following resources (I particularly like Simple & Useful) are good ways forward:
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:
See also: Another template using the Roboto typeface.
The Electronic Frontier Foudantion has cracked the code (yellow dots, less than one millimeter in diameter, typically repeated over each page of a document) embedded in color printers’ prints used by the government for tracking possible counterfeits.