I'm a graphic designer from Finland and my practice is centered around self-made modular design tools. My interests include modular design, type ornament, text art, small web and the metaphysics of virtual design tools. I'm the creator and developer of glyphdrawing.club, a web-based modular design editor. You can write me at hlotvonen@gmail.com.
My Grid Drawing Club experiments
Try Grid Drawing Club yourself
My comprehensive guide to CSS gradients (IN FINNISH)
These are 100% HTML & CSS
- Early "Grid Drawing" experiments
- Grid Drawing: View of the lake (SUNSET)
- Grid Drawing: View of the lake (CLOUDY)
- Grid Drawing: View of the lake (SUNNY)
- Grid Drawing: Going on a cruise
- Grid Drawing: Going on a cruise (DUSK VERSION)
- Grid Drawing: Cave
- Interesting moire effect with a simple gradient 1
- Interesting moire effect with a simple gradient 2
- Film grain / noise with a simple CSS gradient trick
- Grid Drawing: Box
- Hypnotic pattern animation (caution: flashing full screen animation)
My HTML & CSS experiments
- Cool trick to fit any text into a square with just HTML & CSS
- Display link URL between paragraph lines
- Text as vertical columns (to read text on mobile in landscape mode)
- Hidden macOS fonts (only works on macOS doh)
- Text frame & text spiral trickery with HTML ruby element
- 11 different ways to render a truchet tile (◣) in the browser with no javascript.
- Resizing width in fixed increments / steps in CSS
- @font-face tips for typographic trickery
My SVG experiments
My other sites
- My portfolio (quite outdated)
- Glyph Drawing Club: modular graphic design and text art tool.
- Blog dedicated to all things GDC, modular design, ASCII art and text art.
- Results of GDC workshops I've hosted at Aalto University
- MoebiusXBIN editor: ASCII art with custom fonts & colors
- Bannermode: design large and complex Minecraft banner compositions.
- My coding course materials (in Finnish)