Music

WebGL Slideshow

Stuff

C64 choonz
some C64 tunes (not by me) because why not

jsxm
a FastTracker II song for the same reason

Things I Made

(Web)Dev Toolbox

A collection of random things around (web) development I found interesting or useful.

Archive

Eigenmode

A site I once made for my mother. It's the minimalistic kind of beautiful I love. I also included a tiny file-based mini content-management system to allow her to edit any text snippet on the site, and to add / edit items in the gallery.

Omnichat

PataPattern

I made this a million years ago, as an experiment and to play with JavaScript more than anything. (Seems to near some freeze mobile browsers)

heartcore

jsBoxx

Dodgy Game

A very simple game made with my own experimental game-engine thingy. Uses WebGL, needs a mouse to play properly.

LaGaga

sugarfree

prototype for internal tool to allocate phone numbers

Colorscheme Examples

Blogroll

Links to new articles of a few selected websites, made with small custom ATOM parser and backed by SQlite

Links

Buzzfuzz

Lorem ipsum generator to quickly generate fake data to test code or layouts with.

Links

Canvolve

Tries to match an input image with random shapes and colors. Not everything is configurable through the UI at the moment, and it's rather slow for how crummy the results are. Still, fun.

Links

La Playa

Audio player supporting playlists and drag and drop with some optional WebGL visualizations, made with vanilla JavaScript. I use this in conjunction with Autonomy CMS to make use of dynamic playlists provided by the CMS. I plan to rewrite this at some point.

OnePage

The tool used to automatically create the page you're looking at.

Features

  • Reads in a folder structure and converts each folder into a page in a nested web page.
  • Each folder can contain an index.html (or index.md and others) for content, and a index.json to set/override various parameters, allowing for easy restructuring by just moving folders around.
  • In addition to HTML and Markdown, supports an extremely minimalistic markdown-like .jot file format, basically just for links and indented lists.
  • Navigating between pages and expanding and collapsing items in the menu is done completely in CSS.
  • Switchable color themes.
  • Theoretically switchable layouts as well (but no good layouts made to use that with yet)

pic2text

A silly little something to convert images to characters.

Links

Sofopad

Links

Features

  • Quick note taking app made with vanilla JavaScript.
  • Uses HTML inline editable elements (just click titles and content to edit)
  • Saves changes automatically to local browser storage.
  • export/import notes as JSON

Updates

johann-lau.de