Skip to content
webcraft
Share
Explore

icon picker
projects


Miscellaneous

Fix WOFFER
Typography test page
Rewrite do100things

Simple Tools Inc.

Collaborative plain-text lists
Pastebin but prettier
Index card generator
Simple spreadsheets in the browser
Trackyear
Baker’s dozen

Sites I’d Like To Make

A showcase of that I’ve designed, for clients to pick and choose details from.

clone

Literally just multi-column todo lists, but without the weekly view thing. Plain text. Dense and small font size.
I consider this the platonic ideal of to-do list UIs:
Screenshot 2023-07-14 at 4.23.42 AM.png

for TPOT

Page with densely-packed boards for each user in ingroup, probably sorted by popularity (we’ll track number of clicks or something). Editable through an HTML + CSS-previewing frontend ().
Layout ideas (grid, comic book, messy)
Use Login with Twitter if that’s still working.

Boarding

Scapple in the browser.
Might just replace the Teudeux clone with this tbh.

Hugo/Ghost theme for poetry

See , might use similar interactions, one line being revealed at a time. Delay decided by line length. Clicking reveals the whole poem.
Simple layout, serifs, title and poem formatting.

A Hugo theme for books

Check out my for design inspiration. Basically a framework for publishing book-like content as a website.
Support themes, easy customization.
Eventually make a paid version for Ghost.
I have a list of all the possible typographic elements.
epigraphs
small-caps
drop-caps (semantic?)
headings
bold, italic, underline (<del>, <s>), highlight (<mark>)
quoteblocks (cite), <q>
tables (caption have numbering, tfoot)
sub/superscripts
code
latex
lists
using tables to create lists with custom bullets
footnotes (<section>), endnotes, margin notes (aside, “by the way” section at the bottom),
links (in-line, in-book, external)
page (<main>)
<big>, <small>
figcaptions
double-triple-column sections (<section>?)
outline (<details>)
dl, dt
footer
<hr>
<legend>?
<map>?
<rb>?
span
title
table of contents
images, captions

Web elements
audio
video
embed
iframe
nav
<progress>

Book elements
double vs.single page views
dedication, foreword, preface, acknowledgements
contents page
lists of figures
numbered vs. non-numbered pages
appendix
glossary
endnotes
bibliography
index (entries, subentries)
life:
beginnings of 2, 98
DNA’s role in 5-7, 10
chapters
sections, subsections
asterix footnotes (*** vs. *)
colophon
cover
frontispiece
grids

ideas
page numbers based on (customisable) unit of text length
automated numbering for footnotes
stylesheets can be used as meta-themes
4 styles (v1, prose, textbook, modern)
bookmarks
highlights (check hypothesis)
metadata tags
outlining
details element
acronyms/defintion expansions
multiple kids of footnote markers
port over a famous sequence (rohit? tis? guillermo)
auto-generated numbering for images? (16.2, fig. 1, etc)

Theme for a commonplace book

The best I’ve seen so far is .
Or a platform for maintaining a commonplace idk.

Internet maps

How do you represent geography on the internet? Mostly a map of domains, perhaps people (with their own towns?). How do you represent time and area and groupings?
I have a list of websites I want to curate, but I don’t want it to be just another list, I want to plot them on a map.
Might use
.
Might do this as an SVG like and .

A design system + landing page for

Create a bunch of different concepts and pick the best.
Try to avoid flat minimalism and too much whitespace.
System will be used across the web dashboard, theme editor, and landing page.

Internet Canon

Whatever I was trying to do with , but more comprehensive and filterable. Allow reader submissions?


Index card generator

“Takes a repository of issues (Linear, GitHub Issues, etc.) and turns them into an easily printable PDF of index cards for triaging.”
Same idea, but for other stuff too.

Pastebin but prettier

Three themes, excellent typography, rich text.
It’s crazy how there’s no way to go from text to webpage in one step without bringing out google docs or Notion.


Mac icons

Maybe retro, maybe minimal, maybe monochrome, maybe paper, maybe...what?
See Paco’s simple collection called
.
Could have half the pack be free and the other half paid.
It’s time to make computers pretty again.
Maybe Windows too?

Trackyear

A year-long calendar. 365 tiny squares with the ability to add text to each one, and/or mark it with a color.
Way to import birthdays?
Month-wise on desktop, weeks on mobile.

1kb, a baker’s dozen

13 CSS files, each under 1kb (maybe), that can be added to any HTML page and make every element readable + pretty.
Could do one for each font in .
Free and open-source.



Large projects


Personal Dashboard platform

Think about UI layouts for stuff like quantified self, lots of graphs and and numbers. Different themes. Hypercard UI.
And . There are so many possibilities.
Privacy will be a concern.

A static file blogging platform

Based on Hugo, web editor with markdown preview.
Might be able to run parts of Hugo in the web with webAssembly to get live previews? Or just hot reload on the server.
Want to print your doc?
This is not the way.
Try clicking the ⋯ next to your doc name or using a keyboard shortcut (
CtrlP
) instead.