Floating text from cursor generative demo
A quick JS/CSS experiment where text trails the cursor, inspired by a tweet. I fed it a random Nostradamus paragraph and called it a nice little deviation.
Tagged Articles
11 articles
A quick JS/CSS experiment where text trails the cursor, inspired by a tweet. I fed it a random Nostradamus paragraph and called it a nice little deviation.
A minimal toggle built from a single checkbox input. It is pure CSS using pseudo-elements for the track and thumb, so it drops into a form without extra markup.
I ported my canvas tunnel demo to the Oculus Rift using oculus-bridge and a CSS shader warp. It renders a canvas per eye and keeps the canvas small enough to work within Chrome's filter limits.
I recreated a handful of math-y GIFs for the JSBin birthday competition and wrote up the results with demos. This covers a wavy pattern, a crosshatch switch, a P-wave/compression wave, and a "rough seas" variant.
A bookmarklet that cycles colors across every element on the page. Drag it to your bookmarks, click it on any site, and enjoy the chaos...
Two wave sims I put together after going down a water-effects rabbit hole: one in JavaScript + canvas, and one that does it with just HTML/CSS. Both have embedded demos (and CodePen links) and were picked / featured on codepen.
I share what I ended up submitting for JS1k #3 and the ideas I tried before landing on it. The final entry is a tiny terrain-ish height line mixed with a wave effect, squeezed into 1k.
I built a timed rotary counter using only CSS3 animations, no images and no JavaScript. The post covers the looping trick and links the demo.
JS1k Christmas submission
Theres a javascript 1k competition going on here the rules are simple make something using only javascript in under 1k. It can be minified, whatever just as long as its 1024 bytes or smaller. This is what I submitted (Caution could cause seizures, and vomiting!). You can only submit one thing which kind of sucks...