Simon Griffee · Design · Photography · Writing · Illustration

What: website design

Arguman #

Open source argument analysis platform for critical thinking using argument maps. Love the design that uses American Typewriter.

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.

Website Redesign

Ferns in spring in Inwood Hill Park, New York City, May 2016. After eleven years apart, hypertexthero.com (design) and simongriffee.com (photography) were combined into one — this — website. If you came here looking for photographs, don’t worry, those are not going away and regular entries depicting the streets of New York will resume shortly right here in the Notebook (the front page). A mailing list is still available for my six faithful subscribers, as is an RSS syndication feed, and you can now browse content by keyword, time, location and the randomness of life thanks to Hugo’s wonderful Taxonomies system.

…continue

Websites

A few websites I have made in the past.

…continue

International Plant Protection Convention Website

International Plant Protection Convention website homepage sketch.

…continue

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:

…continue

IT Wishlist Web Application

IPPC IT Wishlist website about page.

…continue

Earth Among the Stars

Earth Among The Stars in HTML and CSS.

HTML, CSS, Monospaced Font

I was reading Carl Sagan and Olaf Stapledon and decided to make a simple HTML and CSS experiment. See also: A typography template.

Food News Web Application

Food News website homepage.

…continue

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.

Australian Plant Biosecurity Program Website & Graphic Design

Australian Postgraduate Study in Plant Biosecurity Program website design.

…continue

F*!@#$% Accessible FAQ

A screenshot of the FAQ.

…continue

Angelo Paionni Photographer Website

Website for Angelo Paionni.

…continue

Pasta Clock

Pasta Clock

Pasta Clock

Graphic design, website design, copywriting

Problem

Overcooked pasta.

Solution

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 →

Imaginary Lines

…continue