Archives

hover-letters

The first mechanics for a small game where you would have a finite set of moves to find and match words horisontally and vertically based on random letter reveals.

CSS Grid
Vanilla JS

event-landing-page

I developed a simple landing page for a series of thematically connected events that were supposed to be hosted in the spring of 2020. The pandemic forced them to be cancelled, but the header features some neat vertical typography on mobile and adaptive layout that I wanted to show. Content has been replaced with Nietzsche ipsum.

HTML
CSS
Vanilla JS

mudspot-landing-page

Landing page with email sign-up form for a music blog project I ran. Was exploring three.js to create particles and conversational interfaces to make the sign-up flow more engaging and reduce drop-off rate.

Conversational UX
Three.js
Anime.js
jQuery
Regex

flip-its

This little memory card game prototype was the result of both: a) procrastination but also b) the need for a tool that would allow me to better memorise talking points or specific terms and concepts for an oral exam. Would love to expand it with localStorage and mobile-friendly design in the future.

Tachyons
jQuery
CSS Flexbox
hover.css

markdown-blog-template

Based on the idea “what if I could just copy+paste the HTML from my markdown to publish a new blog post? Utilises alt-text set in markdown to identify keywords for styling and image variations applied on page load.

HTML
CSS
jQuery
Markdown